2/*Owl Carousel*/ /*Owl Carousel*/ .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel,.owl-carousel .owl-wrapper{display:none;position:relative}.owl-carousel{width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.grabbing{cursor:url(/public/images/grabbing.png) 8 8,move}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}@-webkit-keyframes empty{0%{opacity:1}}@-moz-keyframes empty{0%{opacity:1}}@keyframes empty{0%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}100%,75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}}@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}100%,75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}}@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}100%,75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@-moz-keyframes backSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-moz-transform:translateZ(-500px)}100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}}@keyframes backSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}100%{opacity:1;transform:translateZ(0) translateX(0)}}@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}}@keyframes scaleToFade{to{opacity:0;transform:scale(.8)}}@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}}@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}}@keyframes goDown{from{transform:translateY(-100%)}}@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}}@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}} .owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) center center no-repeat} /*animation*/ @charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.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}@-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 headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.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}@-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}@-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}@-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} .quoc{ /* height: 141px; object-fit: cover;*/ } .menu_child{ display: none; } .product-block { /*height: 228.156px;*/ } .giaxetaiinfo{ width: 100%; margin: auto;} .cachtop100 {padding-top: 70px;} .sanphaminfo {margin:20px 0px 20px 0px;} #giaxetai {width:100%; background:#eee;} .header_fixed .giaxetai-button {} .giaxetai-button { float:left; width:16.666667%; text-align:center; border-right:1px solid #fff; -webkit-box-flex: 1; font-size:11px; -ms-flex-positive: 1; flex-grow: 1; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1); background: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .giaxetai-buttonkt { float:left; margin:0px 2px 0px 2px; text-align:center; border:0px solid #fff; -webkit-box-flex: 1; line-height: 50px; width:13%; margin-bottom: 9px; -ms-flex-positive: 1; flex-grow: 1; background: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .giaxetaiinfo .active { color: #fff; background: red;} .giaxetai-button a.active { border-bottom-color: #c8102e; } .giaxetai-button a { display: inline-block; width: 100%; border-bottom: solid 3px transparent; -webkit-box-shadow: -1px 0px 0px #d3d3d3; box-shadow: -1px 0px 0px #d3d3d3; border-left: 1px solid #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; max-height: 100px; } .giaxetai-button:nth-child(odd) { background-color: #eee;} .classunlink {color:Red; font-weight:bold; } .glyphicon{font-family: 'Glyphicons Halflings'!important;} .fa{font-family: 'FontAwesome'!important;} a, a:hover,a:focus{ text-decoration:none; outline:none; } table{width:100%;} 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, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;margin: 0;outline: 0;padding: 0;vertical-align: baseline;} body {line-height: 1.42857143;font-size: 13px;color: #333333;background: #fafafa;position: relative;overflow-x: hidden;overflow-y: auto;font-family: Arial, sans-serif;} ol, ul {padding-left: 0; list-style: none;} h1,h2,h3,h4,h5,h6 {clear: both;line-height: 1.3} h1 {font-size: 24px;} h2 {font-size: 20px;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 14px;} h6 {font-size: 12px;} p {margin-bottom: 10px;line-height: 24px;} /*img {border: none;max-width: 100%;height: auto;} img, iframe{ height:50%;}*/ .logo img {width:60%; height:50px;} a {color: #333333;} a:hover {text-decoration: none;color: #0f9ed8;} a:focus {text-decoration: none;outline: none;} button, input {transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;} input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea {border: 1px solid #b5b5b5;padding: 5px;font-size: 13px;color: #757575;border-radius: 0;} button,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,textarea:focus {border-color: #C1BCBC;outline: none;} fieldset {border: 2px groove threedface;display: block;padding-block-end: 0.75em;padding-block-start: 0.35em;text-align: center;} fieldset legend {display: inline-block;color: inherit;background: none;vertical-align: top; width: 60%;} [class*="col-"]{ padding-left: 7.5px; padding-right: 7.5px; } /* reuse style */ .relative{position: relative; } .absolute{position:absolute; } .pos_initial{position:initial; } .pos-t-0{top: 0; } .pos-t-10{top: 10%; } .pos-t-20{top: 20%; } .pos-t-30{top: 30%; } .pos-b-0{top: 0; } .pos-b-10{bottom: 10%; } .pos-b-20{bottom: 20%; } .pos-b-30{bottom: 30%; } .pos-l-0{left: 0; } .pos-l-10{left: 10%; } .pos-l-20{left: 20%; } .pos-l-30{left: 30%; } .pos-r-0{right: 0; } .pos-r-10{right: 10%; } .pos-r-20{right: 20%; } .pos-r-30{right: 30%; } .pos-l-ini{ left:initial !important; }.pos-r-ini{ right:initial !important; }.pos-t-ini{ top:initial !important; }.pos-b-ini{ bottom:initial !important; } .p-l-0{padding-left: 0; } .p-l-5{padding-left: 5px; } .p-l-7-5{padding-left:7.5px} .p-l-10{padding-left: 10px; } .p-l-15{padding-left: 15px; } .p-l-20{padding-left: 20px; } .p-l-25{padding-left: 25px; } .p-l-30{padding-left: 30px; } .p-r-0{padding-right: 0; } .p-r-5{padding-right: 5px; } .p-r-7-5{padding-right:7.5px} .p-r-10{padding-right: 10px; } .p-r-15{padding-right: 15px; } .p-r-20{padding-right: 20px; } .p-r-25{padding-right: 25px; } .p-r-30{padding-right: 30px; } .p-t-0{padding-top: 0; } .p-t-5{padding-top: 5px; } .p-t-10{padding-top: 10px; } .p-t-15{padding-top: 15px; } .p-t-20{padding-top: 20px; } .p-t-25{padding-top: 25px; } .p-t-30{padding-top: 30px; } .p-b-0{padding-top: 0; } .p-b-5{padding-bottom: 5px; } .p-b-10{padding-bottom: 10px; } .p-b-15{padding-bottom: 15px; } .p-b-20{padding-bottom: 20px; } .p-b-25{padding-bottom: 25px; } .p-b-30{padding-bottom: 30px; } .m-l-0{margin-left: 0; } .m-l-5{margin-left: 5px; } .m-l-10{margin-left: 10px; } .m-l-15{margin-left: 15px; } .m-l-20{margin-left: 20px; } .m-l-25{margin-left: 25px; } .m-l-30{margin-left: 30px; } .m-r-0{margin-right: 0; } .m-r-5{margin-right: 5px; } .m-r-10{margin-right: 10px; } .m-r-15{margin-right: 15px; } .m-r-20{margin-right: 20px; } .m-r-25{margin-right: 25px; } .m-r-30{margin-right: 30px; } .m-t-0{margin-top: 0; } .m-t-5{margin-top: 5px; } .m-t-10{margin-top: 10px; } .m-t-15{margin-top: 15px; } .m-t-20{margin-top: 20px; } .m-t-25{margin-top: 25px; } .m-t-30{margin-top: 30px; } .m-b-0{margin-bottom: 0; } .m-b-3{margin-bottom: 3px;} .m-b-5{margin-bottom: 5px; } .m-b-10{margin-bottom: 10px; } .m-b-15{margin-bottom: 15px; } .m-b-20{margin-bottom: 20px; } .m-b-25{margin-bottom: 25px; } .m-b-30{margin-bottom: 30px; } .nopadding{ padding:0px } .nomargin{ margin:0px; } .p-5{ padding: 5px}.p-10{ padding: 10px }.p-15{ padding: 15px }.p-20{ padding:20px;} .m-5{ margin:5px; }.m-10{ margin:10px; }.m-15{ margin:15px; }.m-20{ margin:20px; } .centerX{ left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); } .centerY{ top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); } .width_100_percent{width: 100%} .width_75_percent{width: 75%} .width_50_percent{width: 50%} .width_25_percent{width: 25%} .width_5{width: 5px;} .width_10{ width: 10px} .width_15{ width: 15px} .width_20px{width: 20px} .width_25{width: 25px} .width_30{width: 30px} .border-radius-0{-webkit-border-radius: 0px; border-radius: 0px; -moz-border-radius: 0px;} .border-radius-1{-webkit-border-radius: 1px; border-radius: 1px; -moz-border-radius: 1px;} .border-radius-2{-webkit-border-radius: 2px; border-radius: 2px; -moz-border-radius: 2px;} .border-radius-3{-webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px;} .border-radius-4{-webkit-border-radius: 4px; border-radius: 4px; -moz-border-radius: 4px;} .border-radius-5{-webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px;} .border-radius-6{-webkit-border-radius: 6px; border-radius: 6px; -moz-border-radius: 6px;} .border-radius-7{-webkit-border-radius: 7px; border-radius: 7px; -moz-border-radius: 7px;} .border-radius-8{-webkit-border-radius: 8px; border-radius: 8px; -moz-border-radius: 8px;} .border-radius-circle{-webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%;} .b-0{border: 0;} .b-l-0{border-left: 0;} .b-r-0{border-right: 0;} .b-t-0{border-top: 0;} .b-b-0{border-bottom: 0;} .b-1{border: 1px;} .b-l-1{border-left: 1px;} .b-r-1{border-right: 1px;} .b-t-1{border-top: 1px;} .b-b-1{border-bottom: 1px;} .dis_block{display: block; } .dis_inline{display: inline-block; } .rte ul,.rte ul li{list-style-type: disc;padding-left: 30px;} .rte ol,.rte ol li{list-style-type: decimal;padding-left: 30px;} /*custom Scroll Chrome */ ::-webkit-scrollbar {width: 6px;height: 6px;} ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px;border-radius: 10px;} ::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: rgba(105,105,105,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:window-inactive {background: rgba(105,105,105,0.4); } @-webkit-keyframes uil-ring-anim { 0% { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes uil-ring-anim { 0% { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes uil-ring-anim { 0% { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes uil-ring-anim { 0% { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes uil-ring-anim { 0% { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .uil-ring-css { background: none; position: relative; width: 60px; height: 60px; margin: auto; } .uil-ring-css > div { position: absolute; display: block; width: 60px; height: 60px; top: 20px; left: 20px; border-radius: 80px; box-shadow: 0 4px 0 0 #0f9ed8; -ms-animation: uil-ring-anim 1s linear infinite; -moz-animation: uil-ring-anim 1s linear infinite; -webkit-animation: uil-ring-anim 1s linear infinite; -o-animation: uil-ring-anim 1s linear infinite; animation: uil-ring-anim 1s linear infinite; } /*=========== custom style ===============*/ /*header*/ .header_fixed{position: fixed;width: 100%;top: 0;z-index: 9999;background:none;border-bottom: 0px solid #ccc;} #header_main {padding: 2px;} #header_main h1{max-width: 100%;} .search_wrapper{ margin: 0px auto 0; position: relative; } .search_wrapper .index_input_search{ line-height: 25px; border-top: 0px solid #ccc; border-left: 0px solid #ccc; border-right: 0px solid #ccc; border-bottom: 1px solid #ccc; font-size: 13px; width: 100%; } .search_wrapper .index_input_search:focus,.search-wrapper .index_input_search:hover{ outline: none; box-shadow: none; border: 1px solid #ccc; } .btn:hover { background: #286f94; color: white; } .btn_search_submit { background-color: #0f9ed8; color: #fff; position: absolute; font-size: 12px; padding: 0px 15px; right: 0; text-align: center; top: 0; border: 1px solid transparent; line-height: 50px; height: 50px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .btn_search_submit:hover{color: #fff;} .user_login,.cart_header{ margin-top: 20px; float:right; padding-bottom: 10px; position: relative; } .user_login a,.cart_header a{display: block;} .user_login{margin-right: 30px;} .user_login a:hover, .cart_header a:hover{color: #333;} .user_login_icon{ color: #000; width: 40px; vertical-align: top; margin-right: 5px; min-height: 40px; background: url(/public/images/user.png) no-repeat 0 50%; display: inline-block; } .user_login .box_text{margin-top: 10px;} .box_text{display: inline-block;} .box_text span{ display: block; color: #999; font-size: 12px; } .box_text strong{ display: block; font-size: 12px; } .cart_header_icon{ vertical-align: bottom; color: #000; width:40px; min-height: 40px; background: url(/public/images/cart.png) no-repeat 0 50%; display: inline-block; } .cart_header_count span{ display: inline; font-weight: 700; color: #000; } /*NAV*/ #mb_mainnav { margin-top: -2px; background:#2f5597; /* background:#000; */ } #mb_verticle_menu{position: relative;} .title_block { font-size: 15px; font-weight: 700; text-transform: uppercase; margin: 0px; color: #ffffff; display: block; background: #2f5597; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); cursor: pointer; } .title_block span { padding: 10px 20px; display: inline-block; font-size: 15px;} .title_block:before { color: #ffffff; content: "\f0c9"; font: 18px "FontAwesome"; position: absolute; right: 15px; top: 12px; } .navbar_menuvertical { position: absolute; background: #ffffff; z-index: 90; padding-left: 0; padding-right: 0; } .navbar_menuvertical>.nav_verticalmenu { margin: 0px; padding: 0; border: 1px solid #dadada; border-top-color: transparent; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); float: left; } .navbar_menuvertical .nav_verticalmenu li { position: relative; background:#ffffff; width: 100%; border-bottom: 1px solid #dddddc; display:block; float: left; padding: 0px 20px; } .navbar_menuvertical .nav_verticalmenu li:last-child{border-bottom: none;} .navbar_menuvertical .nav_verticalmenu li a img.icon-menu{ vertical-align: middle; /*padding-right: 15px;*/ padding-right: 10px; } .navbar_menuvertical .nav_verticalmenu li a { color: #333333; padding: 7px 0px; display: block; position: relative; } .navbar_menuvertical .nav_verticalmenu li:hover{background: #f9f9f9;} .navbar_menuvertical .nav_verticalmenu>li:hover>a:after{ position: absolute; background: #0f9ed8; height: 100%; top: 0px; left: -20px; width: 2px; content: ''; z-index: 2000; outline: 1px solid #0f9ed8; } .navbar_menuvertical .nav_verticalmenu>li:hover>a{color: #0f9ed8;} .navbar_menuvertical .nav_verticalmenu > li.has-child > ul{ position: absolute; top: 0; left: 100%; -webkit-transition: all 0.45s ease-out 0s; -moz-transition: all 0.45s ease-out 0s; -o-transition: all 0.45s ease-out 0s; transition: all 0.45s ease-out 0s; -moz-transform: translate(100px, 0); -webkit-transform: translate(100px, 0); transform: translate(100px, 0); opacity: 0; visibility: hidden; border: 1px solid #eaeaea; min-width: 180px; background: #fff; } .navbar_menuvertical .nav_verticalmenu > li.has-child:hover > ul{ visibility: visible; display: block; height: auto; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); opacity: 1; } .navbar_menuvertical .nav_verticalmenu li.has-child ul li{ border: none; background: #ffffff; } .navbar_menuvertical .nav_verticalmenu li.has-child ul li a{ padding: 9px 0; color: #333333; } .navbar_menuvertical .nav_verticalmenu li.has-child ul li:hover{background:#f9f9f9;} .navbar_menuvertical .nav_verticalmenu li.has-child ul li:hover a{color: #0f9ed8; } .menu_hori li a{ padding: 10px 7px; text-transform:uppercase; color: #fff; font-size:14px; font-weight: 500; } .nav>li { border-right: 0px solid #ffff; } .nav>li:last-child { border-right: 0px solid #ffff; } .menu_hori li a:hover{background: transparent;} .menu_hori li.has_child:hover > ul{display: block;} .menu_hori li ul{ position: absolute; top: 100%; background: #fff; color: #333; z-index:999; width: 220px; box-shadow: 2px 2px 10px 1px #ccc; display: none; } .menu_hori li ul li{padding: 10px 0;} .menu_hori li ul li a{color:#333333; font-weight: normal;} .menu_hori li ul li a:hover{color: #0f9ed8;} .menu_hori li ul ul{left: 100%;top: 0;display: none;} .menu_hori li ul li:hover ul{display: block;} /*Slider*/ #owl-slider .owl-controls .owl-page span{background: #0f9ed8;} #owl-slider .owl-controls .owl-pagination{position: absolute;width: 100%;bottom: 0;} #owl-slider .owl-controls .owl-buttons .owl-prev,#owl-slider .owl-controls .owl-buttons .owl-next{ position:absolute; right: 0; top: 40%; width: 30px; height: 30px; line-height: 25px; color: #333; background: #fff; } #owl-slider .owl-controls .owl-buttons .owl-prev{left: 0;right: auto;} /*Service*/ #service_home .service_item{ -moz-box-shadow: 0px 1px 5px 2px #f1f1f1; -webkit-box-shadow: 0px 1px 5px 2px #f1f1f1; box-shadow: 0px 1px 5px 2px #f1f1f1; text-align: center; padding: 40px 0; text-align: center; } #service_home .icon { margin-right: 20px; display: inline-block; text-align: center; } #service_home .icon img{ width: 50px; height: 50px; margin: 0 auto; } #service_home .description_icon{ text-align:left; display: inline-block; vertical-align: middle; } span.large-text { font-size: 16px; color: #000; text-transform: uppercase; font-weight: 700; display: block; margin: 10px 0 0px; } span.small-text {font-size: 14px;color: #888;} /*product*/ .section-heading{ text-align: center; padding: 20px 0; position: relative; } .section-heading:before{ display: table; content: ""; border-top: 1px solid #2f5597; width: 100%; position: absolute; top: 50%; } .section-heading h2 span{ font-size: 24px; background: #fff; position: relative; padding: 0 20px; color: #2f5597; } .product-list .product-wrapper {margin-bottom: 15px;} /*sidebar banner*/ .sidebar_banner{margin-top: 215px;} .sidebar_banner:first-child{margin-top: 0;} .sidebar_banner .img_banner a,.product_home .product_home_image a{ display: block; position: relative; overflow: hidden; } .sidebar_banner .img_banner > a img{border-radius: 8px;} .sidebar_banner .img_banner .figcaption:before,.product_home .product_home_image .figcaption:before { -webkit-transition: all ease 0.3s; transition: all ease 0.3s; position: absolute; width: 100%; content: ""; left: 0; top: 0; height: 100%; } .sidebar_banner .img_banner:hover .figcaption:before,.product_home .product_home_image:hover .figcaption:before{ -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.4) inset; box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.4) inset; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; border-radius: 6px; } .sidebar_banner .img_banner > a img{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sidebar_banner .img_banner > a:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sidebar_blogs{margin: 7px;} .sidebar_blogs .sidebar_title{ color: #fff; padding: 15px; font-size: 16px; text-transform: uppercase; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } .sidebar_blogs .blog_content{ border: 1px solid #2f5597; border-top: none; padding: 15px 15px 0; } .title h4{font-weight:580;} .article_item .article_img{text-align: center;overflow: hidden;} .article_item .article_img,.article_item .article_content .title{margin-bottom: 7px;} .article_item .article_img img{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .article_item .article_img:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .article_item .article_content .title h4{ font-size: 18px; text-transform: uppercase; color: #0089ea; font-weight: bold;} .article_item .article_content .title a{ font-size: 18px; text-transform: uppercase; color: #0089ea; font-weight: bold;} .article_item .article_content .title a:hover{ font-size: 18px; text-transform: uppercase; color: Red; font-weight: bold;} .article_item .article_content .title p{ font-size: 14px; text-align:justify; line-height:24px; margin:0px;} .xemthem{text-align:right;} .xemthem a{color:#2e75b6;} a.xemthem {color:#2e75b6;} .article_item .article_content .article_meta .article_comment, .article_item .article_content .article_meta .article_created{ font-size: 13px; display: inline-block; margin-right:20px; } .article_item .article_content .article_meta .article_comment i, .article_item .article_content .article_meta .article_created i{color: #0f9ed8;} .article_item .article_content .des{margin-bottom: 10px;font-size: 15px;} .article_item .article_content .readmore{ border: 1px solid #0f9ed8; display: inline-block; background:#0f9ed8; color: #fff; padding: 5px 15px; transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; font-weight: bold; text-transform: uppercase; } .article_item .article_content .readmore:hover{background: transparent;color:#333;} .sidebar_blogs .blog_content .article_item:last-child{border-bottom: none;padding: 0;} /*product-loop*/ .product_home {marin-bottom: 30px;} .product-block{ border: 1px solid #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 1px rgba(0,0,0,0); -moz-box-shadow: 0 0 1px rgba(0,0,0,0); box-shadow: 0 0 1px rgba(0,0,0,0); position: relative; } .product-block .product-image{ position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; text-align: center; } .btn-cart{color: #fff; padding: 10px; font-weight: 580; background-color: #f5821f; font-size: 19px;} .chitietsanpham li:nth-child(6) { margin:10px 0px 0px 0px;} .chitietsanpham li:nth-child(6) a { color:#fff; padding:10px; font-size:18px; text-transform:uppercase; line-height:30px; } .chitietsanpham li:nth-child(6) a:hover { color:yellow;} .chitietsanpham li:last-child a(6) { color:#fff; font-size:18px; margin-top:10px; } .product-block .product-info .pro-name a{ font-size: 14px; overflow: hidden; text-overflow: ellipsis; text-transform: capitalize; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 10px; margin-top: 10px; } .product-block .product-info .pro-prices {/* margin-bottom: 10px; */ height: 30px;} .product-block .product-info .pro-prices .pro-price{ font-weight: bold; color: Red; font-size:16px; padding-right: 8px; } .product-block .product-info .pro-prices .pro-compare-price{color: #898989;font-size: 13px;} .product-sale{ background: #0f9ed8; position: absolute; top: 5px; left:5px; color: #fff; z-index: 99; padding: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; text-align: center; } .sold-out { position: absolute; top: 10px; right: 10px; background: #0f9ed8; color: #fff; padding: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; white-space: pre-line; width: 55px; text-align: center; line-height: 1.3; height: 55px; text-transform: uppercase; font-weight: bold; z-index: 99; } .show_more{text-align: center;padding: 10px;} .show_more a{color: #0f9ed8;} .product-actions{ position: absolute; bottom: 40%; width: 100%; left: 0; } .product-actions .btn-add-to-cart,.product-actions .btn_quickview{ display: inline-block; width: 35px; height: 35px; line-height: 35px; margin-bottom: 15px; text-align: center; background: rgba(0,0,0,.7); color: #fff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0; cursor: pointer; visibility: hidden; transform: translateY(-150px); -moz-transform: translateY(-150px); -webkit-transform: translateY(-150px); } .product-actions .btn-add-to-cart:hover, .product-actions .btn_quickview:hover{background: #0f9ed8;} .product-actions .btn-add-to-cart{margin-right: 15px;} .product-actions .btn-add-to-cart a,.product-actions .btn_quickview a{color: #fff;} .product-block:hover .product-actions .btn-add-to-cart, .product-block:hover .product-actions .btn_quickview{ opacity: 1; visibility: visible; transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); } .product-block:hover .product-actions .btn-add-to-cart{ -webkit-transition-delay: .3s; -moz-transition-delay: .3s; transition-delay: .3s; } .product-block:before,.product-block:after{ width: 100%; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; content: ''; height: 5px; position: absolute; opacity: 0; } .product-block:before{ background: radial-gradient(ellipse at 50% 150%, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 80%); bottom: 100%; } .product-block:after{ background: radial-gradient(ellipse at 50% -50%, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 80%); top: 100%; } .product-block:hover:after,.product-block:hover:before{opacity: 1;} .product_list.list .pro_loop{ border-bottom: 1px solid #ccc; padding: 0px 0 10px; } .product_list.list .pro_loop .product-block{ border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .product_list.list .pro_loop .pro_prices .pro_price{ color: #0f9ed8; font-size: 16px; } .product_list.list .pro_loop .pro_prices .pro_compare_price{color: #898989;font-size: 13px;} .product_list.list .pro_loop .pro_actions .btn{ background: #0f9ed8; color: #fff; padding: 5px 10px; margin-right: 5px; font-size: 16px; text-transform: uppercase; font-weight: bold; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .product_list.list .pro_loop .pro_actions .btn:hover{ border: 1px solid #0f9ed8; background: #fff; color: #333; } .product_list.list .pro_loop .product-block:hover:before, .product_list.list .pro_loop .product-block:hover:after { opacity: 0; } /*Blog Home*/ #blog_index_list .blog_item{ margin: 0 10px 25px; -moz-box-shadow: 0px 2px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 2px 1px rgba(0,0,0,0.1); box-shadow: 0px 2px 1px rgba(0,0,0,0.1); } #blog_index_list .blog_item .img_blog{text-align: center;} #blog_index_list .blog_item .img_blog img{ -webkit-border-radius: 0; -moz-order-radius: 0; border-radius: 0; } #blog_index_list .blog_item .blog_item_content h4{ margin: 5px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #blog_index_list .article_item{padding: 0 10px;border: none;} #blog_index_list .article_item .article_content .title{ display: block; display: -webkit-box; height: 38px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; overflow: hidden; text-overflow: ellipsis; } #blog_index_list .article_item .article_content .title h4{font-size: 16px;} #blog_index_list .article_item .article_content .des{font-size: 14px;} /*footer*/ footer {background: #f1f2f2;} footer .footer_block a{ color: #fff;} footer .footer_block a:hover{ color: #0f9ed8;} footer .footer_top_wrap{padding: 20px 0; font-size:14px;} footer .footer_top_wrap .footer_block .footer_block_title{ color: #fff; font-weight: bold; line-height: 30px; text-transform: uppercase; margin-bottom: 10px; border-bottom: 0px solid #fff; } footer .footer_top_wrap .footer_block .block_content .list_group{margin-bottom: 20px;} footer .footer_top_wrap .footer_block .block_content .list_group li{padding: 3px 0;} footer .footer_top_wrap .footer_block .block_content .list_group li a{font-size: 13px;} footer .footer_top_wrap .footer_block .block_content .des_newsletter_form{ font-weight: 300; color: #333; display: block; margin-bottom: 20px; } footer #newsletter_form{position: relative;} footer #newsletter_form input[type=email]{ position: relative; border-color: #333; line-height: 40px; width: 100%; height: 40px; padding: 9px 10px; color: #330909; border: none; border-bottom: 1px solid #ccc; background: transparent; } footer #newsletter_form .newsletter_wrap button{ position: absolute; right: 10px; bottom: 10px; border: none; background: none; color: transparent; font-size: 20px; } footer .newsletter_wrap label{ position: absolute; top: 10px; left: 10px; color: #999; font-weight: normal; transition: top 0.2s ease-out; -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; pointer-events: none; } footer .newsletter_wrap input:focus ~ label,footer .newsletter_wrap input.not-empty ~ label{ top: -18px; color: #333; font-weight: 300; left: 0; } footer .newsletter_wrap input:focus ~ button, footer .newsletter_wrap input.not-empty ~ button{color: #0f9ed8!important;} footer .footer_bottom_wrap .row {border-top: 1px solid #e5e5e5;padding: 15px 0;} footer .footer_address p{ margin: 0;} footer .copy_right p{color: #aaa;margin-bottom:3px;} footer .copy_right p a{color: #000;} .social_footer ul{margin: 0; padding: 0;} .social_footertop ul li{ display: inline-block; margin-right: 0px; margin-bottom: 0px !important; } .social_footer ul li{ display: inline-block; margin-right: 0px; margin-bottom: 0px; } .social_footer ul li span{ height: 35px; width: 35px; line-height: 32px; display: inline-block; text-align: center; color: #fff; } .social_footer ul li a span i{ font-size: 18px; line-height: 32px; font-style: normal; vertical-align: middle; } .social_footer ul li a span:hover{ background: #2f5597; color: #fff; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; } .back-to-top { /* border-bottom: 70px solid #2f5597; border-left: 70px solid rgba(0, 0, 0, 0); border-top: 0 solid rgba(0, 0, 0, 0);*/ height: 0; width: 0; bottom: 0px; cursor: pointer; position: fixed; right: 0; z-index: 9; display: none; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .back-to-top span { display: block; color: #2f5597; background-color:#fff; border-radius:5px; position: fixed; font-weight: bold; text-transform: uppercase; right: 13px; bottom: 75px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; width: 60px; height: 60px; line-height: 61px; text-align: center; border: 0px; } .back-to-top .fa{font-size: 42px; padding-top: 11px;} .back-to-top:hover span {bottom: 75px;right: 13px;} /*Cart Popup*/ #cart h4{font-size: 27px;text-transform: uppercase;} #cart #exampleModalLabel { margin: 0px; font-size: 27px; line-height: 38px; color: #272727; padding: 0px; border: 0px; font-weight: 600; text-transform: uppercase; } #cart #exampleModalLabel p{ font-size: 16px; font-weight: normal; text-transform: initial; } //#cart .modal-header button.close {position: absolute;right: 20px;top: 20px;} //#cart .modal-header{border-bottom: none;padding: 30px 15px 0px;} #cart .cart-table-header { text-align: center; border-bottom: 1px solid #e5e5e5; padding: 10px 0px; border-top: 1px solid #e5e5e5; } #cart .ajax_qty input{width: 100%; padding: 8px 10px} #cart .modal-footer{border-top: none;} #cart .modal-body #cart-table .line-item{margin-bottom: 15px;} #cart .ajax_qty { max-width: 55px; position: relative; display: inline-block; margin: 0; } #cart .btn_plus,#cart .btn_minus { position: absolute; right: 0; background: none; text-align: center; overflow: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; border: none; height: 17px; line-height: 15px; padding: 0px 5px; } #cart .btn_minus{bottom: 0;} #cart .btn_plus{top: 0;} #cart .item-total { font-size: 23px; font-weight: 600; color: #535353; line-height: 1.1; } #cart .comeback { display: inline-block; vertical-align: middle; color: #ffffff; background-color: #ff7200; border: 1px solid #ff7200; padding: 6px 12px; margin-right: 5px; } #checkout { border: 1px solid; display: inline-block; color: #ffffff; background-color: #0f9ed8; border-color: #0f9ed8; padding: 6px 12px; } #cart .comeback:hover{ background: #ff7200; border: 1px solid #ff7200; color: #ffffff; } #cart #checkout:hover{ background: #0f9ed8; border: 1px solid #0f9ed8; color: #ffffff; } #cart .item-one-price,.item-price{color: #272727;} #cart .ajax_qty input[type=number]::-webkit-inner-spin-button, #cart .ajax_qty input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;} /*Cart hover*/ .cart_header_top_box .cart_empty{font-size: 13px;padding: 15px;} .cart_header_top_box,.user_box{ position: absolute; top: 100%; right: -1px; z-index: 1002; background: #FFF; color: #666; width: 300px; opacity: 0; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; -webkit-transform: translate(0,40px); -moz-transform: translate(0,40px); -o-transform: translate(0,40px); -ms-transform: translate(0,40px); transform: translate(0,40px); opacity: 0; display: block; visibility: hidden; -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 1); -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 1); box-shadow: 0 0px 10px rgba(0, 0, 0, 1); } .user_box iframe{margin-top: -10px;} .cart_header_top_box:before,.user_box:before { content: ''; border-top: 8px solid transparent; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid #fff; position: absolute; top: -16px; right: 80px; } .user_box:before{right: 75px;} .cart_header_top_box .cart_box_wrap{padding: 15px; max-height: 350px;overflow-y: auto;} .cart_header:hover .cart_header_top_box,.user_login:hover .user_box{ -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); opacity: 1; visibility: visible; } .cart_box_wrap .cart_item{border-bottom: 1px dotted #bcbcbc;position: relative;padding: 10px 0;} .cart_box_wrap .cart_item:last-child{border-bottom: none;} .cart_box_wrap .cart_item .cart_item_image{ float: left; max-width: 70px; margin-right: 10px; } .cart_box_wrap .cart_item .cart_item_info{ float: left; width: calc(100% - 80px); padding-right: 15px; } .cart_box_wrap .cart_item .cart_item_info .cart_item_title{ font-size: 14px; margin-bottom: 5px; line-height: 1.2; font-weight: 400; } .cart_box_wrap .cart_item .cart_item_info .cart_item_quantity{ display: block; max-width: 50px; margin-right: 10px; float: left; } .cart_box_wrap .cart_item .cart_item_info .cart_item_quantity .quantity_top_cart{ width: 100%; padding: 4px 5px; } .cart_box_wrap .cart_item .cart_item_info .cart_item_price{ font-weight: bold; float: left; text-align: center; display: block; line-height: 30px; } .remove{position: absolute;right: 0;top:0;} .cart_header_top_box .total_cart {margin-top: 10px;font-size: 18px;padding: 0 15px;} .cart_header_top_box .cart-buttons{padding: 0 15px 15px;} .cart_header_top_box .cart-buttons a { margin-top: 12px; text-transform: uppercase; font-size: 13px; padding: 10px 0; text-align: center; } .cart_header_top_box .cart-buttons .btn-cart{ background: #ff7200; color:#ffffff; width: 49%; margin-right: 1%; float: left; } .cart_header_top_box .cart-buttons .btn-cart:hover{ background: #ff7200; color:#ffffff; } .cart_header_top_box .cart-buttons .btn-check-out{ background: #0f9ed8; color:#ffffff; width: 49%; margin-left: 1%; float: right; } .cart_header_top_box .cart-buttons .btn-check-out:hover{ background: #0f9ed8; color:#ffffff; } .user_box{width: 230px;} .user_box ul{ padding: 7px 15px; margin-bottom:0; } .user_box ul li{ margin-top: 10px; margin-bottom: 10px; text-align: center; padding: 10px; background: #ff7200; color: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .user_box ul li:hover{background: #ff7200;} .user_box ul li.facebook{background:#3b5998;} .user_box ul li.google{background:#d34836;} .user_box ul li a{color: #ffffff;display:block;} .user_box ul li a:hover{color: #ffffff;} /*Menu Mobile*/ #mobile_wrap_menu{ position: fixed; background-color: white; height: 100%; z-index: 10; width: 270px; color: #bbb; top: 0; opacity: 1; overflow-x: hidden; overflow-y: scroll; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; left: -270px; } .click-out-menu { position: fixed; left: 280px; width: 768px; height: 100%; background-color: rgba(0,0,0,0.5); display: none; -webkit-transition: all 500ms ease; transition: all 500ms ease; } #wrap-header-mobile .click-out-menu.show-menu {display: block;z-index: 999;} .click_out_menu { position: fixed; left: 280px; width: 768px; height: 100%; background-color: rgba(0,0,0,0.5); display: none; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .click_out_menu.show_menu {display: block;z-index: 999;} .click_out_menu .background_icon_close { width: 270px; height: 50px; position: fixed; left: 0px; top: 0px; } .icon-close { position: absolute; top: 0; right: 10px; padding: 15px; text-align: center; color: #fff; cursor: pointer; } .icon-close:before{ content: ''; height: 1px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); width: 20px; position: absolute; top: 50%; right: 20%; z-index: 9999; background: #fff; } .icon-close:after{ content: ''; height: 1px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); width: 20px; position: absolute; top: 50%; right: 20%; z-index: 9999; background: #fff; } .user_mobile{ background: #2f5597; color: #fff; padding: 10px; } .icon_user_mobile{margin-bottom: 15px;} .login_mobile{position: relative;} .login_mobile:after{ position: absolute; right: 5px; content: ''; height: 10px; width: 10px; top: 6px; border: 2px solid #fff; transform: rotate(45deg); border-left: none; border-bottom: none; } .login_mobile a,.login_mobile a:hover{color: #fff;} #mobile_wrap_menu.show{left: 0;z-index: 9999;} body.overflow_hidden {overflow-y: hidden;} .opacity_body { background: rgba(0,0,0,0.5); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; cursor: pointer; } .close_menu{ position: absolute; right: 0; top: 0; padding: 15px; cursor: pointer; } .close_menu:before{ content: ''; width: 20px; height: 2px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); position: absolute; display: block; left: 0px; top: 15px; } .close_menu:after{ content: ''; width: 20px; height: 2px; background: #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; display: block; left: 0px; top: 15px; } .content_menu ul li{position: relative;} .content_menu ul li a{ padding: 10px 10px 10px 15px; display: block; color: #7b7b7b; font-size: 16px; border-bottom: 1px solid rgba(105,105,105,0.4); } .content_menu ul li a:hover{color:#0f9ed8;} .content_menu ul li .more{ position: absolute; right: 0; padding: 11px 10px 11px 15px; font-size: 14px; top:0; z-index: 9999; cursor: pointer; color: #7b7b7b; } .content_menu ul ul li a{padding-left: 30px;} .content_menu ul ul ul li a{padding-left: 40px;} .search_mobile{margin-bottom: 15px;} .search_mobile .search_wrapper{margin-top:0;} .search_mobile .index_input_search,.search_mobile .btn_search_submit{line-height: 40px;height: 40px;} /*Modal login*/ #modal_login .modal-header .head,#modal_register .modal-header .head { background: url(/public/images/icon_user.png) no-repeat left center; min-height: 36px; padding: 0 0 0 50px; } #modal_login a,#modal_register a{color: #0f9ed8; } #modal_login .modal-header .head a:hover,#modal_register .modal-header .head a:hover{color: #0f9ed8;} #modal_login .modal-header .head p,#modal_register .modal-header .head p{margin-bottom: 0;} #modal_login .modal-body .form-group label,#modal_register .modal-body .form-group label{margin-bottom: 5px;} #modal_login .modal-body .form-control,#modal_register .modal-body .form-control{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #login-form-submit,#register-form-submit{ background: #0f9ed8; width: 100%; border-radius: 0; border: none; } #login_x iframe{width: 100%;} .modal-header .close{position: absolute; right: 15px;} #recover_password_x .head_recover h2{margin-bottom: 15px;line-height: 25px;} #recover_password_x .head_recover p{line-height: 1.3;} /*breadcrumb*/ #breadcrumb{background: #f5f5f5;} #breadcrumb .breadcrumb{margin-bottom: 0;} /*Filter*/ #filterleft {padding: 0;} .filter_title{ border: 1px solid #0f9ed8; text-align: center; margin-bottom: 10px; background:#0f9ed8; color:#fff; } a.toggle_filter { background:#0f9ed8; border: 1px solid #0f9ed8; color: #fff; padding: 10px 15px; display: block; text-align: center; } a.toggle_filter.collapsed { color: #fff; border: 1px solid #0f9ed8; } .filter_title span{ display: block; margin: 7px 0; font-size: 16px; font-weight: bold; text-transform: uppercase; } #filterleft p { position: relative; border-bottom: 1px dashed #ddd; margin: 10px 10px 0; padding: 5px 0; font-size: 15px; font-weight: bold; } .filter_box{ margin-bottom: 10px; background: #efefef; } .filter_box .filter_item_wrap{ max-height: 250px; overflow-y: auto; } .filter_box .filter_item{ margin: 10px 0 10px 10px; } .filter_box .filter_item label{font-weight: normal;} .filter_box .filter_item input[type="checkbox"],.filter_box .filter_item input[type="radio"]{ margin-right: 7px; position: relative; } .filter_box .filter_item input[type="checkbox"]:before,.filter_box .filter_item input[type="radio"]:before{ content: ''; position: absolute; width: 16px; height: 16px; background: #fff; border: 1px solid #cedadd; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .filter_box .filter_item input[type="checkbox"]:after,.filter_box .filter_item input[type="radio"]:after{ -webkit-transition: -webkit-transform .4s cubic-bezier(.45,1.8,.5,.75); -moz-transition: -moz-transform .4s cubic-bezier(.45,1.8,.5,.75); transition: transform .4s cubic-bezier(.45,1.8,.5,.75); -webkit-transform: rotate(-45deg) scale(0,0); -moz-transform: rotate(-45deg) scale(0,0); -ms-transform: rotate(-45deg) scale(0,0); -o-transform: rotate(-45deg) scale(0,0); transform: rotate(-45deg) scale(0,0); content: ""; position: absolute; right: 0px; top: 5px; margin: auto; z-index: 1; width: 10px; height: 5px; border: 2px solid #58b3f0; border-top-style: none; border-right-style: none; } .filter_box .filter_item input[type="checkbox"]:checked:after, .filter_box .filter_item input[type="radio"]:checked:after{ -webkit-transform: rotate(-45deg) scale(1,1); -moz-transform: rotate(-45deg) scale(1,1); -ms-transform: rotate(-45deg) scale(1,1); -o-transform: rotate(-45deg) scale(1,1); transform: rotate(-45deg) scale(1,1); } /*Collection*/ #collection .page_heading{margin: 0px 0px 15px 0px; color: #333333; line-height: 30px;} .change_view{ background: transparent; border: 1px solid #bbb; height: 35px; width: 35px; font-size: 20px; color: #bbb; } .change_view.change_view_active{ color: #333; border: 1px solid #333; } .browse-tags{ height: 35px; line-height: 35px; padding: 0 5px 0 10px; border: 1px solid #bbb; font-size: 15px; } .sort-by{ border: none; } .sort-by:active,.sort-by:focus{ border: none; outline: none; } .product_list.grid{margin-left: -7.5px;margin-right: -7.5px;} /*Paginate*/ #pagination { margin: 20px 0 40px 0; text-align: center; } #pagination .page_node{ width: 35px; height: 35px; line-height: 35px; border: 1px solid #0f9ed8; display:inline-block; font-weight: bold; font-size: 15px; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #pagination .page_node:hover,#pagination .page_node.current{background: #0f9ed8;color: #fff;} /*Product*/ #img_product{position: relative;text-align: center;} #img_product .sale_label{ position: absolute; right: 10px; top: 10px; background: #0f9ed8; color: #fff; font-weight: 600; font-size: 18px; padding: 5px 10px; } .product_thumb .item_img{ margin: 5px;opacity: 0.4; } .product_thumb .item_img.active{ border: 1px solid red;opacity: 1; } .product_thumb .item_img.active:after{ content:''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid transparent; border-bottom: 5px solid red; position: absolute; top: -4px; left: 45%; } .product_thumb .owl-buttons .owl-prev,.product_thumb .owl-buttons .owl-next{ position: absolute; background: #fff!important; color:#333!important; height: 30px; line-height:25px; } .product_thumb .owl-buttons .owl-prev{ top:35px;left:-50px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; visibility: hidden; filter: alpha(opacity=0); } .product_thumb .owl-buttons .owl-next{ top: 35px;right:-50px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; filter: alpha(opacity=0); visibility: hidden; } .product_thumb:hover .owl-buttons .owl-prev{ top:35px;left:10px; visibility: visible; opacity: 1; filter: alpha(opacity=100); } .product_thumb:hover .owl-buttons .owl-next{ top: 35px;right:10px; visibility: visible; opacity: 1; filter: alpha(opacity=100); } #product .name{ font-size: 20px; font-weight: 600; } #product .product_price{padding-bottom: 10px;} #product .product_price ins{ font-size: 24px; font-weight: 300; color: #ff7200; text-decoration: none; display: block; } #product .product_price .product_compare_at_price span{font-size: 14px;} #product .product_price .product_compare_at_price del{font-weight: 600;} #product .product_price .product_price_sale span{font-size: 14px;} #product .product_price .product_price_sale .price_off{ padding-left: 15px; color: #0f9ed8; font-weight: 600; } #product #add-item-form .selector-wrapper{margin-bottom: 10px;} #product #add-item-form .selector-wrapper label{ display: block; margin-bottom: 5px; } #product #add-item-form .selector-wrapper span.title{ border: 1px solid #ccc; padding: 5px 10px; color: #888; display: inline-block; margin-right: 10px; cursor: pointer; } #product #add-item-form .selector-wrapper span.title.active{ color: #e95144; border: 1px solid #e95144; background: url(/public/images/bg_checked.png) no-repeat right bottom; } #product #add-item-form .select{border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;} #product .product_quantity input[type=number]::-webkit-inner-spin-button, #product .product_quantity input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } #product .product_quantity label{ color: #000; display:block; } #product .product_quantity .button { float: left; width: 35px; height: 36px; border: 1px solid #cbcbcb; cursor: pointer; background: #fff; } #product .product_quantity .quantity { padding: 5px 10px; line-height: 1.35; height: 36px; border: 1px solid #cbcbcb; float: left; width: 50px; border-right: 0; border-left: 0; } #product #add-to-cart{ border: 1px solid #0f9ed8; background: #ffffff; color: #0f9ed8; font-size: 16px; font-weight: 600; height: 45px; line-height: 45px; width: 100%; text-transform: uppercase; } #product #add-to-cart:hover,#product #buy-now:hover{ opacity: 0.8; } #product #buy-now{ background: #0f9ed8; border: 1px solid #0f9ed8; color: #ffffff; font-size: 16px; text-transform: uppercase; height: 45px; line-height: 45px; width: 100%; } /*Share product*/ #share_product ul li{ display: inline-block; vertical-align: middle; } #share_product ul li a{ padding: 0 15px; border: 1px solid #f6f6f6; font-size: 11px; color: #696969; background-color: #f6f6f6; height: 36px; display: block; line-height: 36px; text-align: center; vertical-align: middle; font-weight: 600; } #share_product ul li.twitter i{color: #00AAF0;} #share_product ul li.twitter:hover a,#share_product ul li.twitter:hover a i{ background:#00AAF0 ; color: #fff; } #share_product ul li.facebook i{color: #435F9F;} #share_product ul li.facebook:hover a,#share_product ul li.facebook:hover a i{ background:#435F9F ; color: #fff; } #share_product ul li.google i{color: #E04B34;} #share_product ul li.google:hover a,#share_product ul li.google:hover a i{ background:#E04B34 ; color: #fff; } .service_product.row{padding-left: 7.5px;padding-right:7.5px;} #product #service .service_hotline,#product #service .service_item{ background: #f6f6f6; border-top: 1px solid #e0e0e0; padding: 10px; display: flex; } #product #service .service_item{ background: transparent; border-top: none; border-bottom: 1px solid #e0e0e0; padding: 10px 0; } #product #service .service_hotline .icon_product,#product #service .service_item .icon_product{ -webkit-box-flex: 0; -webkit-flex: 0 0 45px; -ms-flex: 0 0 45px; flex: 0 0 45px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; margin-right: 5px; } .product_description .nav-tabs{background: #e7e7e7;} .product_description .nav-tabs li a{ font-weight:bold; border-radius: 0; margin-right:0; border-top-width:2px; text-transform:uppercase; font-size:15px; } .product_description .nav-tabs li.active a,.product_description .nav-tabs li a:hover{ border-top: 2px solid #0f9ed8; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #fff; } .product_description .nav-tabs li a:hover{background:#fff;color:#333;} .product_description .tab-content .tab-pane{border:1px solid #ddd;border-top:transparent;padding:10px;} /*Product related*/ .widget_block_sidebar .widget_title_sidebar{ background: #2f5597; } .widget_block_sidebar .widget_title_sidebar h3{ padding: 15px; font-size: 16px; font-weight: bold; text-transform: uppercase; } .widget_block_sidebar .widget_list_sidebar{ padding: 10px 0; border: 1px solid #ddd; } .widget_block_sidebar .widget_list_sidebar .pro-loop{ margin-bottom: 10px; } .widget_block_sidebar .widget_list_sidebar .pro-loop h3{ font-size: 15px; line-height: 20px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; margin-bottom: 5px; } .widget_block_sidebar .widget_list_sidebar .pro-loop .product_related_price {font-size: 15px;} .widget_block_sidebar .widget_list_sidebar .pro-loop .product_related_price .product_related_price{ display: block; color:#ff7200; } .widget_block_sidebar .widget_list_sidebar .pro-loop .product_related_price .product_related_old_price{ text-decoration: line-through; font-size: 13px; } /*Page*/ #page .sidebar_page li{ margin-bottom: 10px; } #page .sidebar_page li a{display: block;position: relative;} #page .sidebar_page li a.active{color: #0f9ed8;} #page .sidebar_page li a.active:before{ content: ''; position: absolute; right: -7px; width:3px; background:#0f9ed8; height: 100%; } #page .content{border-left: 1px solid #ddd;} #page .content h1{ font-size: 20px; line-height: 20px; text-transform: uppercase; padding-left: 7.5px; margin-bottom: 10px; } /*Blog*/ #blog-template .page-heading{padding-left: 15px;} .blog_wrap .blog_item:first-child{margin-top: 15px;} .blog_wrap .blog_item{ padding: 15px; border-bottom: 1px dashed #ddd; } .blog_wrap .blog_item .blog_item_image{ float: left; width: 35%; box-shadow: 0px 0px 10px -3px #b5b5b5; } .blog_wrap .blog_item .blog_item_content{ width: 65%; float: left; padding-left: 15px; } .blog_wrap .blog_item .blog_item_content p{margin: 5px 0 10px;font-size: 13px;} #blog_related,#blog_menu{margin-top: 0;} #blog_related ul{padding: 10px;} #blog_related ul li{padding: 15px 0;} #blog_related ul li:first-child{padding-top: 0;} #blog_related ul li:last-child{border-bottom: 0;} #blog_related .blog_item .blog_item_content h4{ border-bottom: 1px dotted #eee;font-size: 15px; font-weight: 600; margin: -5px 0 3px; padding: 0 0 6px; } #blog_related .blog_item .blog_item_content time,#blog_related .blog_item .blog_item_content span{ color: #aaa; display: block; font-size: 12px; } /*Article*/ .author_article{font-weight: bold;font-size: 16px;text-transform: uppercase;padding: 10px 0;} .tag_article ul,.tag_article ul li{display: inline-block;} .extra_blogs {border-top: 1px solid #ddd;padding: 10px 0;margin-top: 10px;} .extra_blogs h4{padding-bottom: 10px;font-size: 16px;font-weight: bold;} .extra_blogs ul li{padding: 5px 0;border-bottom: 1px dashed #ddd;} .extra_blogs ul li a{font-size: 12px;text-transform: uppercase;} .comment_form .row{ margin-left: -7.5px; margin-right: -7.5px; } .title_comment{ font-size: 14px; font-weight: bold; padding: 10px 0px 10px; } .product-comment .title-bl{ border-bottom: 1px solid #000; padding-bottom: 5px; } #binhluan{padding: 10px 0;} #binhluan .author span{color: #1d2129;font-weight: normal;font-size: 14px;} #binhluan .author span.name{ margin-right: 10px; font-size: 18px; color: #365899; } #binhluan .date{ color: #90949c; font-size: 12px; } #binhluan .comment{ border-bottom: 1px solid #ebebeb; padding: 10px 0; } #binhluan .comment:last-child{border-bottom: none;} /*Account*/ .userbox { max-width: 100%; width: 335px; padding: 15px; -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1); box-shadow: 0 2px 4px rgba(0,0,0,0.1); margin: auto; margin-bottom: 20px; } .account_title{ text-transform: uppercase; margin: 10px 0 10px 0px; } .title_detail { color:#0f9ed8; padding-bottom: 10px; font-size: 15px; margin-bottom: 10px !important; border-bottom: 1px solid ; } #customer_sidebar p{margin-bottom: 0;} .accounttitle{ margin-bottom: 10px; font-size: 16px; font-weight: 500; text-transform: uppercase; text-align: left; border-bottom: none; padding-bottom: 10px; position: relative; } .accounttitle:after{ position: absolute; top: 100%; content: ''; left:0; width: 45px; height: 2px; background-color: #0f9ed8; } #address_tables {margin: 20px 15px 0px 0px;} .col-md-6 #address_tables{padding-left:0px; margin-bottom:30px;} #customer_address .row{margin-left: -7.5px;margin-right: -7.5px;} .address_title { margin-bottom:0; font-size: 16px; padding: 10px 0 10px 10px; background-color: #0f9ed8; border-color: #0f9ed8; color:#fff; } .address_title h3{margin-bottom:0;} .address_title strong{ font-size: 16px; line-height: 20px; font-weight: 500; } .address_title .note { border: none; padding: 0; font-size: 12px; } p.address_actions.text-right { margin-bottom: -15px; position: relative; z-index: 99; line-height:13px; } span.action_link { padding: 5px; } .action_link a{ text-transform: uppercase; font-size:13px; color:#fff; } .address_table { margin-bottom: 10px; border-top: 0px solid #ddd; background: #fafafa; padding: 8px; } .view_address p { margin: 5px 0; line-height:15px; } .view_address p > b { font-weight: 500; } .view_address p > strong { font-weight: 500; font-size: 15px; color:#0f9ed8; } .customer_address .input-group { margin: 10px 0px; } .customer_address .input-group-addon{ padding: 6px 10px; border-radius: 0; color: #DAD9D9; } .action_bottom .btn { font-size: 14px; font-weight: 600; color: #fff; display: inline-block; text-decoration: none; height: 35px; background: #0f9ed8; text-align: center; border: none; } .add-new-address { padding-bottom: 10px; display: inline-block; padding: 10px; background: #0f9ed8; color:#fff !important; } .order_date { font-weight: normal; font-size: 13px; text-transform:none; } .name-order{ margin-bottom: 5px; font-size: 16px; line-height: 20px; font-weight: 500; text-transform: uppercase; } #order_cancelled { margin-bottom: 30px; } .customer_table_wrap{ margin-top: 15px; background: #f7f7f7; padding: 10px; } #customer_orders table thead th, #order_details tr th,#order_details tr td {border-top: none;} /*Quick View*/ .image-zoom{position: relative;text-align: center;} .image-zoom .sale_label{ position: absolute; right: 10px; top: 10px; background: #0f9ed8; color: #fff; font-weight: 600; font-size: 18px; padding: 5px 10px; } #p-sliderproduct .item{margin: 5px;opacity: 0.4;} #p-sliderproduct .item.active{border: 1px solid red;opacity: 1;position: relative;} #p-sliderproduct .item.active:after{ content:''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid transparent; border-bottom: 5px solid red; position: absolute; top: -11px; left: 45%; } #p-sliderproduct .owl-buttons .owl-prev,#p-sliderproduct .owl-buttons .owl-next{ position: absolute; background: #fff!important; color:#333!important; height: 30px; line-height:25px; } #p-sliderproduct .owl-buttons .owl-prev{ top:35px;left:-50px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; visibility: hidden; filter: alpha(opacity=0); } #p-sliderproduct .owl-buttons .owl-next{ top: 35px;right:-50px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; filter: alpha(opacity=0); visibility: hidden; } #p-sliderproduct:hover .owl-buttons .owl-prev{ top:35px;left:10px; visibility: visible; opacity: 1; filter: alpha(opacity=100); } #p-sliderproduct:hover .owl-buttons .owl-next{ top: 35px;right:10px; visibility: visible; opacity: 1; filter: alpha(opacity=100); } #quick-view-modal .p-title a{ font-size: 20px; font-weight: 600; } #quick-view-modal .product_price ins{ font-size: 24px; font-weight: 300; color: #ff7200; text-decoration: none; display: block; } #quick-view-modal .product_price .product_compare_at_price span{font-size: 14px;} #quick-view-modal .product_price .product_compare_at_price del{font-weight: 600;} #quick-view-modal .product_price .product_price_sale span{font-size: 14px;} #quick-view-modal .product_price .product_price_sale .price_off{ padding-left: 15px; color: #0f9ed8; font-weight: 600; } #quick-view-modal #p-add-item-form .selector-wrapper{margin-bottom: 10px;} #quick-view-modal #p-add-item-form .selector-wrapper label{ display: block; margin-bottom: 5px; } #quick-view-modal #p-add-item-form .selector-wrapper span.title{ border: 1px solid #ccc; padding: 5px 10px; color: #888; display: inline-block; margin-right: 10px; cursor: pointer; } #quick-view-modal #p-add-item-form .selector-wrapper span.title.active{ color: #e95144; border: 1px solid #e95144; background: url(/public/images/bg_checked.png) no-repeat right bottom; } #quick-view-modal .p-option-wrapper{border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;} #quick-view-modal .product_quantity input[type=number]::-webkit-inner-spin-button, #quick-view-modal .product_quantity input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } #quick-view-modal .product_quantity label{ color: #000; display:block; } #quick-view-modal .product_quantity .button { float: left; width: 35px; height: 36px; border: 1px solid #cbcbcb; cursor: pointer; background: #fff; } #quick-view-modal .product_quantity .quantity { padding: 5px 10px; line-height: 1.35; height: 36px; border: 1px solid #cbcbcb; float: left; width: 50px; border-right: 0; border-left: 0; } #quick-view-modal #p-add-to-cart,#quick-view-modal #p-sold-out{ border: 1px solid #0f9ed8; background: #ffffff; color: #0f9ed8; font-size: 16px; font-weight: 600; height: 45px; line-height: 45px; width: 100%; text-transform: uppercase; } #quick-view-modal #p-add-to-cart:hover,#product #p-buy-now:hover,#quick-view-modal #p-sold-out{ opacity: 0.8; } #quick-view-modal #p-buy-now{ background: #0f9ed8; border: 1px solid #0f9ed8; color: #ffffff; font-size: 16px; text-transform: uppercase; height: 45px; line-height: 45px; width: 100%; } .page-not { padding: 30px; } .page-not h2 { font-size: 28px; margin-bottom: 10px; text-transform: uppercase; } .page-not .subtext a{ font-size: 15px; } /*=========== end custom style ===============*/ /* responsive */ @media (min-width: 768px){ .p-l-sm-0{padding-left: 0; } .p-r-sm-7-5{padding-right: 7.5px;} .product-list .product-wrapper:nth-child(4n + 1){padding-left: 0;} .product-list .product-wrapper:nth-child(4n + 2){padding-left: 0;} .product-list .product-wrapper:nth-child(4n + 3){padding-left: 0;} .product-list .product-wrapper:nth-child(4n + 4){padding-left: 0;} #modal_login .modal-dialog,#modal_register .modal-dialog{width: 350px;} } @media (min-width: 992px){ #mobile-link{display:none;} #header_mobile{display: none;} } @media (min-width: 1200px){ .container {width: 1350px; } .content-product-list > .col-5th {width: 20%;padding: 0 10px;} #product #service .service_hotline .description_icon .large-text,#product #service .service_item .description_icon .large-text{font-size: 13px;} #product #service .service_hotline .description_icon .small-text,#product #service .service_item .description_icon .small-text{font-size: 12px;} } @media (max-width: 1199px){ #product #service .service_hotline{justify-content: center;} } @media (max-width: 991px){ .text-left-sm{text-align:left;}.text-right-sm{text-align:right;}.text-center-sm{text-align:center;} .dis-block-sm{ display:block; }.dis-inline-sm{ display:inline-block; } .navbar-main,#header_main{display: none;} #header_mobile .navbar-toggle { background: transparent; border-color: transparent; float: left; margin: 8px; margin-top: 30px; display: block; } #header_mobile .navbar-toggle .icon-bar {background-color: #333;} .mobile-menu-icon-wrapper {width: calc(100% - 65px);} #header_mobile #cart-target { width: 60px; display: inline-block; margin-left: 10px; margin-right: 10px; margin-top: 30px; } #header_mobile #cart-target{position: relative;} #header_mobile .box_text{ position: absolute; background: red; color: #fff; padding: 2px 8px; font-size: 11px; right: 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; top: -5px; } #header_mobile .box_text span{color:#fff;} .logo-mobile{ width: calc(100% - 85px); display: inline-block; text-align: center; float: left; padding: 0px 0px; } } @media (max-width: 991px) and (min-width: 768px){ #service_home .icon{margin-right: 10px;} #service_home .icon img{width: 35px;height: 35px;} span.large-text{font-size: 14px;} } @media (max-width: 767px){ .text-left-xs{text-align:left;}.text-right-xs{text-align:right;}.text-center-xs{text-align:center;} .dis-block-xs{ display:block; }.dis-inline-xs{ display:inline-block; } .p-d-0-xs{padding: 0;} .m-b-xs-10{margin-bottom: 10px;} .p-r-xs-0{padding-right:0;} .p-l-xs-0{padding-left:0;} .p-l-xs-7-5{padding-left: 7.5px;} #header_mobile .navbar-toggle{margin: 30px 0 0 30px;} .mobile-menu-icon-wrapper {width: calc(100% - 75px);} #header_mobile #cart-target { width: 50px; display: inline-block; margin-left: 5px; margin-right: 5px; margin-top: 30px; } #header_mobile .logo-mobile{width: calc(100% - 65px);} #product .nav-tabs > li { width: 100%; margin-bottom: 0; } #product .nav-tabs > li > a{border: 1px solid #ddd;border-bottom:0;} #product .nav-tabs > li.active > a{border-top-color: #0f9ed8;} #filterleft{padding-left: 0;padding-right:0;} #collection .page_heading{margin-top: 10px;} #cart .cpro_item {border-bottom: 1px solid #e5e5e5;padding: 10px 0;} #cart .item-title{text-align: center;} #cart .item-one-price, #cart .item-price {font-size: 18px;} } @media (max-width: 767px) and (min-width: 480px){ .product-list .product-wrapper:nth-child(4n + 1){padding-left: 0;padding-right: 7.5px;} .product-list .product-wrapper:nth-child(4n + 2){padding-right: 0;padding-left: 7.5px;} .product-list .product-wrapper:nth-child(4n + 3){padding-left: 0;padding-right: 7.5px;} .product-list .product-wrapper:nth-child(4n + 4){padding-right: 0;padding-left: 7.5px;} } @media (max-width: 579px) and (min-width: 480px){ #service_home .icon{margin-right: 5px;} #service_home .icon img{width: 40px; height: 40px;} span.large-text{font-size: 14px;} } @media (max-width: 479px){ a.hotlineheadergiaxetai {margin-left: -55px; color:#fff; font-weight:600; font-size:16px;} .ui-slider .ui-slider-handle {width: 20px !important; height: 20px !important;} .ui-slider-horizontal .ui-slider-handle {top: -8px !important;} .col-xxs-12 {width: 100% } .col-xxs-11 {width: 91.66666667% } .col-xxs-10 {width: 83.33333333% } .col-xxs-9 {width: 75% } .col-xxs-8 {width: 66.66666667% } .col-xxs-7 {width: 58.33333333% } .col-xxs-6 {width: 50% } .col-xxs-5 {width: 41.66666667% } .col-xxs-4 {width: 33.33333333% } .col-xxs-3 {width: 25% } .col-xxs-2 {width: 16.66666667% } .col-xxs-1 {width: 8.33333333% } .text-left-xxs{text-align:left;}.text-right-xxs{text-align:right;}.text-center-xxs{text-align:center;} .dis-block-xxs{ display:block; }.dis-inline-xxs{ display:inline-block; } .m-t-xxs-20{margin-top: 20px;} .p-r-xxs-0{padding-right:0;} .p-l-xxs-0{padding-left:0;} .itemhinhanh .img { width:100%; overflow: hidden;} .itemhinhanh .img {position: relative;overflow: hidden;} .itemsanpham .img { width:100%; overflow: hidden;} .itemsanpham .img {position: relative;overflow: hidden;} .min250 {min-height:300px;} .item_quoc { min-height:270px;} .homeslider {} .quoc { height: 150px;} .col20 {width:50%; float:left; margin:5px 0px 5px 0px;} .timkiemname {line-height:25px; font-weight:bold;} .hinhanhbanner img {width:100% !important; margin:5px;} .leftmenu{display:none;} .html5-elem-box {height:200px !important;} #html5-lightbox-box {height:220px !important;} .mobile{display:block;} .clip__item { width: 49%; padding: 5px 5px 10px 15px; margin-bottom: 10px;} .product-block { height: 260px; margin-bottom:10px;} .btnsharemxh { width: 45%; margin: 5px;} .fb-like {margin-left:6px;} .btnnutcall { border: 1px solid #c6c3c3; float:right; width: 100%; color: #fff; padding:12px 20px 12px 20px;; border-radius: 5px; font-size: 15px;} .thongtinkhong {width:71%; float:left; margin:15px -25px 0px 0px !important;} .thongtinkhong img {width:28px; height:auto; float:left; margin-right:0px;} .nhantinfb {clear:both; width:100% !important; float:none !important; margin:75px 5px 5px 5px !important;} .nhantinfb .btnnutcall{padding:12px; text-align:center;} .chitietthongtin .tieude2 {margin-top:20px;} .tieude2 {text-transform: uppercase; font-weight:500; margin:5px 0px 5px 0px; font-size:14px; line-height:22px;} .khungthongtin {border:2px solid #c6c3c3;padding:5px; text-align:justify; overflow: auto;} .khungthongtin2 {border:0px solid #c6c3c3;padding:5px; text-align:justify; } .container { padding-right:7px; padding-left: 7px; margin-right: auto; margin-left: auto;} .slideanhkhong{padding:0px;} .slideanhkhong2{padding-left:5px;} .hotlineheader {text-align: center;background-color: #2f5597;color: #fff;font-size: 16px; line-height: 30px; margin-left:20px;} .hotlineheader a{color: #fff;font-size: 28px;line-height: 45px; font-weight: bold;} .minheight200{min-height:auto;} .bgmenusub2 {padding:12px;} .hotline-footer2{display:inline-block; position:fixed; bottom:40%; right:-32px; width:70px; z-index:999} .hotline-footer2 .social_footer ul li { width:55px; height:auto; margin-top:-5px;} .hotline-footer2 .social_footer ul li span { background-color: #2f5597; color:#fff;} .article_item .article_content .title a { font-size: 15px; text-transform: uppercase; color: #0089ea; font-weight: bold;} .row { margin-right:0px; margin-left: 0px; } .logomobile {width:90%; margin-top:0px; text-align:center; background-color:#fff; z-index:999; position: absolute;} a.logomobile{padding:0px !IMPORTANT;} .logomobile img{z-index:999; width:75%; height:auto;} .hotlinepro {color:#fff; border-radius:5px; float:left; background-color:#2f5597;font-size: 12px !important; padding:10px 5px 10px 5px; margin:0px 0px 10px 5px;} .hotlinepro2 {color:#fff; border-radius:5px; background-color:#2B419A; float:right; border:0px; font-size: 11px; padding:10px 5px 12px 5px; margin:0px 5px 10px 0px;} .buttonfull { padding:10px; margin:0px auto 5px auto; width:100%;} .formtuvan { height:30px; width:37%; font-size:11px !important; padding:5px !important; line-height:30px; font-weight:normal; margin:0px 5px 0px -5px;} .buttontuvan {line-height:31px; border:0px; font-size:12px; float: right; font-weight:normal; margin:0px 5px 0px -5px; padding:0px 14px 0px 14px; background-color:#2B419A; color:#fff;} .tieudetuvan {text-align:center; margin:10px 0px 5px 0px; font-size:13px; font-weight:bold; line-height:18px;} .chitietsanpham li:nth-child(7) { clear:both; margin-top:10px;} .hotlineacb {padding: 0px;} .modal-body { position: relative; padding: 15px; width: 100%;} .modal-content {width: 100%;} .dangkytuvan span {padding-left:5px;} .centermobile {text-align:center; margin-top:5px;} .mobilecach5 {margin-left:28px;} .tabletragop td{text-align: justify; padding:2px; line-height:15px; width:14%; font-weight:600;} .tabletragop td, .tabletragop th { border: 1px solid #ddd; padding: 8px; font-size: 85%;} .tablethongsokythuat td{text-align: justify; padding:2px; line-height:15px; width:14%; font-weight:600;} .tablethongsokythuat td, .tabletragop th { border: 1px solid #ddd; padding: 8px; font-size: 85%;} .dangkytuvan { width:100%; min-height: 125px; background-color:#2f5597; color:#fff; padding:15px 0px 15px 0px;} .heightbaviet { height:500px;} img { border: none; max-width: 100%; height: auto !important;} .social_footer{ min-height:200px;} #wh-call-to-action a .wh-call-to-action-content { line-height: 11px !important; max-height: 30px; overflow: hidden; word-wrap: break-word; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; box-sizing: content-box; padding: 12px 30px 14px 23px !important; border-radius: 12px 0 0 12px !important; background-color: #558B2F; font-size: 13px !important; font-weight: bold; color: #fff;} .product-block { height: 350px;} .wh-widget-button-icon { background-color: #129BF4 !important; width: 55px !important; height: 55px !important; padding-top: 5px !important;} .wh-widget-button-icon img {max-width: 82% !important; height: auto !important;} .thungxeinfo{ text-align: center; margin:5px; border: 1px solid #ddd8d8; min-height:70px; padding: 10px 0px 10px 0px;} .thungxeinfo h4{line-height: 25px; font-size: 14px; min-height: 30px;} .tuvaninfo {font-size: 10px; font-weight: bold; color: #2f5597; margin-left: 0px !important; text-align: right;} .uudaiban {border: 1px solid #e0e0e0; padding:5px; text-align: justify;} .uudaiban legend{font-weight: bold;background-color: Red; color: #fff; text-align:center; padding: 5px 10px 5px 10px; font-size:100%; width:65%; margin-left: 5px;} .tuvaninfoicone {float:right; width:32%; text-align:right; margin: 0px -5px 5px 5px !important;} .hotlineheader {text-align: center;background-color: #2f5597; width:64%; color: #fff;font-size: 12px !important; line-height: 30px; margin-left:20px;} .min250 {min-height:300px;} .itemhinhanh .img { width:100% !important; overflow: hidden !important;} .itemhinhanh .img {position: relative;overflow: hidden;} .itemsanpham .img { width:100% !important; overflow: hidden !important;} .itemsanpham .img {position: relative;overflow: hidden;} .area_article img {width:98% !important; height:auto !important; margin:auto !important; } .v2_bnc_title_main{text-align:left;line-height:30px;margin-top:75px;margin-bottom:10px;text-transform:uppercase;font-weight:600;} .v2_bnc_title_main h1,h2{font-size:14px; font-weight:bold; margin:0px;} .v2_bnc_title_main2:after{margin:5px auto 5px auto !important;} .v2_bnc_title_main:after{content:'';display:block;width:15%;height:2px;background:#2f5597;margin:5px 0px;} .v2_bnc_title_mainpro{text-align:left;line-height:30px;margin-top:10px;margin-bottom:10px;text-transform:uppercase;font-weight:600;} .v2_bnc_title_mainpro h3{font-size:14px; font-weight:bold; margin:0px;} .v2_bnc_title_mainpro h1{font-size:14px; font-weight:bold; margin:0px; color:#000; padding:0px; line-height:20px;} .v2_bnc_title_mainpro:after{content:'';display:block;width:55%;height:2px;background:#2f5597;margin:5px 0px;} .titletintuc{text-align:justify; text-transform:uppercase; line-height:30px;margin-bottom:10px;margin-top:20px;font-size:13px; font-weight:600} .tieude2:after{content:'';display:block;width:15%;height:2px;background:#2B419A;margin-top:10px;margin-bottom:10px} .xemtatca{text-align:center;line-height:90px;text-transform:uppercase;font-weight:600}.thongtinsanpham{text-align:center;line-height:35px}.thongtinsanpham a{color:#000;font-size:14px;line-height:22px}.thongtinsanpham a:hover{color:red;font-size:14px;line-height:22px} .ui-draggable,.ui-droppable{background-position:top}.article_img{height:180px;overflow:hidden} .footer_bottom{background-color:#3e3e3e; color:#fff;}#html5-watermark{display:none!important} .loaixe {border: 1px solid #e4e4e4; padding-left:20px; padding-block-start: 0.35em; text-align: justify;} .tieudesitemap {font-weight:bold;font-size:14px; text-transform:uppercase; line-height:26px;} .subsitemap li{padding-left:10px;} .cachtop5px {line-height:45px;} .a-tags {color:#fff;} .links_fixed3 {color:#3e3e3e; font-weight:bold; line-height:25px; font-size:12px; margin:0px; text-transform:uppercase;} .ngaydang{font-size:10px; line-height:16px; margin:0px; color:#bebebe;} .motangan {margin: 0px; font-size:13px;white-space: nowrap; width: 98%; overflow: hidden; text-overflow: ellipsis; height:20px;} .motanganinfo{margin: 0px; font-size:13px;white-space: nowrap; width: 98%; height:100px; overflow: hidden; text-overflow: ellipsis;} .motangan-sanpham {min-height: 50px; margin: 0px; font-size:13px;} .itemhinhanh iframe {height:200px;} .xemthempro{background-color: #2B419A; position: absolute;top: 112px; color: #fff; font-size: 13px; font-weight: 550; padding:10px 6px 10px 6px; display:none;} .xemthempro2{background-color: #2B419A; position: absolute; bottom: 0px; left: 38%; color: #fff; font-size: 13px; font-weight: 550; padding:10px 6px 10px 6px; display:none;} .xemthembuttonpro {background-color: #2B419A; color: #fff; font-size: 12px; font-weight: normal; line-height: 35px; padding: 10px 6px 10px 6px;} .box_dichvu {min-height:380px;} .danhmuctim, .hangsanxuat, .trongtai, .giathapnhat, .giacaonhat, .khoanggiatim{margin:0px;} #toc{border: 1px solid #bba;background-color: #f7f8ff;padding: 1em;font-size: 90%;text-align: center;width:15em; } #toc-header {display: inline;padding: 0;font-size: 100%;font-weight: bold;} #toc ul{list-style-type: none;margin-left: 0; padding-left: 0;text-align: left;} .toc3{margin-left: 1em;} .toc4{margin-left: 2em;} .headerthongtin {margin: 25px 0px 0px 0px; line-height: 28px; text-align: justify; font-size: 14px; } .borderhear {border-right:1px solid #e5e4e4; margin:20px 0px 20px 0px;} .textheader {margin: 0px; line-height: 20px; font-size: 12px; } .tongdai {font-weight:600;} .didong {} .email { text-transform: none;} .giolamviec {text-align:right;} .bgthongtinsanpham2{margin-top: 110px; } .taitrong {margin:0px; font-size:14px; color:#fff;} .thongtinsanphampro a{color:#fff; font-weight:650; } .rutngantieude{ white-space: nowrap; width: 98%; overflow: hidden;text-overflow: ellipsis; } .thongtinsanphampro { position: absolute; z-index: 999;bottom: 0px; padding: 5px; background-color: rgb(0 0 0 / 59%); width: 93%; line-height: 25px;} #product_index {margin-top:40px ;} .daloctai-nav li .button .phone_animation {top: -6px !important} .daloctai-nav li .button .phone_animation {top: -6px !important} } .contact li { font-size:14px; line-height:30px; margin:5px 0px 5px 0px; } /* Video CSS */ .slidePageClip { background-image: url(../../images/clip-bg.jpg); /* min-height: 535px; */ min-height: 335px; border-bottom: 3px solid #fdfdfd; background-position: center -10px; padding-top: 20px; } .videomain .fixvideo { position: relative; } .slidePageClipInfo__tt { color: #fff; font-size: 18px; height: 53px; overflow: hidden; } .slidePageClip hr { display: block; width: 100%; height: 1px; border: none; border-bottom: #819191 1px solid; margin: 10px 0; } .slidePageClipCM { background: #fff; overflow: auto; height: auto; padding: 5px; } .site1Main { padding-top: 5px; padding-bottom: 40px; } .site1Main>.row>div { padding: 0 10px; } .site1-bg { background: #f5f5f5; border-radius: 4px; padding: 0 5px; } .site1Title { padding: 15px 0 10px; font-size: 20px; text-align: left; font-weight: 600; position: relative; margin: 0 15px; color: #f26649; text-transform: uppercase; border-bottom: 1px solid #e4e4e4; position: relative; } .cateMain-1 { padding-top: 15px; } .clip { display: flex; flex-wrap: wrap; } .clip__item { width: 33%; padding: 5px 5px 10px 15px; margin-bottom: 10px; } /* gio hang */ .panel-body { padding: 0px; } .panel-footer { padding: 0px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .ul-bre li { display: inline-block; color: #FFFFFF !important; font-size: 14px; text-transform: uppercase; padding: 0px 65px 0px 40px; font-weight: 500; position: relative; background: url(../img/bg-right.png) top right no-repeat,url(../img/bg_nav.jpg); border-radius: 3px 0 0 0; height: 37px; line-height: 37px; overflow: hidden; } .table-responsive { min-height: .01%; overflow-x: auto; } .bang_dat_hang th { height: 35px; background-color: Green; color: #FFFFFF; padding: 0 2px; font-weight: 500; line-height: 35px; border-right: 1px solid #80B6CC; text-align: center; text-transform: capitalize; } .bang_dat_hang td { height: 25px; line-height: 25px; border-right: 1px solid rgba(220, 134, 135, 0.1); text-align: center; padding: 5px; border-bottom: 1px solid rgba(220, 134, 135, 0.1); } #sum_tong_tien { float: right; font-weight: normal; padding: 6px 20px 6px; margin-top: 15px; margin-bottom: 7px; border-radius: 5px; color: #fff; background-color: #DD4350; border-radius: 4px; color: #fff; background-image: -webkit-linear-gradient(top,#1cae11 ,#25B5F1 ); background-image: -o-linear-gradient(top,#1cae11 ,#25B5F1 ); background-image: -webkit-gradient(linear,left top,left bottom,from(#1cae11 ),to(#25B5F1 )); background-image: linear-gradient(to bottom,#1cae11 0,#25B5F1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border-color: #1cae11; text-transform: capitalize; } .g_giaohang { float: right; margin-top: 15px; margin-right: 10px; } #p_tieude { clear: both; width: 100% !important; height: 30px; font-weight: normal; } div#p_left { margin: 3px 2% 3px 0px; padding: 0px !important; width: 30%; float: left; margin-top: 5px; margin-left: 10px; min-height: 30px; overflow: hidden; text-align: right; } div#p_right { width: 60%; margin: 3px 0px 3px 0px; padding: 0px !important; float: left; margin-top: 5px; } div#p_right .input, p#p_right area, div#p_right select, .input_text { border: 1px solid #E4E4E4; width: 100%; background-color: #fff; border-radius: 0px; padding: 1px 5px; padding-left: 5px; outline: none; height: 28px; max-width: 400px; } .footer_top { background: #2f5597 none repeat center top; color: #fff; } .footer_top a{color: #fff;} .tt-daily h3{ line-height:30px; font-size:18px; text-transform:uppercase; color:Green; font-weight:600; margin-bottom:10px;} .theme-default .nivo-controlNav { text-align: center; padding: 5px 0 !important; } .loctieude {text-align:center; font-size:20px; font-weight:bold; text-transform:uppercase;} .btnnutcall {border:1px solid #c6c3c3; width:100%; color:#fff; padding:10px; border-radius:5px; font-size: 12px;} .btnsms {background-color:#c6c3c3;} .btnzalo {background-color:Red;} .btnfacebook {background-color:Green;} /* giao dien mobile */ @media only screen and (max-width: 320px) and (min-width: 100px) { .itemhinhanh .img { width:100%; overflow: hidden;} .itemhinhanh .img {position: relative;overflow: hidden;} .itemsanpham .img { width:100%; overflow: hidden;} .itemsanpham .img {position: relative;overflow: hidden;} .min250 {min-height:320px;} .item_quoc { min-height:270px;} .homeslider {} .quoc { height: 150px;} .col20 {width:50%; float:left; margin:5px 0px 5px 0px;} .timkiemname {line-height:25px; font-weight:bold;} .hinhanhbanner img {width:100% !important; margin:5px;} .leftmenu{display:none;} .html5-elem-box {height:200px !important;} #html5-lightbox-box {height:220px !important;} .mobile{display:block;} .clip__item { width: 49%; padding: 5px 5px 10px 15px; margin-bottom: 10px;} .product-block { height: 260px; margin-bottom:10px;} .btnsharemxh { width: 45%; margin: 5px;} .fb-like {margin-left:6px;} .btnnutcall { border: 1px solid #c6c3c3; float:right; width: 100%; color: #fff; padding:12px 20px 12px 20px;; border-radius: 5px; font-size: 15px;} .thongtinkhong {width:47%; float:left; margin:5px !important;} .thongtinkhong img {width:28px; height:auto; float:left; margin-left:5px;} .nhantinfb {clear:both; width:100% !important; float:none !important; margin:75px 5px 5px 5px !important;} .nhantinfb .btnnutcall{padding:12px; text-align:center;} .chitietthongtin .tieude2 {margin-top:20px;} .tieude2 {text-transform: uppercase; font-weight:500; margin:5px 0px 5px 0px; font-size:14px; line-height:22px;} .khungthongtin {border:2px solid #c6c3c3;padding:5px; text-align:justify; overflow: auto;} .khungthongtin2 {border:0px solid #c6c3c3;padding:5px; text-align:justify; } .container { padding-right:7px; padding-left: 7px; margin-right: auto; margin-left: auto;} .slideanhkhong{padding:0px;} .slideanhkhong2{padding-left:5px;} .hotlineheader {text-align: center;background-color: #2f5597;color: #fff;font-size: 16px; line-height: 30px; margin-left:20px;} .hotlineheader a{color: #fff;font-size: 28px;line-height: 45px; font-weight: bold;} .minheight200{min-height:auto;} .bgmenusub2 {padding:12px;} .hotline-footer2{display:inline-block; position:fixed; bottom:40%; right:-32px; width:70px; z-index:999} .hotline-footer2 .social_footer ul li { width:55px; height:auto; margin-top:-5px;} .hotline-footer2 .social_footer ul li span { background-color: #2f5597; color:#fff;} .article_item .article_content .title a { font-size: 15px; text-transform: uppercase; color: #0089ea; font-weight: bold;} .row { margin-right:0px; margin-left: 0px; } .logomobile {width:90%; margin-top:0px; text-align:center; background-color:#fff; z-index:999; position: absolute;} a.logomobile{padding:0px !IMPORTANT;} .logomobile img{z-index:999; width:75%; height:auto;} .hotlinepro {color:#fff; border-radius:5px; float:left; background-color:#2f5597;font-size: 12px !important; padding:10px 5px 10px 5px; margin:0px 0px 10px 5px;} .hotlinepro2 {color:#fff; border-radius:5px; background-color:#2B419A; float:right; border:0px; font-size: 11px; padding:10px 5px 12px 5px; margin:0px 5px 10px 0px;} .buttonfull { padding:10px; margin:0px auto 10px auto; width:100%;} .formtuvan { height:30px; width:35%; font-size:11px !important; padding:5px !important; line-height:30px; font-weight:normal; margin:0px 5px 0px -5px;} .buttontuvan {line-height:31px; border:0px; font-size:12px; float: right; font-weight:normal; margin:0px 5px 0px -5px; padding:0px 14px 0px 14px; background-color:#2B419A; color:#fff;} .tieudetuvan {text-align:center; margin:10px 0px 5px 0px; font-size:13px; font-weight:bold; line-height:18px;} .chitietsanpham li:nth-child(7) { clear:both; margin-top:10px;} .hotlineacb {padding: 0px;} .modal-body { position: relative; padding: 15px; width: 100%;} .modal-content {width: 100%;} .dangkytuvan span {padding-left:5px;} .centermobile {text-align:center; margin-top:5px;} .mobilecach5 {margin-left:28px;} .tabletragop td{text-align: justify; padding:2px; line-height:15px; width:14%; font-weight:600;} .tabletragop td, .tabletragop th { border: 1px solid #ddd; padding: 8px; font-size: 85%;} .tablethongsokythuat td{text-align: justify; padding:2px; line-height:15px; width:14%; font-weight:600;} .tablethongsokythuat td, .tabletragop th { border: 1px solid #ddd; padding: 8px; font-size: 85%;} .dangkytuvan { width:100%; min-height: 125px; background-color:#2f5597; color:#fff; padding:15px 0px 15px 0px;} .heightbaviet { height:500px;} img { border: none; max-width: 100%; height: auto !important;} .social_footer{ min-height:200px;} #wh-call-to-action a .wh-call-to-action-content { line-height: 11px !important; max-height: 30px; overflow: hidden; word-wrap: break-word; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; box-sizing: content-box; padding: 12px 30px 14px 23px !important; border-radius: 12px 0 0 12px !important; background-color: #558B2F; font-size: 13px !important; font-weight: bold; color: #fff;} .product-block { height: 350px;} .wh-widget-button-icon { background-color: #129BF4 !important; width: 55px !important; height: 55px !important; padding-top: 5px !important;} .wh-widget-button-icon img {max-width: 82% !important; height: auto !important;} .thungxeinfo{ text-align: center; margin:5px; border: 1px solid #ddd8d8; min-height:70px; padding: 10px 0px 10px 0px;} .thungxeinfo h4{line-height: 25px; font-size: 14px; min-height: 30px;} .tuvaninfo {font-size: 12px; font-weight: bold; color: #2f5597; margin-left: 0px !important; text-align: right;} .uudaiban {border: 1px solid #e0e0e0; padding:5px; text-align: justify;} .uudaiban legend{font-weight: bold;background-color: Red; color: #fff; text-align:center; padding: 5px 10px 5px 10px; font-size:100%; width:65%; margin-left: 5px;} .tuvaninfoicone {float:right; width:42%; text-align:right; margin: 0px -5px 5px 5px !important;} .hotlineheader {text-align: center;background-color: #2f5597; width:64%; color: #fff;font-size: 12px !important; line-height: 30px; margin-left:20px;} .v2_bnc_title_main{text-align:left;line-height:30px;margin-top:75px;margin-bottom:10px;text-transform:uppercase;font-weight:600;} .v2_bnc_title_main h1,h2{font-size:16px; font-weight:bold; margin:0px;} .v2_bnc_title_main2:after{margin:5px auto 5px auto !important;} .v2_bnc_title_main:after{content:'';display:block;width:15%;height:2px;background:#2f5597;margin:5px 0px;} .v2_bnc_title_mainpro{text-align:left;line-height:30px;margin-top:10px;margin-bottom:10px;text-transform:uppercase;font-weight:600;} .v2_bnc_title_mainpro h3{font-size:14px; font-weight:bold; margin:0px;} .v2_bnc_title_mainpro h1{font-size:14px; font-weight:bold; margin:0px; color:#000; padding:0px; line-height:20px;} .v2_bnc_title_mainpro:after{content:'';display:block;width:55%;height:2px;background:#2f5597;margin:5px 0px;} .titletintuc{text-align:justify; text-transform:uppercase; line-height:30px;margin-bottom:10px;margin-top:20px;font-size:13px; font-weight:600} .tieude2:after{content:'';display:block;width:15%;height:2px;background:#2B419A;margin-top:10px;margin-bottom:10px} .xemtatca{text-align:center;line-height:90px;text-transform:uppercase;font-weight:600}.thongtinsanpham{text-align:center;line-height:35px}.thongtinsanpham a{color:#000;font-size:14px;line-height:22px}.thongtinsanpham a:hover{color:red;font-size:14px;line-height:22px} .ui-draggable,.ui-droppable{background-position:top}.article_img{height:180px;overflow:hidden} .footer_bottom{background-color:#3e3e3e; color:#fff;}#html5-watermark{display:none!important} .loaixe {border: 1px solid #e4e4e4; padding-left:20px; padding-block-start: 0.35em; text-align: justify;} .tieudesitemap {font-weight:bold;font-size:14px; text-transform:uppercase; line-height:26px;} .subsitemap li{padding-left:10px;} .cachtop5px {line-height:45px;} .a-tags {color:#fff;} .links_fixed3 {color:#3e3e3e; font-weight:bold; line-height:25px; font-size:14px; margin:0px; text-transform:uppercase;} .ngaydang{font-size:10px; line-height:16px; margin:0px; color:#bebebe;} .motangan {margin: 0px; font-size:13px;white-space: nowrap; width: 98%; height:100px; overflow: hidden; text-overflow: ellipsis;} .motanganinfo{margin: 0px; font-size:13px;white-space: nowrap; width: 98%; height:100px; overflow: hidden; text-overflow: ellipsis;} .motangan-sanpham {min-height: 150px; margin: 0px; font-size:13px;} .xemthempro{background-color: #000; position: absolute;top: 112px; color: #fff; font-size: 13px; font-weight: 550; padding:10px 6px 10px 6px;} .xemthempro2{background-color: #000; position: absolute; bottom: 0px; left: 38%; color: #fff; font-size: 13px; font-weight: 550; padding:10px 6px 10px 6px;} .xemthembuttonpro {background-color: #2B419A; color: #fff; font-size: 12px; font-weight: normal; line-height: 35px; padding: 10px 6px 10px 6px;} .box_dichvu {min-height:380px;} .danhmuctim, .hangsanxuat, .trongtai, .giathapnhat, .giacaonhat, .khoanggiatim{margin:0px;} #toc{border: 1px solid #bba;background-color: #f7f8ff;padding: 1em;font-size: 90%;text-align: center;width:15em; } #toc-header {display: inline;padding: 0;font-size: 100%;font-weight: bold;} #toc ul{list-style-type: none;margin-left: 0; padding-left: 0;text-align: left;} .toc3{margin-left: 1em;} .toc4{margin-left: 2em;} .headerthongtin {margin: 25px 0px 0px 0px; line-height: 28px; text-align: justify; font-size: 14px; } .borderhear {border-right:1px solid #e5e4e4; margin:20px 0px 20px 0px;} .textheader {margin: 0px; line-height: 20px; font-size: 12px; } .tongdai {font-weight:600;} .didong {} .email { text-transform: none;} .giolamviec {text-align:right;} .bgthongtinsanpham2{margin-top: 110px; } .taitrong {margin:0px; font-size:14px; color:#fff;} .thongtinsanphampro a{color:#fff; font-weight:650; } .rutngantieude{ white-space: nowrap; width: 98%; overflow: hidden;text-overflow: ellipsis; } .thongtinsanphampro { position: absolute; z-index: 999;bottom: 0px; padding: 5px; background-color: rgb(0 0 0 / 59%); width: 93%; line-height: 25px;} #product_index {margin-top:40px ;} .daloctai-nav li .button .phone_animation {top: -6px !important} } @media only screen and (max-width: 375px) and (min-width: 321px) { .itemhinhanh .img { width:100%; overflow: hidden;} .itemhinhanh .img {position: relative;overflow: hidden;} .itemsanpham .img { width:100%; overflow: hidden;} .itemsanpham .img {position: relative;overflow: hidden;} .min250 {min-height:300px;} .item_quoc { min-height:270px;} .homeslider {} .quoc { height: 150px;} .col20 {width:50%; float:left; margin:5px 0px 5px 0px;} .timkiemname {line-height:25px; font-weight:bold;} .hinhanhbanner img {width:100% !important; margin:5px;} .leftmenu{display:none;} .html5-elem-box {height:200px !important;} #html5-lightbox-box {height:220px !important;} .mobile{display:block;} .clip__item { width: 49%; padding: 5px 5px 10px 15px; margin-bottom: 10px;} .product-block { margin-bottom:10px;} .btnsharemxh { width: 45%; margin: 5px;} .fb-like {margin-left:6px;} .btnnutcall { border: 1px solid #c6c3c3; float:right; width: 100%; color: #fff; padding:12px 20px 12px 20px;; border-radius: 5px; font-size: 15px;} .thongtinkhong {width:52%; float:left; margin:5px -5px 5px 5px!important;} .thongtinkhong img {width:20px; height:auto; float:left; margin-left:5px;} .nhantinfb {clear:both; width:100% !important; float:none !important; margin:75px 5px 5px 5px !important;} .nhantinfb .btnnutcall{padding:12px; text-align:center;} .chitietthongtin .tieude2 {margin-top:20px;} .tieude2 {text-transform: uppercase; font-weight:500; margin:5px 0px 5px 0px; font-size:13px; line-height:22px;} .khungthongtin {border:2px solid #c6c3c3;padding:5px; text-align:justify; overflow: auto;} .khungthongtin2 {border:0px solid #c6c3c3;padding:5px; text-align:justify; } .container { padding-right:7px; padding-left: 7px; margin-right: auto; margin-left: auto;} .slideanhkhong{padding:0px;} .slideanhkhong2{padding-left:5px;} .hotlineheader {text-align: center;background-color: #2f5597;color: #fff;font-size: 16px; line-height: 30px; margin-left:20px;} .hotlineheader a{color: #fff;font-size: 28px;line-height: 45px; font-weight: bold;} .minheight200{min-height:auto;} .bgmenusub2 {padding:12px;} .hotline-footer2{display:inline-block; position:fixed; bottom:40%; right:-32px; width:70px; z-index:999} .hotline-footer2 .social_footer ul li { width:55px; height:auto; margin-top:-5px;} .hotline-footer2 .social_footer ul li span { background-color: #2f5597; color:#fff;} .article_item .article_content .title a { font-size: 15px; text-transform: uppercase; color: #0089ea; font-weight: bold;} .row { margin-right:0px; margin-left: 0px; } .logomobile {width:90%; margin-top:0px; text-align:center; background-color:#fff; z-index:999; position: absolute;} a.logomobile{padding:0px !IMPORTANT;} .logomobile img{z-index:999; width:75%; height:auto;} .hotlinepro {color:#fff; border-radius:5px; float:left; background-color:#2f5597;font-size: 12px !important; padding:10px 5px 10px 5px; margin:0px 0px 10px 25px;} .hotlinepro2 {color:#fff; border-radius:5px; background-color:#2B419A; float:right; border:0px; font-size: 11px; padding:10px 5px 12px 5px; margin:0px 15px 10px 0px;} .buttonfull { padding:10px; margin:5px 0px 5px 0px; width:100%;} .formtuvan { height:30px; width:37%; font-size:13px; line-height:30px; font-weight:normal; margin:0px 5px 0px -5px;} .buttontuvan {line-height:31px; border:0px; font-size:12px; float: right; font-weight:normal; margin:0px 5px 0px -5px; padding:0px 14px 0px 14px; background-color:#2B419A; color:#fff;} .tieudetuvan {text-align:center; margin:10px 0px 5px 0px; font-size:13px; font-weight:bold; line-height:18px;} .chitietsanpham li:nth-child(7) { clear:both; margin-top:10px;} .hotlineacb {padding: 0px;} .modal-body { position: relative; padding: 15px; width: 100%;} .modal-content {width: 100%;} .dangkytuvan span {padding-left:5px;} .centermobile {text-align:center; margin-top:5px;} .mobilecach5 {margin-left:28px;} .tabletragop td{text-align: justify; padding:2px; line-height:15px; width:14%; font-weight:600;} .tabletragop td, .tabletragop th { border: 1px solid #ddd; padding: 8px; font-size: 60%;} .tablethongsokythuat td{text-align: justify; padding:2px; line-height:15px; width:14%; font-weight:600;} .tablethongsokythuat td, .tabletragop th { border: 1px solid #ddd; padding: 8px; font-size: 85%;} .dangkytuvan { width:100%; min-height: 125px; background-color:#2f5597; color:#fff; padding:15px 0px 15px 0px;} .heightbaviet { height:500px;} img { border: none; max-width: 100%; height: auto !important;} .social_footer{ min-height:200px;} #wh-call-to-action a .wh-call-to-action-content { line-height: 11px !important; max-height: 30px; overflow: hidden; word-wrap: break-word; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; box-sizing: content-box; padding: 12px 30px 14px 23px !important; border-radius: 12px 0 0 12px !important; background-color: #558B2F; font-size: 13px !important; font-weight: bold; color: #fff;} .wh-widget-button-icon { background-color: #129BF4 !important; width: 55px !important; height: 55px !important; padding-top: 5px !important;} .wh-widget-button-icon img {max-width: 82% !important; height: auto !important;} .thungxeinfo{ text-align: center; margin:5px; border: 1px solid #ddd8d8; min-height:70px; padding: 10px 0px 10px 0px;} .thungxeinfo h4{line-height: 25px; font-size: 14px; min-height: 30px;} .tuvaninfo {font-size: 13px; font-weight: bold; color: #2f5597; margin-left: 35px !important;} .uudaiban {border: 1px solid #e0e0e0; padding:5px; text-align: justify;} .uudaiban legend{font-weight: bold;background-color: Red; color: #fff; text-align:center; padding: 5px 10px 5px 10px; font-size:100%; width:65%; margin-left: 5px;} .tuvaninfoicone {float:right; width:31%; text-align:right; } .hotlineheader {text-align: center;background-color: #2f5597; width:64%; color: #fff;font-size: 12px !important; line-height: 30px; margin-left:20px;} .v2_bnc_title_main{text-align:left;line-height:30px;margin-top:75px;margin-bottom:10px;text-transform:uppercase;font-weight:600;} .v2_bnc_title_main h1,h2{font-size:16px; font-weight:bold; margin:0px;} .v2_bnc_title_main2:after{margin:5px auto 5px auto !important;} .v2_bnc_title_main:after{content:'';display:block;width:15%;height:2px;background:#2f5597;margin:5px 0px;} .v2_bnc_title_mainpro{text-align:left;line-height:30px;margin-top:10px;margin-bottom:10px;text-transform:uppercase;font-weight:600;} .v2_bnc_title_mainpro h3{font-size:14px; font-weight:bold; margin:0px;} .v2_bnc_title_mainpro h1{font-size:14px; font-weight:bold; margin:0px; color:#000; padding:0px; line-height:20px;} .v2_bnc_title_mainpro:after{content:'';display:block;width:55%;height:2px;background:#2f5597;margin:5px 0px;} .titletintuc{text-align:justify; text-transform:uppercase; line-height:30px;margin-bottom:10px;margin-top:20px;font-size:13px; font-weight:600} .tieude2:after{content:'';display:block;width:15%;height:2px;background:#2B419A;margin-top:10px;margin-bottom:10px} .xemtatca{text-align:center;line-height:90px;text-transform:uppercase;font-weight:600}.thongtinsanpham{text-align:center;line-height:35px}.thongtinsanpham a{color:#000;font-size:14px;line-height:22px}.thongtinsanpham a:hover{color:red;font-size:14px;line-height:22px} .ui-draggable,.ui-droppable{background-position:top}.article_img{height:180px;overflow:hidden} .footer_bottom{background-color:#3e3e3e; color:#fff;}#html5-watermark{display:none!important} .loaixe {border: 1px solid #e4e4e4; padding-left:20px; padding-block-start: 0.35em; text-align: justify;} .tieudesitemap {font-weight:bold;font-size:14px; text-transform:uppercase; line-height:26px;} .subsitemap li{padding-left:10px;} .cachtop5px {line-height:45px;} .a-tags {color:#fff;} .links_fixed3 {color:#3e3e3e; font-weight:bold; line-height:25px; font-size:14px; margin:0px; text-transform:uppercase;} .ngaydang{font-size:10px; line-height:16px; margin:0px; color:#bebebe;} .motangan {margin: 0px; font-size:13px;white-space: nowrap; width: 98%; height:auto; overflow: hidden; text-overflow: ellipsis;} .motanganinfo{margin: 0px; font-size:13px;white-space: nowrap; width: 98%; height:auto; overflow: hidden; text-overflow: ellipsis;} .motangan-sanpham {min-height: 150px; margin: 0px; font-size:13px;} .xemthempro{background-color: #000; position: absolute;top: 112px; color: #fff; font-size: 13px; font-weight: 550; padding:10px 6px 10px 6px;} .xemthempro2{background-color: #000; position: absolute; bottom: 0px; left: 38%; color: #fff; font-size: 13px; font-weight: 550; padding:10px 6px 10px 6px;} .xemthembuttonpro {background-color: #2B419A; color: #fff; font-size: 12px; font-weight: normal; line-height: 35px; padding: 10px 6px 10px 6px;} .box_dichvu {min-height:380px;} .danhmuctim, .hangsanxuat, .trongtai, .giathapnhat, .giacaonhat, .khoanggiatim{margin:0px;} #toc{border: 1px solid #bba;background-color: #f7f8ff;padding: 1em;font-size: 90%;text-align: center;width:15em; } #toc-header {display: inline;padding: 0;font-size: 100%;font-weight: bold;} #toc ul{list-style-type: none;margin-left: 0; padding-left: 0;text-align: left;} .toc3{margin-left: 1em;} .toc4{margin-left: 2em;} .headerthongtin {margin: 25px 0px 0px 0px; line-height: 28px; text-align: justify; font-size: 14px; } .borderhear {border-right:1px solid #e5e4e4; margin:20px 0px 20px 0px;} .textheader {margin: 0px; line-height: 20px; font-size: 12px; } .tongdai {font-weight:600;} .didong {} .email { text-transform: none;} .giolamviec {text-align:right;} .bgthongtinsanpham2{margin-top: 110px; } .taitrong {margin:0px; font-size:14px; color:#fff;} .thongtinsanphampro a{color:#fff; font-weight:650; } .rutngantieude{ white-space: nowrap; width: 98%; overflow: hidden;text-overflow: ellipsis; } .thongtinsanphampro { position: absolute; z-index: 999;bottom: 0px; padding: 5px; background-color: rgb(0 0 0 / 59%); width: 93%; line-height: 25px;} #product_index {margin-top:40px ;} .daloctai-nav li .button .phone_animation {top: -6px !important} } @media only screen and (max-width: 768px) and (min-width: 376px) { #header_mobile {display:block !important;} #product_index {margin-top:10px ;} .daloctai-nav li .button .phone_animation {top: -6px !important} .itemhinhanh .img { width:100% !important; height: auto !important; overflow: hidden !important;} .itemhinhanh .img {position: relative;overflow: hidden;} .itemsanpham .img { width:100% !important; height: auto !important; overflow: hidden !important;} .itemsanpham .img {position: relative;overflow: hidden;} .min250 {min-height:300px;} .item_quoc { min-height:270px;} .homeslider {} .quoc { height: 150px;} .col20 {width:50%; float:left; margin:5px 0px 5px 0px;} .timkiemname {line-height:25px; font-weight:bold;} .hinhanhbanner img {width:100% !important; margin:5px;} .leftmenu{display:none;} .html5-elem-box {height:200px !important;} #html5-lightbox-box {height:220px !important;} .mobile{display:block;} .clip__item { width: 49%; padding: 5px 5px 10px 15px; margin-bottom: 10px;} .product-block { height: 260px; margin-bottom:10px;} .btnsharemxh { width: 45%; margin: 5px;} .fb-like {margin-left:6px;} .btnnutcall { border: 1px solid #c6c3c3; float:right; width: 100%; color: #fff; padding:12px 20px 12px 20px;; border-radius: 5px; font-size: 15px;} .thongtinkhong {width:52%; float:left; margin:5px 0px 5px 5px !important;} .thongtinkhong img {width:28px; height:auto; float:left; margin:0px 0px 0px 10px;} .nhantinfb {clear:both; width:100% !important; float:none !important; margin:75px 5px 5px 5px !important;} .nhantinfb .btnnutcall{padding:12px; text-align:center;} .chitietthongtin .tieude2 {margin-top:20px;} .tieude2 {text-transform: uppercase; font-weight:500; margin:5px 0px 5px 0px; font-size:13px; line-height:22px;} .khungthongtin {border:2px solid #c6c3c3;padding:5px; text-align:justify; overflow: auto;} .khungthongtin2 {border:0px solid #c6c3c3;padding:5px; text-align:justify; } .container { padding-right:7px; padding-left: 7px; margin-right: auto; margin-left: auto;} .slideanhkhong{padding:0px;} .slideanhkhong2{padding-left:5px;} .hotlineheader {text-align: center;background-color: #2f5597;color: #fff;font-size: 16px; line-height: 30px; margin-left:20px;} .hotlineheader a{color: #fff;font-size: 28px;line-height: 45px; font-weight: bold;} .minheight200{min-height:auto;} .bgmenusub2 {padding:12px;} .hotline-footer2{display:inline-block; position:fixed; bottom:40%; right:-32px; width:70px; z-index:999} .hotline-footer2 .social_footer ul li { width:55px; height:auto; margin-top:-5px;} .hotline-footer2 .social_footer ul li span { background-color: #2f5597; color:#fff;} .article_item .article_content .title a { font-size: 15px; text-transform: uppercase; color: #0089ea; font-weight: bold;} .row { margin-right:0px; margin-left: 0px; } .logomobile {width:90%; margin-top:0px; text-align:center; background-color:#fff; z-index:999; position: absolute;} a.logomobile{padding:0px !IMPORTANT;} .logomobile img{z-index:999; width:75%; height:auto;} .hotlinepro {color:#fff; border-radius:5px; float:left; background-color:#2f5597;font-size: 12px !important; padding:10px 5px 10px 5px; margin:0px 0px 10px 45px;} .hotlinepro2 {color:#fff; border-radius:5px; background-color:#2B419A; float:right; border:0px; font-size: 11px; padding:10px 5px 12px 5px; margin:0px 35px 10px 0px;} .buttonfull { padding:10px; margin:5px 0px 5px 0px; width:100%;} .formtuvan { height:30px; width:38%; font-size:13px; line-height:30px; font-weight:normal; margin:0px 5px 0px -5px;} .buttontuvan {line-height:31px; border:0px; font-size:12px; float: right; font-weight:normal; margin:0px 5px 0px -5px; padding:0px 14px 0px 14px; background-color:#2B419A; color:#fff;} .tieudetuvan {text-align:center; margin:10px 0px 5px 0px; font-size:13px; font-weight:bold; line-height:18px;} .chitietsanpham li:nth-child(7) { clear:both; margin-top:10px;} .hotlineacb {padding: 0px;} .modal-body { position: relative; padding: 15px; width: 100%;} .modal-content {width: 100%;} .dangkytuvan span {padding-left:5px;} .centermobile {text-align:center; margin-top:5px;} .mobilecach5 {margin-left:28px;} .tabletragop td{text-align: justify; padding:2px; line-height:15px; width:14%; font-weight:600;} .tabletragop td, .tabletragop th { border: 1px solid #ddd; padding: 8px; font-size: 85%;} .tablethongsokythuat td{text-align: justify; padding:2px; line-height:15px; width:14%; font-weight:600;} .tablethongsokythuat td, .tabletragop th { border: 1px solid #ddd; padding: 8px; font-size: 85%;} .dangkytuvan { width:100%; min-height: 125px; background-color:#2f5597; color:#fff; padding:15px 0px 15px 0px;} .heightbaviet { height:500px;} img { border: none; max-width: 100%; height: auto !important;} .social_footer{ min-height:200px;} #wh-call-to-action a .wh-call-to-action-content { line-height: 11px !important; max-height: 30px; overflow: hidden; word-wrap: break-word; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; box-sizing: content-box; padding: 12px 30px 14px 23px !important; border-radius: 12px 0 0 12px !important; background-color: #558B2F; font-size: 13px !important; font-weight: bold; color: #fff;} .product-block { height: 350px;} .wh-widget-button-icon { background-color: #129BF4 !important; width: 55px !important; height: 55px !important; padding-top: 5px !important;} .wh-widget-button-icon img {max-width: 82% !important; height: auto !important;} .thungxeinfo{ text-align: center; margin:5px; border: 1px solid #ddd8d8; min-height:70px; padding: 10px 0px 10px 0px;} .thungxeinfo h4{line-height: 25px; font-size: 14px; min-height: 30px;} .tuvaninfo {font-size: 13px; font-weight: bold; color: #2f5597; text-align: right;} .tuvaninfoicone {float:right; width:40%; margin-top: -5px !important; text-align:left;} .uudaiban {border: 1px solid #e0e0e0; padding:5px; text-align: justify;} .uudaiban legend{font-weight: bold;background-color: Red; color: #fff; text-align:center; padding: 5px 10px 5px 10px; font-size:100%; width:65%; margin-left: 5px;} .v2_bnc_title_main{text-align:left;line-height:30px;margin-top:75px;margin-bottom:10px;text-transform:uppercase;font-weight:600;} .v2_bnc_title_main h1,h2{font-size:16px; font-weight:bold; margin:0px;} .v2_bnc_title_main2:after{margin:5px auto 5px auto !important;} .v2_bnc_title_main:after{content:'';display:block;width:15%;height:2px;background:#2f5597;margin:5px 0px;} .v2_bnc_title_mainpro{text-align:left;line-height:30px;margin-top:10px;margin-bottom:10px;text-transform:uppercase;font-weight:600;} .v2_bnc_title_mainpro h3{font-size:14px; font-weight:bold; margin:0px;} .v2_bnc_title_mainpro h1{font-size:14px; font-weight:bold; margin:0px; color:#000; padding:0px; line-height:20px;} .v2_bnc_title_mainpro:after{content:'';display:block;width:55%;height:2px;background:#2f5597;margin:5px 0px;} .titletintuc{text-align:justify; text-transform:uppercase; line-height:30px;margin-bottom:10px;margin-top:20px;font-size:13px; font-weight:600} .tieude2:after{content:'';display:block;width:55%;height:2px;background:#2B419A;margin-top:10px;margin-bottom:10px} .xemtatca{text-align:center;line-height:90px;text-transform:uppercase;font-weight:600}.thongtinsanpham{text-align:center;line-height:35px}.thongtinsanpham a{color:#000;font-size:14px;line-height:22px}.thongtinsanpham a:hover{color:red;font-size:14px;line-height:22px} .ui-draggable,.ui-droppable{background-position:top}.article_img{height:180px;overflow:hidden} .footer_bottom{background-color:#3e3e3e; color:#fff;}#html5-watermark{display:none!important} .loaixe {border: 1px solid #e4e4e4; padding-left:20px; padding-block-start: 0.35em; text-align: justify;} .tieudesitemap {font-weight:bold;font-size:14px; text-transform:uppercase; line-height:26px;} .subsitemap li{padding-left:10px;} .cachtop5px {line-height:45px;} .a-tags {color:#fff;} .links_fixed3 {color:#3e3e3e; font-weight:bold; line-height:25px; font-size:14px; margin:0px; text-transform:uppercase;} .ngaydang{font-size:10px; line-height:16px; margin:0px; color:#bebebe;} .motangan {margin: 0px; font-size:13px;white-space: nowrap; width: 98%; height: 20px; min-height:20px; overflow: hidden; text-overflow: ellipsis;} .motanganinfo{margin: 0px; font-size:13px;white-space: nowrap; width: 98%; height:100px; overflow: hidden; text-overflow: ellipsis;} .motangan-sanpham {min-height: auto; margin: 0px; font-size:13px;} .minheight {min-height:auto;} .xemthempro{background-color: #2B419A; position: absolute;top:95px; color: #fff; font-size: 13px; font-weight: 550; padding:10px 6px 10px 6px;} .xemthempro2{background-color: #2B419A; position: absolute; bottom: 0px; left: 38%; color: #fff; font-size: 13px; font-weight: 550; padding:10px 6px 10px 6px;} .xemthembuttonpro {background-color: #2B419A; color: #fff; font-size: 12px; font-weight: normal; line-height: 35px; padding: 10px 6px 10px 6px;} .box_dichvu {min-height:380px;} .danhmuctim, .hangsanxuat, .trongtai, .giathapnhat, .giacaonhat, .khoanggiatim{margin:0px;} #toc{border: 1px solid #bba;background-color: #f7f8ff;padding: 1em;font-size: 90%;text-align: center;width:15em; } #toc-header {display: inline;padding: 0;font-size: 100%;font-weight: bold;} #toc ul{list-style-type: none;margin-left: 0; padding-left: 0;text-align: left;} .toc3{margin-left: 1em;} .toc4{margin-left: 2em;} .headerthongtin {margin: 25px 0px 0px 0px; line-height: 28px; text-align: justify; font-size: 14px; } .borderhear {border-right:1px solid #e5e4e4; margin:20px 0px 20px 0px;} .textheader {margin: 0px; line-height: 20px; font-size: 12px; } .tongdai {font-weight:600;} .didong {} .email { text-transform: none;} .giolamviec {text-align:right;} .bgthongtinsanpham2{margin-top: 110px; } .taitrong {margin:0px; font-size:14px; color:#fff;} .thongtinsanphampro a{color:#fff; font-weight:650; } .rutngantieude{ white-space: nowrap; width: 98%; overflow: hidden;text-overflow: ellipsis; } .thongtinsanphampro { position: absolute; z-index: 999;bottom: 0px; padding: 5px; background-color: rgb(0 0 0 / 59%); width: 96%; line-height: 25px;} } table {width:100% !important; } @media only screen and (max-width: 1023px) and (min-width: 768px) { #header_mobile ,.hotlinene{display:none;} #product_index {margin-top:40px ;} .daloctai-nav li .button .phone_animation {top: -6px !important} .itemhinhanh .img {width: 100% !important; overflow: hidden !important;} .itemhinhanh .img {position: relative;overflow: hidden;} .itemsanpham .img { width:100% !important; overflow: hidden !important;} .itemsanpham .img {position: relative;overflow: hidden;} .min250 {min-height:300px;} .item_quoc { min-height:270px;} .homeslider {} .quoc { height: 150px;} .col20 {width:50%; float:left; margin:5px 0px 5px 0px;} .timkiemname {line-height:25px; font-weight:bold;} .hinhanhbanner img {width:100% !important; margin:5px;} .leftmenu{display:none;} .html5-elem-box {height:200px !important;} #html5-lightbox-box {height:220px !important;} .mobile{display:block;} .clip__item { width: 49%; padding: 5px 5px 10px 15px; margin-bottom: 10px;} .product-block { height: 260px; margin-bottom:10px;} .btnsharemxh { width: 45%; margin: 5px;} .fb-like {margin-left:6px;} .btnnutcall { border: 1px solid #c6c3c3; float:right; width: 100%; color: #fff; padding:12px 20px 12px 20px;; border-radius: 5px; font-size: 15px;} .thongtinkhong {width:49%; float:right; margin:5px 0px 5px 5px !important;} .thongtinkhong img {width:28px; height:auto; float:left; margin-right:10px;} .nhantinfb {clear:both; width:100% !important; float:none !important; margin:75px 5px 5px 5px !important;} .nhantinfb .btnnutcall{padding:12px; text-align:center;} .chitietthongtin .tieude2 {margin-top:20px;} .tieude2 {text-transform: uppercase; font-weight:500; margin:5px 0px 5px 0px; font-size:14px; line-height:22px;} .khungthongtin {border:2px solid #c6c3c3;padding:5px; text-align:justify; overflow: auto;} .khungthongtin2 {border:0px solid #c6c3c3;padding:5px; text-align:justify; } .container { padding-right:7px; padding-left: 7px; margin-right: auto; margin-left: auto;} .slideanhkhong{padding:0px;} .slideanhkhong2{padding-left:5px;} .hotlineheader {text-align: center;background-color: #2f5597;color: #fff;font-size: 16px; line-height: 30px; margin-left:20px;} .hotlineheader a{color: #fff;font-size: 28px;line-height: 45px; font-weight: bold;} .minheight200{min-height:auto;} .bgmenusub2 {padding:12px;} .hotline-footer2{display:inline-block; position:fixed; bottom:40%; right:-32px; width:70px; z-index:999} .hotline-footer2 .social_footer ul li { width:55px; height:auto; margin-top:-5px;} .hotline-footer2 .social_footer ul li span { background-color: #2f5597; color:#fff;} .article_item .article_content .title a { font-size: 15px; text-transform: uppercase; color: #0089ea; font-weight: bold;} .row { margin-right:0px; margin-left: 0px; } .logomobile {width:90%; margin-top:0px; text-align:center; background-color:#fff; z-index:999; position: absolute;} a.logomobile{padding:0px !IMPORTANT;} .logomobile img{z-index:999; width:75%; height:auto;} .hotlinepro {color:#fff; border-radius:5px; float:left; background-color:#2f5597;font-size: 12px !important; padding:10px 5px 10px 5px; margin:0px 0px 10px 27px;} .hotlinepro2 {color:#fff; border-radius:5px; background-color:#2B419A; float:right; border:0px; font-size: 11px; padding:10px 5px 12px 5px; margin:0px 20px 10px 0px;} .chitietsanpham li:nth-child(7) { clear:both; margin-top:10px;} .hotlineacb {padding: 0px;} .modal-body { position: relative; padding: 15px; width: 100%;} .modal-content {width: 100%;} .dangkytuvan span {padding-left:5px;} .centermobile {text-align:center; margin-top:5px;} .mobilecach5 {margin-left:28px;} .tabletragop td{text-align: justify; padding:2px; line-height:15px; width:14%; font-weight:600;} .tabletragop td, .tabletragop th { border: 1px solid #ddd; padding: 8px; font-size: 85%;} .tablethongsokythuat td{text-align: justify; padding:2px; line-height:15px; width:14%; font-weight:600;} .tablethongsokythuat td, .tabletragop th { border: 1px solid #ddd; padding: 8px; font-size: 85%;} .dangkytuvan { width:100%; min-height: 125px; background-color:#2f5597; color:#fff; padding:15px 0px 15px 0px;} .heightbaviet { height:500px;} img { border: none; max-width: 100%; height: auto !important;} .social_footer{ min-height:200px;} #wh-call-to-action a .wh-call-to-action-content { line-height: 11px !important; max-height: 30px; overflow: hidden; word-wrap: break-word; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; box-sizing: content-box; padding: 12px 30px 14px 23px !important; border-radius: 12px 0 0 12px !important; background-color: #558B2F; font-size: 13px !important; font-weight: bold; color: #fff;} .product-block { height: 350px;} .wh-widget-button-icon { background-color: #129BF4 !important; width: 55px !important; height: 55px !important; padding-top: 5px !important;} .wh-widget-button-icon img {max-width: 82% !important; height: auto !important;} .thungxeinfo{ text-align: center; margin:5px; border: 1px solid #ddd8d8; min-height:70px; padding: 10px 0px 10px 0px;} .thungxeinfo h4{line-height: 25px; font-size: 14px; min-height: 30px;} .tuvaninfo {font-size: 13px; font-weight: bold; color: #2f5597; text-align: center;} .tuvaninfoicone {float:right; width:48%; margin-top: -30px !important; text-align:left;} .uudaiban {border: 1px solid #e0e0e0; padding:5px; text-align: justify;} .uudaiban legend{font-weight: bold;background-color: Red; color: #fff; text-align:center; padding: 5px 10px 5px 10px; font-size:100%; width:65%; margin-left: 5px;} .v2_bnc_title_main{text-align:left;line-height:30px;margin-top:75px;margin-bottom:10px;text-transform:uppercase;font-weight:600;} .v2_bnc_title_main h1,h2{font-size:16px; font-weight:bold; margin:0px;} .v2_bnc_title_main2:after{margin:5px auto 5px auto !important;} .v2_bnc_title_main:after{content:'';display:block;width:15%;height:2px;background:#2f5597;margin:5px 0px;} .v2_bnc_title_mainpro{text-align:left;line-height:30px;margin-top:10px;margin-bottom:10px;text-transform:uppercase;font-weight:600;} .v2_bnc_title_mainpro h3{font-size:14px; font-weight:bold; margin:0px;} .v2_bnc_title_mainpro h1{font-size:14px; font-weight:bold; margin:0px; color:#000; padding:0px; line-height:20px;} .v2_bnc_title_mainpro:after{content:'';display:block;width:55%;height:2px;background:#2f5597;margin:5px 0px;} .titletintuc{text-align:justify; text-transform:uppercase; line-height:30px;margin-bottom:10px;margin-top:20px;font-size:13px; font-weight:600} .tieude2:after{content:'';display:block;width:15%;height:2px;background:#2B419A;margin-top:10px;margin-bottom:10px} .xemtatca{text-align:center;line-height:90px;text-transform:uppercase;font-weight:600}.thongtinsanpham{text-align:center;line-height:35px}.thongtinsanpham a{color:#000;font-size:14px;line-height:22px}.thongtinsanpham a:hover{color:red;font-size:14px;line-height:22px} .ui-draggable,.ui-droppable{background-position:top}.article_img{height:180px;overflow:hidden} .footer_bottom{background-color:#3e3e3e; color:#fff;}#html5-watermark{display:none!important} .loaixe {border: 1px solid #e4e4e4; padding-left:20px; padding-block-start: 0.35em; text-align: justify;} .tieudesitemap {font-weight:bold;font-size:14px; text-transform:uppercase; line-height:26px;} .subsitemap li{padding-left:10px;} .cachtop5px {line-height:45px;} .a-tags {color:#fff;} .links_fixed3 {color:#3e3e3e; font-weight:bold; line-height:25px; font-size:14px; margin:0px; text-transform:uppercase;} .ngaydang{font-size:10px; line-height:16px; margin:0px; color:#bebebe;} .motangan {margin: 0px; font-size:13px;white-space: nowrap; width: 98%; height:100px; overflow: hidden; text-overflow: ellipsis;} .motanganinfo{margin: 0px; font-size:13px;white-space: nowrap; width: 98%; height:100px; overflow: hidden; text-overflow: ellipsis;} .motangan-sanpham {min-height: 150px; margin: 0px; font-size:13px;} .xemthempro{background-color: #000; position: absolute;top: 188px; color: #fff; font-size: 13px; font-weight: 550; padding:10px 6px 10px 6px;} .xemthempro2{background-color: #000; position: absolute; bottom: 0px; left: 38%; color: #fff; font-size: 13px; font-weight: 550; padding:10px 6px 10px 6px;} .xemthembuttonpro {background-color: #2B419A; color: #fff; font-size: 12px; font-weight: normal; line-height: 35px; padding: 10px 6px 10px 6px;} .box_dichvu {min-height:380px;} .danhmuctim, .hangsanxuat, .trongtai, .giathapnhat, .giacaonhat, .khoanggiatim{margin:0px;} #toc{border: 1px solid #bba;background-color: #f7f8ff;padding: 1em;font-size: 90%;text-align: center;width:15em; } #toc-header {display: inline;padding: 0;font-size: 100%;font-weight: bold;} #toc ul{list-style-type: none;margin-left: 0; padding-left: 0;text-align: left;} .toc3{margin-left: 1em;} .toc4{margin-left: 2em;} .headerthongtin {margin: 25px 0px 0px 0px; line-height: 28px; text-align: justify; font-size: 14px; } .borderhear {border-right:1px solid #e5e4e4; margin:20px 0px 20px 0px;} .textheader {margin: 0px; line-height: 20px; font-size: 12px; } .tongdai {font-weight:600;} .didong {} .email { text-transform: none;} .giolamviec {text-align:right;} .bgthongtinsanpham2{margin-top: 50px; } .taitrong {margin:0px; font-size:14px; color:#fff;} .thongtinsanphampro a{color:#fff; font-weight:650; } .rutngantieude{ white-space: nowrap; width: 98%; overflow: hidden;text-overflow: ellipsis; } .thongtinsanphampro { position: absolute; z-index: 999;bottom: 0px; padding: 5px; background-color: rgb(0 0 0 / 59%); width: 93%; line-height: 25px;} } .tuvanhotro input{width:100%;} .thungxecuoi {float:right; margin-right:0px;} @media only screen and (max-width: 768px) { .hidden-xs {display:none;} .thungxecuoi {float:left;} } .pro-name { margin: 0px; font-size: 13px; white-space: nowrap; width: 98%; height: 20px; min-height: 20px; overflow: hidden; text-overflow: ellipsis;} #menubar {background:#2f5597; } .thongtinkhuyenmai ul{margin-left:-5px;} .thongtinkhuyenmai li{ font-size:12px;} .thongtinkhuyenmai li:before { content: "\f14a"; font: normal normal normal 14px/1 FontAwesome; color:#2f5597; font-size:15px; padding-right:5px; } @media only screen and (min-width: 1024px) and (max-width:1440px) { .thongtinkhong2 {margin:5px;} #product_index {margin-top:20px ;} .thongtinkhonghotro {width:100%; margin:5px;} .thongtinkhonghotro img {width:40px; height:auto; margin-right:5px;} .tuvaninfoicone {padding-right:0px;} .thungxecuoi {margin-right:-3px;} .uudaiban {border: 1px solid #e0e0e0; padding:5px; text-align: justify;} .thongtinkhong img {width:20px; height:auto; margin-left:10px;} .uudaiban legend{font-weight: bold;background-color: Red; color: #fff; padding: 5px 10px 5px 10px; width: 47%; margin-left: 5px;} .tuvaninfo {font-size:14px; font-weight:bold; margin-right:0px; line-height:40px; text-align:right; color:#2f5597;} .thungxeinfo{ text-align: center; margin:5px; border: 1px solid #ddd8d8; min-height:70px; padding: 10px 0px 10px 0px;} .thungxeinfo h4{line-height: 25px; font-size: 14px; min-height: 50px;} .hotline-footer2{display:block; position:fixed; bottom:45%; right:-25px; width:70px; z-index:999} .hotline-footer2 .social_footer ul li { width:55px; height:auto; margin-top:-5px;} .hotline-footer2 .social_footer ul li span { background-color: #2f5597; color:#fff;} .hotlineheader {text-align:right; margin-top:5px;} .minheight200{min-height:200px;} .logo {width: 100px ; padding: 0px;} .logo img { width: 100%; height: auto; } .mobile{display:none;} .item_quoc { min-height:350px;} .quoc { height: 250px;} /*.motasanpham{ height: 170px;}*/ .col20 {width:20%;} .homeslider {margin-top:0px;} .itemcate { height: 185px; overflow: hidden;} .itemcate img { border: none; max-width: 120%; height: auto;} .tieude2 {text-transform:uppercase; line-height:28px; font-size:14px; margin:10px 0px 10px 0px; } .timkiemname {line-height:150px; font-weight:bold;} .chitietsanpham li{font-size:14px; line-height:25px; text-align:justify;} .hotlinepro {color:#fff; border-radius:5px; background-color:#2f5597; padding:10px; margin:10px 0px 10px 0px;} .hotlinepro2 {color:#fff;border-radius:5px; float:right; background-color:#2B419A; border:0px; font-size:9px; font-weight:bold; padding:5px 10px 5px 10px; margin:5px 0px 5px 5px;} .hotlineacb {padding:10px 0px 10px 5px;} .chitietthongtin {margin:10px 0px 10px 0px;} .khungthongtin {border:2px solid #c6c3c3;padding:5px; text-align:justify; overflow: auto;} .khungthongtin2 {border:1px solid #c6c3c3;padding:5px; text-align:justify; overflow: auto; } .modal-body { position: relative; padding: 15px; width: 700px;} .modal-content {width: 700px;} .tabletragop td{text-align: justify; padding:5px; line-height:30px; font-weight:bold;} .tabletragop td, .tabletragop th { border: 1px solid #ddd; padding: 8px; font-size: 13px;} .tablethongsokythuat td{text-align: justify; padding:5px; line-height:25px; font-weight:580;} .tablethongsokythuat td, .tabletragop th { border: 1px solid #ddd; padding: 5px; font-size: 13px;} .dangkytuvan span {padding-left:5px;} .dangkytuvan { width:400px; margin:auto; background-color:#2f5597; color:#fff; min-height: 90px; padding:15px 0px 15px 0px;} .heightbaviet { height:650px; text-align:justify;} .formtuvan { height:30px; width:35%; float:right; font-size:13px; line-height:30px; font-weight:normal; margin:0px 2px 0px 0px;} .buttontuvan {line-height:31px; border:0px; font-size:12px; float:right; font-weight:normal; margin:0px; padding:0px 14px 0px 14px; background-color:#2B419A; color:#fff;} .tieudetuvan {text-align:center; margin:10px 0px 5px 0px; font-size:13px; font-weight:bold; line-height:18px;} #bgfullwhite { height: 45px; border:0px solid #fafafa; overflow: hidden; background-color:#ff1f1f; } #triangle-topleft {width:0;height: 0; border-bottom: 100px solid #fafafa; margin-right:5px; border-right: 100px solid #ff1f1f;} .bgxam {background-color:#2f5597; height:45px; line-height:45px; margin-left:-15px;} a.hotlineheadergiaxetai {margin-left:0px; color:#fff; font-weight:600; font-size:16px;} #bgfullwhite2 { height: 48px; border:0px solid #fafafa; overflow: hidden; background-color:#fafafa; } #triangle-topleft2 {border-top: 100px solid #fafafa; margin-right:5px; border-right: 100px solid #2f5597;} .bgxanhansuong{background-color:#2f5597; height:48px; margin-left:-13px;} .itemhinhanh .img { width:100%; overflow: hidden;} .itemhinhanh .img {position: relative;overflow: hidden;} .itemsanpham .img { width:100%; overflow: hidden;} .itemsanpham .img {position: relative;overflow: hidden;} .min250 {min-height:320px;} .v2_bnc_title_main{text-align:left;line-height:30px;margin-top:75px;margin-bottom:10px;text-transform:uppercase;font-weight:600;} .v2_bnc_title_main h1,h2{font-size:16px; font-weight:bold; margin:0px;} .v2_bnc_title_main2:after{margin:5px auto 5px auto !important;} .v2_bnc_title_main:after{content:'';display:block;width:15%;height:2px;background:#2f5597;margin:5px 0px;} .v2_bnc_title_mainpro{text-align:left;line-height:30px;margin-top:10px;margin-bottom:10px;text-transform:uppercase;font-weight:600;} .v2_bnc_title_mainpro h3{font-size:14px; font-weight:bold; margin:0px;} .v2_bnc_title_mainpro h1{font-size:14px; font-weight:bold; margin:0px; color:#000; padding:0px; line-height:20px;} .v2_bnc_title_mainpro:after{content:'';display:block;width:55%;height:2px;background:#2f5597;margin:5px 0px;} .titletintuc{text-align:justify; text-transform:uppercase; line-height:30px;margin-bottom:10px;margin-top:20px;font-size:13px; font-weight:600} .tieude2:after{content:'';display:block;width:15%;height:2px;background:#2B419A;margin-top:10px;margin-bottom:10px} .xemtatca{text-align:center;line-height:90px;text-transform:uppercase;font-weight:600}.thongtinsanpham{text-align:center;line-height:35px}.thongtinsanpham a{color:#000;font-size:14px;line-height:22px}.thongtinsanpham a:hover{color:red;font-size:14px;line-height:22px} .ui-draggable,.ui-droppable{background-position:top}.article_img{height:180px;overflow:hidden} .footer_bottom{background-color:#3e3e3e; color:#fff;}#html5-watermark{display:none!important} .loaixe {border: 1px solid #e4e4e4; padding-left:20px; padding-block-start: 0.35em; text-align: justify;} .tieudesitemap {font-weight:bold;font-size:14px; text-transform:uppercase; line-height:26px;} .subsitemap li{padding-left:10px;} .cachtop5px {line-height:45px;} .a-tags {color:#fff;} .links_fixed3 {color:#3e3e3e; font-weight:bold; line-height:25px; font-size:14px; margin:0px; text-transform:uppercase;} .ngaydang{font-size:10px; line-height:16px; margin:0px; color:#bebebe;} .motangan {margin: 0px; font-size:13px; text-align:justify; width: 98%; height:100px; overflow: hidden; text-overflow: ellipsis;} .motanganinfo{margin: 0px; font-size:13px;width: 98%; text-align:justify; height:100px; overflow: hidden; text-overflow: ellipsis;} .motangan-sanpham {min-height: 150px; margin: 0px; text-align:justify; font-size:13px;} .xemthempro{background-color: #2B419A; position: absolute;top: 188px; color: #fff; font-size: 13px; font-weight: 550; padding:10px 6px 10px 6px;} .xemthempro2{background-color: #2B419A; position: absolute; bottom: 0px; left: 38%; color: #fff; font-size: 13px; font-weight: 550; padding:10px 6px 10px 6px;} .xemthembuttonpro {background-color: #2B419A; color: #fff; font-size: 12px; font-weight: normal; line-height: 35px; padding: 10px 6px 10px 6px;} .box_dichvu {min-height:380px;} .danhmuctim, .hangsanxuat, .trongtai, .giathapnhat, .giacaonhat, .khoanggiatim{margin:0px;} #toc{border: 1px solid #bba;background-color: #f7f8ff;padding: 1em;font-size: 90%;text-align: center;width:15em; } #toc-header {display: inline;padding: 0;font-size: 100%;font-weight: bold;} #toc ul{list-style-type: none;margin-left: 0; padding-left: 0;text-align: left;} .toc3{margin-left: 1em;} .toc4{margin-left: 2em;} .headerthongtin {margin: 25px 0px 0px 0px; line-height: 20px; overflow-wrap: break-word; text-align: justify; font-size: 12px; } .borderhear {border-right:1px solid #e5e4e4; margin:20px 0px 20px 0px;} .textheader {margin: 0px; line-height: 20px; font-size: 12px; } .tongdai {font-weight:600;} .didong {} .email { text-transform: none;} .giolamviec {text-align:right;} .bgthongtinsanpham2{margin-top: 110px; } .taitrong {margin:0px; font-size:14px; color:#fff;} .thongtinsanphampro a{color:#fff; font-weight:650; } .rutngantieude{ white-space: nowrap; width: 98%; overflow: hidden;text-overflow: ellipsis; } .thongtinsanphampro { position: absolute; z-index: 999;bottom: 0px; padding: 5px; background-color: rgb(0 0 0 / 59%); width: 95%; line-height: 25px;} } .danhmucmobile{ font-size: 14px; padding: 5px; font-weight: bold;border-bottom: 1px solid #2f5597; } .menumobile {font-size:16px; line-height:25px; color:#000;} .motasanpham {text-align:justify;} @media only screen and (min-width: 1440px) { .product-image {min-height: 216px;} .thongtinkhong2 {margin:5px;} .thongtinkhonghotro {width:100%; margin:5px;} #product_index {margin-top:20px ;} ul.chitietsanpham { margin-top: 25px; } .thongtinkhonghotro img {width:40px; height:auto; margin-right:5px;} .tuvaninfoicone {padding-right:0px;} .thungxecuoi {margin-right:-3px;} .uudaiban {border: 1px solid #e0e0e0; padding:5px; text-align: justify;} .thongtinkhong img {width:30px; height:auto; margin-left:10px;} .uudaiban legend{font-weight: bold;background-color: Red; color: #fff; padding: 5px 10px 5px 10px; width: 47%; margin-left: 5px;} .tuvaninfo {font-size:14px; font-weight:bold; margin-right:0px; line-height:40px; text-align:right; color:#2f5597;} .thungxeinfo{ text-align: center; margin:5px; border: 1px solid #ddd8d8; min-height:70px; padding: 10px 0px 10px 0px;} .thungxeinfo h4{line-height: 25px; font-size: 14px; min-height: 50px;} .hotline-footer2{display:block; position:fixed; bottom:45%; right:-25px; width:70px; z-index:999} .hotline-footer2 .social_footer ul li { width:55px; height:auto; margin-top:-5px;} .hotline-footer2 .social_footer ul li span { background-color: #2f5597; color:#fff;} .hotlineheader {text-align:right; margin-top:5px;} .minheight200{min-height:200px;} .logo {width: 100px ; padding: 0px;} .logo img { width: 90%; padding:5px; height: auto; } .mobile{display:none;} .item_quoc { min-height:350px;} .quoc { height: 250px;} /*.motasanpham{ min-height:150px;}*/ .col20 {width:20%;} .homeslider {margin-top:-13px; z-index:1;} .itemcate { height: 185px; overflow: hidden;} .itemcate img { border: none; max-width: 120%; height: auto;} .tieude2 {text-transform:uppercase; line-height:28px; font-size:14px; margin:10px 0px 10px 0px; } .timkiemname {line-height:150px; font-weight:bold;} .chitietsanpham li{font-size:14px; line-height:25px; text-align:justify;} .hotlinepro {color:#fff; border-radius:5px; background-color:#2f5597; padding:10px; margin:10px 0px 10px 0px;} .hotlinepro2 {color:#fff;border-radius:5px; float:right; background-color:#2B419A; border:0px; font-size:14px; font-weight:bold; padding:5px 10px 5px 10px; margin:5px 0px 5px 5px;} .hotlineacb {padding:10px 0px 10px 5px;} .chitietthongtin {margin:10px 0px 10px 0px;} .khungthongtin {border:2px solid #c6c3c3;padding:5px; text-align:justify; overflow: auto;} .khungthongtin2 {border:1px solid #c6c3c3;padding:5px; text-align:justify; overflow: auto; } .modal-body { position: relative; padding: 15px; width: 700px;} .modal-content {width: 700px;} .tabletragop td{text-align: justify; padding:5px; line-height:30px; font-weight:bold;} .tabletragop td, .tabletragop th { border: 1px solid #ddd; padding: 8px; font-size: 13px;} .tablethongsokythuat td{text-align: justify; padding:5px; line-height:25px; font-weight:580;} .tablethongsokythuat td, .tabletragop th { border: 1px solid #ddd; padding: 5px; font-size: 13px;} .dangkytuvan span {padding-left:5px;} .dangkytuvan { width:400px; margin:auto; background-color:#2f5597; color:#fff; min-height: 90px; padding:15px 0px 15px 0px;} .heightbaviet { /* height:650px; */ text-align:justify;} .formtuvan { height:30px; width:35%; float:right; font-size:13px; line-height:30px; font-weight:normal; margin:0px 2px 0px 0px;} .buttontuvan {line-height:31px; border:0px; font-size:12px; float:right; font-weight:normal; margin:0px; padding:0px 14px 0px 14px; background-color:#2B419A; color:#fff;} .tieudetuvan {text-align:center; margin:10px 0px 5px 0px; font-size:13px; font-weight:bold; line-height:18px;} #bgfullwhite { height: 45px; border:0px solid #fafafa; overflow: hidden; background-color:#ff1f1f; } #triangle-topleft {width:0;height: 0; border-bottom: 100px solid #fafafa; margin-right:5px; border-right: 100px solid #ff1f1f;} .bgxam {background-color:#2f5597; line-height:45px; height:45px; } .social_footer {margin-right:5px;} .hotlineheadergiaxetai { color:#fff; font-weight:600; font-size:16px;} #bgfullwhite2 { height: 48px; border:0px solid #fafafa; overflow: hidden; background-color:#fafafa; } #triangle-topleft2 {border-top: 100px solid #fafafa; margin-right:5px; border-right: 100px solid #2f5597;} .bgxanhansuong{background-color:#2f5597; height:48px; border:0px;} .itemhinhanh .img { width:100%; overflow: hidden;} .minheight {min-height:200px;} .itemhinhanh .img {position: relative;overflow: hidden;} .itemsanpham .img { width:100%; overflow: hidden;} .itemsanpham .img {position: relative;overflow: hidden; height: auto;} .min250 {min-height:250px;} .v2_bnc_title_main{text-align:left;line-height:30px;margin-top:15px;margin-bottom:10px;text-transform:uppercase;font-weight:600;} .v2_bnc_title_main h1,h2{font-size:16px; font-weight:bold; margin:0px;} .v2_bnc_title_main2:after{margin:5px auto 5px auto !important;} .v2_bnc_title_main:after{content:'';display:block;width:15%;height:2px;background:#2f5597;margin:5px 0px;} .v2_bnc_title_mainpro{text-align:left;line-height:30px;margin-top:10px;margin-bottom:10px;text-transform:uppercase;font-weight:600;} .v2_bnc_title_mainpro h3{font-size:14px; font-weight:bold; margin:0px;} .v2_bnc_title_mainpro h1{font-size:14px; font-weight:bold; margin:0px; color:#000; padding:0px; line-height:20px;} .v2_bnc_title_mainpro:after{content:'';display:block;width:55%;height:2px;background:#2f5597;margin:5px 0px;} .titletintuc{text-align:justify; text-transform:uppercase; line-height:30px;margin-bottom:10px;margin-top:20px;font-size:13px; font-weight:600} .tieude2:after{content:'';display:block;width:15%;height:2px;background:#2B419A;margin-top:0px;margin-bottom:10px} .titletintuc:after{content:'';display:block;width:15%;height:2px;background:#2B419A;margin-top:0px;margin-bottom:10px; } .xemtatca{text-align:center;line-height:90px;text-transform:uppercase;font-weight:600}.thongtinsanpham{text-align:center;line-height:35px}.thongtinsanpham a{color:#000;font-size:14px;line-height:22px}.thongtinsanpham a:hover{color:red;font-size:14px;line-height:22px} .ui-draggable,.ui-droppable{background-position:top}.article_img{height:180px;overflow:hidden} .footer_bottom{background-color:#3e3e3e; color:#fff;}#html5-watermark{display:none!important} .loaixe {border: 1px solid #e4e4e4; padding-left:20px; padding-block-start: 0.35em; text-align: justify;} .tieudesitemap {font-weight:bold;font-size:14px; text-transform:uppercase; line-height:26px;} .subsitemap li{padding-left:10px;} .cachtop5px {line-height:45px;} .a-tags {color:#fff;} .links_fixed3 {color:#3e3e3e; font-weight:bold; line-height:25px; font-size:14px; margin:0px; text-transform:uppercase;} .ngaydang{font-size:10px; line-height:16px; margin:0px; color:#bebebe;} .motangan {margin: 0px; font-size:13px;text-align:justify; width: 98%; height:100px; overflow: hidden; text-overflow: ellipsis;} .motanganinfo{margin: 0px; font-size:13px; height: 48px; text-align:justify;width: 98%; overflow: hidden; text-overflow: ellipsis;} .motangan-sanpham {min-height: 75px; text-align:justify;margin: 0px; font-size:13px;} .xemthempro{background-color: #2f5597; position: absolute;margin-top:0px; color: #fff; font-size: 13px; font-weight: normal; padding:10px 15px 10px 15px;} .xemthempro2{background-color: #2f5597; position: absolute; bottom: 0px; left: 38%; color: #fff; font-size: 13px; font-weight: normal; padding:10px 15px 10px 15px;} .xemthembuttonpro {background-color: #2f5597;margin-left: -2px; color: #fff; font-size: 13px; font-weight: normal; line-height: 35px; padding: 10px 15px 10px 15px;} .box_dichvu {min-height:380px;} .danhmuctim, .hangsanxuat, .trongtai, .giathapnhat, .giacaonhat, .khoanggiatim{margin:0px;} .headerthongtin {margin: 25px 0px 0px 0px; line-height: 28px; text-align: justify; font-size: 14px; } .borderhear {border-right:1px solid #e5e4e4; margin:20px 0px 20px 0px;} .textheader {margin: 0px; line-height: 20px; font-size: 12px; } .didong {} .email { text-transform: none;} .giolamviec {text-align:right;} .bgthongtinsanpham2{margin-top: 110px; } .taitrong {margin:0px; font-size:14px; color:#fff; margin-left:-5px;} .thongtinsanphampro a{color:#fff; font-weight:650; } .rutngantieude{ white-space: nowrap; width: 98%; overflow: hidden;text-overflow: ellipsis; } .thongtinsanphampro { position: absolute; z-index: 999;bottom: 0px; padding: 5px; background-color: rgb(0 0 0 / 59%); width: 95%; line-height: 25px;} } .motadichvu {text-align:center;} .bgxanhansuong { border:0px;} #toc{border: 1px solid #bba;background-color: #f7f8ff;padding:0px 0px 0px 10px;font-size: 90%;text-align: justify;width:100%; } #toc-header {display: inline;padding: 0;font-size: 100%; line-height:40px; margin:0px; font-weight: bold;} #toc hr{ padding:5px;} #toc ul{list-style-type: none;margin-left: 0; padding-left: 0;text-align: left;} .toc1 {} .toc2 {padding-left:20px;} .toc3{margin-left: 1em;} .toc4{margin-left: 2em;} article { display: block; font-size: 16px; color: #333; line-height: 1.5; margin-top: 15px; overflow: hidden; } article.area_articleFull { overflow: visible; height:auto !IMPORTANT; } .show-more::before { height: 55px; margin-top: -45px; content: -webkit-gradient(linear,0% 100%,0% 0%,from(#fff),color-stop(.2,#fff),to(rgba(255,255,255,0))); display: block; } .readmore { width: 90px; display: block; overflow: hidden; position: relative; line-height: 40px; font-size: 14px; color: #288ad6; margin: 10px auto; cursor: pointer; } .readmore:after { content: ''; width: 0; right: 0; border-top: 6px solid #288ad6; border-left: 6px solid transparent; border-right: 6px solid transparent; display: inline-block; vertical-align: middle; margin: -2px 0 0 5px; } .tablethongsokythuat {border:0px solid #ddd; width:100%; border-collapse: collapse;} .tablethongsokythuat tr:hover {background-color: #ddd;} .tabletragop {border:1px solid #ddd; width:100%; border-collapse: collapse;} .tabletragop tr:nth-child(even){background-color: #2f5597; color:#fff;} .tabletragop tr:hover {background-color: #ddd;} .btn_nuttuvan {background-color:Green !important; color:#fff; padding:10px; border:0px;} .tongchiphi {text-align:center !important; padding-top: 12px; color:#fff; background-color: #4CAF50; font-size:14px; line-height:30px; font-weight:bold;} .rvButtonRow { padding-right: 0em !important; padding-bottom: 1em !important; text-align: left !important; font-size: medium; } .rvButton { cursor: pointer; display: inline-block; margin-left: 1em !important; padding: 5px !important; border-radius: 3px; font-size: small; } .modal-footer { padding: 15px; text-align: left; border-top: 0px solid #e5e5e5; } .breadcrumb { padding: 5px 0px 0px 15px; margin-bottom: 5px; list-style: none; background-color: #fafafa; border-radius: 0px; } .breadcrumb span { display: inline-block; font-size: 13px; color: #000; padding: 0px ; line-height: 18px; } .breadcrumb span.age { display: inline-block; font-size: 10px; color: #000; padding: 0px ; line-height: 18px; } .breadcrumb li { display: inline-block; vertical-align: middle; overflow: hidden; } .breadcrumb li a { display: inline-block; white-space: nowrap; font-size: 13px; color: #288ad6; padding: 0px 5px 0px 5px; } #header_mobile {margin-top:-2px;}