@charset "UTF-8"; /*! Animate.css - //daneden.me/animate Version - 3.4.0 Licensed under the MIT license - //opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .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.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .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 - //github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 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.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .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 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(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 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(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 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 - //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.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 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.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 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.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 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.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 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.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .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(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 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(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 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(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .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(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .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 - //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 - //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(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .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; } /* ============================================== slideDown ============================================== */ .slideDown{ animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideDown { 0% { transform: translateY(-100%); } 50%{ transform: translateY(8%); } 65%{ transform: translateY(-4%); } 80%{ transform: translateY(4%); } 95%{ transform: translateY(-2%); } 100% { transform: translateY(0%); } } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); } 50%{ -webkit-transform: translateY(8%); } 65%{ -webkit-transform: translateY(-4%); } 80%{ -webkit-transform: translateY(4%); } 95%{ -webkit-transform: translateY(-2%); } 100% { -webkit-transform: translateY(0%); } } /* ============================================== slideUp ============================================== */ .slideUp{ animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideUp { 0% { transform: translateY(100%); } 50%{ transform: translateY(-8%); } 65%{ transform: translateY(4%); } 80%{ transform: translateY(-4%); } 95%{ transform: translateY(2%); } 100% { transform: translateY(0%); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); } 50%{ -webkit-transform: translateY(-8%); } 65%{ -webkit-transform: translateY(4%); } 80%{ -webkit-transform: translateY(-4%); } 95%{ -webkit-transform: translateY(2%); } 100% { -webkit-transform: translateY(0%); } } /* ============================================== slideLeft ============================================== */ .slideLeft{ animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideLeft { 0% { transform: translateX(150%); } 50%{ transform: translateX(-8%); } 65%{ transform: translateX(4%); } 80%{ transform: translateX(-4%); } 95%{ transform: translateX(2%); } 100% { transform: translateX(0%); } } @-webkit-keyframes slideLeft { 0% { -webkit-transform: translateX(150%); } 50%{ -webkit-transform: translateX(-8%); } 65%{ -webkit-transform: translateX(4%); } 80%{ -webkit-transform: translateX(-4%); } 95%{ -webkit-transform: translateX(2%); } 100% { -webkit-transform: translateX(0%); } } /* ============================================== slideRight ============================================== */ .slideRight{ animation-name: slideRight; -webkit-animation-name: slideRight; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideRight { 0% { transform: translateX(-150%); } 50%{ transform: translateX(8%); } 65%{ transform: translateX(-4%); } 80%{ transform: translateX(4%); } 95%{ transform: translateX(-2%); } 100% { transform: translateX(0%); } } @-webkit-keyframes slideRight { 0% { -webkit-transform: translateX(-150%); } 50%{ -webkit-transform: translateX(8%); } 65%{ -webkit-transform: translateX(-4%); } 80%{ -webkit-transform: translateX(4%); } 95%{ -webkit-transform: translateX(-2%); } 100% { -webkit-transform: translateX(0%); } } /* ============================================== slideExpandUp ============================================== */ .slideExpandUp{ animation-name: slideExpandUp; -webkit-animation-name: slideExpandUp; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease -out; visibility: visible !important; } @keyframes slideExpandUp { 0% { transform: translateY(100%) scaleX(0.5); } 30%{ transform: translateY(-8%) scaleX(0.5); } 40%{ transform: translateY(2%) scaleX(0.5); } 50%{ transform: translateY(0%) scaleX(1.1); } 60%{ transform: translateY(0%) scaleX(0.9); } 70% { transform: translateY(0%) scaleX(1.05); } 80%{ transform: translateY(0%) scaleX(0.95); } 90% { transform: translateY(0%) scaleX(1.02); } 100%{ transform: translateY(0%) scaleX(1); } } @-webkit-keyframes slideExpandUp { 0% { -webkit-transform: translateY(100%) scaleX(0.5); } 30%{ -webkit-transform: translateY(-8%) scaleX(0.5); } 40%{ -webkit-transform: translateY(2%) scaleX(0.5); } 50%{ -webkit-transform: translateY(0%) scaleX(1.1); } 60%{ -webkit-transform: translateY(0%) scaleX(0.9); } 70% { -webkit-transform: translateY(0%) scaleX(1.05); } 80%{ -webkit-transform: translateY(0%) scaleX(0.95); } 90% { -webkit-transform: translateY(0%) scaleX(1.02); } 100%{ -webkit-transform: translateY(0%) scaleX(1); } } /* ============================================== expandUp ============================================== */ .expandUp{ animation-name: expandUp; -webkit-animation-name: expandUp; animation-duration: 0.7s; -webkit-animation-duration: 0.7s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes expandUp { 0% { transform: translateY(100%) scale(0.6) scaleY(0.5); } 60%{ transform: translateY(-7%) scaleY(1.12); } 75%{ transform: translateY(3%); } 100% { transform: translateY(0%) scale(1) scaleY(1); } } @-webkit-keyframes expandUp { 0% { -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); } 60%{ -webkit-transform: translateY(-7%) scaleY(1.12); } 75%{ -webkit-transform: translateY(3%); } 100% { -webkit-transform: translateY(0%) scale(1) scaleY(1); } } /* ============================================== hatch ============================================== */ .hatch{ animation-name: hatch; -webkit-animation-name: hatch; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; visibility: visible !important; } @keyframes hatch { 0% { transform: rotate(0deg) scaleY(0.6); } 20% { transform: rotate(-2deg) scaleY(1.05); } 35% { transform: rotate(2deg) scaleY(1); } 50% { transform: rotate(-2deg); } 65% { transform: rotate(1deg); } 80% { transform: rotate(-1deg); } 100% { transform: rotate(0deg); } } @-webkit-keyframes hatch { 0% { -webkit-transform: rotate(0deg) scaleY(0.6); } 20% { -webkit-transform: rotate(-2deg) scaleY(1.05); } 35% { -webkit-transform: rotate(2deg) scaleY(1); } 50% { -webkit-transform: rotate(-2deg); } 65% { -webkit-transform: rotate(1deg); } 80% { -webkit-transform: rotate(-1deg); } 100% { -webkit-transform: rotate(0deg); } }/*! * Bootstrap v3.3.7 (//getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (//github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: //github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.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}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.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>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#ff4e00;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#dd4200;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#dd4200;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#dd4200;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#ff4e00;border-color:#eea236}.btn-warning .badge{color:#ff4e00;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{position: absolute; width:100%; text-align:center; color:#fff; right: 0px; padding:8px 15px;margin-bottom:20px;list-style:none;background-color:transparent;border-radius:4px; padding-right:0px; padding-left:0px;}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline-block; float:left; margin:3px;}.pagination>li>a,.pagination>li>span{position:relative; padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#e8e4e4;border-radius:3px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#ff4e00}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#dd4200}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#ff4e00}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{padding: 10px; position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}} /*# sourceMappingURL=bootstrap.min.css.map */.box-slider{ width: 100%; position: relative; } .jssora05l, .jssora05r { display: block; position: absolute; /* size of arrow element */ width: 40px; height: 40px; cursor: pointer; background: url(../images/a022.png) no-repeat; overflow: hidden; } .jssora05l { background-position: -10px -40px; } .jssora05r { background-position: -70px -40px; } .jssora05l:hover { background-position: -130px -40px; } .jssora05r:hover { background-position: -190px -40px; } .jssora05l.jssora05ldn { background-position: -250px -40px; } .jssora05r.jssora05rdn { background-position: -310px -40px; } .jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; } .jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; } /*** Slider product **/ .jssora05l, .jssora05r { display: block; position: absolute; /* size of arrow element */ width: 40px; height: 40px; cursor: pointer; background: url(../images/a022.png) no-repeat; overflow: hidden; z-index: 98; } .jssora05l { background-position: -10px -40px; } .jssora05r { background-position: -70px -40px; } .jssora05l:hover { background-position: -130px -40px; } .jssora05r:hover { background-position: -190px -40px; } .jssora05l.jssora05ldn { background-position: -250px -40px; } .jssora05r.jssora05rdn { background-position: -310px -40px; } .jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; } .jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; } .jssort01 { position: absolute; /* size of thumbnail navigator container */ width: 500px; height: 100px; border:1px solid #ffffff; } .jssort01 .p { position: absolute; top: 0; left: 0; width: 97px; height: 84px; border:1px solid #d7d7d7; } .jssort01 .t { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .jssort01 .w { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .jssort01 .c { position: absolute; top: 0px; left: 0px; width: 97px; height: 84px; box-sizing: content-box; background: url(../images/t011.png) -800px -800px no-repeat; _background: none; } .jssort01 .pav .c { top: 0px; _top: 0px; left: 0px; _left: 0px; width: 97px; height: 84px; background-position: 50% 50%; } .jssort01 .p:hover .c { top: 0px; left: 0px; width: 97px; height: 84px; background-position: 50% 50%; } .jssort01 .p.pdn .c { background-position: 50% 50%; width: 97px; height: 84px; } * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c { /* ie quirks mode adjust */ width /**/: 97px; height /**/: 84px; }.bx-wrapper { position: relative; margin: 0 auto 20px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } .bx-wrapper .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -12px; width: 100%; } .bx-wrapper .bx-loading { background: url(../images/loader.gif) center center no-repeat; min-height: 50px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: inherit; font-weight: bold; color: #666; line-height: 10px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background-color: rgba(35, 35, 35, 0.3); text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: rgba(35, 35, 35, 0.8); } .bx-wrapper .bx-prev { left: 10px; background: url(../images/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(../images/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 2; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { background: url(../images/controls.png) -86px -11px no-repeat; display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { background: url(../images/controls.png) -86px -44px no-repeat; display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: inherit; display: block; font-size: .85em; padding: 10px; }/*! * Font Awesome 4.7.0 by @davegandy - //fontawesome.io - @fontawesome * License - //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; } @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-euro:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; }*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; outline:none; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body{ overflow-x: hidden; font-family: 'Open Sans', sans-serif; line-height: 20px; font-size: 15px; } img { border: 0; font-size: 0; line-height: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; } .clearfix:before, .clearfix:after { display: table; content: " "; } .clearfix:after { clear: both; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } /* HTML5 display-role reset for older browsers */ article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline} audio:not([controls]) { display: none; height: 0; } img { border: 0; font-size: 0; line-height: 0; } ol, ul { padding:auto; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { color: #000; text-decoration: none; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } h1, h2, h3, h4, h5 { font-weight: bold; } h1 { font-size: 15px; line-height: 22px; } h2 { font-size: 20px; line-height: 24px; } h3 { font-size: 16px; line-height: 20px; } h4 { font-size: 16px; line-height: 20px; } h5 { font-size: 16px; line-height: 20px; } table { border-collapse: collapse; border-spacing: 0; } p{ margin: 0px; } input,textarea,select,button{outline:none !important; } a,a:hover,a:active,a:focus,a:visited{ text-decoration: none; } a:hover,a:focus{ text-decoration: none; color:#ED1C24 } .f-space05{margin-top:5px}.f-space08{margin-top:8px}.f-space11{margin-top:11px}.f-space10{margin-top:10px;padding-top:10px}.f-space15{margin-top:15px}.f-space20{margin-top:20px}.f-space25{margin-top:25px}.f-space30{padding-top:40px}.f-space45{margin-top:45px}.f-space50{margin-top:50px}.f-space70{margin-top:70px}.f-space100{margin-top:100px} /*------------------------css header-----------------------------------*/ .khung_fix{ margin:auto; position:relative;} .box_slide_home{ width:100%;} .box_ad_slide{ width:38.5%; float:right; } .ad_slide2{ margin-top:9px;} .special-price{ text-align:center;} .special-price span{ display:inline-block; padding-left:5px; padding-right:5px;} .special-price .product-price-old{ text-decoration:line-through} .special-price .product-price{ font-weight:bold; font-size:16px; color: #00a859; letter-spacing:0; text-align:center;} .like_bt_sp{ position:absolute; right:10px; bottom:0px;} .sale-flash{ font-size:11px; color:#ffffff; letter-spacing:0; text-align:center; height:25px; line-height:25px; padding-left:7px; padding-right:7px; background: #00a859; position:absolute; right:10px; top:10px; z-index:5} .owl-carousel .owl-nav{ width:100%; top:40% !important; right:0px !important;} .owl-carousel .owl-nav .owl-prev{ top:20%; left:-36px; position:absolute; } .owl-carousel .owl-nav .owl-next{ top:20%; right:-36px; position:absolute; } .owl-carousel .owl-nav div{ text-align:center;line-height:30px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; color:#868686 !important ; } .owl-carousel .owl-nav div img{width:25px} .menu_sp .owl-nav{ top:27% !important; width:97%; left:10px} .h_thm_sp{ margin-left:-10px;} #wh-widget-send-button.wh-widget-right{ right:66px !important;} .zalo-chat-widget{ bottom:8px !important;} .ten_trang_con{ } .btn2{ background:#fff; border:solid 1px #E6E6E6; -webkit-border-radius: 90px !important; -moz-border-radius: 90px !important; border-radius: 90px !important; } .btn-2{ border-radius: 22.5px; background: #9b582b; color:#fff; border:none !important} .btn-2:hover{ background:#008d4a; color:#fff; } .divtruma{ line-height:30px;} .tin_ct_left{ width:70%; float:left;} .tin_khac_right{ width: 28%; float:right;} .hinh_tin_k{ width:35%; float:left;} .hinh_tin_k img{ width:100%;} .ten_tin_k{ width:62%; float:right;} .ten_tin_k a{ font-size:16px; color:#202020; letter-spacing:0; text-align:left;} .ten_tin_k a:hover{ color:#ffbd00} .ten_tin_k span{ font-size:14px; color:#ffbd00; letter-spacing:0; line-height:19px; text-align:left; display:block} .tin_item_khac{ padding-bottom:20px; margin-top:20px; border-bottom: solid 1px #E5E5E5} .tieude_lienquan{ border-bottom: solid 1px #979797; padding-bottom:7px; margin-bottom:10px;} .hinh_ct_view{ padding-bottom:10px; padding-top:10px;} .hinh_ct_view img{ width:100%;} .tin_khac_right div:last-child { margin-bottom: 0px; border: none; } .bg_con{ width:100%; height:190px;} .trangsp{ width:1170px; margin:auto;} .trangsp .container{ padding-left:0px !important; padding-right:0px !important;} .box_td{ border:solid 1px #F2F2F2; background:#fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height:40px; line-height:40px; } .box_td a.box_add{ background:url(/images/cong1.png) no-repeat left; padding-left:20px; cursor:pointer } .box_td_1{ width:28%; float:left; text-align:center} .box_td_2{ width:28%; float:left; text-align:center} .box_td_3{ width:22%; float:left; text-align:center} .box_td_4{ width:22%; float:left; text-align:center} .show_nd_td{ background:#fff; padding:10px; display:none; padding-left:23px; padding-bottom:30px;} .box_no_bo .box_td{ border:none !important;} .box_no_bo a.box_add{ background:url(/images/tru1.png) no-repeat left !important; } .input_td{ width:100%;padding:5px; border:solid 1px #EEE; outline:none; padding-left:15px;} .mb_1{ margin-top:15px;} .upload_td{ background:url(/images/up.png) no-repeat left top; padding-left:30px; display:inline-block; margin-left:30px; cursor:pointer; float:right; margin-top:5px;} .slide_sp_km{ width:100px; float:left; position: relative;} .slide_sp_km ul li{ height:80px; cursor:pointer } .slide_sp_km ul li img{ height:70px;} .slide_sp_km ul li .item_hinh_sp{ border:solid 1px #F0F0F0;margin-bottom:5px; margin-top:5px; overflow:hidden} .slide_sp_km ul li .hinh_sp_acti{ border:solid 1px #6F471C !important ;} .hinh_sp_full{ width:73.7%; float:right; padding-top:5px;} .hinh_sp_full img{ width:100%;} .next_sp{ position:absolute; width:100%; top:0px; background:rgba(255, 255, 255, 0.4); padding-top:5px; padding-bottom:5px; text-align:center; z-index:99} .prev_sp{ position:absolute; width:100%; bottom:0px; background:rgba(255, 255, 255, 0.4); padding-top:5px; padding-bottom:5px; text-align:center; z-index:99 } .bo_ct{ position:absolute; width:50%; right:0px; bottom:-20px; } .bo_ct img{ width:100%;} .thuoc_tinh_sp{ padding-top:15px; clear:both;} .thuoc_tinh_sp span{ float:left; width:120px; font-weight:bold;} .thuoc_tinh_sp span:last-child{ width:300px; font-weight:normal} .bt_tuyendung{ position:absolute; bottom:17px; left:0px;} .shop-cart2{ position:absolute; right:20px; top:12px; display:none} .shop-cart2 .count-pro{ font-size:8px; color:#fff; font-weight: 400; width:10px; height:10px; line-height:10px; background: #9b582b; background-size: 100%; text-align:center; position: absolute; top: -2px; right: -4px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; } .tim_kiem_mb{ position:absolute;right: 38px; top: 13px; width:30px; display:none} .tim_kiem_mb2{ position:relative; width:100%;} .khung_tim_kiem{ width:300px; right:-40px; top:25px; z-index:9; } .tim_kiem_mb2 input{ outline:none; border:solid 1px #EEE} .tim_kiem_mb2 input::placeholder { font-size:12px !important; } .dropdown-backdrop{ display:none !important; } .tim_kiem_mb button{ border:none; background:none; outline:none;} .tim_kiem_mb .dropdown-menu{ background:none; right:236px; left:auto; border:none;box-shadow:none;} .slider_mn_sp .owl-dots{ display:none !important} .menu-tabs2{ position:static; margin-left:14px; display:none; } .menu-tabs2 button{ background:#fff; border:solid 1px #E4E4E4; padding:5px;width:120px; text-align:left;} .menu-tabs2 li a{ padding-left:20px !important; line-height:30px !important; font-weight:400 !important; font-size:14px;} .bophan_mb{ display:none;} .capbac_mb,.diadiem_mb{ display:none;} .show-cart .btn-2{ padding:9px;} .thong_tin_dat_hang{ position:relative; width:80%;} .item_tel_home{ position:absolute; right:200px; top:15px; color: #00a859; background:url(/images/phone3.png) no-repeat left; background-size:38px;height:38px; line-height:38px; padding-left:45px; font-family: 'Lobster', cursive;} .item_tel_home a{ color: #00a859;line-height:38px;} .shop-cart{ position:absolute; right:0px; height: 38px; -webkit-border-radius: 90px; -moz-border-radius: 90px; font-size:14px; border-radius: 90px; padding-left:20px; padding-right:20px; line-height:40px; top:-4px; background:#9b582b url(/images/cart.png) no-repeat left; background-size:18px; background-position:13px 7px; padding-left:40px;} .t-semibold{ font-size:20px;} .container{ position:relative;} .k_top{ background:#F5F5F5;} .k_top_1{ width:1250px; margin:auto; position:relative; text-align:right; height:35px;} .k_top_1 span{ display:inline-block; font-size:17px; float:right } .k_top_1 span img{ margin-right:5px;} .k_top_1 span a{ color:#2E3192; font-size:17px; font-weight: bold; } .k_top_1 span.t_phone{ padding-top:7px;} .k_top_1 span.t_giaohang{ border:none;} .t_email{ position:absolute; right:0px; top:0px; padding-right:0px;} .menu_sp_home { width:1140px; padding-top:20px; padding-bottom:20px; margin:auto;font-family: 'Lobster', cursive;} .item_mn_sp a{ height:94px; border:solid 1px #EBEBEB; display:block} .item_mn_sp a{ background-repeat:no-repeat; background-position:4px center;} .item_mn_sp a span{ padding-left:75px; padding-top:30px; display:block;font-size:18px;} .nd_l_sp{ width:1170px; margin:auto} .demonline{ padding-top:10px; padding-bottom:10px;} .demonline ul li{ display:inline-block; margin-right:5px; background:#fff; padding:3px; color:#093; padding-left:5px; padding-right:5px;} .tintuc_nb_home{ width:1140px; margin:auto; padding-top:10px; } .tintuc_nb{ padding-top:10px;} .item_tin_home{ padding-bottom:10px; border: solid 1px rgba(151,151,151,0.2)} .ten_tin_home{ padding-top:7px; padding-left:10px;padding-right:10px;} .ten_tin_home a{ color: #4a4a4a; font-size:16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; font-weight:700; -webkit-box-orient: vertical;} .date_home{ padding-left:10px;padding-right:10px; padding-top:7px; font-size:14px;} .date_home img{ width:auto !important; display:inline-block !important; margin-top:-2px;} .chu_thich_tin_home{ height:67px; padding-left:10px;padding-right:10px; overflow: hidden; text-overflow: ellipsis; font-size:14px; display: -webkit-box; -webkit-line-clamp: 3; padding-top:7px; -webkit-box-orient: vertical;} .chazalo{ position:fixed; right:10px; bottom:10px; } .chazalo img{ width:70px;} .doi_tac_home{ width:1140px; margin:auto; padding-top:30px;padding-bottom:20px;} .item_doitac{ border:solid 1px #EBEBEB; padding:15px; text-align:center;} .khung_thongtin span{ display:inline-block; color:#fff; font-family: 'Lobster', cursive; margin-right:55px; } .t_mienphi{ background:url(/images/mienphi.png) no-repeat left center; background-size:61px; padding-top:20px; height:50px; padding-left:65px; } .t_thanhtoan{ background:url(/images/thanhtoan.png) no-repeat left center; background-size:46px; padding-top:20px; height:50px; padding-left:65px; } .t_tuvan{ background:url(/images/tuvan.png) no-repeat left center; background-size:38px; padding-top:20px; height:50px; padding-left:55px; } .trumdknt a{ color:#fff !important} .k_dang_ky_mail{ position:absolute; right:0px; top:14px; width:38%} .k_dang_ky_mail input{ border-radius: 3px; border: solid 1px #ffffff; display:inline-block; background:#fff; outline:none; padding:5px; height:36px; width:70%; padding-left:10px;} .k_dang_ky_mail input::placeholder { color:#A6A6A6; font-size: 14px; font-style: italic; font-weight: 400; opacity: 1; } .input_mail{ position:relative;} .k_dang_ky_mail button{ display:inline-block; z-index: 3; width: 20%; height:36px; background:#F39422; color:#fff; border:none; border-radius: 3px; margin-left:4%; } .k_dang_ky_mail button:hover{ background:#2E3192} .content { position:relative;} .phan_sap_xep{ width:1140px; margin:auto;} .phan_sap_xep span{ display:inline-block; padding-right:25px; cursor:pointer} .phan_sap_xep span:hover{ color:#008d4a} .phan_sap_xep span.selected{ color:#008d4a} .msp{ color: #979797; font-family: Roboto; font-size: 15px; font-weight: 400; line-height: 18px; padding-bottom:10px;} .header-sm .col-xs-3{ width:100% !important; text-align:center; } .header-sm .col-xs-3 .logo{ padding-top:5px; padding-bottom:5px;} .header-sm .col-xs-3 .logo img{ margin-left:58px;} .ndlh_ttt{ width:52%; float:left;} .f_lienhe_ttt{ width:45%; float:right} .item_lh{ border-bottom:solid 1px #979797; color: #4a4a4a; padding-bottom:15px; padding-top:15px;} .item_lh .lb_lh{ font-weight:700; padding-bottom:5px;} .phone_mb{ position:fixed; z-index:99; top:23px; left:18px; display:none } .phone_mb a{ display:block; width:33px; height:33px; background:url(/images/phone3.png) no-repeat; background-size:100%; cursor:pointer } .detail-wp img{ max-width: 100% !important; height:auto !important} .social-share{ display:none} .cskhang{ padding-left:70px;} .trumcpyring{ float:right;} .danaweb{ float:left;} .tim_kiem_home{ position:relative;} .show_auto_tim{ position:absolute; left:0px; top:35px; width:100%; box-shadow: 0 1px 4px 0 rgba(0,0,0,.26); border-radius: 2px; overflow: hidden;z-index:9999} .item_tk{ } .item_tk a{ display:block;padding:7px;background-color: #fff;} .item_tk:hover{ background:#F5F5F5} .lang_web{ position:absolute; right:0px; top:30px;} .lang_web img{ width:24px; margin-left:8px;} .khung_fix2{ width:1180px; margin:auto; position:relative;} .khung_tim_kiem{ background:#F39422; height:60px; width:100%;} .ten_tk{ font-size:24px; color:#fff; padding-top:20px; font-weight:bold; float:left} .khung_tab{ float:right; width:45%; padding-top:17px; text-align:right;} .item_tab{ display:inline-block; margin-left:2%; padding-top:3px; padding-bottom:3px; text-align:center; border-radius: 2px; padding-right:25px; padding-left:25px; background: rgba(255,255,255,0.25); cursor:pointer} .item_tab a{ color:#fff; font-size:12px; font-weight:bold; text-transform:uppercase;} .item_tab:hover{ background:#293A80} .tk_acti{ background:#293A80} .khung_nhap{ padding-top:30px; padding-bottom:30px} .input_timkiem{ width:18.4%; margin-right:2%; float:left;} .bt_tk{ margin-right:0px;} .tk_from{ border:solid 1px #D8D8D8; width:100%; font-size:14px; font-weight:bold; padding-top:10px; padding-bottom:10px; padding-left:15px; color:#6F7078;border-radius: 2px; -moz-appearance: none; -webkit-appearance: none; appearance: none;} .icon_loca{ background:url(/images/loca.png) no-repeat 90% center; background-size:12px; } .icon_time{ background:url(/images/lich.png) no-repeat 90% center; background-size:16px; } .icon_down{ background:url(/images/down.png) no-repeat 90% center; background-size:16px; } .btn_tk{ background:#293A80;border-radius: 2px; width:100%;padding-top:10px; padding-bottom:10px; border:none; color:#fff; text-align:center;} .btn_tk img{ width:16px; margin-right:10px; margin-top:-2px;} .mb_lg_sp .item_mn_sp{ text-align:center;border: solid 1px #EBEBEB; } .mb_lg_sp .item_mn_sp a{ display:inline-block; margin:auto; border:none;} .line2{ position:relative;} .line2 h2{ font-size:30px; line-height: 39px; font-weight: 400; color: #00a859; position: relative; text-align:center; width: 100%; overflow: hidden; font-family: 'Lobster', cursive; } .line2 .title-others{ font-size:19px; line-height: 35px; } .line2 h2.title-others span:after{ bottom:11px; } .line2 h2 span{ position: relative; padding-right: 20px; color: #00a859; display:inline-block; background:#fff; padding-left:5px;padding-right:5px; z-index:2; margin:auto; text-align:center; } .line2:before{ content: ''; position: absolute; left: 0px; top: 19px; z-index:1; border-bottom: 1px solid #00a859; width: 100%; } .wrap-detail { text-align: justify; position: relative; } .social-share { position: absolute; top: -10px; right: 0; z-index: 7; height: 0; text-align: center; } .social-share input[type="checkbox"]{ display: none; } .social-share .checkbox:checked ~ .social { opacity: 1; -webkit-transform: scale(1) translateY(-67px); -moz-transform: scale(1) translateY(-67px); -o-transform: scale(1) translateY(-65px); transform: scale(1) translateY(-67px); -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; } .social-share .label { background-color: rgba(0, 87, 156, 0.8); border-radius: 4px; color: #ffffff; font-size: 17px; cursor: pointer; margin: 0; width: 30px; height: 30px; line-height: 24px; padding-left: 8px; padding-right: 8px; } .social-share .checkbox:checked + .label{ background-color: #acacac; color: #00579c; } .social-share .social { transform-origin: 50% 0%; -webkit-transform: scale(0) translateY(-167px); -moz-transform: scale(0) translateY(-167px); -o-transform: scale(0) translateY(-167px); transform: scale(0) translateY(-167px); opacity: 0; } .social-share ul { color: #ffffff; width: 90px; height: 30px; margin: auto; padding: 0; list-style:none; position: relative; left: 0; right: 0; } .social-share ul li { display: block; font-size: 15px; cursor: pointer; width: 30px; line-height: 30px; margin: 0; padding: 0; text-align: center; float: left; } .social-share ul li:hover { color: rgba(0,0,0,.5); } .social-share ul:after { content:''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #33bce9; display: block; position: absolute; top: 100%; left: 0; right: 0; height: 0; width: 0; } .social-share li[class*="facebook"] { background-color: #37528d; } .social-share li[class*="twitter"] { background-color: #33bce9; } .social-share li[class*="google-plus"] { background-color: #dc2310; } .label:empty{ } /*end icon chia s�/ .icon_xh { padding-right: 0px; } .icon_xh ul li{ display: inline-block; list-style-type: none; padding-right: 13px; } .hdtrencung{ background: #FCF13C; } #wrapper{ overflow: hidden; max-width: 1920px; margin: 0px auto; background: #f9f9f9; } .header { width: 100%; position: relative; z-index: 10; padding: 0; } .header-sm{ display: none; } .logo{ padding-top:15px; padding-bottom:17px;} .header .logo img{ height:53px; width:auto; } .box-search{ padding: 14px 0; } .find{ padding: 5px 16px; } .find .frm-search input[type="text"]{ width: 100%; height: 33px; border-radius: 90px; border:solid 1px #00a859; outline:none; padding: 10px 20px; float: left; font-size:14px; color:#c2ccd6; } .find .frm-search button[type="submit"]{ background: #9b582b url(../images/kl.png) no-repeat center center; height: 28px; font-size: 0px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; border: none; width: 28px; position: absolute; right: 3px; top: 2px; } .frm-search input::-webkit-input-placeholder { font-size:14px; color: #9e9e9e; } .frm-search input:-moz-placeholder { font-size:14px; color: #9e9e9e; } .frm-search input::-moz-placeholder { font-size:14px; color: #9e9e9e; } .frm-search input:-ms-input-placeholder { font-size:14px; color: #9e9e9e; } .header .shop-cart,.header .account{ width:auto; float: left; margin: 20px; } .header .item-tel{ float: right; width: auto; } .header .item-tel .icon{ } .header .item-tel .txt{ text-align: left; background:url(/images/ht.png) no-repeat left; padding-left:50px; background-size:35px; margin-top:10px; } .header .item-tel .txt a{ color:#fff;} .item-tel .txt h4{ font-weight: 300; font-size: 17px; line-height: 23px; } .account .img-user, .account .account-user{ float: left; } .header .shop-cart a{ font-size:14px; color:#fff; text-align: left; } .header .shop-cart .img-cart{ position: relative; } .header .shop-cart img{ margin-left: 5px; } .header .shop-cart .count-pro{ font-size:13px; color:#000; font-weight: 700; background: url(../images/count_pro1.png) no-repeat center center; background-size: 100%; padding:2px 4px; position: absolute; top: -17px; right: -15px; } .account .img-user img{ margin-right: 7px; } .account{ background: url(../images/sel_ac.png) no-repeat right center; background-position: 65% 30%; } .account .account-user p{ margin: 0 0 0px; } .account .account-user .login a{ font-size:16px; color:#002954; font-weight: 800; } .account .account-user .register a{ font-size:14px; color:#002954; font-weight: 300; } /*----------------------------end css menu header------------------------*/ .menu-home { width:100%; } .navigation>ul{ } /***menu drop**/ .menu-product{ position: relative; width: 100%; background:#008d4a; padding-left:10px; } .menu-product ul.dropdown{ position: absolute; background-color: #f1f1f1; min-width: 100%; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 99; margin: 0px; left: -9999px; padding-left: 0px; list-style: none; display: none; } .menu-product:hover ul.dropdown { display: block; left: 0px; } .menu-product .dropdown li{ position: relative; background:#fff; } .menu-pro .dropbtn { background:none; color: white; text-align:left; outline:none; padding-left: 30px; line-height: 45px; padding-right: 10px; border: none; cursor: pointer; font-size: 15px; width: 100%; } .menu-pro .dropbtn:hover{ color:#ffbd00;} .dropdown li a { text-decoration: none; display: block; -moz-transition: background-color .3s ease-in; -webkit-transition: background-color .3s ease-in; -o-transition: background-color .3s ease-in; transition: background-color .3s ease-in; } .dropdown > li > a{ } .dropdown li:hover a { } .dropdown li.ok > a { } .menu-pro ul ul { position: absolute; margin: 0; padding-left: 0; list-style: none; top: 0; left: -9999px; /*left: 100%;*/ width: 100%; background: #f1f1f1; opacity: 1; -moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease; -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease; -ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease; -o-transition: opacity 0.2s ease, -o-transform 0.2s ease; transition: opacity .2s ease, transform .2s ease; -webkit-transform: rotate3d(0, 1, 0, 45deg); -moz-transform: rotate3d(0, 1, 0, 45deg); transform: rotate3d(0, 1, 0, 45deg); -webkit-transform-origin: left center; -moz-transform-origin: left center; transform-origin: left center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; z-index:2; } .menu-pro ul li:hover > ul { left: 100%; opacity: 1; transform: rotate3d(0, 0, 0, 0); padding-left:4px; background:none; } .menu-pro ul ul li a { margin: 0px; padding: 0 20px; border-bottom: 1px solid rgba(0, 57, 117, 0.17); color:#00a859; font-size: 15px; font-weight: 300; text-decoration: none; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .menu-pro ul ul>li:hover>a{ color: #4287b2; } .menu-pro ul ul li.active a{ color: #4287b2; } /* Icon Sink Away */ @-webkit-keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } @keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } /* Icon Sink Away */ .hvr-icon-sink-away { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-left: 2.2em; } .hvr-icon-sink-away:before, .hvr-icon-sink-away:after { content: "\f0c9"; position: absolute; left:0px; font-size: 23px; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-sink-away:after { opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after { -webkit-animation-name: hvr-icon-sink-away; animation-name: hvr-icon-sink-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .khung_banner_sl.fixed3 { position: fixed; top: 0; left: 0; right: 0; z-index: 9; } .fixed .menuhome{ width:1180px; margin:auto;} .fixed .navigation > ul > li > a{ padding-left:20px; padding-right:20px;} .navigation, .navigation ul, .navigation ul li, .navigation ul li a { list-style: none; line-height: 0; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .navigation ul { width: 100%; margin: 0 auto; padding: 0; } .navigation:after, .navigation > ul:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .navigation { width: auto; z-index: 8; } .navigation > ul > li { display: table-cell; width: 1%; } .navigation > ul > li.has-sub a span{ position:relative; } .navigation > ul > li.has-sub a span::after{ width: 0; height: 0; position:absolute; right:0px; top:8px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; } .navigation > ul > li > a { color: #fff; display: block; font-size: 14px; line-height: 45px; text-align: center; text-transform:uppercase; padding: 0px 12px; white-space: nowrap; position: relative; transition: all 0.4s ease; } .navigation > ul > li:last-child > a { } .navigation > ul > li:hover, .navigation > ul > li:focus { } .navigation > ul > li > a:hover span, .navigation > ul > li > a:focus span, .navigation > ul > li.active > a span { } .navigation > ul > li > a:hover, .navigation > ul > li > a:focus, .navigation > ul > li.active > a { color:#CA9258; } .navigation > ul > li > a:hover span::after, .navigation > ul > li > a:focus span::after, .navigation > ul > li.active > a span::after{ } .navigation ul ul { position: absolute; left: -9999px; top: 50px; width: 100%; min-width: 250px; z-index: 999; opacity: 0; -webkit-transition: top 0.2s ease, opacity 0.2s ease-in; -moz-transition: top 0.2s ease, opacity 0.2s ease-in; -ms-transition: top 0.2s ease, opacity 0.2s ease-in; -o-transition: top 0.2s ease, opacity 0.2s ease-in; transition: top 0.2s ease, opacity 0.2s ease-in; } .navigation ul ul ul { width: auto; } .navigation.align-right ul ul { text-align: right; } .navigation > ul > li > ul::after { content: ""; display:none; position: absolute; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #00579c; top: -16px; left: 35px; } .navigation.align-right > ul > li > ul::after { left: auto; right: 20px; } .navigation ul ul ul::after { content: ""; position: absolute; width: 0; height: 0; border: 7px solid transparent; border-right-color: #00579c; top: 12px; left: -8px; } .navigation.align-right ul ul ul::after { border-right-color: transparent; border-left-color: #00579c; left: auto; right: -4px; } .navigation > ul > li:hover > ul { top: 45px; left: 0px; opacity: 1; } .navigation.align-right > ul > li:hover > ul { left: auto; right: 0; } .navigation ul ul ul { padding-top: 0; padding-left: 6px; } .navigation.align-right ul ul ul { padding-right: 6px; } .navigation ul ul > li:hover > ul { left: 200px; top: 0; opacity: 1; } .navigation.align-right ul ul > li:hover > ul { left: auto; right: 100%; opacity: 1; } .navigation ul ul li a { background-color: #fff; border-bottom: 1px solid #dfdfdf; color:#2f2f2f; font-size: 16px; font-weight: 300; text-decoration: none; padding: 0 10px 0 25px; line-height: 20px; width: auto; overflow: hidden; text-overflow: ellipsis; padding-top: 9px; padding-bottom: 9px; } .navigation ul ul li a::before { font: normal normal normal 10px/1 FontAwesome; content: "\f101"; position: absolute; top: 12px; left: 10px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .navigation ul ul li:hover > a, .navigation ul ul li > a:hover, .navigation ul ul li > a:focus { color:#911212; } .navigation ul ul li.active > a { color:#911212; } .navigation ul ul li:hover > a::before, .navigation ul ul li > a:hover:before, .navigation ul ul li > a:focus:before { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .navigation ul ul li.active > a::before { color: #911212; } /**** menu-tabs ***/ .list-menu-tabs2 li{ float:left; padding-right:20px;} .menu-tabs{ margin-top: 25px; } .menu-tabs ul li{ text-align: center; text-align: -moz-center;/*** Firefox**/ text-align: -webkit-center;/*** Chrome - Safari**/ } .menu-tabs ul li label{ width: 100%; color:#3f3f24; cursor: pointer; font-weight:400 !important; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-align: -moz-center;/*** Firefox**/ text-align: -webkit-center;/*** Chrome - Safari**/ } .menu-tabs ul li a{ font-size:18px; color:#3f3f24; line-height: 19px; position: relative; } .menu-tabs ul li label span.fa{ font-size: 35px; padding: 0px; color:#ff4e00; margin-bottom: 5px; } .menu-tabs ul li label.active span.fa{color:#ffffff;} .menu-tabs ul li label:hover span.fa{ color:#ffffff; } .menu-tabs ul li label span.fa:hover{ background: inherit; } .menu-tabs ul li label.active, .menu-tabs ul li label:hover{ color:#ffbd00; } .menu-tabs ul li label .title{ vertical-align: middle; display: table-cell; } .right-article{ float: left; } .left-article{ float: right; } /* list active*/ .wp-list{ margin-top: -10px; } .col-news { margin: 15px 0; } .col-news .comment .title a{ color:#202020;} .col-news .box { position: relative; } .col-news .box .img { border-bottom: 1px solid #efecec; } .col-news .time-view { color: #ffbd00; font-size: 13px; line-height: 18px; padding: 7px 0; margin: 0px; } .col-news .time-view .time { float: left; display: block; } .col-news .time-view .view { float: right; display: block; } .col-news .time-view .view { text-align: right; } .col-news .time-view:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .col-news .comment { text-align: justify; padding: 7px 10px 0; margin-bottom: 30px; height: 147px; overflow: hidden; color:#7c7c7c; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .col-news .comment h3 { margin-bottom: 10px; } .col-news .comment .title{ text-align:justify; } .col-news .comment .title, .col-news .comment a { color: inherit; } .col-news .comment a:hover, .col-news .comment a:focus { color: #e62028; } .col-news .box .detail { font-size: 13px; position: absolute; bottom: 5px; right: 10px; } .col-news .box .detail:hover, .col-news .box .detail:focus { text-decoration: underline; } .title-vs { position: relative; padding-bottom: 15px; font-size: 26px; } .time, .time-views { color: #ffbd00; font-size: 12px; } .time-views { border-bottom: 1px dotted #e8ebec; margin: 10px 0; padding-bottom: 10px; } .time-views label + label { margin-left: 10px; } .wrap-detail .social-like { margin: 20px 0 0; position: relative; z-index: 1; line-height: 20px !important; } .wrap-detail .social-like .item-social { float: left; margin: 0 10px 0 0; position: relative; } .wrap-detail .social-like .item-social ._2pi8 { padding: 0 !important; } .others { margin-top: 7px; } .others .title-other { border-bottom: 1px solid #573e33; color: #573e33; padding-bottom: 5px; text-transform: uppercase; } ul.list-other { margin: 15px 0 10px; padding: 0; width: auto; list-style: none; } ul.list-other li { font-size: 16px; line-height: 20px; /*text-transform: uppercase;*/ margin-bottom: 12px; padding-left: 27px; position: relative; } ul.list-other li::before { content: "\f0a4"; color: #573e33; font: normal normal normal 16px/1 FontAwesome; position: absolute; top: 50%; left: 0; margin-top: -8px; } ul.list-other li a { } ul.list-other li:hover, ul.list-other li:focus, ul.list-other li a:hover, ul.list-other li a:focus { text-decoration: underline; } .updating{ padding: 20px 0 15px 0; } /*----------------------------end scc menu -> menu left--------------------------------*/ .sidebar .menu-left ul li ul { background-color: #f1f1f1; position: absolute; margin: 0; padding-left: 0; list-style: none; top: 0; left: -9999px; width: 100%; opacity: 1; -moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease; -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease; -ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease; -o-transition: opacity 0.2s ease, -o-transform 0.2s ease; transition: opacity .2s ease, transform .2s ease; -webkit-transform: rotate3d(0, 1, 0, 45deg); -moz-transform: rotate3d(0, 1, 0, 45deg); transform: rotate3d(0, 1, 0, 45deg); -webkit-transform-origin: left center; -moz-transform-origin: left center; transform-origin: left center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; z-index: 99; } .sidebar .menu-left ul li:hover a { background-color: rgba(0, 39, 82, 0.21);} .sidebar .menu-left ul ul li:hover a { background-color: rgba(0, 39, 82, 0.21);} .sidebar .menu-left ul li:hover ul li a { background-color: rgba(0, 39, 82, 0.21); } .sidebar .menu-left ul ul li:hover a{ color: #002954; } .sidebar .menu-left ul ul li a { margin: 0px; padding: 0 20px; color:#5c5c5c; background-color: #f1f1f1; font-size: 15px; font-weight: 400; text-decoration: none; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sidebar .menu-left ul li ul li:last-child { border-bottom: none; } .sidebar .menu-left ul:first-child { border-bottom: none; } .sidebar .menu-left ul > li > a { color: #5c5c5c; font-size: 16px; line-height: 50px; padding: 0px 16px 0 68px; border-bottom: 1px solid #f1f1f1; text-decoration: none; display: block; -moz-transition: background-color .3s ease-in; -webkit-transition: background-color .3s ease-in; -o-transition: background-color .3s ease-in; transition: background-color .3s ease-in; background-position: center left 25px; background-repeat: no-repeat; background-color: #f1f1f1; border-bottom: 1px solid #e1e1e1; } .sidebar .menu-left ul ul li a{ border-bottom: 1px solid rgba(0, 57, 117, 0.17) !important;} .sidebar .menu-left ul li a:hover, .sidebar .menu-left ul li a:focus { background-color: rgba(0, 39, 82, 0.21); } .menu-left ul li { padding: 0; position: relative; } .menu-left ul li:hover ul { left: 100%; opacity: 1; transform: rotate3d(0, 0, 0, 0); } .menu-left ul li ul li:hover a { background-color: rgba(0, 39, 82, 0.21); } .menu-left ul ul li a { margin: 0px; padding: 0 20px; color: #6f6f6f; font-size: 14px; font-weight: 400; text-decoration: none; line-height: 44px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .menu-left ul li ul li:last-child { border-bottom: none; } .menu-left ul:first-child { border-bottom: none; } .menu-left ul a:hover, .menu-left ul a:focus { color: #6f6f6f; } .line p.view-all a::before, .view-pro a::before, .dropdown > li.m_acti > a::before, .sidebar .menu-left > ul > li > a::before { font: normal normal normal 16px/1 FontAwesome; content: ""; position: absolute; top: 22px; right: 15px; background:url(/images/m1.png) no-repeat; width:10px; height:5px; background-size:10px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .dropdown li.m_acti2 > a::before { font: normal normal normal 16px/1 FontAwesome; content: ""; position: absolute; top: 22px; right: 15px; background:url(/images/m1.png) no-repeat; width:10px; height:5px; background-size:10px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .line p.view-all:hover a::before, .line p.view-all:hover a::before, .view-pro:hover a::before, .view-pro a:hover::before, .dropdown > li:hover > a::before, .dropdown > li > a:hover::before, .dropdown > li > a:focus::before, .sidebar .menu-left > ul > li:hover > a:before, .sidebar .menu-left > ul > li > a:hover:before, .sidebar .menu-left > ul > li > a:focus:before{ -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .view-pro a::before{ font: normal normal normal 13px/1 FontAwesome; content: "\f101" !important; top: 7px; right: 7px; color: #ffffff; } .star-bar { line-height: 13px; font-size: 13px; } .star-bar label { color: #2673b7; line-height: 21px; margin-bottom: 0px;font-size: 15px;font-weight: 500 } .star-bar .pro-bar { background: #f6f6f6; margin: 2px 0; } .star-bar .pro-bar .progress-bar { background: #f7a30f; } .star-bar .progress-bar{height: 18px;} .star-bar span { font-weight: 500; float: right; line-height: 21px;font-size: 15px; } .star-bar .row div { padding: 0px; } .btn-evaluate a { color: #ffffff; } .icon-star .c-ratings { color: #f7a30f; font-size: 18px; padding-right: 2px; } .box-comment { border-top: 1px solid #f1f1f1; } .box-comment .item-comment { border-bottom: 1px solid #f1f1f1; padding: 10px 0; } .box-comment .item-comment:last-child { border-bottom: none; } .box-comment .item-comment .name { font-weight: 600; } .box-comment .item-comment .start-ratting .star-line { text-align: left; } .box-comment .item-comment .start-ratting .star-line .c-ratings { color: #f7a30f;padding-right:2px; } .box-comment .item-comment .start-ratting .date { font-size: 13px; } /*------------------------css footer---------------------------------*/ .tongfooter{ background: #F5EA19; } .divtongdau{ padding: 0; } .trumngoai > img{ border: 1px solid #979797; padding: 9px 13px; border-radius: 5px; } .trumdiachi{ margin-top: 40px; margin-bottom: 20px; } .trumsdt > img{ border: 1px solid #979797; padding: 5px; border-radius: 5px; } .trumsophone{ margin-top: 40px; margin-bottom: 20px; text-align: center; } .sophone { display: inline-block; margin-top: -36px; /* vertical-align: middle;*/ margin-left: 5px; font-weight: 400; font-size: 17px; } .trummail > img{ border: 1px solid #979797; padding: 9px; border-radius: 5px; } .trumdcmail{ margin-top: 40px; margin-bottom: 20px; text-align: right; } .mailerd { display: inline-block; margin-top: -36px; /*vertical-align: middle;*/ margin-left: 5px; font-weight: 400; font-size: 17px; } .footergiua{ background:#008d4a; } .footercuoi{ background:#00a859; color: #ffffff; } .inputnhapmail{ width: 75%; padding: 0; } .butonguimail{ width: 25%; } .butonguimail input{ background: #f5ea19 url(../images/mailtr.png) 7px 12px no-repeat; border-radius: 4px; width: 100px; height: 36px; margin-left: -27px; border: none; color: #fff; font-size: 14px; font-weight: 700; padding-left: 25px; outline: none; } .inputnhapmail input{ font-size: 14px; color: #949494; letter-spacing: 0; text-align: left; padding-left: 10px; border: none; background: #ffffff; border-radius: 4px; width: 240px; height: 38px; outline: none; } .diviconxhq ul li{ display: inline-block; margin-right: 20px; border-radius: 50px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .diviconxhq ul li:last-child{ margin-right: 0px; } .diviconxhq ul li:hover a{ color: #ffbd00; } .ulcm{ list-style-type: none; color: #ffffff; margin-left: 0px; font-size:18px; line-height:31px; } .ulcm li a{ color: #ffffff; display:inline-block; background:url(/images/nut.jpg) no-repeat left; padding-left:15px; } .ulcm li a:hover{ color: #949494; } .ulcskh{ list-style-type: none; color: #ffffff; margin-left: 0px; font-size:18px; line-height:31px; } .ulcm li a, .ulcskh li a{ color: #ffffff; display:inline-block; background:url(/images/nut.png) no-repeat left 11px; padding-left:15px;background-size:8px; font-size: 16px; line-height: 31px; } .ulcm li:hover, .ulcskh li:hover, .ulcskh li a:hover{ color: #949494; } .chuyenmuc h3{ font-size:21px; color:#ffffff; letter-spacing:0; text-align:left; margin-bottom: 15px; font-weight: 700; } .box-address h3.name-address, .cskhang h3{ font-size:18px; color:#ffffff; letter-spacing:0; text-align:left; font-weight: 700; margin-bottom: 15px; } .box-address .text-address{ color: #ffffff; line-height: 30px; } .dknhantin h3{ font-size:21px; color:#ffffff; letter-spacing:0; text-align:left; margin-bottom: 15px; font-weight: 700; } .dknhantin p{ font-size:18px; color:#949494; letter-spacing:0; text-align:left; font-weight: 400; margin-bottom: 30px; line-height: 25px; } .divtonggiua{ margin-top: 50px; margin-bottom: 30px; padding: 0; } .nganhang ul li{ float: right; padding-right: 10px; } .nganhang ul li img{ height:30px;} .diviconxhq a{ color:#fff; } .cpygh{ font-size:18px; color:#949494; letter-spacing:0; text-align:left; font-weight: 400; } .divtongcuoi{ padding: 15px 0; } .trumcpyring .cprigh{ font-size:15px; color: #ffffff; } .divtongcuoi .danaweb{ text-align: left; } .divtongcuoi .danaweb img{ padding-left: 7px; padding-bottom:6px; } /*---------------------------end css footer------------------------------*/ /*---------------------------css trang home----------------------------*/ .box-adv{ padding: 30px 0; } .line{ position:absolute; top:-270px; width:100%;} .line h2{ font-size:30px; line-height: 39px; font-weight: 400; color: #fff; position: relative; text-align:center; width: 100%; overflow: hidden; font-family: 'Lobster', cursive; } .line .title-others{ font-size:19px; line-height: 35px; } .line h2.title-others span:after{ bottom:11px; } .line h2 span{ position: relative; padding-right: 20px; color: #fff; display:block; padding-left:5px;padding-right:5px; z-index:2; margin:auto; text-align:center; } .line .view-all{ float: right; text-align: right; margin-top: 8px; position: absolute; right: 0px; } .line p.view-all a{ border-radius:4px; padding: 10px 25px; font-size:16px; color:#414141; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; position: relative; } .line p.view-all a:before{ color: #414141; top: 12px; right:10px; } .line p.view-all a:hover{ color:#f6b602; } .list-pro .col-0 .box-it{ border:1px solid #c5c5c5; } .col-pro .box-it{ border: solid 1px rgba(151,151,151,0.2); margin: 15px 0; background:#fff; } .col-pro .box-it:hover{ border:1px solid #9b582b; } .col-news .box .img, .col-pro .box-it .img{ padding: 0px; position: relative; overflow: hidden; } .col-news .box .img img, .col-pro .box-it .img img { -webkit-transition: all 1s ease; transition: all 1s ease; } .col-news .box:hover .img img, .col-news .box:focus .img img, .col-pro .box-it:hover .img img, .col-pro .box-it:focus .img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .col-pro .comment{ padding: 7px 10px; } .col-pro .comment h4{ font-size:16px; color: #4a4a4a; letter-spacing:0; text-align:center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding-top:7px; height:27px; } .col-pro .comment .bottom{ padding-top: 7px; } .col-pro .bottom .cost{ width: auto; float: left; } .cost span{ font-size: 13px; } .cost p.price{ font-size:18px; line-height: 14px; color:#434441; font-weight: 600; } .col-pro .bottom .view-pro{ width: auto; float: right; padding: 10px 0; } .view-pro a{ font-size:14px; color:#ffffff; font-weight: 800; background:#002853; position: relative; border-radius:4px; padding: 5px 20px 5px 12px; text-transform: none; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .view-pro a:hover{ background: #ff4e00; } .ser_ship{ background-color :#fff; padding: 0px 15px; margin-bottom: 34px; } .ser_ship .info-ship{ padding: 20px 0px; } .ser_ship .list-ship{ border:solid 1px #ccc; } .ser_ship .list-ship:last-child{ border-right: solid 1px #ccc; } .ser_ship .box{ text-align: center; } .ser_ship .img{ display: inline-block; } .ser_ship .comment{ text-align: left; display: inline-block; vertical-align: middle; padding-left: 10px; color:#202020; } .ser_ship .comment h4{ font-size:16px; font-weight: 800; margin-bottom: 3px; } .ser_ship .comment p{ font-size:13px; font-weight: 400; } .ser_ship .comment p a{ color:#202020; } .adv_bag{ margin-bottom: 45px; } .adv_bag .item{ position: relative; } .adv_bag .item .pre_adv_bag{ position: absolute; top: 40px; left: 60px; } .adv_bag .item .pre_adv_bag h4{ font-size :36px; color :#002853; font-family:'UTMFlamenco'; font-weight: bold; } .pre_adv_bag .pre_bag{ font-size:24px; color:#002853; font-weight: 800; text-align: center; margin-top: 10px; position: relative; font-family: 'UTMAvo'; font-weight: 700; } .pre_adv_bag .pre_bag:before{ content: ''; position: absolute; top: 65%; left: 0; border-bottom: 1px solid #002853; width: 20%; } .pre_adv_bag .pre_bag:after{ content: ''; position: absolute; top: 65%; right: 0; border-bottom: 1px solid #002853; width: 20%; } .pre_adv_bag .view_bag{ font-size:16px; color:#ffffff; border: 1px solid #fff; padding: 7px 15px; text-align: center; margin-top: 21px; display: block; width: 28%; } .recevie{ background: #9b582b; padding-top: 20px; padding-bottom: 20px; } .recevie .title-receive .img-receive{ display: inline-block; } .recevie .title-receive .noimg-receive{ vertical-align: middle; display: inline-block; padding-left: 10px; } .recevie .title-receive .noimg-receive h4{ font-size: 20px; color: #002954; font-weight: 800; } .recevie .title-receive .noimg-receive p{ font-size:16px; color:#002954; } .register_mail{ padding-top: 10px; } .register_mail .input_mail{ float: left; width: 80%; } .register_mail input[type="text"]{ width: 100%; background:#ffffff; border:1px solid #c0c0c0; border-right:0px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; padding: 10px 15px; color:#868686; } .register_mail input[type="submit"]{ float: left; width: 20%; font-size:16px; color:#ffffff; font-weight: 800; padding: 11px 20px; background-color :#ffbd00; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; border: none; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .register_mail input[type="submit"]:hover{ background-color: #4f3d2d; } .box-banner{ position: relative; } .box-banner .img:after{ background: rgba(0, 0, 0, 0.5); position: absolute; content: " "; width: 100%; height:100%; top:0; left: 0; right: 0; } .breadcrumbs{ width: 100%; background: inherit; position: absolute; bottom:0px; border-top:1px solid rgba(214, 214, 214, 0.5); left: 0; right:0; padding-bottom: 3px; } .box-breadcrumb{ border-radius: 0px; } .breadcrumb a{ white-space: nowrap; padding: 0 15px; line-height: 26px; position: relative; color:#fff; } .breadcrumbs a{ color: #ffffff; font-size: 16px; font-weight: 300; line-height: 35px; position: relative; padding: 0 15px; } .breadcrumb a:hover, .breadcrumbs a:hover{ color: #008d4a; } .breadcrumb a:first-child, .breadcrumbs a:first-child{ padding-left: 0px; } .breadcrumb a:last-child{ padding-right:0px; } .breadcrumbs a:last-child{ font-weight: 500; padding-right:0px; } .breadcrumb a:before, .breadcrumbs a:before{ font: normal normal normal 14px/1 FontAwesome; content: "\f101"; position: absolute; top: 4px; right: -3px; color:#ffffff; } .breadcrumb a:before{color: #fff;top: 2px;right: -5px;} .breadcrumbs a:hover:before{color:#ffffff;} .breadcrumb a:last-child:before, .breadcrumbs a:last-child:before{ display: none; } .text-h1{ position: absolute; top: 0; left: 0; right: 0; width: 100%; max-width: 1170px; height: 100%; margin: 0 auto; padding: 0 15px; } .text-h1 .box{ -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); display: table; width: 100%; height: 100%; } .text-h1 .box-title{ display: table-cell; vertical-align: middle; } .text-h1 .box-title h1{ font-size: 24px; line-height: 30px; text-transform: uppercase; padding-bottom: 20px; } .box-title h1 a{ color: #ffffff; } /*** end Thinh ***/ .chuahinhspcat{ width: 100%; overflow: hidden; } .chuahinhspcat a:hover img{ transform: scale(1.2); -webkit-transform: scale(1.2); transition: all 2s; -webkit-transition: all 2s; } .chiadivdm{ width: 20%; padding: 0; text-align: center; } .div12tong{ padding: 0; margin-top: 20px; margin-bottom: 20px; } .divhinh{ height: 74px; margin-bottom: 15px; display: inline-block; } .divhinh:hover img{ -ms-animation: tada 0.3s 1; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: 1; -webkit-animation-name: tada; -webkit-animation-timing-function: linear; -webkit-transform-origin: 50% 50%; } .divchu a{ font-weight: 600; font-size: 18px; color: #603813; } .divchu:hover a{ color: #4F9A56; } .danhmucsanpham{ background: #FCF155; padding: 12px 0px; text-align: center; font-weight: 600; text-transform: uppercase; font-size:19px; color:#333333; letter-spacing:0; } .dmucsanpham{ padding-left: 0px; } .divchinhsanpham{ padding: 0; } .tongsanpham{ padding: 0px; } .tongtatca{ margin-top: 30px; } .danhmucabout{ background: #003874; padding: 0px 15px; text-align: left; font-weight: 600; text-transform: uppercase; font-size: 16px; line-height: 45px; color: #ffffff; letter-spacing: 0; } .actves > a{ color: #ff4e00 !important; } .item-gallery .img{ padding: 10px 0; } .classtrung li { list-style-type: none; border-bottom: 1px solid #e4e4e4; position: relative; cursor: pointer; } .classtrung li a{ padding-left: 15px; color: #000; font-weight: 600; font-size: 16px; line-height: 43px; } .classtrung li:hover, .classtrung li.active, .classtrung li:focus{ color: #ff4e00; } .classtrung li:hover a, .classtrung li.active a, .classtrung li:focus a{ color: #ff4e00; } .boxto{ margin-bottom: 20px; } .tcgioithieu{ font-weight: 600; } .tcgioithieu a{ color: #000; } .tcgioithieu a:hover{ color: #ff4e00; } .tengthiue{ font-weight: 600; font-size: 17px; margin-bottom: 15px; } .divtruma{ padding: 0px; } .tengiothi{ font-size: 17px; font-weight: 600; margin-bottom: 15px; } .tcsanpham a{ font-weight: 600; color: #000; } .tcsanpham a:hover{ color: #ff4e00; } .wperlist1{ padding: 0px; } .tintuctren a{ font-weight: 600; color: #000; position: relative; padding-right: 25px; } .tintuctren a:hover{ color: #002954; } .tintuctren a.tragch:before { content: ""; position: absolute; top: 0px; background: url(../images/toi.png) no-repeat; width: 20px; height: 20px; left: 100px; } .tragch{ font-size:16px; color:#bababa; letter-spacing:0; text-align:left; } .titu{ font-size:16px; color:#bababa; letter-spacing:0; text-align:left; } .tentinchinh{ font-size: 20px; font-weight: 600; margin-bottom: 15px; } .chinhndtintuc div{ font-weight: 400; margin-bottom: 15px; line-height: 15px; } .motanoidunga{ font-weight: 600; margin-bottom: 15px; line-height: 24px; } .chinhndtintuc p{ font-weight: 400; line-height: 25px; } .kgngang{ font-size: 16px; font-weight: 600; color: #002954; border-bottom: 1px solid #002954; } .danhmuconchinh li{ position: relative; padding-right: 20px; } .danhmuconchinh li:before{ content: "/"; width: 0; height: 0; position: absolute; left: 92%; top: -2px; font-size: 1.4em; font-weight: 300; } .danhmuconchinh li:last-child{ padding-right: 0px; } .danhmuconchinh li:last-child:before{ content: none; } .sanpham{ margin-bottom: 30px; } .harps2{ position: relative; } .hvha:hover .trenha1{ -webkit-transition: all 1s; -webkit-transform: scale(1); cursor: pointer; }.trenha1{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background: rgba(27,79,147,0.7) url('../images/view.png') center no-repeat;*/ -webkit-transform: scale(0); line-height: 27px; display: inline-block; text-align: center; -webkit-transition: all 1s ease-in-out; } .trenha1:hover a{ text-decoration: none; } .trenha1 a img{ width: 50px; height: 50px; text-align: center; margin-top: 50px; } .breadcr .mainsanphamchinh{ padding: 0px; margin-bottom: 20px; } .breadcr .mainsana{ padding: 0px; } .tintuctrena{ margin-top: 15px; } .form-order tr{ border: 1px solid #e9e9e9; } .fa-trash:before{ color: red; } .divchinsanpham{ padding: 0px; } .form-order tr th { text-transform: uppercase; line-height: 40px; padding: 0 4px; font-size: 14px !important; text-align: center; font-weight: 600; vertical-align: middle; border: 1px solid #e9e9e9; white-space: nowrap; } .form-order tr td{ line-height: 40px; font-size: 15px !important; text-align: center; font-weight: 600; vertical-align: middle; border: 1px solid #e9e9e9; } .form-order tr td input{ text-align: center; margin: 0 10px; line-height: 28px; width: 60%; } .form-order{ border-collapse: collapse; border: 1px solid #e9e9e9; } .inputsoluong{ border: none; } .form-order tr:hover{ background: #fafafa !important; } .form-order .img{ /*min-width: 150px;*/ padding: 10px; } .inputsoluong input{ border: none; } .btn-order{ background: #002954 !important; margin: 10px 15px 7px 15px; padding: 13px 15px; color: #000; border: none; font-weight: 700; outline: none; } .btn-primary{ background: #003874 !important; border: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-primary:hover{ background: #ff4e00 !important; } .btn-space{ margin-right: 4px; } #order-form{ margin-top: 15px; } .formmuahang{ text-align: center; } .trtop{ background: #fafafa !important; } .btn-order:hover{ background: #FCF13C !important; } .btn-order:hover i{ -webkit-animation: fadeInLeft 0.4s ease-in; -ms-animation: fadeInLeft 0.4s ease-in; -o-animation: fadeInLeft 0.4s ease-in; animation: fadeInLeft 0.4s ease-in; } .img > a > img{ width: 100%; } .tongtien{ font-weight: bold; } .total{ font-weight: bold; } .hoten input{ width: 100%; padding: 10px 0px 10px 40px; border-radius: 5px; border: 1px solid #e9e9e9; outline: none; margin-bottom: 10px; } .hoten i{ position: absolute; top: 26%; left: 6%; color: #003874; } .diachimuahang input{ width: 100%; padding: 10px 0px 10px 40px; border-radius: 5px; border: 1px solid #e9e9e9; outline: none; margin-bottom: 10px; } .diachimuahang i{ position: absolute; top: 26%; left: 6%; color: #003874; } .emailgui input{ width: 100%; padding: 10px 0px 10px 40px; border-radius: 5px; border: 1px solid #e9e9e9; outline: none; margin-bottom: 10px; } .emailgui i{ position: absolute; top: 26%; left: 6%; color: #003874; } .sodietho input{ width: 100%; padding: 10px 0px 10px 40px; border-radius: 5px; border: 1px solid #e9e9e9; outline: none; margin-bottom: 10px; } .sodietho i{ position: absolute; top: 18%; left: 6%; color: #003874; font-size: 25px; } .noidungthemlh textarea{ width: 100%; padding: 10px 0px 10px 40px; border-radius: 5px; border: 1px solid #e9e9e9; outline: none; margin-bottom: 10px; } .noidungthemlh i{ position: absolute; top: 7%; left: 3%; color: #003874; } .nutmuahang{ text-align: center; } .nutmuahang input{ background: #ff4e00 url('../images/sen.png') center no-repeat; border-radius: 5px; outline: none; display: inline-block; width: 75px; height: 35px; border: none; outline: none; } .nutmuahang input:hover{ background: #003874 url('../images/sen.png') center no-repeat; } .carthang{ display: none; } .wrptonga{ padding: 0px; } .activesa > a{ color: #4F9A56 !important; } .activesa > i{ color: #4F9A56 !important; } .leftinclu{ margin-top: 20px; padding-left: 0px; width: 22%; } #cla{ height: 390px; } .divchuatengiasp{ text-align: center; height: 60px; } .sanphamtraicay{ background: #fff; height: 100%; margin-bottom: 20px; } .tensapham a{ font-size:18px; color:#333333; letter-spacing:0; text-align:left; font-weight: 400; } .tensapham a:hover{ color: #228C44; } .divxemngay{ margin-top: 20px; margin-bottom: 20px; text-align: center; } .divxemngay a{ border: 1px solid #e9e9e9; padding: 10px; font-size:16px; color:#cccccc; letter-spacing:0; text-align:left; } .divxemngay a:hover{ border: 1px solid #000; color: #000; } .trumcaidau{ background: #B73838; text-align: center; } .trumcaidau > img{ margin-top: 30px; margin-bottom: 10px; } .tenship{ color: #fff; display: inline-block; margin-left: 20px; margin-top: -70px; /*vertical-align: middle;*/ font-size:21px; color:#ffffff; letter-spacing:-0.26px; text-align:left; font-weight: 700; } .sotienship{ display: inline-block; margin-left: 70px; color: #fff; /*vertical-align: middle;*/ margin-top: -60px; font-size:15px; color:#ffffff; letter-spacing:0; text-align:left; font-weight: 400; } .trumcaigiua{ background: #65BA09; text-align: center; } .trumcaigiua > img{ margin-top: 26px; } .tendh{ color: #fff; display: inline-block; margin-left: 20px; margin-top: -70px; /*vertical-align: middle;*/ color:#ffffff; letter-spacing:-0.26px; text-align:left; font-weight: 700; font-size:21px; } .trumcaigiua > p{ display: inline-block; margin-left: 60px; color: #fff; /*vertical-align: middle;*/ margin-top: -60px; font-size:15px; color:#ffffff; letter-spacing:0; text-align:left; font-weight: 400; } .trumcaicuoi{ background: #66CCFF; text-align: center; } .trumcaicuoi > img{ margin-top: 28px; } .tentv{ color: #fff; display: inline-block; margin-left: 20px; margin-top: -70px; vertical-align: middle; color:#ffffff; letter-spacing:-0.26px; text-align:left; font-weight: 700; font-size:21px; } .sdienthoai{ display: inline-block; margin-left: 50px; color: #fff; vertical-align: middle; margin-top: -60px; font-size:15px; color:#ffffff; letter-spacing:0; text-align:left; font-weight: 400; } .tongbacai{ margin-top: 10px; margin-bottom: 30px; } .tongctnfgu{ background: url('../images/nenbgr.png') no-repeat; background-size: cover; margin-bottom: 40px; } .tentickdau{ display: inline-block; /*vertical-align: middle;*/ margin-top: -24px; margin-left: 10px; font-size:30px; color:#ff4e00; letter-spacing:0; font-weight: 700; text-transform: uppercase; } .tentickgiua{ display: inline-block; /*vertical-align: middle;*/ margin-top: -24px; margin-left: 15px; font-size: 30px; color: #ff4e00; letter-spacing: 0; font-weight: 700; text-transform: uppercase; } .tentickcuoi{ display: inline-block; /*vertical-align: middle;*/ margin-top: -24px; margin-left: 15px; font-size: 30px; color: #ff4e00; letter-spacing: 0; font-weight: 700; text-transform: uppercase; } .contentndung > p{ font-size:18px; color:#070707; letter-spacing:-0.3px; line-height:27px; text-align:left; font-weight: 400; margin-top: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .divntrdau{ margin-bottom: 20px; } .divntrgiua{ margin-bottom: 20px; } .ndungbentrong{ margin-top: 30px; margin-bottom: 30px; width: 55%; } .hbatintuc{ text-align: center; margin-bottom: 20px; } .hbatintuc h3 a{ font-size:24px; color:#333333; letter-spacing:0; text-align:left; font-weight: 700; } .hbatintuc h3 a:hover{ color: #ff4e00; } .tentintuctp { margin-top: 10px; margin-bottom: 10px; } .tentintuctp a{ font-size:18px; color:#333333; letter-spacing:0; text-align:left; font-weight: 700; } .tentintuctp a:hover{ color: #ff4e00; } .tintucanh{ width: 100%; overflow: hidden; } .tintucanh a img:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); transition: all 2s; -webkit-transition: all 2s; } .ngaydang{ font-size:16px; color:#c1c1c1; letter-spacing:0; text-align:left; display: inline-block; margin-top: -15px; vertical-align: middle; margin-left: 5px; } .commentng{ font-size:18px; color:#333333; margin-top: 10px; letter-spacing:0; line-height:23px; text-align:left; } .tongtintuc{ margin-bottom: 30px; } .divmhtong{ padding: 0; } .moi{ position: absolute; top: 0; left: 15px; font-size:16px; color:#ffffff; letter-spacing:0; text-align:left; background: #ff4e00; padding: 3px 8px 3px 8px; } .giamgia{ position: absolute; top: 0; right: 15px; font-size:16px; color:#ffffff; letter-spacing:0; text-align:left; background: #C62E13; padding: 3px 8px 3px 8px; } .divchuaanhsanpham{ width: 100%; overflow: hidden; } .divchuaanhsanpham > a > img:hover{ -webkit-transform: scale(1.1); transform: scale(1.1); transition: all 2s; -webkit-transition: all 2s; } .divchuaanhsanpham > a > img{ padding: 25px 5px 5px 5px; } .classtrung{ border: 1px solid #e4e4e4; } .classtrung li:last-child{ border-bottom: none; } /*------------------------css trang sản phẩm-----------------------------*/ .formsoluong{ /*position: absolute; top: 238px; left: 150px;*/ } .datmuasanpham{ margin-top: 10px; margin-bottom: 10px; } .submitdatmua{ line-height: 28px; margin-left: 0px; border: none; background: #333; font-weight: 400; display: block; font-size:16px; color:#cccccc; letter-spacing:0; margin-top: 30px; } .submitdatmua:hover{ background: rgba(0,0,0,0.6); } .inputsoluong > input{ background: none; } .qtyu{ text-align: center; width: 60px; height: 35px; padding-left: 10px; background: #fff; border: solid 1px rgba(151,151,151,0.2); } .cong{ position: absolute; right: -37px; top: 0px; border: solid 1px rgba(151,151,151,0.2); padding: 6.5px 14px; cursor: pointer; -moz-border-radius-topright: 90px; -webkit-border-top-right-radius: 90px; border-top-right-radius: 90px; -moz-border-radius-bottomright: 90px; -webkit-border-bottom-right-radius: 90px; border-bottom-right-radius: 90px; } .tru{ position: absolute; left: -33px; top: 0px; border: solid 1px rgba(151,151,151,0.2); border-right:0px; padding: 6.5px 14px; cursor: pointer; -moz-border-radius-topleft: 90px; -webkit-border-top-left-radius: 90px; border-top-left-radius: 90px; -moz-border-radius-bottomleft: 90px; -webkit-border-bottom-left-radius: 90px; border-bottom-left-radius: 90px; } .icongiohang{ padding-right: 10px; } .tenspha{ margin-bottom: 10px; } .tenspha h3{ font-size: 20px; font-weight: 700; line-height: 30px; color:#333333; letter-spacing:0; text-align:left; } .giaspha .price{ font-size: 22px; font-weight: 600; } .sotien{ font-weight: 700; font-size:18px; color:#333333; letter-spacing:0; text-align:left; padding-left: 5px; } .sotiengoc{ font-weight: 400; font-size:16px; color:#868686; letter-spacing:0; text-align:left; } .tietkiem{ font-weight: 400; opacity: .7; } .giatong{ margin-bottom: 10px; } .xuatxu{ font-size: 18px; font-weight: 400; margin-bottom: 10px; } .soluongtren{ font-weight: 700; display: inline-block; font-size:18px; color:#333333; letter-spacing:0; text-align:left; font-weight: 700; margin-right: 50px; } .sanpham1{ margin: 20px 0px; } .sanpham1 i{ font-size: 20px; padding-right: 10px; padding-left: 10px; } .sanpham1 a{ font-size: 17px; font-weight: 400; color: #000; position: relative; padding-right: 30px; } .sanpham1 a:hover{ color: #002954; } .sanpham1 a:before{ content: ""; position: absolute; top: 1px; background: url(../images/toi.png) no-repeat; width: 20px; height: 20px; left: 90px; } .sliderchitiet{ text-align: center; margin-bottom: 120px; } .sanpham1 a:last-child{ padding-right: 0px; } .sanpham1 a:last-child:before{ content: none; } .sanpham2{ padding: 0; } .iconchitietsp ul li{ float: left; padding-right: 10px; } .cs a img{ padding-top: 5px; } .iconchitietsp{ margin-top: 20px; } /*.thongtinsap{ padding: 0; }*/ .hbathongtin h3{ font-size: 20px; font-weight: 600; border-bottom: 1px solid #002954; color: #002954; display: inline-block; padding-bottom: 8px; } .chitietsanphamchih h3{ font-size: 20px; font-weight: 600; margin: 15px 0px; } .chitietsanphamchih{ /*margin-bottom: 20px;*/ } .chitietsanphamchih p{ font-weight:400; font-size: 15px; line-height: 23px; } /*.cacsanphamkhac{ padding: 0px; }*/ .cacsanphamkhac1 h3{ font-weight: 700; display: inline-block; padding-bottom: 8px; font-size:16px; color:#333333; letter-spacing:0; text-align:left; } .cacsanphamkhac3{ margin: 20px 0px; min-height: 375px; } .chuahinhspcat a img{ width: 100%; } .tensanphamcat a{ font-weight: 600; color: #000; } .tensanphamcat{ margin-top: 10px; } .tensanphamcat:hover a{ color: #002954; } .gia1 { margin-top: 5px; text-align: left; } .listsanpham1{ background: #fff; } .listsanpham1 a img{ width: 100%; } .listsanpham1s a{ font-weight: 600; color: #000; line-height: 19px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } .listsanpham1s{ margin-top: 10px; } .listsanpham1s:hover a{ color: #002954; } .phantranga{ text-align: center; } .pagination{ padding: 0 15px; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: #293A80; padding-left: 14px; padding-right: 14px; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { z-index: 2; color: #002954; background-color: #eee; border-color: #ddd; } .pagination>li>a, .pagination>li>span { color: #002954; } /*-------------------------end css trang sản phẩm-------------------------*/ /*-----------------------css trang liên h�------------------------------*/ .ttlh{ font-weight: bold; color: red; margin-top: 10px; font-size: 25px; font-weight: 600; margin-bottom: 7px; } .ndlh p{ font-weight: 400; line-height: 25px; } .ipname{ position: relative; top: 0; left: 0; } .ipname i{ position: absolute; top: 23px; left: 15px; } .ipdc{ position: relative; top: 0; left: 0; } .ipdc i{ position: absolute; top: 23px; left: 30px; } .ipsdt{ position: relative; top: 0; left: 0; } .ipsdt i{ position: absolute; top: 23px; left: 30px; } .ipem{ position: relative; top: 0; left: 0; } .ipem i{ position: absolute; top: 23px; left: 15px; } .ipcm{ position: relative; top: 0; left: 0; } .ipcm i{ position: absolute; top: 23px; left: 15px; } /*form*/ .form-sm { padding: 5px; width: 50%; float: left; } .form-bg { padding: 5px; } .frm .form-item { position: relative; padding: 13px; padding-left:0px;padding-right:0px; } .frm .form-item input, .frm .form-item select, .frm .form-item textarea { background-color: #fff; border:none; padding: 5px 10px 5px 15px; width: 100%; font-size: 13px; line-height: 30px; border-radius: 5px; } .frm .form-item textarea { resize: none; } .frm .form-item i { left: 5px; top: 5px; position: absolute; height: 34px; width: 40px; color: #b8b8b8; text-align: center; line-height: 34px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; pointer-events: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .frm .form-item input:hover ~ i, .frm .form-item select:hover ~ i, .frm .form-item textarea:hover ~ i { color: #003874; } .frm .form-item input:focus ~ i, .frm .form-item select:focus ~ i, .frm .form-item textarea:focus ~ i { color: #003874; } .frm .form-item input[type=submit] { background: #003874 url('../images/btn-send.png') center no-repeat; width: 100%; padding: 6px 0; display: inline-block; color: #ffffff; font-size: 15px; font-weight: 600; max-width: 100px; text-transform: uppercase; } .frm .form-item input[type=submit]:hover, .frm .form-item input[type=submit]:focus { background-color: #5f5f5f; } .frm .form-item .show-error { color: #f70626; font-size: 0.9em; font-weight: lighter; white-space: nowrap; } .form-item.it-error input, .form-item.it-error select, .form-item.it-error textarea { border: 1px solid #ff6e69; } /*end form*/ .nutsend{ width: 100%; display: inline-block; text-align: center; } /*------------------------end css trang liên h�----------------------*/ /*------------------css trang tin tức-------------------------------*/ .wrpdetail{ margin-bottom: 20px; overflow: hidden; } .wrptong{ margin-bottom: 20px; overflow: hidden; } .iconlike{ margin-top: 10px; margin-bottom: 20px; } .iconlike ul li{ width: 30px; font-size: 13px; height: 30px; text-align: center; line-height: 30px; color: #fff; transition: all 1.6s; cursor: pointer; margin: 0px 3px; } .iconlike ul li:hover{ transform: rotate(360deg); } .iconlike ul li.fa-facebook { background: #37528d; } .iconlike ul li.fa-twitter { background: #33bce9; } .iconlike ul li.fa-google-plus { background: #dc2310; } .kgngang:hover{ text-decoration: none; } .danhmuculli{ padding: 0px; border: 1px solid #e4e4e4; } .danhmuculli .lidau{ list-style-type: none; padding: 11px 0px 11px 10px; border: 1px solid #e4e4e4; } .khongco{ margin: 10px 0px 10px 15px; font-size: 17px; font-weight: bold; } .lidau:hover{ color: #fff; } .lidau:hover > a{ color: #fff; } .lidau a{ color: #333; font-weight: 600; font-size: 17px; } .licaphai{ display: none; } .licaphai > li > a{ color: #333; } .licaphai > li{ color: #333; } .activeq{ background: #333; color: #fff; } .activeq a{ color: #fff; } .activeq > ul{ background: #ECEEF3; margin-top: 12px; margin-left: -10px; } .activeq > ul > li:hover{ color: #ff4e00; } .activeq > ul > li > a:hover{ color: #ff4e00; } .licaphai li:last-child{ margin-bottom: -11px; } .classtrung > li > a:hover{ color: #ff4e00; } .activesa { background: #333; } .activesa > .licaphai{ background: #ECEEF3; margin-left: -10px; margin-top: 10px; } .activesa > .licaphai > .activesaqa{ color: #ff4e00; } .activesa > .licaphai > .activesaqa > a{ color: #ff4e00; } .activesa > .licaphai > li:hover{ color: #ff4e00; } .activesa > .licaphai > li > a:hover{ color: #ff4e00; } .activesa > i{ color: #fff !important; } .activesa > a{ color: #fff !important; } .licaphai{ margin-bottom: -13px; } /*.licaphai li a::before { font: normal normal normal 10px/1 FontAwesome; content: "\f101"; position: absolute; top: 12px; left: -3px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }*/ .iconhai{ float: right; padding-right: 10px; cursor: pointer; } .danhmuculli li:hover > a::before, .danhmuculli li > a:hover:before, .danhmuculli li > a:focus:before { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .danhmuculli li:hover a{ text-decoration: none; } .licaphai{ padding-top: 5px; padding-left: 40px; } .licaphai li{ position: relative; padding: 10px 0px; list-style-type: disc; } .icontvkh{ text-align: center; } .icontvkh ul li{ list-style-type: none; display: inline-block; margin-top: 5px; padding-right: 3px; } .anhkhtv{ text-align: center; } .ttlqua ul{ padding: 0px; } .ttlqua ul li{ list-style-type: none; } .ttlqua ul li a{ color: #000; font-size: 16px; font-weight: 400; line-height: 30px; } .ttlqua ul li:hover a{ text-decoration: none; color: #00568D; } .rpsmdr{ padding: 0px; } .hvanh{ padding: 0px; } .noidungtin h3{ font-size: 21px; margin: 0px 0px 5px 0px; } .noidungtin h3 a{ color: #000; font-size: 20px; font-weight: 400; } .noidungtin h3:hover a{ color: #002954; text-decoration: none; } .ndtindgh{ line-height: 26px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } .mota{ padding-top: 10px; padding-bottom: 10px; display: -webkit-box; font-weight: 400; line-height: 22px; } /*-------------------------end css trang tin tức--------------------------*/ /*-------------------------end css trang d�án--------------------------*/ .doctiep a{ font-size: 14px; font-weight: 600; color: #000; } .doctiep a:hover{ color: #002954; } .doctiep{ text-align: right; padding-right: 20px; } .ngthag{ font-size: 13px; font-weight: 600; opacity: .7; } .mota2{ height: 90px; padding-right: 10px; font-size: 13px; line-height: 20px; font-weight: 600; } .wpradet{ overflow: hidden; } .wperlist{ overflow: hidden; } .nddan { padding-bottom: 10px !important; margin-left: 5px; } .nddan h3{ font-size: 17px; margin: 5px 10px 5px 0px; } .nddan h3 a{ color: #000; font-weight: 600; } .nddan h3:hover a{ color: #002954; text-decoration: none; } .bsdow{ box-shadow: 1px 1px 10px #ccc; } .wpradet{ margin-bottom: 20px; } .wperlist{ margin-bottom: 20px; } .hvanhcotrinh{ width: 100%; overflow: hidden; } .hvanhcotrinh a:hover img{ transform: scale(1.3); transition: all 1s; -webkit-transform: scale(1.3); -webkit-transition: all 1s; } .clasduanh{ width: 100%; overflow: hidden; } .clasduanh a:hover img{ transform: scale(1.3); transition: all 1s; -webkit-transform: scale(1.3); -webkit-transition: all 1s; } /*-------------------------end css trang d�án--------------------------*/ .chinhndtintuc{ margin-bottom: 20px; } /*-------------------------css nút lên top--------------------------------*/ #go-top{ display: block; position: fixed; bottom: 100px; right: -4px; cursor: pointer; font: 12px arial; background: url(../images/top.png) center top no-repeat; background-size:28px; width: 100px; height: 40px; z-index: 99999; } #go-top:hover{ } /*---------------------end css nút lên top--------------------*/ @-moz-keyframes orbit { 0% { opacity: 1; z-index:99; -moz-transform: rotate(180deg); -moz-animation-timing-function: ease-out; } 7% { opacity: 1; -moz-transform: rotate(300deg); -moz-animation-timing-function: linear; -moz-origin:0%; } 30% { opacity: 1; -moz-transform:rotate(410deg); -moz-animation-timing-function: ease-in-out; -moz-origin:7%; } 39% { opacity: 1; -moz-transform: rotate(645deg); -moz-animation-timing-function: linear; -moz-origin:30%; } 70% { opacity: 1; -moz-transform: rotate(770deg); -moz-animation-timing-function: ease-out; -moz-origin:39%; } 75% { opacity: 1; -moz-transform: rotate(900deg); -moz-animation-timing-function: ease-out; -moz-origin:70%; } 76% { opacity: 0; -moz-transform:rotate(900deg); } 100% { opacity: 0; -moz-transform: rotate(900deg); } } @-webkit-keyframes orbit { 0% { opacity: 1; z-index:99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out; } 7% { opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-origin:0%; } 30% { opacity: 1; -webkit-transform:rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-origin:7%; } 39% { opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-origin:30%; } 70% { opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-origin:39%; } 75% { opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-origin:70%; } 76% { opacity: 0; -webkit-transform:rotate(900deg); } 100% { opacity: 0; -webkit-transform: rotate(900deg); } } @-ms-keyframes orbit { 0% { opacity: 1; z-index:99; -ms-transform: rotate(180deg); -ms-animation-timing-function: ease-out; } 7% { opacity: 1; -ms-transform: rotate(300deg); -ms-animation-timing-function: linear; -ms-origin:0%; } 30% { opacity: 1; -ms-transform:rotate(410deg); -ms-animation-timing-function: ease-in-out; -ms-origin:7%; } 39% { opacity: 1; -ms-transform: rotate(645deg); -ms-animation-timing-function: linear; -ms-origin:30%; } 70% { opacity: 1; -ms-transform: rotate(770deg); -ms-animation-timing-function: ease-out; -ms-origin:39%; } 75% { opacity: 1; -ms-transform: rotate(900deg); -ms-animation-timing-function: ease-out; -ms-origin:70%; } 76% { opacity: 0; -ms-transform:rotate(900deg); } 100% { opacity: 0; -ms-transform: rotate(900deg); } } @-o-keyframes orbit { 0% { opacity: 1; z-index:99; -o-transform: rotate(180deg); -o-animation-timing-function: ease-out; } 7% { opacity: 1; -o-transform: rotate(300deg); -o-animation-timing-function: linear; -o-origin:0%; } 30% { opacity: 1; -o-transform:rotate(410deg); -o-animation-timing-function: ease-in-out; -o-origin:7%; } 39% { opacity: 1; -o-transform: rotate(645deg); -o-animation-timing-function: linear; -o-origin:30%; } 70% { opacity: 1; -o-transform: rotate(770deg); -o-animation-timing-function: ease-out; -o-origin:39%; } 75% { opacity: 1; -o-transform: rotate(900deg); -o-animation-timing-function: ease-out; -o-origin:70%; } 76% { opacity: 0; -o-transform:rotate(900deg); } 100% { opacity: 0; -o-transform: rotate(900deg); } } @keyframes orbit { 0% { opacity: 1; z-index:99; transform: rotate(180deg); animation-timing-function: ease-out; } 7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear; origin:0%; } 30% { opacity: 1; transform:rotate(410deg); animation-timing-function: ease-in-out; origin:7%; } 39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear; origin:30%; } 70% { opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; origin:39%; } 75% { opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; origin:70%; } 76% { opacity: 0; transform:rotate(900deg); } 100% { opacity: 0; transform: rotate(900deg); } } /*end css menu reponsize*/ #_loading_popup { display: block; position: fixed; z-index: 9999999; } .windows8 { position: relative; width: 80px; height:80px; } .windows8 .wBall { position: absolute; width: 76px; height: 76px; opacity: 0; -moz-transform: rotate(225deg); -moz-animation: orbit 4.95s infinite; -webkit-transform: rotate(225deg); -webkit-animation: orbit 4.95s infinite; -ms-transform: rotate(225deg); -ms-animation: orbit 4.95s infinite; -o-transform: rotate(225deg); -o-animation: orbit 4.95s infinite; transform: rotate(225deg); animation: orbit 4.95s infinite; } .windows8 .wBall .wInnerBall{ background-color: #e62127; position: absolute; width: 10px; height: 10px; left: 0; top: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .windows8 #wBall_1 { -moz-animation-delay: 1.08s; -webkit-animation-delay: 1.08s; -ms-animation-delay: 1.08s; -o-animation-delay: 1.08s; animation-delay: 1.08s; } .windows8 #wBall_2 { -moz-animation-delay: 0.22s; -webkit-animation-delay: 0.22s; -ms-animation-delay: 0.22s; -o-animation-delay: 0.22s; animation-delay: 0.22s; } .windows8 #wBall_3 { -moz-animation-delay: 0.43s; -webkit-animation-delay: 0.43s; -ms-animation-delay: 0.43s; -o-animation-delay: 0.43s; animation-delay: 0.43s; } .windows8 #wBall_4 { -moz-animation-delay: 0.65s; -webkit-animation-delay: 0.65s; -ms-animation-delay: 0.65s; -o-animation-delay: 0.65s; animation-delay: 0.65s; } .windows8 #wBall_5 { -moz-animation-delay: 0.86s; -webkit-animation-delay: 0.86s; -ms-animation-delay: 0.86s; -o-animation-delay: 0.86s; animation-delay: 0.86s; } .error404 { text-align: center; min-height: 300px; font-size: 1.15em; } .error404 i { padding-top: 30px; font-size: 10em; } .error404 p:last-child { color: #ff7b79; } .coming-soon p:last-child { color: #1fa67a; } .header-sm { background: #4f3d2d; padding: 0px 55px 0px 0px; position: absolute; width: 100%; top: 0; left: 0; right: 0; z-index: 9; display: none; } /**** gio hang **/ .c-cart-left, .c-cart-right { float: left; width: 50%; position: relative; padding: 10px 0; } .c-cart-left { padding-right: 30px; } .c-cart-right { padding-left: 30px; } .cart-customer-information { margin: 10px -5px; } .cart-customer-information .field { float: left; position: relative; padding: 7px; } .cart-customer-information .field-1 { width: 100%; } .cart-customer-information .field-2 { width: 60%; } .cart-customer-information .field-3 { width: 40%; } .cart-customer-information .field-4 { width: 50%; } .cart-customer-information .field-3-3 { width: 33.3%; } .cart-customer-information .field input, .cart-customer-information .field select, .cart-customer-information .field textarea { border: 1px solid #F3F3F3; color: #333333; display: block; padding: 0 15px 0 15px; width: 100%; height: 45px; line-height: 44px; } .cart-customer-information .field textarea { resize: none; height: auto; } .cart-customer-information .field input[type=submit] { color: #fff; padding: 0 15px; text-align: center; } .cart-customer-information .field input[type=submit]:hover, .cart-customer-information .field input[type=submit]:focus { background-color: #ff4e00; } .cart-customer-information .field i.fa-pa { color: #4b4647; width: 40px; height: 46px; text-align: center; line-height: 46px; position: absolute; left: 10px; top: 7px; } .cart-customer-information .field a.f-back { color: #001f3f; font-size: 15px; } .cart-customer-information .field a.f-back:hover { color: #ff4e00; text-decoration: underline; } .cart-customer-information .field .show-error { color: #f70626; font-size: 13px; font-weight: 300; line-height: 30px; white-space: nowrap; } .form-cart tr td { border-bottom: 1px solid #dfdfdf; padding: 7px; } .form-cart tr td .money { white-space: nowrap; } .form-cart .img { border: 1px solid #d0cece; border-radius: 0px; } .form-cart .img { overflow: inherit; position: relative; } .form-cart .img .quantity { background-color: rgba(255, 77, 0, 0.9); border-radius: 50%; color: #fff; min-width: 24px; height: 24px; line-height: 24px; text-align: center; padding: 0 5px; white-space: nowrap; position: absolute; top: -10px; right: -10px; z-index: 1; } .form-cart tr.c-count td { border-bottom: none; padding-top: 20px; padding-bottom:5px; } .form-cart tr.c-shipping td { padding-top: 5px; padding-bottom: 20px; } .form-cart tr.c-total td { padding-top: 20px; border-bottom: none; font-size: 16px; line-height: 22px; } .form-cart tr.c-total td.total { font-size: 24px; font-weight: 700; line-height: 30px; } .c-pay-select { margin: 20px 0 30px; } .c-des{ background:#fff; padding:20px; border:solid 1px #EAEAEA; width:65%;} .c-pay-select .c-opt { float:left; width:38%; color: #333333; } .c-pay-select .c-opt .c-opt-radio { cursor: pointer; display: block; padding: 17px 20px; font-weight:400 !important; } .c-pay-select .c-opt:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; } .c-pay-select .c-opt:last-child { border-bottom-width: 1px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .c-pay-select .c-opt label, .c-pay-select .c-opt span { display: table-cell; vertical-align: middle; } .c-pay-select .c-opt span.sp-text { font-size: 15px; width: 100%; padding-left: 12px; } .c-pay-select .c-opt span.sp-sub { white-space: nowrap; padding-left: 25px; } .c-pay-select .c-opt input[type=radio], .c-pay-select .c-opt input[type=checkbox] { display: none !important; } .c-pay-select .c-opt label.input-radio span.sp-bn, .c-pay-select .c-opt label.input-checkbox span.sp-bn { display: table-cell; vertical-align: middle; white-space: nowrap; } .c-pay-select .c-opt label.input-radio > span.sp-bn, .c-pay-select .c-opt label.input-checkbox > span.sp-bn { background:url(/images/nocheck.png); border: none; display: block; width: 20px; height: 20px; } .c-pay-select .c-opt label.input-radio > span.sp-bn { border-radius: 50%; } .c-pay-select .c-opt input[type=radio]:checked ~ label.input-radio > span.sp-bn, .c-pay-select .c-opt input[type=checkbox]:checked ~ label.input-checkbox > span.sp-bn { background:url(/images/check.png); } .c-pay-select .c-opt .c-des { background-color: #f4f4f4; padding: 15px 25px; font-size: 14px; line-height: 22px; } .c-pay-select .c-hidden { display: none; } .box-btn{ text-align: left; } .show-cart input[type=button], .show-cart input[type=submit]{ margin-right: 20px !important; padding: 8px 15px; font-size: 15px; } .btn-booking-maket{ background: #ff4e00 !important; } .btn-booking-maket:hover{ background: #003874 !important; } .mb_lg_sp{ display:none;} .mb_lg_sp .item_mn_sp{ margin-bottom:10px;} @media screen and (max-width: 1200px){ .header .item-tel{ display: none; } .navigation > ul > li > a{ padding: 0px; } .container { max-width: 1140px; width: 100%; } } @media screen and (max-width: 1170px){ .k_top_1{ width:98%; margin:auto} .menu_sp_home,.phan_sap_xep{ width:98%;} .tintuc_nb_home,.doi_tac_home{ width:98%;} .nd_l_sp{ width:100%;} .phan_sap_xep{ padding-left:5px;} .list-other-pro,.list-other-pro2{ width:95% !important; margin:auto;} .line h2 span{white-space: nowrap;} } @media screen and (max-width: 1058px){ .khung_thongtin span{ margin-right:20px;} } @media screen and (max-width: 1199px){ .tumtrendf .line h2 { width: 50% !important; } .divsapxepd { width: 50% !important; } .trangsp{ width:98%;} } @media screen and (max-width: 1024px){ .recevie .title-receive .noimg-receive{ width: 84%; } } @media screen and (max-width: 991px){ .img-product{ width:50%;} .noidungchitiet{ width:50%;} } @media screen and (max-width: 961px){ .k_top{ display:none;} .box-banner { margin-top: -5px; } #wrapper { padding-top: 0px; } .menu_mb_1{ padding-left:0px !important;} .shop-cart{ display:none;} .shop-cart2{ display:block;} #hamburger{ top: 17px !important; right: 16px !important; } .box-sidebar, .menu-home { } .box-sidebar, .menu-home .menu-home{ display:none} .header{ display: none; } .header-sm{ display: block; background-color: #fff; } .mm-listview > li > a{ background-image: none !important; } .header .shop-cart{ margin: 20px 0; } .line h2{ width: 100%; } .line .view-all{ width: 20%; } .header .logo img { padding-top: 0; } .box-search { padding: 3px 0 0; } .header .shop-cart { margin-top: 15px; margin-bottom: 0px; } .box-address .diviconxhq{ } .cus-top{ position:absolute; width: 68px !important; right: 78px;} .header-sm .find{ position:absolute; right:150px; top:5px;} .box-search{ display:none;} .tim_kiem_mb{ display:block;} .tim_kiem_mb button{right: 3px !important; top: 3px !important;} .phone_mb{ display:block } } @media screen and (max-width: 951px){ } @media screen and (max-width: 941px){ } @media screen and (max-width: 931px){ .k_dang_ky_mail{ width: 70%; margin: auto; padding-top: 20px; } .khung_dang_ky_mai{ text-align:center;} } @media screen and (max-width: 901px){ .khung_thongtin span{ display:none;} .k_dang_ky_mail input{ } .k_dang_ky_mail{ position: static;} .cp_111{ display:none;} .cp_222{ display:block;} } @media screen and (max-width: 881px){ .find .frm-search input[type="text"]{ width: 82%; } .k_dang_ky_mail{ width:100%} .cskhang{ padding-left:0px;} } @media screen and (max-width: 855px){ .form-order .img { max-width: 147px !important; padding: 10px; } } @media screen and (max-width: 841px){ .find .frm-search input[type="text"]{ width: 100%; } .col-news .comment{ height: 151px; } .star-bar{ padding-top: 10px; } .danhgia{ padding-top: 10px; } .form-order .img { width: 134px !important; padding: 10px; } .ser_ship .col-sm-4{ width:50% !important} .img-product{ width:55%;} .noidungchitiet{ width:45%;} } @media screen and (max-width: 810px){ .line h2 { width: 100%; } .line .view-all { width: 22%; } } @media screen and (max-width: 781px){ .tin_khac_right{ width:100%; float:none} .tin_ct_left{ width:100%; float:none} .box_qc_home{ margin-bottom:15px;} .like_bt_sp{ position:static;} } @media screen and (max-width: 768px){ .thuoc_tinh_sp span{ float:left; width:100px; font-weight:bold;} .thuoc_tinh_sp span:last-child{ width:200px; font-weight:normal} } @media screen and (max-width: 767px){ .box-ad{ display: none; } .tumtrendf .line h2 { width: 40% !important; } .divsapxepd { width: 60% !important; } .upload_td{ float: none; display: block; margin-left: 0px; margin-bottom: 10px;} .bt_tuyendung { bottom: 22px; } .td_nd{ padding-bottom:30px;} } @media screen and (max-width: 760px){ } @media screen and (max-width: 750px){ .img-product{ width:60%;} .noidungchitiet{ width:40%;} .bo_ct{ position:static; padding-top:20px;} .bo_ct img{ width:200px;} .trumdknt{ margin-bottom:20px;} .thong_tin_dat_hang{ width:100%;} .c-pay-select .c-opt{ width:49%;} .c-pay-select .c-opt .c-opt-radio{ padding:0px;} } @media screen and (max-width: 736px){ .trumcpyring .cprigh, .divtongcuoi .danaweb{ text-align: left; line-height: 25px; } .danaweb{ padding-top:10px;} .sanpham2 .noidungchitiet{ padding-left: 30px !important; } } @media screen and (max-width: 732px){ .line h2 { width: 100%; } .line .view-all { width: 30%; } .box_slide_home{ width:100%; float:none;} .box_ad_slide{ width:100%; float:none} .ad_slide2{ width:49%; float:left;} .ad_slide2 img{ width:100%;} .ad_slide1 .row div.ad_slide2:first-child{ margin-right:2%;} .menu_mb_1{ width:50%;} } @media screen and (max-width: 720px){ .ten_trang_con .line{ margin-top:20px;} .menu-tabs { display:none;} .phan_sap_xep{ display:none;} .menu_sp_home{ margin-bottom:0px; padding-bottom:0px;} .menu-tabs2 { display:block; position:relative;} .menu-tabs2 label{ font-weight:400} .menu-tabs2 label.active{ font-weight:700} .slide_sp_km{ zoom:88%;} .nganhang ul li{ display:inline-block; float:none;} .box_td_2 { display:none;} .bophan_mb{ display:block;} .box_td_1{ width:47%;} .box_td_4{ width:27%;} .box_td_3 { width:26%;} .box_td{ font-size:13px;} } @media screen and (max-width: 667px){ .img-product{ width:100%; margin:auto;} .noidungchitiet{ width:100%;} .slide_sp_km{ zoom:131%;} .ndlh_ttt{ width:100%; float:none;} .f_lienhe_ttt{ width:100%; float:none; margin-top:20px;} } @media screen and (max-width: 655px){ } @media screen and (max-width: 640px){ .box-search { display:none;} .tim_kiem_mb{ display:block;} .menu-pro .dropbtn{ width:auto;} .trumchuyenmuc iframe{ width:100% !important} } @media screen and (max-width: 631px){ } @media screen and (max-width: 625px){ } @media screen and (max-width: 615px){ .tumtrendf .line h2 { width: 100% !important; } .divsapxepd { width: 100% !important; } } @media screen and (max-width: 591px){ .nganhang ul li img{ height:25px;} .form-order{ display: block; overflow-x: auto; } } @media screen and (max-width: 580px){ .ser_ship .col-sm-4{ width:100% !important} .form-order tr td{ line-height: 25px !important; } .show-cart input[type=button], .show-cart input[type=submit] { padding: 8px 15px; font-size: 15px; margin: 5px 5px !important; } .form-order .img { width: 89px !important; padding: 10px; } .c-cart-left{ width: 100%; padding-right: 0px; } .c-cart-right{ width: 100%; padding-left: 0px; } .cart-customer-information .field{ width: 100%; } .cart-customer-information .field-3 { width: 100%; } .cart-customer-information .field-2 { float: right; } .col-news .comment{ margin-bottom:0px;} } @media screen and (max-width: 568px){ .register_mail .input_mail{ width:65%;} .register_mail input[type="submit"]{ width:34%;} } @media screen and (max-width: 531px){ .sanpham2 .img-product{ width: 100% !important; } .sanpham2 .noidungchitiet{ width: 100% !important; margin-top: 20px; padding-left: 15px !important; } } @media screen and (max-width: 521px){ .header-sm .find{ display: none; } .header-sm .cus-top{ float: right !important; width: 60%; } .header-sm .shop-cart{ float: right; padding-right: 10px; } .breadcrumbs{ position: relative; } .bt_tuyendung{ position:static; clear:both; text-align:center} .upload_td{ float:none; display:inline-block;} .bt_tuyendung button{ display:block; margin:auto;} } @media screen and (max-width: 505px){ .cp_111{ display:none;} .cp_222{ display:block;} .box_td_3 { display:none;} .box_td_1{ width:65%;} .box_td_4{ width:35%;} .capbac_mb{ display:block;} .breadcrumb{ display:none} .ten_trang_con .line { margin-top: 0px; } .line h2 { width: 100%; } .line .view-all { width: 35%; } .col-pro .bottom .cost { width: 100%; float: left; } .col-pro .bottom .view-pro { width: 100%; margin-top: 7px; } .slide_sp_km{ zoom:105%;} } @media screen and (max-width: 481px){ .c-pay-select .c-opt{ float:none; display:block; width:100%; margin-bottom:10px;} .slide_sp_km{ zoom:91%;} } @media screen and (max-width: 466px){ .menu_mb_1{ width:70%;} .line h2 { font-size: 18px; } .line h2 span::after{ bottom:11px; } .line p.view-all a{ padding: 6px 25px; font-size: 12px; } .line p.view-all a::before { top: 4px; } .slide_sp_km{ zoom:88%;} .mb_lg_sp2{ display:none} .mb_lg_sp{ display:block;} } @media screen and (max-width: 451px){ } @media screen and (max-width: 441px){ .recevie .title-receive .noimg-receive{ width:100%; padding-left:0px;} .recevie .title-receive .noimg-receive p { padding-left:70px;} .recevie .title-receive .img-receive{ position:absolute; top:-16px;left: 14px;} .header .logo img { padding: 5px 0; } } @media screen and (max-width: 425px){ .register_mail input[type="submit"]{ padding: 10px 0; } .recevie .title-receive .noimg-receive { width: 100%; } .recevie .title-receive .img-receive{ top:2px;} #wrapper{ } } @media screen and (max-width: 414px){ .table_info_right .nav.nav-tabs > li > a{ padding: 10px 7px 7px 7px !important; font-size: 14px !important; } } @media screen and (max-width: 410px){ .divsapxepd{ top:-31px !important; } .col-pro, .col-news{ width: 100%; } .col-news .comment{ height:auto; } .divtonggiua .trumchuyenmuc, .divtonggiua .trumcskh{ width: 100%; margin-bottom: 25px; } .col-pro .bottom .cost { width: auto; float: left; } .col-pro .bottom .view-pro { width: auto; margin-top: 0px; } } @media screen and (max-width: 407px){ .breadcrumbs{ white-space: nowrap; overflow-x: auto; } .breadcrumbs a{ line-height: 38px; } .slide_sp_km{ zoom:80%;} } @media screen and (max-width: 399px){ } @media screen and (max-width: 395px){ } @media screen and (max-width: 390px){ .box_td_1{ width:100%;} .box_td_4{ display:none;} .diadiem_mb{ display:block;} } @media screen and (max-width: 375px){ .box-adv .col-xs-6{ width: 100% !important; } .box-adv .col-xs-6:first-child{ margin-top: -15px; } .box-adv .col-xs-6:last-child{ padding-top: 15px; } } @media screen and (max-width: 360px){ .form-sm{ width: 100%; } .slide_sp_km{ zoom:70%;} } @media screen and (max-width: 370px){ .line .view-all{ display: none; } .line h2 { width: 100%; } } @media screen and (max-width: 355px){ .title-receive .img-receive img{ max-width: 52px; } .recevie .title-receive .noimg-receive h4{ font-size: 16px; } .recevie .title-receive .noimg-receive p { font-size: 14px; color: #002954; } .register_mail input[type="submit"]{ font-size: 14px; } } @media screen and (max-width: 331px){ .header-sm .cus-top { float: right !important; width: 70%; } .table_info_right .nav.nav-tabs > li > a { padding: 10px 5px 7px 5px !important; font-size: 13px !important; } } @media screen and (max-width: 321px){ } .icon_xh ul li img:hover{ -ms-animation: flash 0.3s 1; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: 1; -webkit-animation-name: flash; -webkit-animation-timing-function: linear; -webkit-transform-origin: 50% 50%; } .sanphamsearch{ margin-bottom: 20px; } .thongtindk{ background: #fff; position: absolute; top: 0; left: 0; height: 206px; display: none; } .thongtindk > h3{ font-weight: 600; font-size: 18px; margin-top: 17px; margin-bottom: 10px; color: #53A250; } .thongtincung{ font-weight: 400; padding: 12px 5px 10px 5px; line-height: 20px; } .diachisodienthoai > p{ color: #fff; line-height: 30px; } .resulttk a{ color: #000; } .resulttk a:hover{ color: #000; } .chitietsanphamchih p{ text-align: justify; } .motasp{ text-align: justify; font-size:18px; color:#333333; letter-spacing:0; line-height:26px; text-align:left; } .chuahinhspcat{ text-align: center; } .thucphamcn1{ border-bottom: 1px solid #555; } .myphamcc1{ border-bottom: 1px solid #555; } .dodungte1{ border-bottom: 1px solid #555; } .suahanquoc1{ border-bottom: 1px solid #555; } .suanhatnd1{ border-bottom: 1px solid #555; } .hoapro > .licaphai{ display: block; } .trumsanphamtk{ padding: 0px; } .sanphamsearch{ padding: 0px; } .heightengach{ height: 40px; } .heightengach1{ height: 40px; } .heightengach2{ height: 40px; } .heightengach3{ height: 40px; } .heightengach4{ height: 40px; } .ndctthtoan{ display: inline-block; } .ndcttratruoc{ display: inline-block; } .tenthanhtoan{ font-size: 19px; color: green; margin-bottom: 10px; } .noidungthemsau{ margin-bottom: 10px; } .noidungthemsau input{ margin-right: 10px; } .noidungthemsau1{ margin-bottom: 10px; } .noidungthemsau1 input{ margin-right: 10px; } .thongtinchuyenkhoan{ margin-left: 25px; display: none; margin-bottom: 30px; } .thongtinchuyenkhoan1{ font-weight: 600; } .divbadanhmuc{ width: 22%; } .divchinhsanpham{ width: 78%; } .chititt{ width: 78%; } .dvrps{ width: 22%; } .dvrps1{ width: 78%; } .dmucsanpham{ width: 22%; } .newhb{ position: relative; } .newhb:before{ content: ""; height: 1px; background: #fff; left: -75px; position: absolute; width: 60px; top: 20px; } .newhb:after{ content: ""; height: 1px; background: #fff; right: 105px; position: absolute; width: 60px; top: 20px; } /*.new { top: -20px; width: 100%; position: absolute; text-align: center; } .newhb { color: #000; background: url('../images/nen.png') no-repeat; padding: 0px 20px; display: inline-block; background-size: cover; }*/ .newhb { font-size:36px; color:#ffffff; letter-spacing:0; text-align:left; font-weight: 800; font-family: 'Open Sans', sans-serif; text-transform: uppercase; } .chutrenslianh{ padding: 0px; /*height: 1px; background: rgb(255, 255, 255);*/ margin-top: 60px; z-index: 1; width: 35%; position: absolute; top: 0; left: 457px; } .chutrenslianha{ padding: 0px; height: 1px; margin-top: 110px; z-index: 1; position: absolute; top: 0; left: 250px; width: 55%; } .tenctyab{ font-size:68px; color:#ffffff; letter-spacing:0; text-align:center; font-weight: 800; font-family: 'Open Sans', sans-serif; } .tenctyabc{ font-size:43px; color:#fcf155; letter-spacing:0; text-align:center; font-weight: 800; font-family: 'Open Sans', sans-serif; margin-top: 20px; } .chutrenslislug{ padding: 0px; height: 1px; margin-top: 150px; z-index: 1; position: absolute; top: 0; left: 250px; width: 55%; } .tenslugcats{ font-size:68px; color:#ffffff; letter-spacing:0; text-align:center; font-weight: 800; font-family: 'Open Sans', sans-serif; text-transform: uppercase; } .table_info_right .panel-heading { padding: 0px; border: none; } .table_info_right .panel.with-nav-tabs.panel-default { border: none; } .table_info_right .nav.nav-tabs > li { padding: 0px 0px 0px 0px; border: none; display:inline-block; float:none; } .table_info_right .nav.nav-tabs > li > a { padding-left:15px;padding-right:15px; line-height:16px; border-radius: 0px; font-size:16px; font-weight:700; position:relative; background:none !important; border: solid 1px rgba(151,151,151,0.2) !important; letter-spacing:0; text-align:left; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; color: #9e9e9e; } .table_info_right .panel-heading{ text-align:center; background:#f3f3f3; padding-top:5px; padding-bottom:5px; } .table_info_right .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #4a4a4a; border: solid 1px #4a4a4a !important; background:none; outline: 0; border:none; } .nav-tabs>li{ margin-right: 5px; } .nav-tabs>li>a{ margin-right: 0px; } .table_info_right .list_info { list-style-type: none; } .nav-tabs{ border-bottom: none; } .table_info_right .title_table_info { font-size: 11px; margin-top: 10px; margin-bottom: 3px; } .table_info_right .price_table_info { font-weight: 600; color: #FA3242; } .panel-body{ } .panel{ background: none; } .bdduoi{ border-bottom: 1px solid #d8d8d8; padding-bottom: 10px; margin-bottom: 10px; } .lienhegia{ font-weight: 700; } .tumtrendf{ padding: 0px 15px; } .divtendmdpham{ width: 48%; display: inline-block; } .tumtrendf .line h2{ width: 67%; } .divsapxepd{ display: inline-block; text-align: right; padding-top: 3px; position:absolute; right:0px; top:-37px; } .divsapxepd > p{ display: inline-block; } .show-pro h2{ width: 100%; } .tenxsp{ font-size:16px; color:#333333; letter-spacing:0; padding-right: 10px; text-align:left; } .thutumad a{ font-size:16px; color:#333333; letter-spacing:0; text-align:left; } .thutumad > a > i{ color: #333; } .fa-list-ul{ padding: 5px; } .fa-list-ul:hover{ background: #333; color: #fff; } .fa-th{ padding: 5px; } .fa-th:hover{ background: #333; color: #fff; } .fa-sort-alpha-asc{ padding: 5px; } .fa-sort-desc{ padding: 5px; margin-top: -18px; vertical-align: -webkit-baseline-middle; } .acitvehoa{ background: #333; color: #fff; } .acitvehoa > i{ background: #333; color: #fff !important; font-size:16px; } .thutumad > select{ margin-right: 12px; cursor: pointer; padding: 5px; font-style:italic; border:solid 1px #E4E4E4 } .ten_trang_giohang .line{ top:-138px;} @font-face { font-family: "judson"; src: url("../fonts/judson-Thin.eot"); src: url("../fonts/judson-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/judson-Thin.woff") format("woff"), url("../fonts/judson-Thin.ttf") format("truetype"), url("../fonts/judson-Thin.svg#judson-Thin") format("svg"); font-weight: bold; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-menu > .mm-panel .fa-fw { width: 1.48571429em; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-panel.mm-opened { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-panel.mm-highest { z-index: 1; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; } .mm-menu > .mm-panel.mm-hasnavbar { padding-top: 40px; } .mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after { content: ''; display: block; height: 20px; } .mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent; } .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block; } .mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto; } .mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto; } .mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-navbar { border-bottom: 1px solid transparent; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; } .mm-navbar > * { display: block; padding: 10px 0; } .mm-navbar a, .mm-navbar a:hover { text-decoration: none; } .mm-navbar .mm-title { font-size: 13px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-navbar .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; } .mm-navbar .mm-btn:first-child { padding-left: 20px; left: 0; } .mm-navbar .mm-btn:last-child { padding-right: 20px; right: 0; } .mm-panel .mm-navbar { display: none; } .mm-panel.mm-hasnavbar .mm-navbar { display: block; } .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-listview { font: inherit; font-size: 14px; } .mm-listview a, .mm-listview a:hover { text-decoration: none; } .mm-listview > li { position: relative; } .mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 12px 12px 12px 22px; margin: 0; font-weight: 400; } #mm-1 .mm-listview > li > a { text-transform: uppercase; } .mm-listview > li > a .fa, .mm-listview > li > span .fa { color: #00579c; margin-left: -12px; } .mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow { padding-right: 50px; } .mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; } .mm-listview > li:not(.mm-divider):after { left: 0; } .mm-listview .mm-next { background-color: #eaeaea; width: 38px; padding: 0; position: absolute; right: 0; top: 0; bottom: 1px; z-index: 2; } .mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; } .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 38px; } .mm-listview .mm-next.mm-fullsubopen { width: 100%; } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none; } .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; } .mm-menu > .mm-panel > .mm-listview { margin-left: -20px; margin-right: -20px; } .mm-menu > .mm-panel > .mm-listview.mm-first { margin-top: -20px; } .mm-menu > .mm-panel > .mm-listview.mm-last { padding-bottom: 20px; } .mm-prev:before, .mm-next:after, .mm-arrow:after { content: ''; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-prev:before { border-right: none; border-bottom: none; left: 20px; } .mm-next:after, .mm-arrow:after { border-top: none; border-left: none; right: 15px; } .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; } .mm-listview > li.mm-spacer { padding-top: 40px; } .mm-listview > li.mm-spacer > .mm-next { top: 40px; } .mm-listview > li.mm-spacer.mm-divider { padding-top: 25px; } .mm-menu { background: #dedede; color: #2e2e2e; } .mm-menu .mm-navbar { border-color: #bfbfbf; } .mm-menu .mm-navbar > *, .mm-menu .mm-navbar a { color: #8d8d8d; } .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after { border-color: #8d8d8d; } .mm-menu .mm-listview > li:after { border-color: #bfbfbf; } .mm-menu .mm-listview > li .mm-prev:before, .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after { border-color: #acacac; } .mm-menu .mm-listview > li .mm-prev:after, .mm-menu .mm-listview > li .mm-next:before { border-color: rgba(72, 72, 72, 0.1); } .mm-menu .mm-listview > li > a:hover, .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background-color: #eaeaea; } .mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05); } .mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05); } .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background-color: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } html.mm-opened #mm-blocker { opacity: 0; } html.mm-opened #mm-blocker { background-color: #000000; } html.mm-opening #mm-blocker { opacity: 0.2; transition: opacity 0.4s ease 0.4s; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 280px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 400px) { html.mm-opening .mm-slideout { -webkit-transform: translate(280px, 0); -moz-transform: translate(280px, 0); -ms-transform: translate(280px, 0); -o-transform: translate(280px, 0); transform: translate(280px, 0); } } .mm-menu.mm-top.mm-autoheight, .mm-menu.mm-bottom.mm-autoheight { max-height: 80%; } .mm-menu.mm-top.mm-autoheight.mm-fullscreen, .mm-menu.mm-bottom.mm-autoheight.mm-fullscreen { max-height: 100%; } .mm-menu.mm-measureheight > .mm-panel { bottom: auto !important; height: auto !important; } em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 45px; top: 50%; } em.mm-counter + a.mm-next { padding-left: 40px; } em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span { margin-right: 90px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical > .mm-counter { top: 12px; margin-top: 0; } .mm-vertical.mm-spacer > .mm-counter { margin-top: 40px; } .mm-nosubresults > .mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-divider > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; } .mm-divider.mm-opened a.mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-collapsed:not(.mm-uncollapsed) { display: none; } .mm-fixeddivider { background: inherit; display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 2; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-fixeddivider:after { content: none !important; display: none !important; } .mm-hasdividers .mm-fixeddivider { display: block; } .mm-menu .mm-fixeddivider span { background: rgba(0, 0, 0, 0.05); } html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .mm-menu > .mm-navbar { background: inherit; padding: 0; z-index: 3; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-navbar-bottom { border-top: 1px solid transparent; border-bottom: none; top: auto; bottom: 0; } .mm-navbar-top ~ .mm-navbar-top { border-bottom: none; } .mm-navbar-bottom ~ .mm-navbar-bottom { border-top: none; } .mm-navbar.mm-hasbtns { padding: 0 40px; } .mm-navbar-top-1 { top: 0px; } .mm-hasnavbar-top-1 .mm-panel { top: 40px; } .mm-hasnavbar-top-1 .mm-indexer { top: 50px; } .mm-hasnavbar-top-1 .mm-fixeddivider { top: 40px; } .mm-navbar-top-2 { top: 40px; } .mm-hasnavbar-top-2 .mm-panel { top: 80px; } .mm-hasnavbar-top-2 .mm-indexer { top: 90px; } .mm-hasnavbar-top-2 .mm-fixeddivider { top: 80px; } .mm-navbar-top-3 { top: 80px; } .mm-hasnavbar-top-3 .mm-panel { top: 120px; } .mm-hasnavbar-top-3 .mm-indexer { top: 130px; } .mm-hasnavbar-top-3 .mm-fixeddivider { top: 120px; } .mm-navbar-bottom-1 { bottom: 0px; } .mm-hasnavbar-bottom-1 .mm-panel { bottom: 40px; } .mm-hasnavbar-bottom-1 .mm-indexer { bottom: 50px; } .mm-navbar-bottom-2 { bottom: 40px; } .mm-hasnavbar-bottom-2 .mm-panel { bottom: 80px; } .mm-hasnavbar-bottom-2 .mm-indexer { bottom: 90px; } .mm-navbar-bottom-3 { bottom: 80px; } .mm-hasnavbar-bottom-3 .mm-panel { bottom: 120px; } .mm-hasnavbar-bottom-3 .mm-indexer { bottom: 130px; } .mm-close { text-align: right; } .mm-close:after { content: 'x'; font-size: 22px; line-height: 0; } .mm-navbar-2 > *, .mm-navbar-3 > *, .mm-navbar-4 > *, .mm-navbar-5 > *, .mm-navbar-6 > * { display: block; float: left; } .mm-navbar-2 > * { width: 50%; } .mm-navbar-3 > * { width: 33.33%; } .mm-navbar-4 > * { width: 25%; } .mm-navbar-5 > * { width: 20%; } .mm-navbar-6 > * { width: 16.66%; } .mm-search, .mm-search input { box-sizing: border-box; } .mm-search { height: 40px; padding: 10px 10px 0; } .mm-search input { border: none; border-radius: 28px; font: inherit; font-size: 13px; outline: none; display: block; width: 100%; height: 28px; line-height: 28px; margin: 0; padding: 0 15px; } .mm-search input::-ms-clear { display: none; } .mm-panel > .mm-search { width: 100%; position: absolute; top: 0; left: 0; } .mm-panel.mm-hassearch { padding-top: 40px; } .mm-panel.mm-hassearch.mm-hasnavbar { padding-top: 80px; } .mm-panel.mm-hassearch.mm-hasnavbar .mm-search { top: 40px; } .mm-noresultsmsg { text-align: center; font-size: 21px; display: none; padding: 40px 0; } .mm-noresults .mm-noresultsmsg { display: block; } .mm-noresults .mm-indexer { display: none !important; } li.mm-nosubresults > a.mm-next { display: none; } li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span { padding-right: 10px; } .mm-menu .mm-search input { background: #cbcbcb; color: #8d8d8d; } .mm-menu .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-indexer { background: inherit; text-align: center; font-size: 12px; box-sizing: border-box; width: 20px; position: absolute; top: 10px; bottom: 10px; right: -100px; z-index: 3; -webkit-transition: right 0.4s ease; -moz-transition: right 0.4s ease; -ms-transition: right 0.4s ease; -o-transition: right 0.4s ease; transition: right 0.4s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-indexer a { text-decoration: none; display: block; height: 3.85%; } .mm-indexer ~ .mm-panel.mm-hasindexer { padding-right: 40px; } .mm-hasindexer .mm-indexer { right: 0; } .mm-hasindexer .mm-fixeddivider { right: 20px; } .mm-menu .mm-indexer a { color: rgba(0, 0, 0, 0.3); } input.mm-toggle, input.mm-check { position: absolute; left: -10000px; } label.mm-toggle, label.mm-check { margin: 0; position: absolute; top: 50%; z-index: 2; } label.mm-toggle:before, label.mm-check:before { content: ''; display: block; } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-top: -15px; } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px; } input.mm-toggle:checked ~ label.mm-toggle:before { float: right; } label.mm-check { width: 30px; height: 30px; margin-top: -15px; } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: 0.1; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } input.mm-check:checked ~ label.mm-check:before { opacity: 1; } li.mm-vertical label.mm-toggle, li.mm-vertical label.mm-check { bottom: auto; margin-top: 0; } li.mm-vertical label.mm-toggle { top: 5px; } li.mm-vertical label.mm-check { top: 5px; } label.mm-toggle, label.mm-check { right: 20px; } label.mm-toggle + a, label.mm-toggle + span { padding-right: 80px; } label.mm-check + a, label.mm-check + span { padding-right: 60px; } a.mm-next + label.mm-toggle, a.mm-next + label.mm-check { right: 60px; } a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span, a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span { margin-right: 50px; } a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span { padding-right: 70px; } a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span { padding-right: 50px; } em.mm-counter + a.mm-next + label.mm-toggle, em.mm-counter + a.mm-next + label.mm-check { right: 100px; } em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span { margin-right: 90px; } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu label.mm-toggle:before { background: #f3f3f3; } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu label.mm-check:before { border-color: rgba(0, 0, 0, 0.7); } .mm-menu.mm-border-none .mm-listview > li:after, .mm-listview.mm-border-none > li:after { content: none; } .mm-menu.mm-border-full .mm-listview > li:after, .mm-listview.mm-border-full > li:after { left: 0 !important; } html.mm-effect-zoom-menu .mm-menu.mm-offcanvas { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-offcanvas { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-offcanvas { -webkit-transform: scale(1, 1) translate3d(0%, 0, 0); -moz-transform: scale(1, 1) translate3d(0%, 0, 0); -ms-transform: scale(1, 1) translate3d(0%, 0, 0); -o-transform: scale(1, 1) translate3d(0%, 0, 0); transform: scale(1, 1) translate3d(0%, 0, 0); } html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas { -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -moz-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -o-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-offcanvas { -webkit-transform: scale(1, 1) translate3d(0%, 0, 0); -moz-transform: scale(1, 1) translate3d(0%, 0, 0); -ms-transform: scale(1, 1) translate3d(0%, 0, 0); -o-transform: scale(1, 1) translate3d(0%, 0, 0); transform: scale(1, 1) translate3d(0%, 0, 0); } html.mm-effect-slide-menu .mm-menu.mm-offcanvas { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-effect-slide-menu.mm-opened .mm-menu.mm-offcanvas { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } html.mm-effect-slide-menu.mm-opening .mm-menu.mm-offcanvas { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } html.mm-effect-slide-menu.mm-right.mm-opened .mm-menu.mm-offcanvas { -webkit-transform: translate3d(30%, 0, 0); -moz-transform: translate3d(30%, 0, 0); -ms-transform: translate3d(30%, 0, 0); -o-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } html.mm-effect-slide-menu.mm-right.mm-opening .mm-menu.mm-offcanvas { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .mm-menu.mm-effect-zoom-panels .mm-panel { -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition-property: -webkit-transform, left; -moz-transition-property: -moz-transform, left; -ms-transition-property: -ms-transform, left; -o-transition-property: -o-transform, left; transition-property: transform, left; } .mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translate3d(0%, 0, 0); -moz-transform: scale(1, 1) translate3d(0%, 0, 0); -ms-transform: scale(1, 1) translate3d(0%, 0, 0); -o-transform: scale(1, 1) translate3d(0%, 0, 0); transform: scale(1, 1) translate3d(0%, 0, 0); } .mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); } .mm-menu.mm-effect-slide-panels-0 .mm-panel.mm-subopened { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-effect-slide-panels-100 .mm-panel.mm-subopened { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px; } html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } @media all and (max-width: 140px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 10000px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(10000px, 0); -moz-transform: translate(10000px, 0); -ms-transform: translate(10000px, 0); -o-transform: translate(10000px, 0); transform: translate(10000px, 0); } } html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } @media all and (max-width: 140px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 10000px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-10000px, 0); -moz-transform: translate(-10000px, 0); -ms-transform: translate(-10000px, 0); -o-transform: translate(-10000px, 0); transform: translate(-10000px, 0); } } .mm-menu.mm-fullscreen.mm-top, .mm-menu.mm-fullscreen.mm-bottom { height: 100%; min-height: 140px; max-height: 10000px; } html.mm-opened.mm-fullscreen .mm-page { box-shadow: none !important; } .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span { text-overflow: clip; white-space: normal; } .mm-menu.mm-pageshadow:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99; } .mm-menu.mm-pageshadow.mm-right:after { left: auto; right: 100%; } .mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after { content: none; display: none; } .mm-menu.mm-pageshadow:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 350px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-280px, 0); -moz-transform: translate(-280px, 0); -ms-transform: translate(-280px, 0); -o-transform: translate(-280px, 0); transform: translate(-280px, 0); } } html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; } .mm-menu.mm-front { z-index: 1; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu.mm-top { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .mm-menu.mm-bottom { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-top, .mm-menu.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } .mm-menu.mm-theme-dark { background: #333333; color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-navbar { border-color: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark .mm-navbar a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-navbar .mm-btn:before, .mm-menu.mm-theme-dark .mm-navbar .mm-btn:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark .mm-listview > li .mm-prev:before, .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview > li .mm-prev:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-next:before { border-color: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-theme-dark .mm-divider { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-fixeddivider span { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-pageshadow.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-indexer a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark label.mm-toggle:before { background: #333333; } .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-white { background: white; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-navbar { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white .mm-navbar > *, .mm-menu.mm-theme-white .mm-navbar a { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-navbar .mm-btn:before, .mm-menu.mm-theme-white .mm-navbar .mm-btn:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white .mm-listview > li .mm-prev:before, .mm-menu.mm-theme-white .mm-listview > li .mm-next:after, .mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview > li .mm-prev:after, .mm-menu.mm-theme-white .mm-listview > li .mm-next:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-theme-white .mm-divider { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-fixeddivider span { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-pageshadow.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-indexer a { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white label.mm-toggle:before { background: white; } .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-black { background: black; color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-navbar { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-navbar > *, .mm-menu.mm-theme-black .mm-navbar a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-navbar .mm-btn:before, .mm-menu.mm-theme-black .mm-navbar .mm-btn:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview > li:after { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-listview > li .mm-prev:before, .mm-menu.mm-theme-black .mm-listview > li .mm-next:after, .mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview > li .mm-prev:after, .mm-menu.mm-theme-black .mm-listview > li .mm-next:before { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.3); } .mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-divider { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-fixeddivider span { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-pageshadow.mm-theme-black:after { content: none; display: none; } .mm-menu.mm-theme-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-indexer a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black label.mm-toggle:before { background: black; } .mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-listview li.tth-mm-search, .mm-listview li.tth-mm-category { display: none; height: 0; } @media screen and (max-width: 959px) { .mm-listview li.tth-mm-search { display: block; height: auto; } } @media screen and (max-width: 767px) { .mm-listview li.tth-mm-category { display: block; height: auto; } } .mm-navbar-bottom { text-align: center; } .mm-navbar-bottom a { background-color: #bfbfbf; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #ffffff !important; display: inline-block !important; float: none; font-size: 15px; width: 30px; height: 30px; line-height: 30px; text-align: center; padding: 0; margin: 5px; } .mm-navbar-bottom a.facebook:hover, .mm-navbar-bottom a.facebook:focus, .mm-navbar-bottom a.facebook:active { background-color: #37528d; } .mm-navbar-bottom a.skype:hover, .mm-navbar-bottom a.skype:focus, .mm-navbar-bottom a.skype:active { background-color: #00aff0; } .mm-navbar-bottom a.twitter:hover, .mm-navbar-bottom a.twitter:focus, .mm-navbar-bottom a.twitter:active { background-color: #1da1f2; } .mm-navbar-bottom a.google-plus:hover, .mm-navbar-bottom a.google-plus:focus, .mm-navbar-bottom a.google-plus:active { background-color: #dc2310; } .mm-navbar-bottom a.youtube:hover, .mm-navbar-bottom a.youtube:focus, .mm-navbar-bottom a.youtube:active { background-color: #b52024; } .mm-navbar-bottom a.instagram:hover, .mm-navbar-bottom a.instagram:focus, .mm-navbar-bottom a.instagram:active { background-color: #b03a94; } #hamburger { background:none; box-sizing: border-box; display: none; width: 37px; height: 30px; position: absolute; top: 14px; right: 12px; z-index: 91; margin: 0; } #hamburger:before, #hamburger:after, #hamburger span { background-color: #fff; content: ''; display: block; width: 28px; height: 4px; position: absolute; right: 5px; } #hamburger:before { top: 5px; } #hamburger span { top: 13px; } #hamburger:after { top: 21px; } #hamburger:before, #hamburger:after, #hamburger span { -webkit-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, right, opacity; transition-property: transform, top, bottom, right, opacity; } html.mm-opening #hamburger:before, html.mm-opening #hamburger:after { top: 14px; } html.mm-opening #hamburger span { right: -50px; opacity: 0; } html.mm-opening #hamburger:before { transform: rotate(45deg); } html.mm-opening #hamburger:after { transform: rotate(-45deg); } @media screen and (max-width: 960px) { #hamburger { display: block; } }.zzBoxes, .zzBoxes * { -moz-box-sizing: content-box; box-sizing: content-box; margin: 0; padding: 0; } .zzBoxes_overlay { background: none no-repeat center center #111111; position: fixed; z-index: 99999; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.8; } .zzBoxes_inner { background-color: #ffffff; color: #444; position: fixed; z-index: 999999; font-size: 15px; line-height: 20px; text-align: justify; width: 100%; max-width: 550px !important; top: 50%; left: 50%; margin-left: -150px; margin-top: -100px; -webkit-transition: margin .3s; transition: margin .3s; } .zzBoxes.alert .zzBoxes_title { color: #ff4e00; } .zzBoxes.confirm .zzBoxes_title { color: #ff4e00; } .zzBoxes.prompt .zzBoxes_inner { max-width: 400px !important; } .zzBoxes.prompt .zzBoxes_title { color: #002954; } .zzBoxes_title { font-size: 1.4em; line-height: 1.5em; } .zzBoxes_content { padding: 20px 15px; margin: 0; } .zzBoxes_mess { overflow: auto; white-space: pre-line; font-family: 'Helvetica Neue', Arial, sans-serif; } .zzBoxes_content img { max-width: 100%; } .zzBoxes_input { padding: 7px; margin: 10px 0 0; width: 100%; border: 1px solid #dddddd; -webkit-transition: all .3s; transition: all .3s; -moz-box-sizing: border-box; box-sizing: border-box; } .zzBoxes_input:focus { border-color: #002954; box-shadow: 0 0 3px 1px #002954; outline: 0 none; } .zzBoxes_button { background-color: #f4f4f4; text-align: right; position: absolute; left: 0; bottom: 0; right: 0; } .zzBoxes_button > div { background-color: #002954; color: #ffffff; display: inline-block; min-width: 80px; margin: 10px 0 10px 10px; font-weight: 400; padding: 10px 15px; line-height: 1em; text-align: center; text-transform: uppercase; -webkit-transition: background .3s; transition: background .3s; } .zzBoxes_button > div:first-child { margin-left: 0; } div.zzBoxes_cancel { background-color: #eb0900; } .zzBoxes_close { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJZJREFUeNpi/P//PwMpgAlKywHxMSD2wKImCogPA7EEmAeyAYhP/oeAb0DsARUD4XAg/gOV2wV2DVTCA6oYWVMIkuLPQGyDrAGbJgzF6BrQNWEoBmEmNA/yADEbEp8ZKoYAODwIMvknlP0TOSBgiqOwuNkDTZM3soZjONzsjaRpC7IGCSDei+5BJE0gxUIgPiOpSQMgwAB/QVTYXhJ/ggAAAABJRU5ErkJggg==) no-repeat center center #eb0900; position: absolute; width: 30px; height: 20px; right: 2px; top: 2px; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s; transition: all .3s; } .zzBoxes_inner:hover .zzBoxes_close { opacity: 1; } .zzBoxes_button > div:hover, .zzBoxes_close:hover { background-color: #ff4e00; cursor: pointer; color: #0c0c0c; } a:hover, a:focus{ text-decoration: none; color: #0164A6; } body{ overflow-x: hidden; font-family: 'Montserrat', sans-serif; color:#19263F; line-height: 20px; font-size: 14px; font-weight:500; } .show_mb{ display:none} .timkiemc{ padding-top:40px;} .font_td{ font-family: 'Montserrat', sans-serif; } a{ outline:none !important} a:focus { outline:none !important} .modal-content{ font-family: 'Montserrat', sans-serif;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } #menu{ top:0px;} .mm-wrapper_opened .phan_ngon_ngu{ display:none} .mm-wrapper_opened #hamburger:before { transform: rotate(45deg); top: 14px; } .mm-wrapper_opened #hamburger span { right: -50px; opacity: 0; } .mm-wrapper_opened #hamburger:after { transform: rotate(-45deg); top: 14px; } .mm-navbars_top{ height:44px; background:none !important; } .mm-navbar__searchfield{ display:none !important;} .mm-menu .mm-navbar{ border:none} .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after{ border-color:#fff} .mm-menu .mm-listview > li > a:hover, .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span{ background:none; color:#23d002} .mm-btn_next{ position: absolute !important; right: -6px!important; top: 11px!important; border: none!important;} .phan_ngon_ngu2{ position:fixed !important; bottom:20px; left:20px; display:none} .list_hinh_thuvien{ margin-top:40px;} .item_thuvien img{ width:100%;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .mm-listview > li:not(.mm-divider):after{ display:none} .mm-listview > li > a{ text-align:right; padding-right:30px;} .ten_ct_sp_mb{ display:none; font-size:28px; padding-bottom:20px; letter-spacing:2px; text-transform:uppercase; line-height:40px;} .item_khach_hang{ padding-top:25px; padding-bottom:25px; border-bottom:solid 1px #ccc;} .logo_kh{ width:20%;float:left;} .logo_kh img{ width:100%; } .noi_dung_kh{ width:75%; float:right;} .ten_kh{ font-size:18px; font-weight:bold;} .chuthich_kh{ padding-top:5px; } .link_kh{ padding-top:5px; color:#09F} .link_kh a{ color:#09F} .item_khach_hang:last-child{ border:none; } .fix_con_tc .tenct2{ display:none} .fix_con_tc .tenct1{ padding-top:10px; } .ma_sango{ display:none !important} .tieude_home .link_xem_tiep_gp{ position: absolute; right: 0px; top: 5px; line-height: 18px; font-size: 16px;} .logo_h_2{ margin-left:20px;} .phan_ngon_ngu_v img{ display:none } .ng_gt1{ line-height:30px;} .ng_gt1 img{ max-width:100% !important; height:auto !important } .ng_gt1 ul{ padding:0px;margin:0px;} .ng_gt1 ul li{ padding-left:20px; position:relative; list-style:none; padding-bottom:0px;} .ng_gt1 ul li:after { content: ''; position: absolute; width:7px; height:7px; border:solid 1px #911212; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; left:0px; top:11px; } .phan_lichsu_gt{ padding-bottom:30px;} .thoigian_ls{ width:25%; float:left;} .thoigian_ls span.m1{ display:block; font-size:22px; font-weight:bold} .thoigian_ls span.m2{ display:block; font-size:14px; padding-top:5px; } .nd_ls{ position:relative; width:75%; float:left; padding-left:50px; min-height:150px; font-size:14px; line-height:24px; border-left: dashed 1px #CCC} .nd_ls:after { content: ''; position: absolute; width:7px; height:7px; border:solid 1px #911212; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; left:-4px; top:0px;} .nd_ls .m3{ margin-top:-6px; position:relative} .item_ls:last-child .nd_ls{ border:none; min-height:auto } .item_hoso{ width:28%; float:left; margin-right:8%; padding:10px; background:#fff; border:solid 1px #D4D4D4;} .item_hoso img{ width:100%;} .item_hoso:last-child{ margin-right:0px;} .hoso_1_3{ margin-right:0px;} .logo_menu img{ width:132px; } .phan_tour_khac{ padding-bottom:30px;} .khung_list_tintuc{ padding-bottom:30px; } .col_tour { margin-bottom:0px;} .lang_web{ padding-top:10px; } .lang_web img{ width:24px; margin-right:8px;} .lang_web_mb{ padding-top:10px; position:absolute; top:17px; right:7px; } .lang_web_mb img{ width:24px; margin-right:8px;} .khung_fix2{ width:1180px; margin:auto; position:relative;} .khung_tim_kiem{ background:#F39422; height:60px; width:100%;} .ten_tk{ font-size:24px; color:#fff; padding-top:20px; font-weight:bold; float:left} .khung_tab{ float:right; width:45%; padding-top:17px; text-align:right;} .item_tab{ display:inline-block; margin-left:2%; padding-top:3px; padding-bottom:3px; text-align:center; border-radius: 2px; padding-right:25px; padding-left:25px; background: rgba(255,255,255,0.25); cursor:pointer} .item_tab a{ color:#fff; font-size:12px; font-weight:bold; text-transform:uppercase;} .item_tab:hover{ background:#293A80} .tk_acti{ background:#293A80} .phan_gioi_thieu_con{ position:relative; padding-bottom:30px;} .khung_banner_sl{ top:0px; left:0px; width:100%; position:fixed; z-index:9999; background:url(/images/bn.png) no-repeat center bottom; background-size:100%; height:170px; } .khung_banner_sl2{ background:none} .khung_banner_sl2.fixed3{ background:url(/images/bn.png) no-repeat center bottom; background-size:100%;} .menu-home{ position: absolute; right: 144px; width: 52%; top: 15px; } .ten_ct_bn{ position:absolute; left:120px; top:23px; color:#fff;} .ten_ct_bn a{ color:#fff;} .bg_sl_duoi{ background:url(/images/bn2.png) no-repeat center top; height:145px; background-size:100%; position:absolute; bottom:-2px;left:0px;width:100%; z-index:3 } .navigation > ul > li.has-sub>a{ position:relative;} .navigation > ul > li.has-sub>a:before{ position:absolute; right:-20px; content:''; width:11px; height:7px; background:url(/images/sub.svg) no-repeat; top:25px; background-size:10px; display:none} .navigation > ul > li.active > a, .navigation > ul > li:hover >a { color:#01a650 !important; border-radius: 0px; border-bottom: 0px; } .navigation > ul > li.active > a,.navigation > ul > li:hover > a { color:#911212; border-radius: 0px; } .navigation > ul > li >a{ z-index:2; display:inline-block; padding:0px; padding-top:11px; padding-bottom:16px; line-height:35px;} .logo_menu:hover:before{ display:none} .logo_menu:hover:after{ display:none} .navigation > ul > li:hover > ul{ padding-top:5px;} .icon_tiemkiem{ width:13px; height:13px; background:url(/images/timkiem.png) no-repeat center; background-size:100%;} /* .fixed3 .icon_tiemkiem{ background:url(/images/timkiem2.png) no-repeat center;background-size:100%; } .fixed3 .tenct1{ color:#000} .fixed3 .tenct2{ color:#000} .fixed3 .logo_nn{ color:#000 !important} .fixed3 .phan_ngon_ngu .dropdown:after { background:#000!important; color:#000 !important} .fixed3 .navigation > ul > li > a{ color:#000}*/ .fixed .navigation > ul > li > a > span{ padding-left:0px;} .fixed .navigation > ul > li > a > span:before{ display:none} .fixed .navigation > ul > li > a > span:after { display:none} .fixed .navigation > ul > li.active:after{ display:none;} .fixed .navigation > ul > li.active:before{ display:none;} .fixed .navigation > ul > li:hover:after{ display:none;} .fixed .navigation > ul > li:hover:before{ display:none;} .fixed .navigation > ul > li.active a{ color:#911212; background:none;} .fixed .logo_menu img{ height:70px; -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1); -webkit-filter: contrast(500%); -webkit-filter: invert(1) contrast(500%); filter: brightness(0.5) sepia(1) saturate(400%); width:auto !important} .fixed .lang_web{ position:absolute; right:0px; top:0px; } .menu.fixed{ padding-top:0px; padding-bottom:0px; padding-left:0px;} .fixed .navigation{ position:relative;} .box_slide_home{ position:relative;} .khung_trang{ position:absolute; width:100%; height:100%; } .phan_trang_fix{ position:absolute; height:100%; width:1180px; margin:auto; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index:9} .phan_trang_fix:after{ content: ''; position: absolute; width:1000px; height:100%; left:-800px; top:0px; z-index:999; background:#fff; } .captionOrange{ z-index:999999 !important; color:#333; font-size:30px; height:100px; background:#000} .sl_tin_hinh div { display: block !important; } .list_hinh_thuvien .owl-nav{ top:-40px !important; display:block !important} .list_hinh_thuvien .owl-nav .owl-prev{ background:url(/images/back1.png) no-repeat center !important; width:10px; height:16px; background-size:10px!important; left:auto !important; right:40px !important;} .list_hinh_thuvien .owl-nav .owl-next{ background:url(/images/next1.png) no-repeat center !important; width:10px; height:16px; background-size:10px!important; right:0px !important;} .list_sl_sp_home .owl-nav{ top:-40px !important; display:block !important} .list_sl_sp_home .owl-nav .owl-prev{ background:url(/images/up-arrow4.png) no-repeat center !important; width:10px; height:16px; background-size:10px!important; left:auto !important; right:0px !important;} .list_sl_sp_home .owl-nav .owl-next{ background:url(/images/up-arrow3.png) no-repeat center !important; width:10px; height:16px; background-size:10px!important; } .sl_tin_hinh img{ width:100%; height:auto;} .slide_hinh_home{ width:100%; height:700px;background-repeat: no-repeat !important; background-position: 50% 50% !important; background-size: cover !important; position:relative; } .slide_hinh_home div.nenden{ position:absolute;top:0px; left:0px; width:100%; height:100%; } .phan_thong_slide{ position:absolute; bottom:0px; left:0px; width:100%; height:100%; } .nd_sl_view{ position:relative; height:100%;} .item_chu{ width:100%;} .phan_ct_sl{width:100%; text-align:center; line-height:40px; padding:25px; padding-top:35px; height:auto; position: absolute; color:#fff; top: 50%; transform: translate(0,-50%); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#000000)";/*IE 8*/ text-shadow: 0 0 3px rgba(0,0,0,0.6);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000); /*IE 5.5-7*/} .ten_sl_home{ color:#fff; font-size:34px; text-transform:uppercase; font-weight:500; line-height:50px; padding-bottom:0px; } .ct_sl_home{ color:#fff; padding-top:10px; font-size:14px; line-height:20px; font-weight:400 } .phan_thong_slide .slick-dots{ width:auto; left:50px; top:-7%;padding-bottom:5px; padding-right:10px; padding-left:10px; background:#911212; bottom:auto} .phan_thong_slide .slick-dots li{ } .phan_thong_slide .slick-dots li button:before{ font-size:35px;color:#fff;} .phan_thong_slide .slick-dots li.slick-active button:before { opacity: .75; color:#fff; } .phan_gioi_thieu_home{ padding-top:0px; padding-bottom:170px; padding-top:140px;} .phan_nd_gt_home{ width:50%; float:left; padding-top:60px;} .hinh_anh_gt{ width:35%; float:right; position:relative;} .hinh_anh_gt img{ width:100%} .ten_gt_h{ color:#0164A6; font-size:40px; text-transform:uppercase; font-weight:bold; line-height:45px;} .ct_gt_h{ font-size:20px; padding-top:15px; padding-bottom:15px;} .nd_gt_h{ line-height:25px;} .xem_home_home{ font-size:13px; color:#515151;} .xem_home_home a{color:#515151; text-transform:uppercase} .xem_home_home a:hover{ color:#0164A6} .bl_gt{ position:absolute; bottom:-70px;left:-110px; width:130%;} .bl_gt img{ width:100%;} .hinh_anh_gt .h_gt_1{-webkit-border-radius: 190px; -moz-border-radius: 190px; border-radius: 190px} .nen_gt_ct{ background:url(/images/nen2.png) no-repeat center top; background-size:100%; padding-bottom:100px;} .phan_tt_gt{ background:#0164A6; padding-top:10px; padding-bottom:40px; position:relative;} .hinh_tt_gt{ width:25%; float:left} .hinh_tt_gt img{-webkit-border-radius: 190px; -moz-border-radius: 190px; border-radius: 190px;width:100%; } .nd_tt_gt{ width:70%; float:right; padding-top:90px; color:#fff} .phan_ct_gt{ position:relative; padding-top:140px; padding-bottom:30px;} .h_view_3{ margin-bottom:25px;} .h_view_3 img{ width:100%;} .tieude_home{ font-size:24px; font-weight:600; padding-bottom:30px; color:#0164A6} .xem_tat_ca_home{text-transform:uppercase;} .xem_tat_ca_home a{ background:#0164A6; padding-left:30px; padding-right:30px; padding-top:7px; padding-bottom:7px; font-size:14px; display:inline-block; color:#fff;-webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px;} .phan_tintuc_home{ padding-top:40px; padding-bottom:40px; background:#F5F5F5; position:relative;} .nen_xam_sp3{ position:absolute; width:100%; left:0px; background:url(/images/bn5.png) no-repeat center top; background-size:100%; height:100px; top:-80px;} .item_tintuc{ position:relative; width:100%; float:left;margin-bottom:25px;} .item_tintuc img{ width:100%;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .menu_tintuc{ color:#DAA940; padding-top:10px; padding-bottom:10px; } .date_nenu{ padding-top:7px; padding-bottom:7px; font-size:9px; color:#646464; } .thong_tin_tintuc{ padding-top:10px; } .ten_tintuc{ color:#000; font-size:16px; font-weight:600;height: 43px; line-height:21px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .nd_tintuc{ padding-top:10px; line-height:25px; height: 88px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-weight:500} .chu_thich_tinhome{ padding-top:10px; line-height:25px; height: 88px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-weight:500; font-size:13px;} .xem_tiep_tt{text-transform:uppercase; color:#515151} .xem_tiep_tt a{text-transform:uppercase; color:#515151} .chu_thich_tinhome2{ padding-top:10px; line-height:25px; height: 33px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight:500; font-size:13px;} .khung_duoi{ position:relative;} .nen_xam_sp5{ position:absolute; width:100%; left:0px; background:url(/images/bn5.png) no-repeat center top; background-size:100%; height:60px; top:-50px;} .nen_xam_sp4{ position:absolute; width:100%; left:0px; background:url(/images/bn6.png) no-repeat center bottom; background-size:100%; height:100px; top:0px;} .phan_lh_home{ padding-top:100px; padding-bottom:100px; background:url(/images/nen2.png) no-repeat center top; background-size:100%; position:relative; } .noi_dung_lienhe_home{ width:40%; float:left} .ban_do_home{ width:50%; float:right;} .ban_do_home iframe{ height:392px !important; width:100%;} .noi_dung_lienhe_home ul{ padding:0px;margin:0px; padding-left:25px;} .noi_dung_lienhe_home ul li{ margin-bottom:5px; list-style:none; position:relative; } .noi_dung_lienhe_home ul li::before{content: ""; border:solid 1px #01A650; width:5px; height:5px; top:7px; left:-15px; position:absolute; display: inline-block;-webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px } .menu_tab_cay{ position:absolute; top:172px; left:0px; width:100%; } .tab_menu_cay{ text-align:right; } .tab_menu_cay ul{ padding:0px; margin:0px; font-weight:300; list-style:inside; display:inline-block; font-size:14px; } .tab_menu_cay ul li{ padding:0px; margin:0px; list-style:inside; display:inline-block; width:auto; line-height:20px; padding-right:15px; background-size:5px; padding-left:5px; white-space:nowrap; position:relative;height: 20px; overflow: hidden; } .tab_menu_cay ul li::before{ content: "/"; position:absolute; right:0px; top:2px;color:#fff; font-weight:300; } .tab_menu_cay a{ color:#fff;} .tab_menu_cay span{ color:#fff;} .tab_menu_cay li:last-child { font-size:14px; background:none; max-width:300px; ; } .tab_menu_cay li:last-child::before{ display:none } .tab_menu_cay li:last-child span{ color:#fff; white-space:normal; height:20px; overflow:hidden ; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .tab_menu_cay li:first-child{ list-style:none} .tieude_con{ font-size:31px; font-weight:500; top:-170px; color:#fff; position:absolute; left:0px; max-width:60%; line-height:35px; text-align:left;height:70px; overflow:hidden ; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .khung_tin_tuc_con{ padding-top:10px;} .bg_con_mo{ background:url(/images/linebg.png) repeat-x top; padding-top:30px;} .phan_tin_khac{padding-top:50px; padding-bottom:50px; position:relative;} .phan_tin_khac .khung_fix2:after { content: ''; position: absolute; width: 100%; height: 1px; background-image: linear-gradient(to right, transparent 50%, #ccc 50%); background-size: 15px 100%; left: -5px; top: -50px; margin-top: 20px; } .canh_giua{ text-align:center;} .bt_quay_lai{ } .bt_quay_lai a{ display:inline-block; border:solid 1px #CCC; cursor:pointer; padding:7px; color:#CCC; padding-left:20px; padding-right:20px;} .cl_trang{ color:#fff;} .cl_trang a{ color:#fff;} .cl_trang a:hover{ color:#C00 !important} .nen_xam_sp{ position:absolute; width:100%; left:0px; background:url(/images/bn3.png) no-repeat center top; background-size:120%; height:100px; top:-100px;} .phan_san_pham_home{ padding-top:40px; padding-bottom:40px; background:#0164A6; position:relative; padding-bottom:50px;} .sp_k_fix{ width:90%; margin:auto;} .sp_k_fix .owl-carousel .owl-stage-outer{ overflow:visible;} .item_sanpham{ width:100%; position:relative; margin-bottom:25px;} .hinh_sanpham img{ width:100%;-webkit-border-radius: 190px; -moz-border-radius: 190px; border-radius:190px; background:#fff;} .thong_tin_sanpham{ text-align:center} .ma_sanpham{padding-top:7px; color:#6D6D6D; font-size:12px; text-transform:uppercase} .ten_sanpham{ padding-top:7px;line-height:25px; height: 30px; font-size:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .ten_sanpham a:hover{ color:#0164A6} .col_sp_ct { padding-left:40px; padding-right:40px; margin-bottom:25px;} .col_sp_ct {} .ct_menu_sp_xem{ padding-bottom:30px; padding-top:10px; text-align:justify} .phan_yeuto_home{ padding-top:160px; position:relative; background:url(/images/nen.png); padding-bottom:150px;} .nen_xam_sp2{ position:absolute; width:100%; left:0px; background:url(/images/bn4.png) no-repeat center bottom; background-size:100%; height:100px; top:0px;} .hinh_yeuto{ text-align:center; width:310px; margin:auto; position:relative; margin-top:150px; } .hinh_yeuto>img{width:100%;-webkit-border-radius: 190px; -moz-border-radius: 190px; border-radius:190px;} .hinh_bao_yeuto{ position:absolute; bottom:0px; width:200px; right:-30px;} .hinh_bao_yeuto img{ width:100%;} .item_yeuto{ width:330px; position:absolute; } .item_hinh_yeuto{ width:110px; height:110px; float:right;-webkit-border-radius: 190px; -moz-border-radius: 190px; border-radius:190px; background:#0164A6; text-align:center; } .item_hinh_yeuto img{ margin-top:20px;} .phan_ct_yeuto{ width:206px; float:left; text-align:right;} .ten_yeuto{ font-size:18px; font-weight:500; padding-bottom:7px; } .chuthich_yeuto{ font-size:13px;} .item_yeuto_1{ position:absolute; left:60px; top:250px;} .item_yeuto_2{ position:absolute; left:150px; top:80px;} .item_yeuto_3{ position:absolute; right:150px; top:80px;} .item_yeuto_3 .item_hinh_yeuto{ float:left} .item_yeuto_3 .phan_ct_yeuto{ float:right; text-align:left} .item_yeuto_4{ position:absolute; right:60px; top:250px;} .item_yeuto_4 .item_hinh_yeuto{ float:left} .item_yeuto_4 .phan_ct_yeuto{ float:right; text-align:left} .logo_bt{ width:130px; } .logo_bt img{ width:130px;} .phan_logo_menu_bt{ position:relative; border-bottom:solid 1px #01A650;padding-bottom:30px;} .ten_ct_bt{ position:absolute; left:150px; top:23px; color:#0164A6; font-weight:600; text-transform:uppercase} .menu_bt{ position:absolute; right:0px; top:23px;} .menu_bt span{ display:inline-block; padding-left:30px; font-size:13px; color:#101010;} .menu_bt span a{color:#101010; font-weight:500} .menu_bt span a:hover{ color:#0164A6} .tt_lien_he_bt{ padding-top:30px; line-height:30px;} .icon_tb_ct{ position:absolute; right:300px; top:50px; width:183px;} .icon_tb_ct img{ width:100%;} .khung_tt_sp{ padding-top:0px; padding-bottom:30px;} .phan_left_sp_ct{ width:43%; float:right;} .hinh_anh_sp_ct{ width:55%; float:left} .ten_ct_sp{ font-size:31px; font-weight:400; line-height:45px; text-transform:uppercase; letter-spacing:3px; margin-bottom:20px; padding-bottom:10px; position:relative; } .item_ct_sp{ text-transform:uppercase; font-size:13px; padding-bottom:20px; clear:both; float:left; width:100%;} .item_ct_sp .sp_m1{ display:inline-block; font-weight:500; width:120px; float:left;} .item_ct_sp .sp_m2{ display:inline-block; font-weight:400; float:left} .ten_ct_sp:before{ content:''; position: absolute; width:50px; height:1px; bottom:0px;left:0px; background:#ED1C24} .hinh_av_sp img{ width:100%;} .h_view_sango{ margin-top:25px; } .h_view_sango a{ display:block; height:120px;background-repeat: no-repeat !important; background-position: 50% 50% !important; background-size: cover !important;} .lienhe_tuvan{ width:30%; float:left;} .lienhe_tuvan a{ display:inline-block; padding:7px; padding-left:20px; padding-right:20px; color:#fff; text-transform:uppercase; background:#0164A6;width:100%; white-space:nowrap; border-radius: 50px;} .dienthoai_sp{ width:50%; float:left;white-space:nowrap; text-align:left; padding-left:20px;} .nen_trang_con{ background:url(/images/nenc.png) no-repeat center bottom; background-size:100%; width:100%; height:350px;} .menu_thietbi{ width:33.3%; float:left; position:relative; } .menu_thietbi a{ width:100%; height:290px; background-repeat: no-repeat !important; background-position: 50% 50% !important; background-size: cover !important; display:block; position:relative; z-index:2; } .ten_menu_tb{ z-index:9; color:#fff; position:absolute; left:20px; bottom:30px; text-transform:uppercase; font-size:26px; font-weight:300} .menu_thietbi a:after{ content:''; position: absolute; bottom: 0px; left: 0px; width: 100%; height:100%; background: -moz-linear-gradient(left, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); z-index:1; } .mn_tb_1{ width:66.6%;} .mn_tb_2{ width:33.3%;} .mn_tb_3{ width:33.3%;} .mn_tb_4{width:66.6%;} .mn_tb_5{} .mn_tb_6{} .mn_tb_7{} .mn_gach_4{ } .mn_gach_5{width:66.6%;} .phan_right_tb{ width:73%; float:right;} .phan_left_menu_tb{ width:23%; float:left;} .ten_dm{ text-transform:uppercase; margin-bottom:20px; font-size:15px; font-weight:700} .m_menu_sp{ font-size:15px; text-transform:uppercase; margin-bottom:20px; font-weight:500; position:relative;} .dienthoai_sp{ padding-top:10px;} .sl_sp_thm { width:22%; float:right; padding-top:0px; } .sl_sp_view{ width:70%; float:left; position:relative; } .h_view_thm{ padding:5px;} .h_view_1 img{ width:100%; background:#fff; } .h_view_thm img{ width:100%;} .menu_sub{ padding-top:20px; padding-left:20px; display:none} .m_menu_sp_sub{font-size:15px; text-transform:uppercase; margin-bottom:20px; font-weight:500} .sub_menu{ position:absolute; width:20px;height:20px; cursor:pointer; right:0px; top:0px; color:#000;} .sub_menu:before{content:'+';} .opent_mn .sub_menu:before{content:'-'; font-size:20px;} .opent_mn .menu_sub{ display:block !important} .m_acti>a{ color:#ED1C24} .khung_gt_con{ width:80%; padding-top:30px;} .hinh_gt_con{ position:relative; padding-bottom:200px; margin-top:30px;} .hinh_gt_con .h_gt_1{ width:70%; position:relative; z-index:21} .hinh_gt_con .h_gt_2{ width:50%; position:absolute; z-index:1; right:0px; bottom:0px; } .hinh_gt_con2{ margin-top:80px; position:relative} .hinh_gt_con2{ width:76%; float:right;} .hinh_gt_con2 .h_gt_1{ width:100%; position:relative; z-index:21} .hinh_gt_con2 .h_gt_2{ width:40%; position:absolute; z-index:1; left:-200px; bottom:-200px; } .nd_gt_2{ width:56%; float:right; padding-top:80px; padding-bottom:80px;} .ng_gt3{ padding-top:20px; line-height:28px;} .ng_gt1{ padding-top:20px; line-height:28px;} .mang_xa_hoi{ padding-top:20px; position:absolute; right:0px; top:50px;} .mang_xa_hoi ul li{ float:left;} .mang_xa_hoi ul li{ list-style:none; margin-left:15px; } .mang_xa_hoi ul li img{ height:15px; width:auto } .mang_xa_hoi ul li a{ display:inline-block; width:24px; height:24px; background:#101010;-webkit-border-radius: 190px; -moz-border-radius: 190px; border-radius:190px; text-align:center} .bt_tim_hieu{ text-align:center; padding-top:10px;} .bt_tim_hieu a{ display:inline-block; padding-left:30px;padding-right:30px; padding-top:11px; padding-bottom:11px; color:#fff; background:#DAA940; font-weight:600;border-radius: 90px; font-size:16px;} .bt_tim_hieu a:hover{ background:#F0F0F0; color:#000} .sl_tin_hinh .slick-dots{ position:absolute; bottom:110px; text-align:left; padding-left:40px;} .sl_tin_hinh .slick-dots button{ border: 2px solid #FFFFFF; background:#fff; width:12px; height:12px;-webkit-border-radius: 200px;/*Safari, Chrome*/ -moz-border-radius: 200px;/*Firefox*/ border-radius: 200px;} .sl_tin_hinh .slick-dots .slick-active button { border: 2px solid #007604; background:#007604} .sl_tin_hinh .slick-prev{ background:url(/images/up-arrow3.png) no-repeat; background-size:18px; width:27px; height:33px; left:auto !important; right:20px !important; z-index:999} .sl_tin_hinh .slick-next{ background:url(/images/up-arrow4.png) no-repeat; background-size:18px; width:27px; height:33px; left:20px !important; z-index:999} .sl_tin_hinh .slick-dots button:before { display:none;} .nd_sl_view .slick-arrow{ width:44px; border:solid 1px #fff; height:44px; background:none; z-index:999} .nd_sl_view .slick-prev{ bottom:20px; right:44px; left:auto;top:auto; background:url(/images/left-arrow.png) no-repeat center center; background-size:13px;} .nd_sl_view .slick-next{ bottom:20px; right:0px; left:auto; top:auto; background:url(/images/left-arrow-1.png) no-repeat center center; background-size:13px;} .phan_duan_khac_giaiphap{ padding-top:10px;} .chuc_nang_nb{ width:33%; float:left; margin-top:10px;} .chuc_nang_nb img{ width:36%; float:left;} .chuc_nang_nb span{ float:left; width: 45%; margin-left:8%; margin-top:17px; } .item_sp{ border:solid 1px #fff;} .hinh_sp{ text-align:center; padding-top:10px;padding-bottom:10px;} .hinh_sp img{ width:50%; margin:auto;} .phan_thong_tin_sp{ padding:15px; } .muiten{ background:url(/images/right-arrow.png) no-repeat right; background-size:27px;} .ten_sp{ width:70%; height: 43px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight:600; } .ten_sp a{ color:#202020; font-size:18px;} .gia_sp{ font-size:16px; color:#DAA940; padding-top:5px;} .item_sp:hover{ border:solid 1px #F0F0F0; } .item_sp:hover .phan_thong_tin_sp{ background:#F0F0F0} .phan_san_pham_home{ padding-top:30px;} .ten_muc{ text-align:center; font-size:16px; font-weight:600; padding-bottom:10px; } .tieude_home2{ font-size:18px; color:#01A650; line-height:20px; font-weight:bold; padding-bottom:10px;} .tieude_sp_menu{font-size:18px; color:#0164A6; line-height:20px; font-weight:600; padding-bottom:10px;} .tieude_sp_menu a{ color:#0164A6;} .list_sp_menu{ padding-top:20px; padding-bottom:30px;} .xem_tat_ca{ text-transform:uppercase; text-align:center;} .xem_tat_ca a{ display:inline-block; border-bottom:solid 1px #DAA940; padding-bottom:3px; font-weight:600} .xem_tat_ca a:hover{ color:#DAA940} .phan_tim_ma_mau{ background:#F8F8F8; padding-top:50px; padding-bottom:50px; margin-top:50px;} .phan_noi_dung_mau{ width:50%; float:left; padding-right:80px; padding-top:60px; } .ten_nd_mau{font-size:30px; line-height:40px; font-weight:600;} .nd_mau{ padding-top:20px;} .phan_sl_mau{ width:50%; float:right;} .bt_tim { padding-top:30px;} .bt_tim a{ display:inline-block; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:10px; background:#DAA940; color:#fff;box-shadow: 0px 10px 20px #00000029; border-radius: 90px; text-transform:uppercase;} .slide_ab .slick-dots{ background:#fff; position:absolute; bottom:20px; display:inline-block !important; margin:auto; left:50%; transform: translate(-50%); width:auto !important;border-radius: 90px; padding-left:5px; padding-right:5px; } .slide_ab .slick-dots li{ width:26px; height:26px; } .slide_ab .slick-dots li button:before{ font-size:78px;opacity: 1;} .slide_ab .slick-dots li.mau_1 button:before{ color:#EDE9ED !important; } .slide_ab .slick-dots li.mau_2 button:before{ color:#D2EAF2!important } .slide_ab .slick-dots li.mau_3 button:before{ color:#F2F2F2!important } .slide_ab .slick-dots li.mau_4 button:before{ color:#E0E0E0!important } .slide_ab .slick-dots li.mau_5 button:before{ color:#8EA9C8!important } .slide_ab .slick-dots li:hover button:before{ font-size:88px} .slide_ab .slick-dots li.slick-active button:before {font-size:88px} .slide_sp_ct .owl-prev{ width:14px; height:27px; background:url(/images/back1.png) no-repeat !important; background-size:14px !important;} .slide_sp_ct .owl-next{ width:14px; height:27px; background:url(/images/next1.png) no-repeat !important; background-size:14px !important;} .slide_sp_ct .owl-dots .owl-dot span{ width:25px !important;border-radius: 0px!important ; height:7px !important; background:#f7e0c9 !important;} .slide_sp_ct .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #CA9258 !important; } .slide_sp_ct .owl-dots { margin-top:20px;} .slide_sp_ct .owl-nav { top:29% !important; } .phan_hinh_anh_home{ margin-top:50px; background:#F8F8F8; padding-top:50px; padding-bottom:30px;} .list_hinh_home{ width:70%; float:left;} .img_home{ position:relative; cursor:pointer;} .img_home img{ width:100%; } .phan_gui_thongtin{ width:25%; float:right; padding-top:80px;} .col_hinh_home{ margin-bottom:40px;} .ct_com_4{ text-align:center; padding-bottom:20px;} .phan_dang_ky_tt div{ padding-bottom:10px;} .phan_dang_ky_tt input{ border:solid 1px #C8C8C8; width:100%; padding:10px; background:#F8F8F8; padding-left:20px; } .phan_dang_ky_tt button{ background:#DAA940; color:#fff; padding:10px; width:100%; border:none; } .mau_xam{ background:#F8F8F8;} .khung_duoi{ padding-bottom:20px; background:#F5F5F5; color:#101010; padding-top:50px; font-size:14px; font-weight:400; } .khung_duoi a{ color:#101010;} .box_duoi_1{ width:28%; float:left} .box_duoi_1 img{ width:131px; margin-bottom:40px;} .m1_bt{ padding-top:8px; font-size:14px;} .pdt_20{ padding-top:20px;} .box_duoi_1{ width:13%; float:left; color:#A8A8A8;padding-top:50px; line-height:25px;} .box_duoi_1 img{ width:80%; height:auto } .box_duoi_2{ width:18%; float:left; margin-left:4%; padding-top:50px;} .box_duoi_2 span{ display:block; padding-bottom:7x; font-size:12px; color:#A8A8A8; line-height:25px;text-transform:uppercase;} .box_duoi_2 span a{ color:#fff; } .box_duoi_2 span a:hover{ text-decoration:underline} .logo_d{ width:100%; float:left} .logo_3{ width:40%; float:left; padding-top:39px;} .tieude_3{ text-transform:uppercase;color:#CA9258; font-size:20px; padding-bottom:15px;font-family: 'iCiel Fester Semi-Condensed Bold', Arial, sans-serif;} .box_duoi_3{ width:18%; float:left; font-size:12px; margin-left:4%; padding-top:50px;} .box_duoi_3 span{ display:block; line-height:25px; color:#fff;padding-bottom:7px;text-transform:uppercase; } .box_duoi_3 span a{color:#fff;} .box_duoi_3 span a:hover{ text-decoration:underline} .box_duoi_3 span span{ color:#fff } .box_duoi_4{ width:18%; float:left;padding-top:50px; margin-left:2%; } .box_duoi_4 span{ display:block; font-size:12px; line-height:25px; color:#fff;padding-bottom:7px; text-transform:uppercase;} .box_duoi_4 span a{color:#fff;} .box_duoi_4 span a:hover{ text-decoration:underline} .box_duoi_4 span span{ color:#A8A8A8 } .box_duoi_5{ width:20%; float:right;padding-top:50px;} .box_duoi_5 div{ padding-top:5px;} .box_duoi_5 span{ display:block; font-size:12px; line-height:25px; color:#fff;padding-bottom:7px;text-transform:uppercase;} .box_duoi_5 span a{color:#ff;} .box_duoi_5 span a:hover{ text-decoration:underline} .box_duoi_5 span span{ color:#A8A8A8 } .tieude_bt{color:#A8A8A8; font-size:16px; font-weight:bold; padding-bottom:15px; text-transform:uppercase; position:relative;} .tieude_bt span{color:#A8A8A8;font-size:16px; font-weight:bold; padding-bottom:15px} .diviconxhq { left:0px; float:right; display:inline-block; width:auto !important; margin-bottom:-3px; margin-left:20px; } .diviconxhq ul { margin:0px; padding:0px;} .diviconxhq ul li{ float:left; padding-left:20px; margin:0px;} .diviconxhq ul li img{ height:20px;} .diviconxhq2 { display:inline-block; width:auto !important; margin-bottom:-3px; margin-left:20px; position:absolute; left:-90px; top:150px; } .diviconxhq2 ul { margin:0px; padding:0px;} .diviconxhq2 ul li{ display:block; padding-right:0px; margin:0px; padding-bottom:15px;} .diviconxhq2 ul li img{ width:30px;} .phan_nd_lh{ width:50%;float:left} .phan_ban_do_lh{ width:50%; float:right;} .khung_doi_tac_con{ background:#F4F7F9; padding-top:40px; padding-bottom:40px;} .khung_copy { color:#101010; padding-top:40px; } .khung_copy span{ float:left;} .khung_copy .khung_fix2{ } .khung_copy .cp_222 { float: right; } .khung_banner_sl .khung_fix2{} .phan_ngon_ngu{ position: absolute; right: 0px; top: 31px; } .phan_ngon_ngu .dropdown-menu{ left:auto; right:0px;} .phan_ngon_ngu button{ border:none; background:none} .phan_ngon_ngu ul li{ padding-top:5px; padding-bottom:5px; padding-left:10px;} .phan_ngon_ngu ul li img{ margin-right:10px; margin-top:-2px; } .phan_ngon_ngu2 .dropdown-menu{ left:auto; right:-60px; bottom:32px; top:auto !important} .phan_ngon_ngu2 ul li .logo_ngonngu{ color:#000 !important;} .phan_ngon_ngu2 button{ border:none; background:none} .phan_ngon_ngu2 ul li{ padding-top:5px; padding-bottom:5px; padding-left:10px;} .phan_ngon_ngu2 ul li img{ margin-right:10px; margin-top:-2px; } .dropdown-menu>li>a{ white-space:normal !important} .logo_ngonngu{ display:inline-block; width:100%; font-weight:400} .logo_ngonngu img{ width:26px;} .logo_ngonngu>img{ margin-left:10px;} .phan_ngon_ngu .caret{ border-color:#000; display:none; border-top: 6px dashed; border-right: 6px solid transparent; border-left: 6px solid transparent; position:absolute; right:-14px; top:12px;} .logo_ngonngu{ background:url(/images/lang.svg) no-repeat left; padding-left:20px;} .logo_ngonngu a img{ float:right} .logo_nn{ position:relative; color:#fff;} .logo_nn .co_nn_4{ width:16px; position:relative; z-index:2; margin-left:5px;} .phan_ngon_ngu .dropdown{ position:relative;} .phan_ngon_ngu .dropdown:after { content: ''; position: absolute; width:1px; height:13px; background:#fff;left:-5px; top:5px; } .phan_tim_kiem{ position: absolute; right: 116px; top: 34px; } .phan_tim_kiem img{ width:13px;} .phan_tim_kiem button{ border:none; background:none;} .phan_tim_kiem .dropdown-menu{ left:auto; right:0px; background:none; border:none; width:200px;box-shadow:0 0px 0px rgba(0,0,0,0)} .phan_timkiem{ position:relative;} .phan_timkiem input{ background:#fff; border:solid 1px #CCC; padding:7px; -webkit-border-radius:40px;/*Safari, Chrome*/ -moz-border-radius: 40px;/*Firefox*/ border-radius: 40px; width:100%; padding-left:20px;} .phan_timkiem button{ position:absolute; right:10px; top:10px; width:16px; height:16px; background:url(/images/timkiem2.png) no-repeat; background-size:16px; border:none; } .phan_dien_thoai{ position:absolute; right:0px; top:37px; color:#fff; font-size:15px;} .phan_dien_thoai span{ background:url(/images/call.png) no-repeat left; background-size:12px; padding-left:18px;} .phan_dien_thoai a{ color:#fff} .phan_sp_ct{ padding-top:40px;} .phan_hinh_anh_sp{ width:20%; float:left;} .phan_nd_sp_ct{ width:70%; float:right;} .phan_hinh_anh_sp img{ width:100%;} .phan_gia{ color:#DAA940; background:#FCF5E7; font-size:15px; position:relative; font-weight:bold; padding-top:15px; padding-bottom:15px; text-align:center; margin-top:10px;} .phan_gia2{ color:#DAA940; background:#FCF5E7; font-size:15px; position:relative; font-weight:bold; padding-top:15px; padding-bottom:15px; text-align:center;} .phan_gia2:after { content: ''; position: absolute; height:1px; width:85%; transform: translate(-50%); left:50%; background:#DAA940; top:0px; } .khung_lh_bg{ background:#F8F8F8; margin-top:30px;} .tieude_bg{ color:#DAA940; background:#FCF5E7 url(/images/send.svg) no-repeat 20px; font-size:15px; position:relative; font-weight:bold; padding-top:15px; padding-bottom:15px; padding-left:60px; background-size:23px;} .phan_dang_ky_bg{ padding:15px; } .phan_dang_ky_bg div{ padding-bottom:15px;} .phan_dang_ky_bg input{ border:solid 1px #C8C8C8; width:100%; padding:10px; background:#F8F8F8; padding-left:20px; } .phan_dang_ky_bg button{ background:#DAA940; color:#fff; padding:10px; width:100%; border:none; } .goi_baogia{ text-align:center;} .dt_baogia{ color:#DAA940; font-size:26px; font-weight:bold; text-align:center; padding-bottom:10px;} .td_tensp{ text-transform:uppercase; font-size:28px; line-height:35px; font-weight:600; padding-bottom:15px;} .khung_ct_sp{ background:#F8F8F8;} .khung_ct_sp ul.nav{ width:100%;} .khung_ct_sp ul.nav li{ width:33.3%; margin:0px;display: table-cell; border:none; border-radius:0px; background:#DAA940; font-weight:bold; font-size:15px; text-align:center; } .khung_ct_sp ul.nav li a{ border-radius:0px; border:none; color:#fff;font-size:15px;} .khung_ct_sp ul.nav li:hover { background:#F8F8F8;border:none;} .khung_ct_sp ul.nav li:hover a{ color:#DAA940;background:#F8F8F8;border:none;} .khung_ct_sp ul.nav li.active { background:#F8F8F8;border:none; } .khung_ct_sp ul.nav li.active a{ color:#DAA940;border:none; background:#F8F8F8; } .khung_ct_sp .nav-tabs>li.active>a,.khung_ct_sp .nav-tabs>li.active>a:focus, .khung_ct_sp .nav-tabs>li.active>a:hover{ border:none !important; color:#DAA940 !important } .page_icon_ct{ padding-top:40px;} .page_icon_ct img{ width:71px !important; height:auto !important; margin-right:30px;} .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ background:none; color:#262626} .phan_sp_khac{ margin-top:30px; padding-top:30px; border-top:solid 1px #DFDFDF; padding-bottom:30px;} .chuthich_menupm { width:50%; font-size:22px; line-height:28px; font-weight:bold } .item_phanmem{ width:43%; float:left;} .pm_2{ float:right} .pm_4{ float:right} .pm_1{ padding-top:60px;} .pm_3{ padding-top:60px;} .hinh_phanmem{ width:40%; float:left;} .hinh_phanmem img{ width:100%; -webkit-border-radius: 190px; -moz-border-radius: 190px; border-radius: 190px;} .thong_tin_phanmem{ width:52%; float:right; font-size:14px; line-height:20px; padding-top:10px;} .nd_phanmem{ line-height:25px;} .ten_phanmem{ font-weight:bold; padding-bottom:8px;} .link_xem_tiep_phanmem{ padding-top:2px;} .link_xem_tiep_phanmem a{ background:url(/images/play.png) no-repeat right; background-size:8px; display:inline-block; padding-right:15px; font-weight:600;} .hinh_giaiphap{ padding-top:10px;} .hinh_giaiphap img{ width:100%; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} .thong_tin_giaiphap{ position:relative; padding-top:80px;} .ten_giaiphap{ font-weight:bold; padding-bottom:8px; font-size:22px;} .nd_giaiphap{ line-height:25px;width:80%} .link_xem_tiep_giaiphap{ padding-top:2px; position:absolute; right:0px;bottom:0px;} .link_xem_tiep_giaiphap a{ background:url(/images/play.png) no-repeat right; background-size:8px; display:inline-block; padding-right:15px; font-weight:600;} .item_giaiphap2 { padding-bottom:25px; } .phan_duan_khac{ } .phan_duan_khac:after { } .tieude_duan{ font-size:20px;font-weight:bold; border-bottom:solid 1px #ccc; padding-bottom:10px;} .tieude_duan span{ position:relative;} .tieude_duan span:after{ position:absolute; height:3px; background:#F00; left:0px; bottom:-9px; content:''; width:100%;} .item_duan_left{ padding-top:15px;} .hinh_duan_left{ width:30%; float:left} .hinh_duan_left img{ width:100%;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .thong_tin_duan_left{ width:65%; float:right} .phan_trang_ct{ padding-top:10px;} .moi_button{ text-transform:uppercase; width:49%; float:left; padding-top:10px; position:relative; padding-bottom:10px; text-align:center; background:#f4f7f9; } .moi_button:after{ content:''; position:absolute; background:url(/images/nav1.png) no-repeat left; width:30px; height:20px; background-size:17px; left:20px; } .cu_button{text-transform:uppercase; width:49%; float:right; padding-top:10px; position:relative; padding-bottom:10px; text-align:center; background:#f4f7f9; } .cu_button:after{ content:''; position:absolute; background:url(/images/nav2.png) no-repeat left; width:30px; height:20px; background-size:17px; right:5px; } .giaiphap_1 .col_giaiphap_1{ float:right} .giaiphap_3 .col_giaiphap_1{ float:right} .item_duan{} .ten_duan2{ height: 46px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight:bold; font-size:14px; padding-top:5px; margin-bottom:3px; line-height:23px;} .thong_tin_duan position:relative;{} .link_xem_tiep_duan{ padding-top:2px; } .link_xem_tiep_duan a{ background:url(/images/play.png) no-repeat right; background-size:8px; display:inline-block; padding-right:15px; font-weight:600;} .link_xem_tiep_duan2{ padding-top:2px; position:absolute; right:0px; bottom:7px; } .link_xem_tiep_duan2 a{ background:url(/images/play.png) no-repeat right; background-size:8px; display:inline-block; padding-right:15px; font-weight:600;} .hinh_duan{padding-top:10px;} .hinh_duan img{ width:100%; } .tt_duan{ font-size:14px; padding-bottom:10px;} .vitri_duan{ background:url(/images/place.svg) no-repeat left; padding-left:20px;display:inline-block; background-size:12px; margin-right:20px;} .thoigian_duan{ background:url(/images/clock.svg) no-repeat left; padding-left:20px;display:inline-block;background-size:13px;} .khung_ct_sp .tab-content{ padding:40px; line-height:25px; } .khung_ct_sp .tab-content img{ max-width:100%; height:auto !important;} .phan_bang_mau{ padding-top:40px;} .list_bangmau{ padding-bottom:50px;} .ten_menu_mau{ font-size:30px; padding-bottom:15px; line-height:35px;} .khung_list_mau{ padding-left:50px; padding-right:50px;} .mau_view{ width:100%; height:99px;-moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; border-top-left-radius: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; border-top-right-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; } .tenmau{ width:50%; float:left; font-size:14px; font-weight:400;padding-top:5px; } .mamau{ width:50%; float:left; text-align:right;font-size:14px; font-weight:400; padding-top:5px; padding-right:10px;} .khung_list_mau .owl-prev{ left:-54px !important; width:27px; height:27px; background:url(/images/right-arrow.svg) no-repeat !important; background-size:27px !important;} .khung_list_mau .owl-next{ right:-54px !important; width:27px; height:27px; background:url(/images/left-arrow.svg) no-repeat !important; background-size:27px !important;} .khung_list_mau .owl-dots .owl-dot span{ width:25px !important;border-radius: 0px!important ; height:7px !important; background:#f7e0c9 !important;} .khung_list_mau .owl-dots { margin-top:20px;} .khung_list_mau .owl-nav { top:29% !important; } .phan_gioi_thieu{ padding-top:40px;} .phan_ct_gioi_thieu{ width:50%; float:left; padding-top:40px;} .phan_linh_vuc{ width:47%; float:right;} .ten_ct_gt{ font-size:30px; font-weight:600; line-height:35px; padding-bottom:20px;} .noi_dung_ct_gt{ line-height:25px; padding-bottom:20px;} .gt_box_1{ display:inline-block; width:33%; float:left;} .gt_box_1 span{ font-size:30px; font-weight:600; display:block; line-height:32px; padding-bottom:5px;} .gt_box_lv{ width:70%; color:#4B4B4B; line-height:25px; padding:15px; padding-left:20px; padding-right:20px; background:#F4F0E4;box-shadow: 0px 10px 30px #00000014; margin-bottom:30px;} .lv_ten{ font-size:18px; padding-bottom:5px;} .loai_lv_1{ float:right;} .loai_lv_2{ float:left; background:#FBDCB1} .loai_lv_3{ float:right; background:#D3E5E9} .tin_gioi_thieu{ position:relative; margin-bottom:20px;} .phan_ha_gt{ width:50%;float:left;} .phan_ha_gt img{ width:100%; } .phan_nd_gt{ width:50%; float:right;} .phan_nd_gt2{ width:87.5%; padding:40px; background:#F8F8F8} .phan_ha_gt{background-repeat: no-repeat !important; background-position: 50% 50% !important; background-size: cover !important; position:relative; } .phan_list_gt{ padding-top:50px;} .box_hinh_ct_tintuc{ height:435px; position:relative; } .box_hinh_ct_tintuc:after { content: ''; position: absolute; background:rgba(0, 0, 0, 0.47843137254901963); z-index:1; width:100%; height:100%; left:0px; top:0px; } .name_menu{ position:absolute; text-align:center; top:50%; left:0px; width:100%; transform: translate(0%,-50%); color:#fff; text-transform:uppercase; font-size:50px; line-height:50px; z-index:9} .lisr_menu_td{ padding-top:0px; margin-bottom:21px;} .lisr_menu_td .menu_td_l{ float:left; display:inline-block; color:#202020; position:relative; padding-left:20px; padding-right:20px; } .lisr_menu_td .menu_td_l a{color:#19263F; font-size:16px; font-weight:600;} .lisr_menu_td .menu_td_l:after { content: ''; position: absolute; width:1px; height:17px; left:0px; top:2px; background:#202020 } .lisr_menu_td .menu_td_l:first-child{ padding-left:0px;} .lisr_menu_td .menu_td_l:first-child:after{ display:none} .lisr_menu_td .activi_td a{ color:#911212} .tab_ct_da{ background:#f4f7f9 url(/images/top.png) repeat-x top; padding-top:30px; padding-bottom:30px;} .list_tab_ct span{ display:inline-block; padding-right:35px; font-weight:500; font-size:15px;} .list_tab_ct span a{ color:#911212; position:relative; } .list_tab_ct span a:after{ content:''; right:-28px; background:url(/images/down-arrow4.png) no-repeat; position:absolute; background-size:5px; width:10px; height:10px; top:6px;} .phan_left_da{ width:60%; float:left } .phan_right_da{ width:35%; float:right} .tieude_ct{ font-size:19px; color:#0164A6; padding-bottom:20px;} .item_tin_con{ margin-bottom:20px;} .hinh_tincon{ width:30%; float:left;} .hinh_tincon img{ width:100%;} .phan_tt_con{ width:65%; float:right} .item_tin_con .date_nenu{ padding-top:0px; padding-bottom:0px; } .item_tin_con .xem_tiep_tt{ font-size:13px;} .phan_nd_duan{ width:100%; text-align:left; padding-top:20px; line-height:26px; font-size:14px; } .phan_hinhanh_duan{ width:100%;padding-top:20px;} .phan_nd_duan>div{ padding-bottom:5px;} .phan_nd_duan div span.td_1{ font-weight:600 } .phan_nd_duan ul{ padding:0px;margin:0px;} .phan_nd_duan ul li{ padding-left:25px; position:relative; list-style:none; padding-bottom:7px;} .phan_nd_duan ul li:after { content: ''; position: absolute; width:7px; height:7px; border:solid 1px #911212; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; left:0px; top:8px; } .ten_duan_ct{ font-weight:bold; font-size:30px; line-height:35px;} .h_view img{ width:100%; background:#fff } .h_view_thm img{ width:100%; background:#fff } .panel-heading-1 .panel-title a{ font-size:16px; font-weight:600; display:block; position:relative;} .panel-heading-1 .panel-title a:hover{ color:#0164A6 } .panel-heading-1 .panel-title a i{ position:absolute; right:0px; top:3px; font-size:14px; } .panel-heading-1{ padding-bottom:15px;} .panel-body-1{ padding-bottom:15px; font-size:14px; font-weight:400;} .panel-body-1 img{ max-width:100% !important; height:auto !important} .panel-body-1 table { border-collapse:collapse} .panel-body-1 table tr td { border:solid 1px #ccc; padding:7px;} .wrap-detail{ padding-top:30px; padding-bottom:40px;} .gioi_thieuct{ } .gioi_thieuct .khung_fix2{padding-top:40px; background:url(/images/cham.jpg) no-repeat right 20px; background-size:230px;} .hinh_vct{ width:27%; float:left;} .hinh_vct img{ width:100%;} .phan_thong_tin_1{ width:68%; float:right} .phan_ten_ct{ width:80%; float:right; line-height:28px; font-weight:600; font-size:16px;} .item_vct{ width:40%; float:left; margin-left:5%; padding-bottom:15px; padding-top:30px;} .ten_vct{ font-weight:600; font-size:22px; } .chuthich_vct{ padding-top:10px; line-height:25px;} .vct_2{ margin-top:30px; float:right} .vct_4{ float:right} .phan_lich_su ol{ list-style:none;margin:0px; padding:0px; border:none} .phan_lich_su ul{ list-style:none;margin:0px; padding:0px; border:none} .phan_lich_su ol li{ list-style:none; margin:0px; padding:0px;} .js .cd-h-timeline__container:before { position: absolute; z-index: 1; content: ''; left: 55px; width: 87%; top: 49px; height: 4px; background-color: hsl(0, 0%, 94%); transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .ten_lich_su{ font-size:35px; font-weight:600; line-height:40px; } .noidung_lich_su p{ line-height:25px !important; padding-top:15px; } .phan_sodotochuc{ background:#f4f7f9; padding-top:40px;padding-bottom:40px} .nd_sodo img{ max-width:100%; height:auto !important; margin:auto;} .phan_left_cc{ width:30%; float:left} .phan_right_cc{ width:65%; float:right} .phan_chungchi{ padding-top:30px; background:url(/images/cham2.jpg) no-repeat left bottom; background-size:380px;} .item_cc{ width:45%; float:left; margin-right:5%; padding-bottom:15px; padding-top:30px;} .item_cc img{ width:100%;} .cc_1_2{ float:right; padding-top:60px;margin-right:0%;} .cc_1_4{ float:right;margin-right:0%;} .item_thuc_don{ margin-top:20px;} .item_thuc_don img{ width:100%;} .ten_thuc_don{ color:#CA9258; font-size:18px; text-align:center; padding-top:15px; text-transform:uppercase; } .thong_tin_thuc_don{ color:#959595; font-size:16px; text-align:center; padding-top:5px;} .gia_thuc_don{ color:#C7A253; font-size:18px; text-align:center; padding-top:10px } .gallery{ margin-top:40px;} .hinh_anh_dv{ padding-top:40px;} .item_tin{ position:relative; margin-top:40px;} .hinh_tin{ padding-bottom:20px;} .hinh_tin img{ width:100%;} .date_tin{ color:#CA9258; padding-bottom:14px;width:90%; margin:auto; position:relative;} .thong_tin_tin{ width:90%; margin:auto;} .ten_diadiem{ font-size:22px; text-transform:uppercase; height:24px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight:bold; line-height:28px;} .ten_diadiem a:hover{ color:#CA9258 } .ct_tin_home{ padding-top:15px; color:#7E7E7E; line-height:24px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height:85px;} .xem_tiep_tin { padding-top:16px;} .xem_tiep_tin a{ display:inline-block; text-transform:uppercase; font-size:16px; border-bottom:solid 1px #171717; padding-bottom:2px;} .xem_tiep_tin a:hover{ color:#CA9258; border-bottom:solid 1px #CA9258; } .phan_chiase{ position:absolute; right:0px; top:-2px;} .phan_chiase button{ border:none; background:none} .phan_chiase button img{ width:11px;} .phan_chiase ul{ width:193px; padding-left:7px; padding-top:10px; right:0px; left:auto} .phan_left_tin{ width:26%; float:left;} .khung_fix_nd{ width:65%; float:right; position:relative; background:url(/images/cham.jpg) no-repeat right 10px; background-size:203px; } .ten_ct_tintuc{ font-size:31px; line-height:40px; text-transform:uppercase; padding-top:28px; padding-bottom:10px; } .box_menu_tin{ padding-top:30px;} .menu_td_2{ line-height:23px; position:relative; padding-bottom:20px; margin-top:20px; border-bottom:solid 1px #ccc; font-size:16px; font-weight:600; cursor:pointer} .menu_td_2 a{ display:block; padding-right:10px; padding-left:20px;} .like_chiase{ padding-bottom:20px;margin-bottom:20px; } .like_chiase_duoi{ border:none; position:relative; padding-bottom:40px; } .like_chiase_duoi:after { content: ''; position: absolute; width:300px; height:2px; border-bottom:dashed 2px #ccc; bottom:0px; left:0px; } .menu_td_2:after { content: ''; position: absolute; width:8px; height:8px; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; background:#19263F; left:0px; top:6px; } .activi_td2 a{ color:#911212 } .activi_td2:after { background:#911212; } .box_menu_tin .menu_td_2:last-child { border:none; } .nd_ct_view{ color:#19263F; padding-bottom:20px;} .chitiet_view{ color:#19263F; line-height:26px;} .date_tin_view{color:#C6C6C6; padding-bottom:20px;} .chitiet_view img{ max-width:100% !important; height:auto !important; margin-bottom:10px;} .phan_tour_khac{ padding-top:30px;} .khung_lien_he{ width:30%; float:left; margin-top:45px;} .f_lienhe_ttt2{ width:100%; padding:30px; padding-top:0px; position:relative; z-index:2} .nen_hinh_lh { position:absolute; z-index:1; right:0px; top:0px; background:url(/images/bg_lh.png) no-repeat; height:80%; width:80%; background-size:100%; } .k_form_lh{ position:relative; width:35%; float:right; padding-top:20px; margin-top:0px;} .thong_tin_lh1{ width:60%; float:left; padding-top:0px;} .ban_do_lien_he{ padding-top:0px; width:100%; padding-top:30px;} .ban_do_lien_he iframe{ height:421px !important; } .nd_lien_he{ padding-top:30px; line-height:25px;} .ten_ct { font-size:29px; color:#0164A6; text-transform:uppercase; padding-bottom:20px; font-weight:bold; line-height:34px;} .lb_bt_nd { padding-bottom:10px; } .lb_bt_nd span{ font-weight:600} .lb_bt_nd i{color:#999; margin-right:5px;} .mang_xa_hoi_lh span{ display:inline-block; padding-right:20px; } .mang_xa_hoi_lh span a{ color:#C00; font-size:20px;} .phan_nd_lh1{ padding-bottom:40px;} .phan_tour_khac { position:relative;} .phan_tour_khac:after { content: ''; position: absolute; width:250px; height:1px; background-image: linear-gradient(to right, transparent 50%, #ccc 50%); background-size: 15px 100%; left:-5px; top:-10px; margin-top:20px;} .list_tour ul{ padding:0px;margin:0px;} .list_tour ul li{ padding-left:20px; position:relative; list-style:none; padding-bottom:15px;} .list_tour ul li:after { content: ''; position: absolute; width:7px; height:7px; border:solid 1px #01A650; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; left:0px; top:6px; } .tenlien_he{ font-size:33px; color:#CA9258; line-height:35px; text-transform:uppercase; padding-top:3px;} .tieude_4{ position:relative; color:#CA9258; padding-bottom:5px;padding-top:20px; font-size:22px; } .tieude_4:after { content: ''; position: absolute; height:1px; width:172px; left:0px; bottom:0px; background:#CA9258; } .dienthoai_lienhe,.email_lienhe{ padding-top:10px; font-size:16px;} .thong_tin_dia_chi{width:30%; float:left; margin-top:85px;} .hinh_anh_diachi{ width:60%; float:right; margin-top:85px; position:relative; } .hinh_anh_diachi img{ width:100%; position:relative; z-index:9} .diachi_lh{ padding-top:20px; padding-bottom:5px; font-size:16px;} .thoi_gian_lh{ padding-top:10px; color:#7E7E7E} .thoi_gian_lh span{ color:#171717} .t_lh_1{ font-size:26px; line-height:35px; font-weight:600; padding-bottom:15px;} .frm .form-item { padding-right:20px;} .lb_ten{ font-weight:500; padding-bottom:5px;} .hinh_anh_diachi:before { content: ''; position: absolute; width: 65%; height: 75%; opacity: 0.34; background: #CA9258; top: -30px; right: -30px; z-index: 1; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background:none; color:#CA9258; padding: 6px 8px;border-radius: 0px;} .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { z-index: 2; color: #fff; background:#911212 !important; border-color:0px !important ;border-radius: 0px; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background:#911212 !important;padding: 6px 13px; color:#fff;border-radius: 0px; } .pagination>li>a, .pagination>li>span{ background:#F8F8F8; font-weight:300; font-size:20px; padding: 6px 13px; color:#2F2F2F} .khung_dat_ban{ width:60%; float:right; margin-top:45px; background:rgba(202, 146, 88, 0.3); padding:30px;} .tieude_5{ font-size:33px; padding-bottom:20px; padding-left:15px; padding-top:3px;} .nd_dat_ban{ line-height:20px;padding-left:15px;} .phan_hinh_dat_ban{ width:37%; float:left; height:496px; margin-top:45px; background-repeat: no-repeat !important; background-position: 50% 50% !important; background-size: cover !important; position:relative; z-index:9} .phan_hinh_dat_ban:before { content: ''; position: absolute; width: 100%; height: 100%; opacity: 0.24; background: #000; top: 0px; right: 0px; z-index: 1; } .gio_mocua_td2{ color:#fff; width:85%;z-index:2; margin:auto; padding-top:30px; z-index:9; position:relative;} .gio_mocua_td2 div{ border-bottom:dotted 1px #fff; padding-bottom:12px; padding-top:12px;} .gio_mocua_td2 div span{ float:right; text-align:right;} .tieude_6{ font-size:33px; padding-bottom:20px; padding-left:15px; color:#fff; text-align:center; margin-bottom:0px; border:none !important} .tieude_6 img{ display:block; width:28px; margin:auto; margin-top:5px; } .goi_ngay{ position:relative; z-index:9; color:#fff; font-size:27px; text-align:center; padding-top:60px;} .dia_chi_dat_ban{ color:#fff; margin:auto; position:absolute; bottom:20px; left:0px; padding-left:50px;padding-right:50px; z-index:9} .item_lh_1 select{ color:#A2A2A2; font-size:14px; padding:5px !important; -webkit-appearance: none; -moz-appearance: none; padding-left:15px !important;} .item_halal{ position:fixed; z-index:99; top:200px; left:0px; } .item_halal img{ width:86px;} .navigation > ul > li:hover a{ } .header-sm{ background:none !important; position:fixed;} .fixed2{ background:none !important; position:fixed; z-index:999; padding-bottom:10px;} .caret2{ display:inline-block; font-size:14px; padding-left:10px;} .khung_ct_sp{ border: 1px solid #ddd; width:100%;} .khung_ct_sp table tr td{ padding: 8px;border: 1px solid #ddd; line-height: 1.42857143; vertical-align: top; } .khung_ct_sp table >tbody>tr:nth-of-type(odd) { background-color: #fff; } .fomr_lh input::-webkit-input-placeholder { font-size:14px; font-weight:500; color: #A2A2A2; } .fomr_lh input:-moz-placeholder { font-size:14px; color: #A2A2A2; font-weight:500; } .fomr_lh input::-moz-placeholder { font-size:14px; color: #A2A2A2; font-weight:500; } .fomr_lh textarea:-ms-input-placeholder { font-size:14px; color: #A2A2A2; font-weight:500; } .fomr_lh textarea::-webkit-input-placeholder { font-size:14px; color: #A2A2A2; font-weight:500; } .fomr_lh textarea:-moz-placeholder { font-size:14px; color: #A2A2A2; } .fomr_lh input::-moz-placeholder { font-size:14px; color: #A2A2A2; font-weight:500; } .fomr_lh input:-ms-input-placeholder { font-size:14px; color: #A2A2A2; font-weight:500; } .bt_lh{ margin:auto; background:#0164A6; border-radius: 50px; text-transform:uppercase; color:#fff; height:40px; line-height:40px; padding-left:40px; padding-right:40px; border:none; font-size:15px; width:auto;} .bt_lh:hover{ background:#CCC} input, textarea, select{font-family: 'Lato', sans-serif; color:#7E7E7E } .gallery-image2 { padding: 20px; display: flex; flex-wrap: wrap; justify-content: center; } .gallery-image2 img { height: 250px; width: 350px; transform: scale(1.0); transition: transform 0.4s ease; } .img-box { box-sizing: content-box; margin: 10px; height: 250px; width: 350px; overflow: hidden; display: inline-block; color: white; position: relative; background-color: white; } .caption { position: absolute; bottom: 5px; left: 20px; opacity: 0.0; transition: transform 0.3s ease, opacity 0.3s ease; } .transparent-box { height: 250px; width: 350px; background-color:rgba(0, 0, 0, 0); position: absolute; top: 0; left: 0; transition: background-color 0.3s ease; } .img-box:hover img { transform: scale(1.1); } .img-box:hover .transparent-box { background-color:rgba(0, 0, 0, 0.5); } .img-box:hover .caption { transform: translateY(-20px); opacity: 1.0; } .img-box:hover { cursor: pointer; } .caption > p:nth-child(2) { font-size: 0.8em; } .opacity-low { opacity: 0.5; } .phan_hinhanh{ padding-top:30px;} .wrapper { display: grid; grid-gap: 0px; grid-template-columns: 33% 33% 34%; grid-auto-columns: auto; background-color:#194071; color: #444; height:600px; } .box { background-color: #444; color: #fff; border-radius: 0px; padding: 20px; opacity: 0.5; font-size: 150%; cursor:pointer } .box:hover { opacity: 1; } .box_0 { grid-column: 1; grid-row: 1 / 3; } .box_1 { grid-column: 1 ; grid-row: 3 ; } .box_2 { grid-column: 2; grid-row: 2; } .box_3 { grid-column: 2; grid-row: 1; } .box_4 { grid-column: 3 / 5; grid-row: 1 /3; } .box_5 { grid-column: 2 / 5; grid-row: 3 / 4; } .radio { margin-top:0px !important; position: relative; cursor: pointer; line-height: 20px; margin-right: 15px; display:inline-block; font-size:16px; font-weight:normal !important; } .radio .label { position: relative; display: block; float: left; margin-right: 10px; font-size:14px; width: 20px; height: 20px; border: 1px solid #666; border-radius: 100%; -webkit-tap-highlight-color: transparent; } .radio .label:after { content: ''; position: absolute; top: -1px; left: -1px; width: 19px; height: 19px; border-radius: 100%; background: #293A80; transform: scale(0); transition: all 0.2s ease; opacity: 0.08; pointer-events: none; } .radio:hover .label:after { transform: scale(3.6); } input[type="radio"]:checked + .label { border-color: #293A80; } input[type="radio"]:checked + .label:after { transform: scale(1); transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9); opacity: 1; } .checkbox { margin-top:0px !important; position: relative; cursor: pointer; line-height: 20px; margin-right: 15px; display:inline-block; font-size:16px; font-weight:normal !important; } .checkbox .label { position: relative; display: block; float: left; margin-right: 10px; font-size:14px; width: 20px; height: 20px; border-radius:0px; border: 1px solid #666; -webkit-tap-highlight-color: transparent; } .checkbox .label:after { content: ''; position: absolute; top: -1px; left: -1px; width: 19px; height: 19px; background: #293A80; transform: scale(0); transition: all 0.2s ease; opacity: 0.08; pointer-events: none; } .checkbox:hover .label:after { transform: scale(3.6); } input[type="checkbox"]:checked + .label { border-color: #293A80; } input[type="checkbox"]:checked + .label:after { transform: scale(1); transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9); opacity: 1; } .form-booking .f-booking-itm .f-itm-3 { float: left; width: 50%; } .frm .form-item i { right: 5px; top: 6px; position: absolute; height: 34px; width: 40px; color: #0062b0; text-align: center; line-height: 34px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; pointer-events: none; } .form-booking .f-booking-itm::after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .hidden { display: none; } .credit { position: fixed; right: 20px; bottom: 20px; transition: all 0.2s ease; -webkit-user-select: none; user-select: none; opacity: 0.6; } .credit img { width: 72px; } .credit:hover { transform: scale(0.95); } .SlectBox{ -moz-appearance: none; -webkit-appearance: none; appearance: none; padding-top:10px;} .list_tour_mb{ display:none;} .phan_ten_tour_mb{ display:none;} .phan_duoi_cp{ background:#911212} .dropdown_pt { position:relative; width:auto; float:right } .dropdown_pt { position:relative;} .dropdown_pt{ margin-bottom:10px; } .dropdown_pt button{ width:100%; background:none; text-transform:none; border:none; color:#0164A6; font-size:20px; font-weight:500; text-align:left;} .dropdown_pt button .ten_pt_mb{ color:#0164A6; font-size:16px; font-weight:500; padding-top:10px; padding-bottom:10px; overflow:hidden; max-width:90%; float:left; padding-left:20px;white-space:nowrap; padding-right:20px; } .dropdown_pt ul{ padding:0px; width:100%;} .dropdown_pt ul{ width:100%; padding:0px;} .dropdown_pt ul li{ padding-left:0px; background:#fff; padding-right:0px;} .dropdown_pt ul li a{ color:#0164A6; padding-top:8px; padding-bottom:8px;border-bottom:solid 1px #ccc} .dropdown_pt button .caret{ margin-left:10px;} .caret2{ display:inline-block; font-size:14px; padding-left:10px; background-size:20px; height:20px; width:20px; position:absolute; right:0px; top:10px;} .menu_sub1{ width:100%; list-style:none !important; } .menu_sub1 li{ width:100%; } .menu_sub1 li a{ width:100% !important; display:block;padding-left:30px !important;} .dropdown_pt .m_menu_sp{ margin-bottom:0px;} .dropdown_pt .m_menu_sp_sub{margin-bottom:0px;} .khung_lh_bg2{ display:none;} .hinh_mb{ display:none;} .phan_copy2{ padding-top:20PX; padding-bottom:20PX; background:#E8EEF2} .logo_copy{ width:13%;float:left; } .logo_copy img{ width:100%; } .phan_tt_copy{ width:70%; float:left;margin-left:2%; font-size:14px; padding-top:10px;} .copy2{ text-align:right; float:right; width:14%;padding-top:10px;} @media screen and (max-width: 1300px){ .khung_fix{ width:98%;} .sl_ten_tin { left:150px;} .k_top_1{ width:98%;} } @media screen and (max-width: 1450px){ .nen_trang_con{ height:280px;} .menu_tab_cay{ top:120px;} .tieude_con{ top:-170px;} .bg_sl_duoi{ height:100px;} .khung_banner_sl{ height:140px; } } @media screen and (max-width: 1240px){ .navigation{ float:none;} .navigation > ul > li > a{ padding:0px 20px;} } @media screen and (max-width: 1120px){ .navigation > ul > li > a{ padding:0px 15px;} } @media screen and (max-width: 1190px){ .khung_fix2{ width:96%;} .nd_sl_view{ width:96%;} .owl-carousel .owl-nav .owl-prev{ left:0px;} .owl-carousel .owl-nav .owl-next{ right:0px;} .khung_fix_lien_he{ width:90%;margin:auto} .khung_banner_sl { height:126px; } .phan_ngon_ngu { position: absolute; right: 0px; left:auto; top: 12px; z-index:999; } .khung_banner_sl .khung_fix2{ padding:0px;} } @media screen and (max-width: 1026px){ .ten_ct_bn { display:none} .menu-home { position: absolute; right:160px; width:60%; } .phan_tim_kiem { z-index: 999; position: absolute; top:24px; }.phan_ngon_ngu { position: absolute; right: -26px; left: auto; top: 13px; z-index: 999; /* background: #fff; */ padding: 5px; padding-right: 21px; } .navigation > ul > li > a{ padding: 0px 5px;} .sl_ten_tin{ left:130px;} .item_yeuto_1{ left:0px;} .item_yeuto_2{ left:60px;} .item_yeuto_3{ right:60px;} .item_yeuto_4{ right:0px;} .hinh_yeuto{ width:290px;} } @media screen and (max-width: 961px){ .bg_sl_duoi{ background-size:120%;} .nen_xam_sp2{ height:80px;} .nen_xam_sp4{ height:80px;} .ten_ct_bn2{ position:absolute; left:120px; color:#fff; top:20px;} .header-sm .col-xs-3 .logo img{ padding-left:0px !important; } .header-sm .col-xs-3 .logo{ text-align:left} .ten_ct_tour{ font-size:25px; line-height:36px;} .header .logo{ position:static;} .header-sm .col-xs-3 .logo img{ height:35px; width:auto; margin-left:17px; margin-top:10px;} .phan_trang_fix:after{ display:none;} .phan_thong_slide{ z-index:9;} .phan_ngon_ngu .dropdown:after{ display:none;} #hamburger:before, #hamburger:after, #hamburger span{ background:#fff;} .ten_sl_home { font-size:20px; line-height:30px;} .khung_banner_sl{ height:99px;} .phan_ngon_ngu { position: absolute; right: 10px; left: auto; top: 16px; z-index: 999; padding: 5px; padding-right: 21px; } .fixed2 .ten_ct_bn2{ color:#fff} .fixed2 #hamburger:before, .fixed2 #hamburger:after,.fixed2 #hamburger span{ background:#fff;} .fixed2 .logo_nn{ color:#fff} .item_yeuto_1{ position:static;} .item_yeuto_2{ position:static;} .item_yeuto_3{ position:static;} .item_yeuto_4{ position:static;} .item_yeuto { margin-bottom:20px; float:left; width:45%; margin:2%; margin-bottom:20px;} .item_hinh_yeuto{ float:left; width:25%; height:100px;} .phan_ct_yeuto{ float:right; width:70%;text-align: left} .item_hinh_yeuto img{ margin-top:15px;} .list_sl_sp_home .owl-prev{ right:30px !important;} .phan_san_pham_home{ padding-bottom:10px; padding-top:10px;} .phan_tintuc_home{ padding-top:10px; padding-bottom:10px;} .show_mb{ display:block} .nd_tt_gt{ padding-top:20px;} .lienhe_tuvan{ width:100%; float:none; text-align:center} .dienthoai_sp{ width:100%; float:none; padding-top:10px; } } @media screen and (max-width: 900px){ .phan_left{ width:100%;} .phan_right{ width:100%;} .tv_left .dt_tuvan{ text-align:left} .nd_chitiet{ padding-right:0px;} .ten_giaiphap{ padding-bottom:0px;} .phan_ct_sl{ padding-left:80px;padding-right:80px;} .nen_trang_con{ background-size:120%;} } @media screen and (max-width: 840px){ .input_timkiem{ width:30.5%; margin-left:1%; margin-right:1%; margin-bottom:15px;} .item_dv a{ font-size:12px;} .gt_nd_home{ padding-top:0px;} .tieude_gt_home{ line-height:32px; font-size:25px; } .phan_left_tin{ float:none; width:100%;} .khung_fix_nd{ float:none; width:100% } .khung_gt_con{ width:100%; } .nd_ls{ padding-bottom:30px;} } @media screen and (max-width: 780px){ .phan_tour_khac{ padding-bottom:15px;} .phan_right_da{ position:relative;} .phan_right_da:after { content: ''; position: absolute; width: 250px; height: 1px; background-image: linear-gradient(to right, transparent 50%, #ccc 50%); background-size: 15px 100%; left: -5px; top: -20px; margin-top: 20px; } .hover_mt a::before{ display:none} .phan_gioi_thieu_con{ padding-top:40px;} .bg_sl_duoi { height:75px;} .nen_xam_sp{ height:80px; top:-80px;} .nen_xam_sp2{ height:66px;} .phan_yeuto_home{ padding-top:100px;} .nen_xam_sp3{ height:90px; top:-75px;} .nen_xam_sp4{ height:75px;} .mm-wrapper_opened .phan_ngon_ngu2{ display:block !important; z-index:99999 !important} .mm-wrapper_opened .phone_backtotop{ display:none} .mm-wrapper_opened .wh-widget-right{ display:none} .slide_hinh_home{ height:500px !important;} .icon_tb_ct{ position:static; padding-top:20px; } .mang_xa_hoi{ top:auto; bottom:28px;} .k_form_lh{ width:100%;} .f_lienhe_ttt2{ padding:0px; padding-top:20px;} .phan_nd_gt_home{ width:100%; float:none; padding-top:0px;} .hinh_anh_gt{ float:none; margin:auto;} .item_hinh_yeuto{ height:81px;} .item_hinh_yeuto img{ height:60%} .khung_duoi{ padding-top:20px;} .menu_bt{ position:static; padding-top:20px; text-align:center} .menu_bt span{ } .lienhe_tuvan{ text-align:left;} .dienthoai_sp{ padding-left:0px;} .lienhe_tuvan a{ width:auto;} .phan_left_sp_ct{ width:100%; float:none; padding-top:20px;} .hinh_anh_sp_ct{ width:100%; float:none;} .menu_tab_cay{ display:none;} #menu{ top:0px;} .menu_thietbi a{ height:200px;} .ten_menu_tb{ font-size:16px;} .ten_ct_sp{ font-size:20px; line-height:30px;} .thong_tin_lh1{ width:100%; float:none} .nd_lien_he{ padding-top:0px;} .ban_do_lien_he{ width:100%; float:none} .noi_dung_gach{ width:32%; top:45%} .hinh_giach_nho{ width:49%;} .hinh_g_lon{ width:26%} .thong_tin_giaiphap{ padding-top:30px;} .phan_left_da{ width:100%; float:none;} .phan_right_da{ width:100%;float:none; padding-top:30px;} .hinh_duan_left{ width:15%;} .thong_tin_duan_left{ width:80%} .item_form{ width:50%;} .f_mb_100{ width:100%} .form_2{ border:none} .form_1:after{ content:""; position:absolute; left:37px; bottom:-17px; height:1px; width:80%; background:#D6D6D6; } .form_2:after{ content:""; position:absolute; left:37px; bottom:-17px; height:1px; width:80%; background:#D6D6D6; } .hinh_mb{ display:block;} .hinh_mb img{ width:100%;} .khung_fix_nd{ width:89%; margin:auto;} .phan_nd_duan{ width:100%; float:none; padding-left:10px;padding-right:10px; padding-top:20px;} .phan_hinhanh_duan{ width:100%; float:none} .khung_ct_sp .nav{ display:none;} .phan_hinh_anh_sp { width:31%;} .phan_nd_sp_ct { width:64%;} .item_tin_1{ width:100%; margin-bottom:25px; } .item_tintuc { position: relative; } .item_tintuc_gp{ width:48.5%;} .logo_copy{ width:100%; float:none; text-align:center} .logo_copy img{ width:200px;} .phan_tt_copy{ width:100%; float:none; text-align:center; font-size:13px;} .copy2{ text-align:center; width:100%; float:none} .tin_2,.tin_4,.tin_6{ margin-left:0px;} .tin_3,.tin_5,.tin_7{ margin-right:0px;} .khung_linh_vuc2{ padding-left:60px; padding-right:60px;} .phan_nd_lv{ padding-top:0px;} .ten_lv{ padding-top:0px; font-size:16px; line-height:20px; padding-bottom:10px; } .chu_thich_lv{ line-height:20px;} .nd_gioi_thieu_home{ font-size:25px;} .phan_tt_menugp{ width:100%; padding-bottom:20px;} .phan_item_giaiphap{ width:100%} .phan_tt_menugp .tieude_home{ margin-bottom:10px;} .js .cd-h-timeline__container{ height:115px !important;} .js .cd-h-timeline__line{ top:56px !important;} .js .cd-h-timeline__container:before{ top:56px} .page_icon_ct{ text-align:center;} .page_icon_ct img{ margin-bottom:10px;} .tab_list .ct_gia{ position:static; padding-top:5px; display:block} .gio_mocua_td { width:100%; left:0px; padding-left:20px; padding-right:20px;} .thong_tin_lh_td{ width:100%; padding-left:20px; padding-right:20px; left:0px; } .phan_hinh_dat_ban{ height:516px;} .lisr_menu_td{ display:none} .ten_hinh{ font-size:16px; line-height:23px;} .ten_menu_h{ font-size:14px;} .nd_gt_ct{ padding-top:0px;} .phan_ct_sl{ } .diviconxhq { width: 82%; z-index:99; } .tieude_gt_1{ padding-top:0px;} .nd_gt_home{ width:100%;} .chuc_nang_nb{ float:none; width:80%; clear:both; margin-bottom:20px; } .chuc_nang_nb img{ width:70px;} .chuc_nang_nb span{ margin-left:20px;} .hinh_gt_home{ position:absolute; bottom:0px; right:-100px;} .khung_gioi_thieu_home{ padding-top:0px;} .tieude_home2{ font-size:16px; font-weight:bold } .phan_tim_ma_mau .khung_fix2{ width:100%; padding:0px;} .phan_noi_dung_mau{ padding-top:0px; padding-right:0px; width:96%; margin:auto; float:none} .phan_sl_mau{ width:100%; margin-top:20px; float:none } .khung_copy span{ float:none; } .khung_kc_home{ width:96%;} .hinh_kc{ width:100%; float:none;text-align:center;padding-bottom:20px;} .hinh_kc img{ width:120px;} .nd_kc_home{ width:100%;margin:auto; float:none} .nd_kc_home:after{ display:none;} .list_hinh_home{ width:100%; margin:auto; float:none} .phan_gui_thongtin{ width:90%; margin:auto; float:none; padding-top:10px;} .list_hinh_home .col-sm-6{ width:33.3%} .box_duoi_1 img{ height:60px; } .box_duoi_1{ text-align:center; width:100%; float:none } .logo_d1{ display:inline-block; padding-left:10px; padding-right:10px;} .box_duoi_2{ width:20%; padding-top:20px; margin-left:0px;} .box_duoi_3{ width:25%; margin-left:0px; padding-top:20px;} .box_duoi_4{ width:25%; padding-top:20px;} .box_duoi_5{ width:25%; padding-top:20px;} .tieude_bt{ padding-top:0px !important;} .khung_copy .cp_222{ float:none; text-align:center;} .khung_copy{ text-align:center;} .diviconxhq{ display:block; margin:auto; padding-top:10px !important;padding-bottom:10px; text-align:center; width:163px !important;} .phan_ct_gioi_thieu,.phan_linh_vuc{ width:100%; float:none; padding-top:0px; } .phan_linh_vuc{ padding-top:20px;} .phan_ha_gt{ width:100%;float:none; height:500px !important; display:none} .phan_nd_gt{ width:100%; float:none; margin:auto;} .phan_nd_gt2{ width:100%; margin:auto} .js .cd-h-timeline__dates{ margin: 0px 28px !important; } .cl_mb{ clear:both } } @media screen and (max-width: 750px){ .phan_nd_gt_home{ padding-top:20px;} .nd_gioi_thieu_home{ width:90%; margin:auto;} } @media screen and (max-width: 680px){ .nen_trang_con{ background-size:150%} #menu{ top:0px;} .dropdown_pt{ display:block; margin-top:0px;} .phan_tintuc_home{ padding-bottom:20px;} .phan_showroom_home{ padding-top:40px;} .hinh_g_lon { width:100%; float:none} .noi_dung_gach{ position: relative; width: 76%; float: right; top: auto; top: 0%; transform: translate(0,0); padding-top:80px; } .hinh_giach_nho { width: 78%; position: absolute; left: -128px; padding-left: 0px; padding-top: 58px; } .hinh_thietbi_nho { width: 86%; margin-left: 26%; top: 120px; left: auto; right: -157px; } .hinh_thietbi_lon{ width:100%; float:none} .noi_dung_thietbi{ width:100%;position:relative; padding-bottom:110px;} .phan_thietbi_home{ padding-top:20px;} .camhung_slide{ width:100%; float:none; padding-left:0px; margin-left:0px; margin-right:-30px; right:-30px;} .hinh_camhung_lon { width: 167px; position: absolute; left: -108px; bottom: -62px; } .noi_dung_camhung{ position: relative; top: auto; width: 70%; float: right; padding-top: 50px; transform: translate(0,0); } .phan_camhung_home{ padding-top:40px; padding-bottom:40px;} .xem_tat_ca_home{ right:30px;} .thong_tin_lh1{ width:100%; float:none; padding-top:0px;} .phan_ngon_ngu_v img{ display:block } .logo_ngonngu{ background:none} .header-sm .col-xs-3 .logo img{ width:auto;} .fixed2 .col-xs-3 .logo img{ height:58px;} .hinh_duan_left{ width:25%;} .thong_tin_duan_left{ width:70%} .thong_tin_giaiphap{ padding-top:10px;} .ten_ct_tintuc{ font-size:19px; line-height:29px;} .phan_hinh_anh_sp { width:100%; float:none; text-align:center} .tieude_bg{ text-align:left;} .phan_nd_sp_ct { width:100%; float:none; padding-top:20px;} .phan_hinh_anh_sp img{ width:80%; margin:auto;} .khung_lh_bg{ display:none;} .khung_lh_bg2{ display:block;} .khung_fix_nd{ width:100%;padding-left:0px; padding-right:0px;} .phan_ct_sl{ width:98%; padding-left:20px; padding-right:20px; } .nd_gt_home{width:100%; float:none; padding-top:40px;} .khung_fix2{ width:100%; padding-left:30px; padding-right:30px;} .khung_kc_home{width:100%; padding-left:30px; padding-right:30px;} .phan_noi_dung_mau{ width:100%; padding-left:30px; padding-right:30px;} .col_tour{ margin-bottom:20px;} .ten_nd_mau{ font-size:25px;} .xem_tat_ca{ margin-top:20px;} .hinh_td_nb{width:100%; float:none; } .thong_tin_td_nb{width:100%; float:none; position:relative; top: auto; transform: translate(0,0); padding-top:30px;} .tieude_home{ font-size:25px; margin-bottom:30px;} .tieude_home br{ display:none} .xem_ta_ca_tin{ position:relative; top:auto; right:auto; margin-bottom:20px;} .hinh_thong_tin_td{ width:100%; float:none} .thuc_don_list{ width:100%; float:none} .list_sp_menu{ height:auto; min-height:auto;} .thuc_don_list:before{ height:90%;} .img_1{ width:100%;} .img_2,.img_3{ width:50%;} .img_6{ width:100%;} .img_4,.img_5{ width:50%;} .khung_copy{ text-align:center; line-height:30px;} .khung_copy span{ float:none; } .khung_copy .cp_222{ float:none;} .fix_gt_left .hinh_gt_ct{ float:none} .hinh_gt_ct{ width:100%; float:none} .nd_gt_ct{ width:100%; float:none; padding-top:10px;} .fix_gt_left .nd_gt_ct{ width:100%; float:none;padding-top:10px;} .nd_vc{ width:100%; font-size:27px;} .phan_hinh_dat_ban{ width:100%; float:none} .khung_dat_ban{ width:100%; float:none; margin-top:0px;} .thong_tin_dia_chi{ width:100%; float:none} .hinh_anh_diachi{ width:100%; float:none} .phan_nd_lh{ width:100%;} .phan_ban_do_lh{ width:100%; } .f_lienhe_ttt2{ padding-top:0px;padding-left:20px; padding-right:20px;} .khung_lien_he{ width:100%; float:none} .f_lienhe_ttt2{ width:100%; float:none} .chuthich_menupm{ width:100%; padding-bottom:20px;} .item_phanmem{ width:100%; margin-bottom:20px; padding-top:10px !important;} .hinh_vct{ width:100%; clear:both; float:none} .phan_ten_ct{ width:100%;} .phan_thong_tin_1{ width:100%; float:none; padding-top:20px;} .item_vct { width:100%; padding-top:20px !important; margin-top:0px; margin-left:0px; float:none } .js .cd-h-timeline__container:before{ width:65% !important;} .phan_left_cc{ width:100%; float:none} .phan_right_cc{ width:100%; float:none} .box_duoi_1{ text-align:left} .phan_left_menu_tb{ display:none;} .phan_right_tb{ float:none; width:100%;} .hinh_anh_sp_ct{ width:100%; float:none;} .phan_left_sp_ct{ width:100%; float:none; padding-top:30px;} .h_view_sango a{ height:80px;} .ten_ct_sp_mb{ display:block;} .hd_mb{ display:none;} .tab_menu_cay ul li { padding-right:10px; line-height:20px;} .phan_left_da_ct{ width:100%; float:none;} .hinh_anh_duan_ct{ width:100%; float:none;} .bg_sl_duoi{ bottom:0px; height:70px } .ten_gt_h{ font-size:30px;} .hinh_anh_gt{ width:50%; float:none; margin-right:0px; margin:auto} .item_hinh_yeuto{ float:none; margin:auto; width:81px;} .phan_ct_yeuto{ float:none; width:100%; text-align:center; padding-top:20px;} .cl_mb{ clear:both} .item_yeuto_3 .item_hinh_yeuto{ float:none} .item_yeuto_4 .item_hinh_yeuto{ float:none} .item_yeuto_3 .phan_ct_yeuto{ text-align:center;} .item_yeuto_4 .phan_ct_yeuto{ text-align:center;} .noi_dung_lienhe_home{ width:100%; float:none} .ban_do_home{ width:100%; float:none; padding-top:20px;} .menu_bt span{ width:33%; float:left;text-align:left; margin-bottom:20px;} .hinh_tt_gt{ width:50%; float:none; margin:auto;} .nd_tt_gt{ width:100%; float:none;} .nen_xam_sp2{ height:72px;} .tieude_con{ left:30px; max-width: 84%; font-size: 29px;} .col_sp_ct{ padding-left:15px; padding-right:15px;} } @media screen and (max-width: 600px){ .nd_lien_he{ padding-top:30px;} .phan_nd_lh1{ padding-bottom:0px;} .phan_tour_khac{ padding-bottom:10px;} .khung_banner_sl2.fixed3{ background-size:150%;} .nen_trang_con{ background-size:170%} .khung_banner_sl{ height:99px; background-size:150%} .phan_left_da .tieude_con{ top:0px; position:static; color:#101010; max-width:100%; margin-bottom:20px; } .like_chiase td{ display:block; padding-bottom:5px;} .like_chiase{ margin-bottom:0px;} .slide_hinh_home{ height:300px !important;} .menu_thietbi{ width:100%; float:none;} .list_menu_sp_thietbi{ padding-bottom:30px} .hinh_gt_con { padding-bottom:92px;} .ng_gt1 img{ width:110px !important; height:auto !important} .tieude_con{ line-height:40px;} .hinh_gt_con2 { width:100%; float:none} .nd_gt_2{ width:100%; float:none; padding-top:30px; padding-bottom:30px;} .hinh_gt_con2 .h_gt_1{ width:100%} .hinh_gt_con2 .h_gt_2{ display:none} .hinh_thong_tin_td{ height:400px;} .tieude_home2{ width:100%; font-size:21px; line-height:26px;} .list_hinh_home .col-sm-6{ width:50%} .gt_box_lv { width:100%; float:none} .header-sm .col-xs-3 .logo img { height: 56px; width: auto; margin-left: 0px; margin-top: 3px; } .ten_ct_bn2 { top:24px;} #hamburger { top: 17px !important; right: 12px !important; } .phan_ngon_ngu { position: absolute; right: 2px; top:26px; } .ten_duan { font-size: 21px; line-height: 30px; } .duan_2{ padding-top:20px;} .nd_giaiphap{ width:100%;} .link_xem_tiep_giaiphap{ position:static;} .item_giaiphap2{ padding-top:20px !important;} .dropdown_pt button .ten_pt_mb{ font-size:16px;} .box_menu_tin{ padding-top:0px;} .ten_sl_home{ padding-top:0px;} .khung_linh_vuc .lv_sp_back{ left:-7px;} .khung_linh_vuc .lv_sp_next{ right:-7px;} .tieude_home{ font-size:22px; line-height:30px; margin-bottom:0px;} .phan_ngon_ngu button .logo_ngonngu{ font-size:1px; color:#fff;} .phan_ngon_ngu .dropdown-menu{ left:auto; right:-20px;} .phan_ngon_ngu2 button .logo_ngonngu{ font-size:1px; color:#fff;} .phan_ngon_ngu2 .dropdown-menu{ left:auto; } .sl_ten_tin { padding:10px; width:300px; left:50%; transform: translate(-50%,-50%);} .item_tintuc{ width:100%; margin-left:0px; margin-right:0px; float:none} .khung_linh_vuc2{ padding:0px;} .khung_linh_vuc2:after{ display:none;} .khung_linh_vuc2:before{ display:none} .sl_linh_vuc .active .item_lv{ padding:0px; border:none} .phan_hinh_lv{ width:100%; margin-bottom:15px; } .sl_linh_vuc .active .item_lv .phan_hinh_lv { width:100%} .phan_nd_lv{ width:100%;} .nd_gioi_thieu_home{ font-size:19px; line-height:25px;} .diviconxhq{ float:none} #wh-widget-send-button.wh-widget-right{ right:6px !important;} .ten_tintuc{ height:auto;} .ten_duan_ct{ font-size:21px; line-height:30px;} .moi_button{ text-align:right; padding-right:15px; font-size:11px;} .cu_button{ text-align:left; padding-left:15px; font-size:11px;} .giaiphap_1{ padding-top:0px !important;} .chuthich_menupm{ display:none} .col_giaiphap_2 { padding-top:7px;} .phan_yeuto_home{ padding-top:80px; padding-bottom:90px;} .tieude_ct_tin{ font-size:16px; height:70px; overflow:hidden; line-height:24px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } } @media screen and (max-width: 500px){ .nen_trang_con{ background-size:190%} .nen_xam_sp{ height:45px; top:-35px;} .nen_xam_sp{ height:45px; top:-35px;} .list_sl_sp_home .owl-nav{ top:40% !important } .list_sl_sp_home .owl-prev{ left:-30px !important;} .list_sl_sp_home .owl-next{ right:-30px !important;} .nen_xam_sp2{ height:38px;background-size:160%} .nen_xam_sp3{ height: 45px; top: -40px;background-size:160%} .nen_xam_sp4{ height:50px;background-size:160%} .phan_lh_home{ background-position:center 300px!important; padding-top:80px;} .ten_yeuto{ font-size:16px;} .phan_ngon_ngu{ display:none;} .bg_sl_duoi{ height:50px; background-size:170%} .nen_xam_sp5{ background-size:160%} .tieude_bt:before{ position:absolute; content:''; font-weight:bold; right:0px; top:9px; background:url(/images/xuong.png) no-repeat; background-size:10px; width:10px; height:10px; } .menu_bt_mb{ display:none; padding-bottom:20px;} .logo_kh{ width:100%; float:none; text-align:center} .logo_kh img{ width:90%; margin:auto;} .noi_dung_kh{ width:100%; float:none} .ten_menu_1{ font-size:25px;} .hinh_gt_home { width:68%} .chuc_nang_nb span{ width:33%;} .item_tintuc_gp{ width:100%; float:none;} .box_duoi_1{ width:100%; margin-left:0px;float:none;} .box_duoi_2{ width:100%; margin-left:0px;float:none;} .box_duoi_3{ width:100%; margin-left:auto; float:none; padding-top:0px;} .box_duoi_4{ width:100%; margin-left:auto;float:none; padding-top:0px;} .box_duoi_5{ width:100%; margin-left:auto;float:none; padding-top:0px;} .item_thudon_nb{ padding-left:0px; padding-right:0px;} .list_thuc_don_nb .owl-nav{ top:28% !important;} .diviconxhq { width: 65%; z-index: 99; left:10px; } .khung_list_tintuc{ padding-bottom:0px;} .item_halal img{ width:56px;} .tt_hinh_view div{ padding:10px;} .diviconxhq:before { width:42%} .nd_vc{ margin-top:50px; font-size:21px; line-height:33px;} .menu_bt span{ width:48%;} } @media screen and (max-width: 441px){ .khung_banner_sl2.fixed3{background-size:180%} .nen_trang_con{ background-size:220%} .khung_copy span{ font-size:12px;} .link_bt span{ margin-right:30px;} .bt_bk_ks{ position:static; width:100%; padding-top:5px;} .bt_bk_ks button{ width:100%;} .slide_ab .slick-dots{ width:56% !important; } } @media screen and (max-width: 380px){ .khung_banner_sl2.fixed3{background-size:210%} .nen_trang_con{ background-size:250%} .icon_tb_ct{ width:159px;} .mang_xa_hoi{ bottom:20px;} .tieude_home .link_xem_tiep_gp{ position:relative;} .ten_dv{ height:50px;} .hinh_thong_tin_td{ height:310px;} .fix_mb_td_2 br{ display:none } .diviconxhq:before { width: 27%; } .khung_banner_sl{ height:99px; background-size:190%} } .phone_backtotop .fa { font-size: 22px; color: #fff; margin-top:8px; } .phone_backtotop{bottom:20px !important;right:15px}}@media (min-width: 1200px) and (max-width: 1440px){.backtop{right:15px;bottom:30px}.phone_backtotop{right:15px;bottom:30px}}@media (min-width: 768px) and (max-width: 1199px){.backtop{right:25px;bottom:40px}.phone_backtotop{left:25px;bottom:40px}}@media (max-width: 767px){.backtop{right:5%;bottom:20px}.phone_backtotop{left:5%;bottom:20px}}.phone_backtotop{position:fixed;z-index:9999;top:auto !important;width:50px;height:50px;line-height:55px;font-size:16px;font-weight:400;text-align:center;display:inline-block;color:#fff;border-radius:50%;background:#eca701;text-decoration:none;transition:opacity 0.2s ease-out;opacity:1;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;animation:play 1.5s ease infinite;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.phone_backtotop .fas{font-size:18px;color:#fff}@keyframes play{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg);box-shadow:0 0 0 5px #FC6,0 0 0 10px #F5EFC0}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}.phone_backtotop.show{opacity:1}@media (min-width: 1441px){.phone_backtotop.left_center{bottom:48% !important;left:50px}.phone_backtotop.right_center{bottom:48% !important;right:50px}.phone_backtotop.right_bottom{bottom:50px !important;right:50px}.phone_backtotop.left_bottom{bottom:50px !important;left:50px}}@media (min-width: 1200px) and (max-width: 1440px){.phone_backtotop.left_center{bottom:48% !important;left:15px}.phone_backtotop.right_center{bottom:48% !important;right:15px}.phone_backtotop.right_bottom{bottom:50px !important;right:15px}.phone_backtotop.left_bottom{bottom:50px !important;left:15px}}@media (min-width: 768px) and (max-width: 1199px){.phone_backtotop.left_center{bottom:48% !important;left:15px}.phone_backtotop.right_center{bottom:48% !important;right:15px}.phone_backtotop.right_bottom{bottom:50px !important;right:15px}.phone_backtotop.left_bottom{bottom:50px !important;left:15px}}@media (max-width: 767px){.phone_backtotop.left_center{bottom:48% !important;left:15px}.phone_backtotop.right_center{bottom:48% !important;right:15px}.phone_backtotop.right_bottom{bottom:50px !important;right:15px}.phone_backtotop.left_bottom{bottom:50px !important;left:15px}} /* Circle */ .hover_mt a { position: relative; display:block; overflow:hidden } .hover_mt a::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255,255,255,.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .hover_mt a:hover::before { -webkit-animation: circle .75s; animation: circle .75s; } @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } /* Rotate */ .hover_nt6 a{ display:block; overflow:hidden} .hover_nt6 a img { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); } .hover_nt6 a:hover img { -webkit-transform: rotate(15deg) scale(1.4); transform: rotate(15deg) scale(1.4); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }