@charset "utf-8";
.dmd-phone { position: fixed; visibility: hidden; background-color: transparent; width: 120px; height: 120px; cursor: pointer; z-index: 200000 !important; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition: visibility .5s; -moz-transition: visibility .5s; -o-transition: visibility .5s; transition: visibility .5s; left: -40px; bottom: 42px; }
.dmd-phone.dmd-show { visibility: visible }
@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
100% { opacity: 1; -webkit-transform: none; transform: none }
}
@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) }
100% { opacity: 1; -webkit-transform: none; transform: none }
}
@-webkit-keyframes fadeOutRight { 0% { opacity: 1 }
100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
}
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight }
.dmd-phone.dmd-static { opacity: .6 }
.dmd-phone.dmd-hover, .dmd-phone:hover { opacity: 1 }
.dmd-ph-circle { width: 120px; height: 120px; top: 40px; left: 40px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); border: 2px solid #bfebfc 9; opacity: .1; -webkit-animation: dmd-circle-anim 1.2s infinite ease-in-out; -moz-animation: dmd-circle-anim 1.2s infinite ease-in-out; -ms-animation: dmd-circle-anim 1.2s infinite ease-in-out; -o-animation: dmd-circle-anim 1.2s infinite ease-in-out; animation: dmd-circle-anim 1.2s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.dmd-phone.dmd-active .dmd-ph-circle { -webkit-animation: dmd-circle-anim 1.1s infinite ease-in-out !important; -moz-animation: dmd-circle-anim 1.1s infinite ease-in-out !important; -ms-animation: dmd-circle-anim 1.1s infinite ease-in-out !important; -o-animation: dmd-circle-anim 1.1s infinite ease-in-out !important; animation: dmd-circle-anim 1.1s infinite ease-in-out !important }
.dmd-phone.dmd-static .dmd-ph-circle { -webkit-animation: dmd-circle-anim 2.2s infinite ease-in-out !important; -moz-animation: dmd-circle-anim 2.2s infinite ease-in-out !important; -ms-animation: dmd-circle-anim 2.2s infinite ease-in-out !important; -o-animation: dmd-circle-anim 2.2s infinite ease-in-out !important; animation: dmd-circle-anim 2.2s infinite ease-in-out !important }
.dmd-phone.dmd-hover .dmd-ph-circle, .dmd-phone:hover .dmd-ph-circle { border-color: #bf202f; opacity: .5 }
.dmd-phone.dmd-green.dmd-hover .dmd-ph-circle, .dmd-phone.dmd-green:hover .dmd-ph-circle { border-color: #555; border-color: #baf5a7 9; opacity: .5 }
.dmd-phone.dmd-green .dmd-ph-circle { border-color: #f00; border-color: #bfebfc 9; opacity: .5; }
.dmd-phone.dmd-gray.dmd-hover .dmd-ph-circle, .dmd-phone.dmd-gray:hover .dmd-ph-circle { border-color: #ccc; opacity: .5 }
.dmd-phone.dmd-gray .dmd-ph-circle { border-color: #555; opacity: .5 }
.dmd-ph-circle-fill { width: 80px; height: 80px; top: 60px; left: 60px; position: absolute; background-color: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .1; -webkit-animation: dmd-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: dmd-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: dmd-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: dmd-circle-fill-anim 2.3s infinite ease-in-out; animation: dmd-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.dmd-phone.dmd-active .dmd-ph-circle-fill { -webkit-animation: dmd-circle-fill-anim 1.7s infinite ease-in-out !important; -moz-animation: dmd-circle-fill-anim 1.7s infinite ease-in-out !important; -ms-animation: dmd-circle-fill-anim 1.7s infinite ease-in-out !important; -o-animation: dmd-circle-fill-anim 1.7s infinite ease-in-out !important; animation: dmd-circle-fill-anim 1.7s infinite ease-in-out !important }
.dmd-phone.dmd-static .dmd-ph-circle-fill { -webkit-animation: dmd-circle-fill-anim 2.3s infinite ease-in-out !important; -moz-animation: dmd-circle-fill-anim 2.3s infinite ease-in-out !important; -ms-animation: dmd-circle-fill-anim 2.3s infinite ease-in-out !important; -o-animation: dmd-circle-fill-anim 2.3s infinite ease-in-out !important; animation: dmd-circle-fill-anim 2.3s infinite ease-in-out !important; opacity: 0 !important }
.dmd-phone.dmd-hover .dmd-ph-circle-fill, .dmd-phone:hover .dmd-ph-circle-fill { background-color: rgba(240, 95, 160, 0.5); background-color: #bf202f 9; opacity: .75 !important }
.dmd-phone.dmd-green.dmd-hover .dmd-ph-circle-fill, .dmd-phone.dmd-green:hover .dmd-ph-circle-fill { background-color: rgba(0, 0, 0, 0.5); background-color: #baf5a7 9; opacity: .75 !important }
.dmd-phone.dmd-green .dmd-ph-circle-fill { background-color: #f00; opacity: .0 !important; }
.dmd-phone.dmd-gray.dmd-hover .dmd-ph-circle-fill, .dmd-phone.dmd-gray:hover .dmd-ph-circle-fill { background-color: rgba(204, 204, 204, 0.5); opacity: .75 !important }
.dmd-phone.dmd-gray .dmd-ph-circle-fill { background-color: rgba(0, 0, 0, 0.3); opacity: .5 !important }
.dmd-ph-img-circle { width: 40px; height: 40px; top: 80px; left: 80px; position: absolute; background: rgba(30,30,30,0.1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==") no-repeat center center; -webkit-background-size: 80%; background-size: 80%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .7; -webkit-animation: dmd-circle-img-anim 1s infinite ease-in-out; -moz-animation: dmd-circle-img-anim 1s infinite ease-in-out; -ms-animation: dmd-circle-img-anim 1s infinite ease-in-out; -o-animation: dmd-circle-img-anim 1s infinite ease-in-out; animation: dmd-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.dmd-phone.dmd-active .dmd-ph-img-circle { -webkit-animation: dmd-circle-img-anim 1s infinite ease-in-out !important; -moz-animation: dmd-circle-img-anim 1s infinite ease-in-out !important; -ms-animation: dmd-circle-img-anim 1s infinite ease-in-out !important; -o-animation: dmd-circle-img-anim 1s infinite ease-in-out !important; animation: dmd-circle-img-anim 1s infinite ease-in-out !important }
.dmd-phone.dmd-static .dmd-ph-img-circle { -webkit-animation: dmd-circle-img-anim 0s infinite ease-in-out !important; -moz-animation: dmd-circle-img-anim 0s infinite ease-in-out !important; -ms-animation: dmd-circle-img-anim 0s infinite ease-in-out !important; -o-animation: dmd-circle-img-anim 0s infinite ease-in-out !important; animation: dmd-circle-img-anim 0s infinite ease-in-out !important }
.dmd-phone.dmd-hover .dmd-ph-img-circle, .dmd-phone:hover .dmd-ph-img-circle { background-color: #bf202f }
.dmd-phone.dmd-green.dmd-hover .dmd-ph-img-circle, .dmd-phone.dmd-green:hover .dmd-ph-img-circle { background-color: #f60; }
.dmd-phone.dmd-green .dmd-ph-img-circle { background-color: #f00; }
.dmd-phone.dmd-gray.dmd-hover .dmd-ph-img-circle, .dmd-phone.dmd-gray:hover .dmd-ph-img-circle { background-color: #ccc }
.dmd-phone.dmd-gray .dmd-ph-img-circle { background-color: #555 }
@-moz-keyframes dmd-circle-anim { 0% { -moz-transform: rotate(0) scale(.5) skew(1deg); opacity: .1; -moz-opacity: .1; -webkit-opacity: .1; -o-opacity: .1 }
30% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .5; -moz-opacity: .5; -webkit-opacity: .5; -o-opacity: .5 }
100% { -moz-transform: rotate(0) scale(1) skew(1deg); opacity: .6; -moz-opacity: .6; -webkit-opacity: .6; -o-opacity: .1 }
}
@-webkit-keyframes dmd-circle-anim { 0% { -webkit-transform: rotate(0) scale(.5) skew(1deg); -webkit-opacity: .1 }
30% { -webkit-transform: rotate(0) scale(.7) skew(1deg); -webkit-opacity: .5 }
100% { -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1 }
}
@-o-keyframes dmd-circle-anim { 0% { -o-transform: rotate(0) kscale(.5) skew(1deg); -o-opacity: .1 }
30% { -o-transform: rotate(0) scale(.7) skew(1deg); -o-opacity: .5 }
100% { -o-transform: rotate(0) scale(1) skew(1deg); -o-opacity: .1 }
}
@-moz-keyframes dmd-circle-fill-anim { 0% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
50% { -moz-transform: rotate(0) -moz-scale(1) skew(1deg); opacity: .2 }
100% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-webkit-keyframes dmd-circle-fill-anim { 0% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
50% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
100% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-o-keyframes dmd-circle-fill-anim { 0% { -o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
50% { -o-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
100% { -o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-moz-keyframes dmd-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) }
10% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) }
20% { -moz-transform: rotate(25deg) scale(1) skew(1deg) }
30% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) }
40% { -moz-transform: rotate(25deg) scale(1) skew(1deg) }
50% { -moz-transform: rotate(0) scale(1) skew(1deg) }
100% { -moz-transform: rotate(0) scale(1) skew(1deg) }
}
@-webkit-keyframes dmd-circle-img-anim { 0% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) }
30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) }
50% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
100% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
}
@-o-keyframes dmd-circle-img-anim { 0% { -o-transform: rotate(0) scale(1) skew(1deg) }
10% { -o-transform: rotate(-25deg) scale(1) skew(1deg) }
20% { -o-transform: rotate(25deg) scale(1) skew(1deg) }
30% { -o-transform: rotate(-25deg) scale(1) skew(1deg) }
40% { -o-transform: rotate(25deg) scale(1) skew(1deg) }
50% { -o-transform: rotate(0) scale(1) skew(1deg) }
100% { -o-transform: rotate(0) scale(1) skew(1deg) }
}
@-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none }
}
@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none }
}
@-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none }
}
@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none }
}
@-moz-keyframes fadeOutRight { 0% { opacity: 1 }
100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
}
@-webkit-keyframes fadeOutRight { 0% { opacity: 1 }
100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
}
@-o-keyframes fadeOutRight { 0% { opacity: 1 }
100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
}
@keyframes fadeOutRight { 0% { opacity: 1 }
100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
}
@-moz-keyframes dmd-circle-anim { 0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1 }
30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5 }
100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1 }
}
@-webkit-keyframes dmd-circle-anim { 0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1 }
30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5 }
100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1 }
}
@-o-keyframes dmd-circle-anim { 0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1 }
30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5 }
100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1 }
}
@keyframes dmd-circle-anim { 0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1 }
30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5 }
100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1 }
}
@-moz-keyframes dmd-circle-fill-anim { 0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-webkit-keyframes dmd-circle-fill-anim { 0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-o-keyframes dmd-circle-fill-anim { 0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@keyframes dmd-circle-fill-anim { 0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-moz-keyframes dmd-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) }
10% { transform: rotate(-25deg) scale(1) skew(1deg) }
20% { transform: rotate(25deg) scale(1) skew(1deg) }
30% { transform: rotate(-25deg) scale(1) skew(1deg) }
40% { transform: rotate(25deg) scale(1) skew(1deg) }
50% { transform: rotate(0) scale(1) skew(1deg) }
100% { transform: rotate(0) scale(1) skew(1deg) }
}
@-webkit-keyframes dmd-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) }
10% { transform: rotate(-25deg) scale(1) skew(1deg) }
20% { transform: rotate(25deg) scale(1) skew(1deg) }
30% { transform: rotate(-25deg) scale(1) skew(1deg) }
40% { transform: rotate(25deg) scale(1) skew(1deg) }
50% { transform: rotate(0) scale(1) skew(1deg) }
100% { transform: rotate(0) scale(1) skew(1deg) }
}
@-o-keyframes dmd-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) }
10% { transform: rotate(-25deg) scale(1) skew(1deg) }
20% { transform: rotate(25deg) scale(1) skew(1deg) }
30% { transform: rotate(-25deg) scale(1) skew(1deg) }
40% { transform: rotate(25deg) scale(1) skew(1deg) }
50% { transform: rotate(0) scale(1) skew(1deg) }
100% { transform: rotate(0) scale(1) skew(1deg) }
}
@keyframes dmd-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) }
10% { transform: rotate(-25deg) scale(1) skew(1deg) }
20% { transform: rotate(25deg) scale(1) skew(1deg) }
30% { transform: rotate(-25deg) scale(1) skew(1deg) }
40% { transform: rotate(25deg) scale(1) skew(1deg) }
50% { transform: rotate(0) scale(1) skew(1deg) }
100% { transform: rotate(0) scale(1) skew(1deg) }
}
#dmd-wrapper { position: fixed; width: 100%; bottom: 0; top: 0; left: 0; z-index: 2000000; overflow: visible; display: none; color: #383838 }
#dmd-wrapper.night-mode { color: #fff }
.dmd-popup-close { -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: absolute !important; right: -15px !important; top: -15px !important; height: 30px !important; width: 30px !important; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGMTI2QTcxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRGMTI2QTYxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iCEbHAAABl0lEQVR42sSXS07DMBCGnSKyDorEAVjACTgCIEVlXU5R9QjlCk3VAzTrLhMJ2NIVJ2DDuo9EsKUszEw0kaIQbI+bxy/9UhRP5pMcjz12pJTCQKfgO/AN+Bp8AfZo7Av8AX4Dv4CfwD/ajAhW2ANPwTtprj1946lyq6AP4I2014ZyGINPwAvZnBaUUwnGgJVsXqsqvAoOZXua/wceyfY1KngOlROWxjv4XLSrHfgKS3BALyYdQAUxJkUdu7o6jeNYZlmmnUeMwViNkOUieKiLTNNURlGkhOPYcrnMYw00RPDMJFIFZ0JRIYJfTaPr4BZQ1Fow9+EcgCAEWkLz/4zl9A1rzOUsTQCKJEny5yAIhO/73NV9GNjUhOM4tc8scae6PL3laedONYLXNtC6f85dXDNb6BHw0GgDKaCqxEz4fbFlpk1smQjnbJmCeqSuNO3jWNyDL8vHIrao4w6OxTGx/rQ+8z5an16bvd7a22pDvz0CuOU29NUrzKOuzqvlTN8orzAO89J2W7q0ndHYZ+nS9kw+6BL+CjAAEvDTBJC9qhAAAAAASUVORK5CYII="); background-position: center center; background-repeat: no-repeat; cursor: pointer !important; -webkit-transition: .3s ease-out !important; -moz-transition: .3s ease-out !important; -o-transition: .3s ease-out !important; transition: .3s ease-out !important }
#dmd-wrapper.night-mode .dmd-popup-close { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY2REUyNDQxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY2REUyNDMxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56uyuzAAABfUlEQVR42sSXvU7DMBDHYxCdw8IDMMCWTDwCdClznLcJr9BUfYs+ALDSqXMisTD3S4K1MBx3kS1ZVuqvNslf+kuRfL5f5OTsMwOAyEFX6DH6Ef2AvkXHYuwH/YVeod/Rr+g/a0YCGxyjC/QW3LUTc2JTbhOUo9cQrrXI4Qy+RM/hfJqLnEYwBSzg/FrocB1cQneaHQNn0L0yyWOinKg0PtE3Ubfaou+bEhRvUEB/KuRSj2x1muc51HVtzUgxnHNbGLFGBJ7YIquqgjRNjXAaS5KkiXXQhMBTl0gT3BNKKgn84RrdBg+AkpaR5z7cAAhEwEBo850JfPCdJeGBUNLhIqQYGWOtz17yXWp1edVlD1nqZQi07Zv7/lzTUOgJ8NJpA5FQU2JP+LPcMvfGIyXLnBISnGJdt8xBDom+j8Ud+k49FvtqBPix1mc2ROszaLM3WHurN/SbE4Ab34Zev8K82Opc017MMV5hmOel7Um5tF2LsW/l0vYm/GtL+C/AAAHy+OD95QLeAAAAAElFTkSuQmCC") }
#dmd-wrapper .dmd-popup-close:hover { opacity: .6 !important }
.dmd-popup { display: inline-block; position: relative; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyIUPNCUUwAAAA1JREFUCNdj+P///2cACe8D8SyfS4EAAAAASUVORK5CYII="); -webkit-transition: .6s ease-out; -moz-transition: .6s ease-out; -o-transition: .6s ease-out; transition: .6s ease-out; margin: 0 auto; z-index: 200001; text-align: center; padding: 60px 75px }
#dmd-wrapper.night-mode .dmd-popup { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=") }
#dmd-wrapper .dmd-overlay { position: fixed; width: 100%; height: 100%; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII="); top: 0; left: 0; z-index: 200000 }
.dmd-popup h3 { font-size: 24px; margin: 0 0 40px; font-family: 'Open Sans'; font-weight: 300; white-space: nowrap }
.night-mode .dmd-popup h3 { font-size: 23px }
.night-mode .dmd-message { padding-bottom: 0 }
.dmd-message { height: 32px; padding: 18px 0 13px 0; text-align: center; clear: both; font-size: 14px }
#dmd-wrapper .dmd-popup .dmd-input-wrapper .label, #dmd-wrapper .dmd-popup .dmd-input-wrapper .label + .input { float: left; width: 49% }
#dmd-wrapper .dmd-popup .dmd-input-wrapper .input { padding: 0 13px }
#dmd-wrapper .dmd-popup .dmd-input-wrapper label { color: #616161; font-size: 18px; height: 28px; line-height: 28px; padding-right: 15px }
.dmd-number { color: #00bed5; font-size: 28px; font-family: Montserrat, "Lucida Console", Monaco, monospace, sans-serif; font-weight: normal; background-color: transparent; border: none; border-width: 0; display: inline-block; border-bottom: #00bed5 solid 1px; padding-bottom: 10px; margin: 0 auto; width: 221px }
dmd-number::-ms-clear { display: none; width: 0; height: 0 }
.night-mode .dmd-number { border: #00bed5 solid 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 13px 31px }
#dmd-wrapper .dmd-popup .dmd-input-wrapper input[type="text"].valid-invalid { color: #ff496b }
#dmd-wrapper .dmd-popup .dmd-input-wrapper input[type="text"]:focus { outline: 0 }
#dmd-wrapper .dmd-popup .dmd-input-wrapper input[type="text"]::-webkit-input-placeholder { color: #d1d1d1 }
#dmd-wrapper .dmd-popup .dmd-input-wrapper input[type="text"]::-moz-placeholder { color: #d1d1d1 }
#dmd-wrapper .dmd-popup .dmd-input-wrapper input[type="text"]::-ms-input-placeholder { color: #d1d1d1 }
#dmd-wrapper .dmd-popup .dmd-input-wrapper input[type="text"]::-moz-placeholder { color: #d1d1d1 }
#dmd-wrapper.night-mode .dmd-popup .dmd-input-wrapper input[type="text"]::-webkit-input-placeholder { color: #60615f }
#dmd-wrapper.night-mode .dmd-popup .dmd-input-wrapper input[type="text"]::-moz-placeholder { color: #60615f }
#dmd-wrapper.night-mode .dmd-popup .dmd-input-wrapper input[type="text"]::-ms-input-placeholder { color: #60615f }
#dmd-wrapper.night-mode .dmd-popup .dmd-input-wrapper input[type="text"]::-moz-placeholder { color: #60615f }
#dmd-wrapper .dmd-popup .dmd-submit { border: none; border-width: 0; padding: 20px 40px; background-color: #333; -webkit-border-radius: 68px; -moz-border-radius: 68px; -webkit-border-radius: 68px; -moz-border-radius: 68px; border-radius: 68px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 20px; color: #fff; cursor: pointer; outline: none !important }
#dmd-wrapper.night-mode .dmd-popup .dmd-submit { background-color: #00bed5 }
#dmd-wrapper .dmd-popup .dmd-submitavtive, #dmd-wrapper .dmd-popup .dmd-submitvisited { outline: none !important }
#dmd-wrapper .dmd-popup .dmd-submit-moz-focus-inner { border: 0 }
#dmd-wrapper .dmd-popup .dmd-submit:hover { background-color: #bf202f; background-color: #bf202f }
.dmd-blur { -webkit-filter: blur(3px); -ms-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); filter: blur(3px); filter: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48L2ZpbHRlcj48L3N2Zz4jYmx1cg==#blur") }
#coccoc-countdown { padding-top: 20px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 28px; font-weight: 300 }
.dmd-request-time { font-family: "Open Sans", Arial, Helvetica, sans-serif; padding: 6px 12px; font-size: 18px; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s }
#dmd-wrapper.night-mode .dmd-request-time { color: #fff; background-color: #515350; border: 1px solid #606260 }
#dmd-wrapper.night-mode .dmd-popup h3 { margin-bottom: 15px }
#dmd-wrapper.night-mode .dmd-form .dmd-select-wrapper { margin-bottom: 35px }
.dmd-table { display: table; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0 }
.dmd-cell { display: table-cell; vertical-align: middle; text-align: center }
.valid-invalid-message { font-size: 13px; color: #ff496b }
.valid-invalid-message:before { content: "* " }

.menu-bar.hidden-md.hidden-lg .fa { font-size: 26px; color: #fff; }
.mm-hidden { display: none !important; }
.mm-wrapper { overflow-x: hidden; position: relative; }
.mm-menu,.mm-panels,.mm-panels>.mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; }
.mm-menu { box-sizing: border-box; background: inherit; display: block; overflow: hidden; padding: 0; background: #fff }
.mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.mm-panel.mm-opened { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); }
.mm-panel.mm-highest { z-index: 1; }
.mm-panels,.mm-panels>.mm-panel { background: inherit; border-color: inherit; }
.mm-panels>.mm-panel { background: #fff; border-color: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; }
.mm-panels>.mm-panel.mm-hasnavbar { padding-top: 0px; }
.mm-panels>.mm-panel:before,.mm-panels>.mm-panel:after { content: ''; display: block; height: 0px; }
.mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; }
.mm-vertical .mm-listview .mm-panel,.mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; }
.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after,.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after { border-color: transparent; }
.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel { display: block; }
.mm-vertical .mm-listview>li>.mm-next,.mm-listview>li.mm-vertical>.mm-next { height: 40px; bottom: auto; }
.mm-vertical .mm-listview>li>.mm-next:after,.mm-listview>li.mm-vertical>.mm-next:after { top: 16px; bottom: auto; }
.mm-vertical .mm-listview>li.mm-opened>.mm-next:after,.mm-listview>li.mm-vertical.mm-opened>.mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: left; line-height: 25px; height: 42px; padding: 0 20px 0px 15px; margin: 0; position: relative; top: 0; left: 0; right: 0; }
.mm-navbar>* { display: block; padding: 10px 0; }
.mm-navbar a,.mm-navbar a:hover { text-decoration: none; }
.mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.mm-navbar .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: -5px; z-index: 1; }
.mm-navbar .mm-btn:first-child { padding-left: 10px; right: 15px; }
.mm-navbar .mm-btn:last-child { text-align: right; padding-right: 20px; right: 0; }
.mm-panel .mm-navbar { display: none; }
.mm-panel.mm-hasnavbar .mm-navbar { display: block; background: #f60; }
.mm-listview,.mm-listview>li { list-style: none; display: block; padding: 0; margin: 0; }
.mm-listview { font: inherit; font-size: 14px; line-height: 20px; }
.mm-listview a,.mm-listview a:hover { text-decoration: none; }
.mm-listview>li { position: relative; }
.mm-listview>li,.mm-listview>li:after,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before { border-color: inherit; }
.mm-listview>li>a, .mm-listview>li>span { font-size: 13px; text-transform: uppercase; font-weight: 400; color: inherit; display: block; overflow: hidden; padding: 8px 12px 8px 12px; }
.mm-listview>li>a.mm-arrow,.mm-listview>li>span.mm-arrow { padding-right: 50px; }
.mm-listview>li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: dashed; display: block; position: absolute; left: 0; right: 0; bottom: 0; }
.mm-listview>li:not(.mm-divider):after { left: 0px; }
.mm-listview .mm-next { background: rgba(3,2,1,0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; }
.mm-listview .mm-next+a,.mm-listview .mm-next+span { margin-right: 50px; }
.mm-listview .mm-next.mm-fullsubopen { width: 100%; }
.mm-listview .mm-next.mm-fullsubopen:before { border-left: none; }
.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span { padding-right: 50px; margin-right: 0; }
.mm-panels>.mm-panel>.mm-listview { margin: 20px 0 -20px; }
.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview { margin-top: 0px; }
.mm-listview .mm-inset { list-style: inside disc; padding: 0 10px 15px 40px; margin: 0; }
.mm-listview .mm-inset>li { padding: 5px 0; }
.mm-listview .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; }
.mm-listview .mm-spacer { padding-top: 40px; }
.mm-listview .mm-spacer>.mm-next { top: 40px; }
.mm-listview .mm-spacer.mm-divider { padding-top: 25px; }
.mm-next:after,.mm-arrow:after { content: ''; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; font: normal normal normal 14px/1 FontAwesome; content: "\f105"; font-size: 20px; line-height: 6px; }
.mm-prev:before { font: normal normal normal 18px/1 FontAwesome; content: "\f00d"; border-right: none; border-bottom: none; left: 23px; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; font-weight: 100; font-size: 20px; line-height: 20px; }
.mm-next:after,.mm-arrow:after { border-top: none; border-left: none; right: 23px; }
.mm-menu { background: #f3f3f3; border-color: rgba(0,0,0,0.1); color: rgba(0,0,0,0.7); }
.mm-menu .mm-navbar>*,.mm-menu .mm-navbar a { color: #fff; font-family: 'Open sans', sans-serif; font-size: 14px; font-weight: 400; text-transform: uppercase; }
.mm-menu .mm-navbar .mm-btn:before,.mm-menu .mm-navbar .mm-btn:after { border-color: #fff; }
.mm-menu .mm-listview { border-color: rgba(0,0,0,0.1); }
.mm-menu .mm-listview>li .mm-next:after,.mm-menu .mm-listview>li .mm-arrow:after { border-color: rgba(0,0,0,0.3); }
.mm-menu .mm-listview>li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255,255,255,0.5); tap-highlight-color: rgba(255,255,255,0.5); }
.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span { background: #fff; }
.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel { background: rgba(0,0,0,0.05); }
.mm-menu .mm-divider { background: rgba(0,0,0,0.05); }
.mm-page { box-sizing: border-box; position: relative; background: none !important; z-index: 9; }
.mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; }
html.mm-opened { overflow-x: hidden; position: relative; }
html.mm-blocking { overflow: hidden; }
html.mm-blocking body { overflow: hidden; }
html.mm-background .mm-page { background: inherit; }
#mm-blocker { background: #030201; opacity: .3; display: none; width: 100%; height: 100%; position: fixed; top: 0 !important; left: 0; z-index: 999999; }
html.mm-blocking #mm-blocker { display: block; }
.mm-menu.mm-offcanvas { display: none !important; position: fixed; }
.mm-opened.mm-blocking.mm-background .mm-menu.mm-offcanvas { display: block !important; }
.mm-menu.mm-current { display: block; }
.mm-menu { top: 0px !important; width: 80%; min-width: 140px; max-width: 440px; z-index: 0; }
html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); }
.video_id i.fa.fa-youtube-play { font-size: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #000; opacity: 0.4; }
.video_id li:hover i.fa.fa-youtube-play { color: #f10b0b; opacity: 0.8; }

.dv_kiemtra_donhang_cont li { list-style: none; width: calc(50% - 20px); float: left; margin: 0 10px 10px; }
.dv_kiemtra_donhang_cont li span { display: block; font-size: 16px; color: #333; padding-bottom: 7px; }
.dv_kiemtra_donhang_cont li span i { margin-right: 8px; }
.dv_kiemtra_donhang_cont h4 a { text-transform: uppercase; font-size: 15px; padding: 0 25px; margin-left: 10px; height: 40px; line-height: 40px; margin-top: 5px; color: #FFF; background: #f37435; white-space: nowrap; border-radius: 5px; 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; display: inline-block; }
.dv_kiemtra_donhang_cont h4 a:hover { color: #FFF; background: #76c04e; }
.kiemtra_donhang.no_box .dv-load-hd-js { font-size: 14px; padding: 10px; color: red; }
.dv-load-hd-js p { width: 100%; display: block; float: left; text-align: left; }
.dv-load-hd-js p.dang-giao, .dv-load-hd-js p.hoan-thanh,.dv-load-hd-js p.huy ,
.dv-load-hd-js p.moi { font-size: 13px; ; }
.dv-load-hd-js p.moi { color: #FF5722; }
.dv-load-hd-js p.dang-giao  { color: #2196f3; }
.dv-load-hd-js p.huy { color: #673AB7; }
.dv-load-hd-js p.hoan-thanh { color: #ccc; }
.dv-load-hd-js .dv-table-reposive.dv-thongtin-thanhtoan { color: #333; }
.dv-load-hd-js .dv-table-reposive.dv-thongtin-thanhtoan table { margin-bottom: 5px; }
.dv-load-hd-js .dv-table-reposive.dv-thongtin-thanhtoan table, .dv-load-hd-js .dv-table-reposive.dv-thongtin-thanhtoan table * { font-size: 14px !important; }
.dv-load-hd-js .dv-table-reposive.dv-thongtin-thanhtoan table th { white-space: nowrap; }
.dv-load-hd-js #cart_list td #pro_sum { white-space: normal; padding: 0; margin: 0; }
.dv-load-hd-js .dv-anh { width: calc(100% - 100px); text-align: left; float: left; }
.dv-load-hd-js .dv-table-reposive.dv-thongtin-thanhtoan table * { text-align: left; }
.dv-load-hd-js .dv-table-reposive.dv-thongtin-thanhtoan > table td:first-child { width: 22% !important; min-width: 100px }
.dv-load-hd-js.dv-load-hd-js-top { padding-top: 0 !important; padding-bottom: 0 !important; }

@media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); }
}
.flex { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
img.ajax_img_loading { height: 20px; margin-left: 5px; display: none; }
.ajax_scron { position: absolute; top: -125px; z-index: -1; }
.cur { cursor: pointer; }
.no_box, .no_box * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.mn-mobile { display: none; }
.albumView .galleria-image {width: calc(25% - 14px) !important;}
.albumView .fullscreen .galleria-image { width: inherit !important;}
.owl-item{margin: 0;}
.owl-wrapper {display: flex !important; display: -webkit-flex !important; flex-wrap: wrap !important; -webkit-flex-wrap: wrap !important; height: 100%; float: left;}
.owl-wrapper .owl-item { float: left; margin: 0; }
.owl-carousel .owl-item .item { height: 100%; float: left; width: 100%; }
.owl-carousel.owl-theme {float: left}

.dv-popup-new{ overflow: auto;  overflow-y: scroll; position: fixed; bottom: 0; right: 0; top: 0; left: 0; background: rgba(0,0,0,.8); opacity: 0; z-index: -9 }
.body_hide{overflow: hidden;}
.dv-popup-new-child {opacity: 0; width: 555px; height: auto; position: absolute;  left: 50%; top: 50%;  overflow: visible; z-index: 8030;  transform: translate(-50%, -50%); margin-top: 20px; margin-bottom: 40px; max-width: 88%}
.dv-popup-new-child.actiok {top: 20px; transform: translate(-50%);  opacity: 1}
.dv-popup-new.acti{opacity: 1; z-index: 99}
.dv-popup-new.acti .dv-popup-new-child  { opacity: 1; }
a.popup-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; background-image: url(../images/fancybox_sprite.png); z-index: 8040; }
.dv-nd-popup { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; position: relative; }
.dv-nd-popup { position: relative; background: #f9f9f9; color: #444; padding: 0px !important; text-shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); padding: 15px !important; }

.dangnhap_popup .titBox { text-align: left !important; margin-bottom: 10px; }
.dangnhap_popup .titBox:after { display: block; height: 3px; margin: 0; width: 100px; background: #D3AD63; border-radius: 100px; }
.dangnhap_popup .titBox h3 { font-size: 22px; padding: 0 0 5px; }
.dangnhap_popup.no_box .row-frm p { font-size: 15px; margin-bottom: 4px; }
.dangnhap_popup.no_box .row-frm { margin-bottom: 7px; position: relative;}
.dangnhap_popup .titBox.titBox2 { margin-top: 15px; }
.dangnhap_popup.no_box .row-frm input { height: 36px; padding: 0 10px; }
.dangnhap_popup.no_box .row-frm .span_mbv { position: absolute; right: 0; bottom: 0; }
.dangnhap_popup.no_box .row-frm .span_mbv i.fa.fa-refresh { position: absolute; right: 3px; bottom: 3px; font-size: 9px; color: #929292; }
.dangnhap_popup.no_box .row-frm .span_mbv img#img_contact_cap { height: 36px; position: absolute; right: 0; bottom: 0; cursor: pointer; }
img.img_load_from_dktv { height: 20px; margin-left: 5px; display: none; }
.box_dangnhap_popup a { font-size: 17px; padding: 6px 35px; text-align: center; font-weight: normal; color: #fff; text-transform: uppercase; background: #D3AD63; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; display: inline-block; margin-top: 13px; }
.box_dangnhap_popup a:hover { color: #fff; background: #f9bc46;}
.dangnhap_popup.no_box .row-frm a.dk_dangnhap_1 { color: #ef3636; font-size: 16px; }
.dangnhap_popup.no_box .row-frm a.dk_dangnhap_2 { color: #ef3636; font-size: 16px; float: right}
#payment_method .payment_method_input { height: auto !important; }
#payment_method .payment_method_input input { width: 20px !important;; height: 20px !important; float: left !important;}
#payment_method .payment_method_input label {    margin-top: 7px; display: block; line-height: 1; }
#payment_method .payment_method_input label span {    position: relative !important; width: calc(100% - 20px) !important; margin: 0 !important; line-height: 1.5 !important; }
#payment_method h3 { margin: 6px 0 5px !important; }
.owl_cont{overflow: hidden;}
#div_id_map {width: 100%; height: 400px}
.owl-wrapper-outer { overflow: hidden; }
.db_left_pt, .db_right_pt {display: none !important}
.banner li, .banner, .bannerMain ,.banner .caroufredsel_wrapper{height: auto !important}
.banner li img{width: 100%; height: auto; float: left;}
.banner li + li img {display: none}
.caroufredsel_wrapper .banner li + li img {display: block}
.dv-fb_coment{width: 100%}
.dv-fb_coment iframe{width: 100% !important}
.col-md-4.row-frm.row-frm-mbv i.fa.fa-refresh { position: absolute; bottom: 3px; right: 3px; font-size: 10px; color: #989898; }
.col-md-4.row-frm.row-frm-mbv img#img_contact_cap { height: 41px; bottom: 2px; position: absolute; right: 2px; border-radius: 0 3px 3px 0; }
.col-md-4.row-frm.row-frm-mbv { position: relative; }
p.text_quen_mat_kahu { font-size: 15px; line-height: 1.7; }
.ungtuyen_popup p { font-size: 15px; margin-bottom: 5px; }
.lm_1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.lm_2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.lm_3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.lm_4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.dv-fb-coment, .dv-fb-coment iframe {width: 100% !important}
.dv-slider-nang li { list-style: none; border: 1px solid #ccc; padding: 6px; background: #fff; width: calc(100% - 10px); margin: 0 5px; }
.dv-slider-nang .owl-prev, .dv-slider-nang .owl-next { position: absolute; width: 12px; border: solid 1px #ccc; top: 50%; height: 50px; left: 0px; border-radius: 5px 0px 0px 5px; background: url(../images/pro_slide_prev.png) no-repeat center center #f4f4f4; margin-top: -23px; cursor: pointer; text-indent: -100px; overflow: hidden; opacity: .9 }
.dv-slider-nang .owl-next { left: auto; right: 0;border-radius: 0px 5px 5px 0px; background: url(../images/pro_slide_next.png) no-repeat center center #f4f4f4; }
.dv-slider-nang .owl-prev:hover, .dv-slider-nang .owl-next:hover{ opacity: 1; }
.dv-anh-cart-sp img { max-width: 80px; float: left; margin-right: 10px; }
.dv-table-reposive .mobileqty input { width: 100% !important; border: 1px solid #dcdcdc; padding: 4px 7px; max-width: 100px; }
.dv-table-reposive button.pro_del { width: auto; padding: 6px 15px; background: #43a047; color: #fff; border: none; font-size: 13px; cursor: pointer; margin: 0 auto; }
.dv-tongtien.no_box { float: right; padding: 10px 0; font-size: 16px; }
label.tb_tongtien { color: #ff3d3d; font-weight: 700; }
.dv-btn-cart { text-align: center; width: 100%; }
p.p_mota_cart span { background: #18babd; border-radius: 3px; padding: 2px 5px; margin: 2px 3px 2px 0; font-size: 13px; color: #fff; }
.dv_404_gohome { text-align: right; } 
.dv_404_gohome a { background: url(../nguoiquanly/images/icon_menu_home.png) center left no-repeat; background-size: 16px; padding: 25px 0 20px 22px; color: #636363; } 
.dv_404_gohome a:hover { text-decoration: underline; } 
.showText_404{min-height: 180px}
.hinhanh_ct_right{display: none}
.noidung_ct_left {width: 100%}
.pro_home_id_2 .owl-prev, .pro_home_id_2 .owl-next { background: #A5693C; width: 34px; margin: 10px 3px 5px; display: inline-block; height: 34px; text-align: center; font-size: 26px; color: #fff; cursor: pointer; }
.pro_home_id_2 .owl-buttons { text-align: center; }
img.isload[src="../images/rolling.svg"] { opacity: .5; width: 50px; height: 50px; }
img.isload[src=""] { opacity: 0; width: 50px; height: 50px; }
ul.rightNav.no_box img { height: 20px; }
div .newsletter_home .col-md-7.row-frm ,div .newsletter_home h2{ width: calc(25% - 20px); margin: 0px 10px 0; }
div .newsletter_home h2 a { display: block; padding-left: 0 !important; padding-right: 0 !important; width: 100%; text-align: center; }
.showText.showText_lienhe p { margin: 0; padding: 0; }
.dv-anh p { color: #908e8e; font-size: 13px; line-height: 20px; }
.img_load_js_sao { height: 21px; position: absolute; margin-top: 5px; }
.link_page li { white-space: nowrap; height: 20px; overflow: hidden; }
.link_page li i { float: left; display: inline-block; }
.link_page li a { display: inline-block !important; float: left; }
.link_page li span { display: inline-block; float: left; }
.p_sao {position: relative; display: inline-block;}
.p_sao img{width: 20px !important; height: 20px !important; position: absolute; top: 0; right: -20px}
.p_sao span { margin: 0 1.5px; }
.continue-shopping a { color: #333; }
.dv-foooter-map iframe { width: 100%; height: 210px; margin-bottom: 15px; float: left; }
.star_reviews_div i { display: block; font-style: normal; padding-top: 7px; }
@media only screen and (max-width: 1199px) {
div .right_tt_home { width: 330px; }
div .left_tt_home { width: calc(100% - 350px); }
div .left_tt_home ul { width: calc(50% - 20px); margin: 0 10px; }
div .left_tt_home ul h3 a { font-size: 15px; line-height: 24px; padding: 10px 0; }
div .left_tt_home ul h4 { font-size: 14px; padding: 0; line-height: 20px; }
div .left_tt_home ul p { color: #666; line-height: 25px; margin: 5px 0 3px; font-size: 14px; }
div .right_tt_home ul li { width: 120px; }
div .right_tt_home ul h3 { float: right; width: calc(100% - 120px); padding-left: 10px; }
div .right_tt_home ul h3 a { font-size: 15px; line-height: 23px; }
div .logo_doitac ul { width: calc(100% - 20px); }
div .viewLeft { width: 33%; }
div #bridal_images img { width: 100%; height: auto;}
div #bridal_images { width: 100%; height: auto;  }
div .viewRight { width: calc(66.66% - 270px); margin: 0 15px; }
div .one_new_home_right { float: right; width: 270px; padding-left: 15px; margin-left: 15px; margin-right: 10px; border-left: solid #e4e4e4 1px; }
div .one_new_home { float: left; width: calc(100% - 295px); }
div .one_new_home ul h3 a, .tti_more ul h3 a { font-size: 18px; line-height: 25px;}
div .tt_top_1 ul p, div .one_new_home ul p, div .tti_more ul p { font-size: 15px; color: #666; line-height: 23px; }
div .one_new_home_right li { width: 100px;}
div .one_new_home_right ul h3 { width: calc(100% - 100px); float: left; }
div .one_new_home_right ul h3 a { display: block; width: auto; font-size: 14px; line-height: 23px; }
div .tti_more li { width: 260px; }
div .tti_more ul { float: right; width: calc(100% - 260px); padding-left: 15px; }
div .one_new_home ul h3 a, div .tti_more ul h3 a {  font-size: 20px;  line-height: 27px;}
.tti_more ul h4 { font-size: 14px; }
}
@media only screen and (max-width: 991px) {
div .left_tt_home ul h3 a { font-size: 15px; line-height: 22px; padding: 10px 0 6px; }
div .right_tt_home ul h3 a { font-size: 14px; line-height: 22px; margin-bottom: 2px; }
.right_tt_home ul h3 span { font-size: 13px; line-height: 22px;  padding-top: 2px; }
div .left_tt_home ul h4 { font-size: 13px; }
div .left_tt_home ul p { line-height: 22px; }
div .right_tt_home { width: 280px;padding:15px 10px; }
div .right_tt_home ul li { width: 100px; }
div .right_tt_home ul h3 { float: right; width: calc(100% - 100px); padding-left: 10px; }
div .right_tt_home ul h3 { float: right; width: calc(100% - 100px); padding-left: 10px; }
div .left_tt_home { width: calc(100% - 300px); }
div .newsletter_home ul { width: 100%; }
div .gianhanggoiy_id { display: none; }
div .viewLeft { width: 45%; }
div .viewRight { width: calc(55% - 15px); margin: 0 0 0 15px; }
div .one_new_home { float: left; width: 100%; }
div .one_new_home_right { float: right; width: 100%; padding-left: 0; margin-left: 0; margin-right: 0; border-left: none; margin-top: 15px; }
div .tti_more li ,div .one_new_home_right li{ width: 150px; }
div .new_top_id { padding-bottom: 5px; }
div .one_new_home_right ul h3 ,div .tti_more ul{ width: calc(100% - 150px); float: left; }
div .title_news h2 { font-size: 20px; line-height: 27px; margin-bottom: 3px; }
div .tin_left h3 { font-size: 18px; line-height: 28px;}
div .title_news li { font-size: 14px;}
div .title_news { margin-bottom: 10px; }
}
@media only screen and (max-width: 767px) {
div .left_tt_home { width: 100%; }
div .right_tt_home { width: calc(100% - 20px); padding: 10px; margin: 15px 10px 0; }
div .right_tt_home .marquee { height: 300px !important; }
div .newsletter_home .col-md-7.row-frm, div .newsletter_home h2 { width: calc(50% - 10px); margin: 10px 5px 0; }
div .newsletter_home ul { padding: 0 5px; }
div .titleView { padding: 0px 0 15px 0; margin-bottom: 10px; line-height: 25px; font-size: 20px;}
div .viewRight h5 { font-size: 20px; line-height: 25px; font-weight: 500; padding-bottom: 0px; padding-left: 0; }
div .viewRight h5 span.gia_km { font-size: 15px;}
div .viewRight .desc {  margin-left: 0; }
div .viewRight .desc b { font-size: 14px; }
div .viewRight .desc li,div .gia_sp_mota ul li { line-height: 20px; margin-bottom: 8px; padding-left: 16px; font-size: 14px; }
div .quantity p {  font-size: 14px;  }
div .quantity label { font-size: 13px;}
div .quantity .plus { bottom: 27px; left: 115px; }
div .quantity .minus { font-size: 25px; left: 115px; }
div .quantity button { height: 52px; line-height: 50px; bottom: -1px; font-size: 14px; padding: 0 15px 0 42px; margin-left: 150px; }
.tb_rps tr:first-child { display: none !important; }
.tb_rps table, #cart_list thead, #cart_list tbody, #cart_list th, #cart_list td, #cart_list tr { display: block; }
.tb_rps thead tr { position: absolute; top: -9999px; left: -9999px; }
.tb_rps tr { border-bottom: 1px solid #ccc; }
.tb_rps td {display: block; border: none; border-bottom: 1px solid #e0e0e0; position: relative; padding-left: 50%; }
.tb_rps td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; }
.tb_rps td:before { content: attr(title) ": "; text-align: left !important }
.tb_rps td:nth-of-type(1):before { content: ""; display: none }
.tb_rps td:nth-of-type(1) { padding-left: 0; }
.tb_rps td img { width: 100%; text-align: center; display: block; }
.tb_rps td { text-align: right !important }
.tb_rps .tr_first { display: none }
.tb_rps td input { width: 50px; border: solid 1px #3c746b; }
.tb_rps td #pro_sum { width: auto; margin: 0; display: inline-block; margin-right: 0 !important; }
.tb_rps , .tb_rps * {float: none !important; display: block;}
.tb_rps td.dv-anh-cart-sp .dv-anh { width: 100%; float: left; margin: 6px 0; }
.tb_rps table tr a { font-size: 14px !important}
.tb_rps label.container { display: inline-block; }
.tb_rps #cart_list #pro_sum { font-size: 18px; margin-right: 0; font-weight: normal; display: inline-block; width: 100%; text-align: right; }
.tb_rps #cart_list #pro_sum label { display: inline-block !important; }
.tb_rps span { display: inline-block !important; }
.mobileqty .qty { width: 100px !important; display: inline-block; }
.tb_rps form { width: 100%; text-align: right; }
button.pro_del { width: 100px !important; display: inline-block !important; }
span#pro_sum label.tb_tongtien { display: inline-block !important; float: right !important; margin-left: 10px }
span#pro_sum { width: 100%; display: block; }
.dv-btn-cart.no_box.formBox a, .dv-send-hd.dv-send-hd-buy a { display: inline-block !important; font-size: 13px; margin: 5px 2px 0; padding: 0 13px; line-height: 36px; height: 36px; }
div #cart_list td { font-size: 14px; line-height: 25px; }
.dv_kiemtra_donhang_cont li { width: calc(100% - 20px); }
.dv-load-hd-js p { text-align: right; }
div .tin_left ul li, div .tti_more li, div .one_new_home_right li { width: 125px; }
div .one_new_home_right ul h3, div .tti_more ul, div .tin_left ul h4 { width: calc(100% - 125px); float: left; padding-left: 12px; }
div .one_new_home_right ul h3 a { padding: 0; }
div .tti_more ul h3 a { font-size: 15px; line-height: 23px; }
div .tt_top_1 ul p, div .one_new_home ul p, div .tti_more ul p { font-size: 14px; color: #666; line-height: 23px; }
div .tti_more ul h4 { font-size: 14px; line-height: 22px;  }
}
@media only screen and (max-width: 479px) {
div .left_tt_home ul { width: calc(100% - 20px); margin: 0 10px 15px; }
div .left_tt_home ul { margin: 0 10px 15px; }
div .newsletter_home .form-control { height: 38px; }
div .newsletter_home ul h2 a { height: 38px; padding: 0; font-size: 14px; line-height: 38px; box-shadow: none; }
div .viewLeft { width: 100%; }
div .viewRight { width: 100%; margin: 15px 0 0; }
.dv-btn-cart.no_box.formBox a, .dv-send-hd.dv-send-hd-buy a { display: block !important; width: 100%; text-align: center; }
div .contact.contact_lh.contact_lh_cart.no_box .left { width: 100%; float: left; padding-right: 0; }
div .contact.contact_lh.contact_lh_cart.no_box .right { width: 100%; float: left; padding-left: 0; }
div .one_new_home ul h3 a, div .tti_more ul h3 a { font-size: 16px; line-height: 23px; }
}


.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; }
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { display: none; }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-grab { cursor: move; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
.no-js .owl-carousel { display: block; }
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
@-webkit-keyframes fadeOut { 0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes fadeOut { 0% { opacity: 1; }
100% { opacity: 0; }
}
.owl-height { transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../images/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

body { margin: 0px auto; padding: 0px; font-size: 14px; line-height: 24px; font-family: 'Roboto', 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif; font-weight: 400; background: #fff; color: #333; }
* { margin: 0px auto; padding: 0px auto; outline: none; text-decoration: none;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clr { clear: both; }
ul { padding: 0px; }
img { border: 0; }
::selection { background-color: #ff4c3b; color: #fff; }
::-webkit-selection { background-color:#ED1C24; color: #fff; }
-webkit-::selection { background-color: #ff4c3b; color: #fff; }
::-moz-selection { background-color:#ED1C24; color: #fff; }
.pagewrap { position: relative; width: 1200px; margin: 0 auto; }
.padding_pagewrap { padding: 0 10px; }
.showText { font-size: 15px; line-height: 26px; }
.showText h1, .showText h2, .showText h3, .showText h4 { font-weight: 500; margin-bottom: 10px; }
.showText a{color:#333}
.showText a:hover{color:#fbc46d}
.showText p { padding-bottom: 10px; }
.showText img { display: block; margin: 0 auto; height: auto; max-width: 100%; }
.showText ul { padding-bottom: 10px; }
.showText ul li { margin-left: 35px; }
.banner_top { float: right; width: 100%; position: relative; }
.showText strong, .showText b { font-weight: 600; }
.banner_top:before { content: ""; background-repeat: repeat-x; height: 7px; width: 100%; display: block; position: absolute; z-index: 3; background-image: url(../images/rang-cua.png); top: 0; left: 0; }
.bannerInside { height: 335px; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.bannerMain { position: relative; overflow: hidden; height: 335px; }
.banner li { float: left; width: 100%; height: 335px; list-style: none; background-position: center center; background-size: cover; background-repeat: no-repeat; cursor: default; position: relative; }
.posBL { left: 0px; bottom: 0px; }
.pagiBanner { position: absolute; left: 0; right: 0; bottom: 35px; margin: auto; width: auto; text-align: center; z-index: 5; }
.pagiBanner a { display: inline-block; vertical-align: text-top; width: 14px; height: 14px; background: #efefef; text-indent: -100000px; margin: 0 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.pagiBanner a.selected { background: #43a047; }
.dv-gio-hang a { position: relative; }
.dv-gio-hang .is_num_cart { width: 18px; height: 18px; position: absolute; background: #ff4242; color: #fff; border-radius: 100px; text-align: center; line-height: 19px; top: -10px; left: 16px; font-size: 12px; }
.header .dv-gio-hang a { display: block; }
.dv-gio-hang img { margin-right: 10px; float: left;}
.dv-gio-hang { float: right; display: inline-block; padding: 0; padding-left: 0; line-height: 25px; }
.dv-menu-r { float: right; display: inline-block; }
.menu { float: right; margin: 0; padding:20px 0; }
.menu * { list-style: none; }
.menu > li + li { margin-left: 0; }
.menu > li { float: left; position: relative; }
.menu > li > a { display: block; line-height: 30px; position: relative; z-index: 2; font-size: 15px; text-decoration: none; color: #333; font-weight: 400; padding: 15px 8px; }
.menu > li > a i { display: inline-block; vertical-align: middle; margin: -2px 0 0 1px; color: inherit; font-size: 11px; }
.menu > li:hover > a, .menu > li > ul > li:hover> a { color: #43a047; }
.menu > li:hover > a:after { left: 0; right: 0; opacity: 1; }
.menu > li:hover > ul, .menu > li > ul  li:hover > ul { opacity: 1; visibility: visible; transform: none; -webkit-transform: none; -moz-transform: none; }
.menu > li > ul > li ul { top: 0 !important; left: 100% !important; }
.menu > li.active > a { color: #43a047; }
.menu > li.active > a:after { left: 0; right: 0; opacity: 1; }
.menu > li > ul ,.menu > li > ul > li ul{ position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; min-width: 140px; z-index: 3; margin: 0; padding: 0; padding-top: 0; display: block; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transform-origin: center top 0px; -moz-transform-origin: center top 0px; -webkit-transform-origin: center top 0px; transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); box-shadow: 0 1px 11px 0px rgba(0,0,0,0.2);}
.menu > li > ul > li ,.menu > li  ul > li{ z-index: 2; position: relative; margin: 0; color: #333; font-weight: 500; font-size: 14px; padding: 0 12px; background: #ffffff; min-width: 230px; }

.menu > li i { padding-left: 5px; }
.menu > li > ul > li:first-child ,.menu > li   ul > li:first-child{ padding-top: 10px; -moz-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; }
.menu > li > ul > li:last-child, .menu > li  ul > li:last-child { padding-bottom: 10px; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; }
.menu > li > ul > li:last-child > a, .menu > li  ul > li:last-child > a { border: none; }
.menu > li > ul > li > a , .menu > li ul li a{ display: block; color: inherit; line-height: 24px; background: rgba(255, 255, 255, 0); border-bottom: solid 1px rgba(255, 255, 255, 0.2); padding: 0; text-decoration: none !important; font-size: 14px; font-weight: 400; }
.menu > li > ul > li a ,.menu > li  ul > li a{ border-bottom: 1px dashed #ccc; padding: 6px 0; }
.menu > li > ul > li > a > span { display: none; }
.menu > li > ul > li:hover { z-index: 3; }
.menu > li > ul > li:hover > a ,.menu > li ul > li:hover > a{ padding-left: 5px; color: #43a047; }
.construction > span > a, .backTop, .menu > li > a, .menu > li > a:after, .btn, .slidePic .owl-prev, .slidePic .owl-next, .openFormSerch, .openFormSerch:after, .btn-pro, .aboutLink .tit, .banPro .owl-dot, .itemBan .desc .tit, .navVert .owl-prev, .navVert .owl-next, .oneNews .tit, .map:after, .map:before, .loadMore, .pic-pro-slider .owl-nav, .readmore > span, .readmore > label, .itemPro > span, .itemPro > h3, .itemPro > p, .menu > li > ul > li > a, .menu > li ul > li > a { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; }
.box_doitac_home { background: #eee; padding: 30px 0; }
.logo_doitac ul { margin: 10px; width: 121px; padding: 10px 29px; background: #fff; float: left; text-align: center; transition: all .3s; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }
.logo_doitac ul li, .logo_doitac ul li img { width: 100%; height: auto; webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); position: relative; overflow: hidden; display: block; }
.logo_doitac ul h3, .logo_doitac_page ul h3 { color: #495677; font-weight: 500; font-size: 18px; text-transform: capitalize; line-height: 26px; padding-top: 15px; transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; position: relative; }
.logo_doitac_page ul { margin: 10px; width: 250px; padding: 15px; background: #fff; float: left; text-align: center; transition: all .3s; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }
.logo_doitac_page ul li, .logo_doitac_page ul li img { width: 100%; height: auto; webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); position: relative; overflow: hidden; display: block; }
.pro_home_id { width: 100%; float: left; }
.padding_pagewrap_chitietsp {margin-bottom: 15px}
.box_pro_home { width: 100%; float: left; padding: 0px 0 15px; }
.title_id_view:after, .title_id:after, .left_gt_video_home ul h3:after, .right_gt_video_home ul h3:after { content: ""; display: -webkit-inline-box; clear: both; width: 7px; background: #43a047; height: 30px; left: 0px; position: absolute; top: 4px; z-index: 2; }
.logo_doitac ul:hover { transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }
.mail_home { width: 80%; }
.mail_home li { float: left; list-style: none; line-height: 0; }
.mail_home li img { height: 53px; width: auto; }
.mail_home ul { float: left; padding-left: 30px; }
.mail_home h4 a { float: left; margin-left: 30px; display: block; color: #fff; background: #ff4c3b; padding: 5px 30px; line-height: 35px; font-weight: normal; text-transform: capitalize; font-size: 17px; -webkit-transition: color 0.3s, background 0.3s, border 0.3s; -moz-transition: color 0.3s, background 0.3s, border 0.3s; -o-transition: color 0.3s, background 0.3s, border 0.3s; transition: color 0.3s, background 0.3s, border 0.3s; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; border-radius: 0.25em; margin-top: 5px; }
.mail_home h4 a i, .left_gt_video_home ul h4 a i { padding-left: 7px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.mail_home h4 a:hover { color: #fff; background: #171C2B; }
.mail_home h4 a:hover i, .left_gt_video_home ul h4:hover a i { padding-left: 20px; }
.mail_home ul h3 { line-height: 30px; color: #ff4c3b; font-weight: normal; font-size: 20px; text-transform: none; }
.mail_home ul p { color: #666; font-size: 18px; }
.newsletter_home { background: #fff; padding-top: 35px; padding-bottom: 35px; }
.newsletter_home ul { width: 75%; margin-top: 30px; }
.newsletter_home ul h2 a { float: left; border-radius: 4px; margin-top: 0px; vertical-align: middle; font-size: 18px; font-weight: 500; letter-spacing: 0.025em; color: #fff; background-color: #43a047; transition: .3s ease-out; text-transform: uppercase; display: block; transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; width: 100%; text-align: center; height: 44px; line-height: 44px; border: 1px solid rgba(0, 0, 0, 0); }
.newsletter_home ul h2 a:hover, .home_out_services ul li a:hover, .box_title_banner ul h4 a:hover, .more_pro h3 a:hover { color: #43a047; background: #fff; border-color: #43a047; }
.col-md-1 { width: 21%; float: left; margin-left: 10px; }
.col-md-7 { width: 26%; float: left; margin-left: 10px; color: #666; margin-right: 10px; }
.newsletter_home .col-md-7{ width: calc(26% - 20px); }
.newsletter_home ul h2 { width: calc(22% - 20px); }
.form-control { display: block; width: 100%; height: 45px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; resize: vertical; box-sizing: border-box; }
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); }
.row-frm select { height: 48px !important; width: 100%; margin: 0; }
.footer_top { background: #43a047; padding-bottom: 25px; padding-top: 30px; font-size: 14px; line-height: 28px; }
.footer_top ul { float: left; margin: 0 10px; width: 225px; }
.footer_top ul.face_bottom { width: 310px; }
.footer_top ul.contact_footer { width: 360px; }
.footer_top ul.contact_footer p img { margin-top: 10px; width: auto; height: 60px; }
.footer_top ul.contact_footer p { color: #FFF; margin-bottom: 8px; }
.footer_top ul.contact_footer p span { font-size: 18px; }
.footer_top ul.contact_footer p i { padding-right: 8px; }
.footer_top ul.contact_footer a{color: #fff}
.footer_top ul.contact_footer a:hover { color: #fff; text-decoration: underline; }
.footer_top ul h3 { color: #ffffff; font-weight: normal; font-size: 18px; text-transform: uppercase; padding-bottom: 12px; position: relative; line-height: 30px; }
.footer_top ul li { list-style: none; border-bottom: none; padding-bottom: 4px; margin-bottom: 5px; font-size: 14px; line-height: 24px; position: relative; padding-left: 16px; }
.footer_top ul li:before { font: normal normal normal 14px/1 FontAwesome; content: "\f101"; position: absolute; left: 1px; top: 5px; font-size: 12px; color: #fff; }
.footer_top ul li a { color: #FFF; display: block; }
.footer_top ul li a:hover { color: #fff; text-decoration: underline; }
.title_id_view_sp { margin-top: 20px !important; }
#sharelink { -webkit-animation: blurFadeRight 0.4s ease-in .4s backwards; -moz-animation: blurFadeRight 0.4s ease-in .4s backwards; -ms-animation: blurFadeRight 0.4s ease-in .4s backwards; padding-top: 20px; margin-top: 20px; border-top: solid #CCC 1px; }
#sharelink h3 { color: #ff4c3b; font-size: 18px; font-style: italic; font-weight: normal; padding-bottom: 18px; }
#sharelink h3 a { text-decoration: underline; font-size: 18px; color: #ff4c3b; }
#sharelink h3 a:hover { color: #43A047; }
.sharelink { -webkit-animation: blurFadeRight 0.4s ease-in .4s backwards; -moz-animation: blurFadeRight 0.4s ease-in .4s backwards; -ms-animation: blurFadeRight 0.4s ease-in .4s backwards; text-align: center; padding-top: 10px; height: 35px; }
.sharelink a img { background: #339037; border: solid #fff 3px; padding: 2px; margin-right: 10px; -moz-border-radius: 50%; }
.sharelink img:hover { background: #43a047; opacity: 10; border: solid #ffffff 3px; }
.bottom_id_copyright { padding: 20px 0; background: #368c39; color: #fff; font-size: 14px; line-height: 24px; }
.bottom_id_copyright .right_footer { float: left; text-align: left; margin-left: 10px; }
.bottom_id_copyright a { color: #ffffff; font-weight: normal; }
.bottom_id_copyright a:hover { color: #fbc46d; }
#back-top { position: fixed; bottom: 2px; right: 2px; z-index: 1; }
#back-top a { display: block; width: 30px; background: #43a047; outline: none; color: #fff; font-size: 16px; text-align: center; transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; padding: 7px 0; border: double #FFFFFF 4px; }
#back-top a:hover { color: #fff; background: #fbc46d; }
.tintuc_home_box { padding: 35px 0 30px; background: #fff; }
.tintuc_home_box_2 { padding: 35px 0; background: #f8f8f8 url(../images/bg_uachuong.png); }
.tintuc_home_id .item{ padding: 10px 0; }
.tintuc_home_id ul { margin: 0 10px; float: left; width: calc(100% - 20px); transition: all .4s; }
.tintuc_home_id ul li, .tintuc_home_id ul li img { list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; height: auto; width: 100%; webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -moz-border-radius: 50%; }
.tintuc_home_id ul h3 a { padding: 0; color: #43a047; font-weight: normal; font-size: 16px; line-height: 23px; padding-bottom: 6px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; display: block; }
.tintuc_home_id ul h4 { color: #666; font-weight: normal; font-size: 14px; padding: 15px 0px 8px; line-height: 24px; }
.tintuc_home_id ul h4 i { padding-right: 5px; }
.tintuc_home_id ul p { color: #6d6d6d; font-weight: normal; font-size: 14px; text-transform: none; line-height: 24px; }
.is_nut .owl-prev, .is_nut .owl-next, .placeNav_2, .placeNav_3, .placeNav_4 { position: absolute; top: 30%; z-index: 9; color: #fff; font-size: 40px; width: 40px; height: 40px; line-height: 35px; text-align: center; background: rgba(0, 0, 0, 0.3); opacity: 0; border-radius: 50%; cursor: pointer; }
.placeNav { position: absolute; top: 140px; z-index: 2; color: #fff; font-size: 26px; width: 35px; line-height: 35px; height: 35px; background: rgba(0, 0, 0, 0.24); text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; }
.is_nut .owl-prev, .placeNav.prev, .placeNav_2.prev, .placeNav_3.prev, .placeNav_4.prev { left: 10px; }
.is_nut .owl-next, .placeNav_2.next, .placeNav_3.next, .placeNav_4.next { right: 10px; text-indent: 3px; left: auto; }
.placeNav.next { right: 10px; text-indent: 3px; }
.is_nut:hover .owl-prev,.is_nut:hover .owl-next, .placeSlide_main:hover .placeNav, .placeSlide_main:hover .placeNav_2, .placeSlide_main:hover .placeNav_3, .placeSlide_main:hover .placeNav_4 { opacity: 1; }
.placeNav:hover { color: #fff; background: #ff4c3b; }
.is_nut .owl-prev:hover,.is_nut .owl-next:hover, .placeNav_2:hover, .placeNav_3:hover, .placeNav_4:hover { color: #fff; background: #43A047; }
.placeSlide_main { position: relative; overflow: hidden; }
.placeSlide, .placeSlide_doiac, .placeSlide_2, .placeSlide_3, .placeSlide_4 { width: 1300px; }
.placeSlide_cn { width: 1300px; }
.pro_home_id ul li img:hover, .pro_home_id_2 ul li img:hover, .tintuc_home_id ul li img:hover, .tintuc_page ul li img:hover { transform: scale(1.2); opacity: 1; -webkit-filter: grayscale(0); }
.checked { color: orange; }
.pro_home_box { padding: 30px 0; }
.pro_home_box_2 { background: #eee; padding: 30px 0; }
.pro_home_id_2 ul { padding: 8px; background: #ffffff; text-align: center; position: relative; min-height: auto; -webkit-transition: all .3s ease; border: solid #eaeaea 1px; }
.pro_home_id ul { float: left; margin: 10px; width: calc(100% / 4 - 20px); background: #ffffff; text-align: center; position: relative; -webkit-transition: all .3s ease; border: 1px solid #eaeaea; -webkit-box-shadow: 0 5px 4px -5px rgba(0,0,0,.05); box-shadow: 0 5px 4px -5px rgba(0,0,0,.05); border-radius: 1px; padding: 10px; }
.pro_home_id ul:hover, .pro_home_id_2 ul:hover { background: #fff; -moz-box-shadow: 0px 12px 16px rgba(0,0,0,0.12); -webkit-box-shadow: 0px 12px 16px rgba(0,0,0,0.12); box-shadow: 0px 12px 16px rgba(0,0,0,0.12); }
.pro_home_id ul li, .pro_home_id ul li img, .pro_home_id_2 ul li, .pro_home_id_2 ul li img { list-style: none; line-height: 0; position: relative; overflow: hidden; display: block; height: auto; width: 100%; webkit-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -moz-border-radius: 50%; }
.pro_home_id ul h3 a, .pro_home_id_2 ul h3 a { color: #333; font-weight: 500; font-size: 15px; padding: 14px 10px 5px; line-height: 24px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; display: block; }
.pro_home_id ul h3 a:hover, .pro_home_id_2 ul h3 a:hover { color: #43A047; }
.pro_home_id ul h4, .pro_home_id_2 ul h4 { color: #43a047; font-size: 18px; padding: 0 5px; line-height: 27px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; font-family: "Arial"; font-weight: 600; }
.dv-hover-spp { text-align: center; position: absolute; top: 50%; left: 50%; opacity: 0; z-index: 2; width: 100%; transform: translate(-50%, -50%); }
.dv-hover-spp a i { height: 44px; line-height: 42px; }
.pro_home_id ul:hover li > a:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.6); z-index: 1; opacity: 0.4; }
.dv-hover-spp a:hover { background: #43a047; color: #fff; }
.pro_home_id ul:hover .dv-hover-spp {opacity: 1}
.dv-hover-spp a { padding: 0 0px; color: #fff; font-weight: 600; position: relative; height: 44px; width: 44px; opacity: 1; line-height: 44px; display: inline-block; background: #ff3131; margin: 0 3px; border-radius: 100px; font-size: 16px; }
.pro_home_id ul:hover h3, .pro_home_id_2 ul:hover h3, .tintuc_home_id ul h3 a:hover { color: #43a047; }
.pro_home_id ul h4 span.gia_km, .pro_home_id_2 ul h4 span.gia_km { color: #878787; font-weight: 400; font-size: 15px; padding-left: 5px; display: inline-block; text-decoration: line-through; }
.more_pro h3 { text-align: center; margin-top: 10px; }
.more_pro h3 a { box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.15); border-radius: 4px; margin-top: 0px; vertical-align: middle; font-size: 19px; font-weight: 500; padding: 8px 38px; letter-spacing: 0.025em; color: #fff; background-color: #0072bb; transition: .3s ease-out; text-transform: uppercase; display: inline-table; line-height: 35px; transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; }
.more_pro h3 a i { padding-left: 8px; }
.dathngtheo_yeucau_home { text-align: center; }
.dathngtheo_yeucau_home ul { display: inline-table; margin: 15px; width: 267px; }
.dathngtheo_yeucau_home ul li { list-style: none; line-height: 0; }
.dathngtheo_yeucau_home ul li img { width: auto; height: 130px; }
.dathngtheo_yeucau_home ul h3 { font-size: 19px; color: #303941; line-height: 30px; text-transform: uppercase; font-weight: 500; padding-top: 15px; }
.dathngtheo_yeucau_home ul:hover h3 { color: #ff4c3b; }
.discount-tag { top: -6px; right: 15px; position: absolute; background: #ff4c3b; width: auto; padding: 5px 0px; color: #FFF; font-weight: normal; text-align: center; user-select: none; -webkit-user-select: none; -moz-user-select: none; cursor: default; z-index: 9; font-size: 15px; line-height: 20px; width: 44px}
.discount-tag:after { position: absolute; content: ""; width: 0; height: 0; border-left: 23px solid transparent; border-right: 22px solid transparent; border-top: 6px solid #ff4c3b; top: 30px; right: 0px; }
.discount-tag:before { position: absolute; content: ""; width: 0; height: 0; border-bottom: 5px solid #ff4c3b; border-left: 8px solid transparent; top: 0px; right: 44px; }
.title_page { padding-bottom: 10px; border-bottom: solid #CCC 1px; margin: 0 10px; margin-bottom: 30px; }
.title_page h3 { float: left; position: absolute; color: #43A047; font-size: 30px; line-height: 40px; text-transform: uppercase; font-weight: bold; font-family: 'UTMSeagullBold'; position: relative; }
.title_page h3 a { color: #43A047; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out }
.title_page h3 a:hover { color: #339037; }
.title_page h3::after { border-bottom: 4px solid #66BB6A; bottom: -12px; content: ""; left: 0; position: absolute; width: 80%; }
.title_page ul { float: right; margin-top: 5px; }
.title_page ul li { float: left; list-style: none; margin-left: 10px; }
.title_page ul li a { display: block; color: #fff; background: #FBC46D; padding: 0 20px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.15); border-radius: 5px; padding-bottom: 5px; text-transform: uppercase; font-size: 17px; }
.title_page ul li a:hover { color: #fff; background: #43A047; }
.conten_pro { padding-bottom: 20px; }
.dv-nut-menu { color: #fff; text-transform: uppercase; line-height: 50px; font-weight: 500; font-size: 18px; padding-left: 30px; cursor: pointer; }
.page_conten_page { padding-top: 20px; padding-bottom: 20px; }
.link_page ul li i { margin-right: 10px; }
.link_page { padding-top: 15px; padding-bottom: 15px; background: #eee; width: 100%; float: left; margin-bottom: 10px; position: relative;z-index: 1}
.link_page ul {min-width: 100%; overflow: hidden;}
.link_page ul li { float: left; list-style: none; padding-left: 10px; line-height: 20px; min-width: 1000px; }
.link_page ul li i { font-size: 16px; display: inline-block; float: left; color: #666; height: 20px; line-height: 18px; }
.link_page ul li a { display: inline-block; color: #666; font-size: 14px; float: left; }
.link_page ul li span { float: left; display: inline-block; margin-left: 10px; }
.link_page ul li a:hover { color: #43a047; }
.left_conten { float: right; width: calc(100% - 315px); margin-left: 15px; }
.right_conten { width: 290px; float: left; margin-left: 10px; }
.box_id_right, .menu_left_id { position: relative; margin-bottom: 25px; background: #fff; overflow: hidden; padding-left: 0px; box-shadow: 0px 1px 15px 2px rgba(20,64,51,0.09); border-radius: 0; padding: 10px; }
.tittle_right_id:after, .tittle_page_id:after { content: ""; display: table; clear: both; width: 20%; margin-top: 5px; height: 3px; background: #ffffff; }
.menu_left_id ul li { list-style: none; }
.menu_left_id ul h3 { color: #fff; font-size: 17px; line-height: 25px; position: relative; font-weight: 500; padding-bottom: 10px; background: #43a047; padding-top: 10px; padding-left: 35px; }
.menu_left ul h3:before, .sanpham_left h2:before, .menu_left_id ul h3:before { content: "\f09e"; font: normal normal normal 14px/1 FontAwesome; font-size: 16px; font-weight: 400; position: absolute; left: 12px; top: 14px; }
.sanpham_left { margin-top: 15px; }
.menu_left_id ul li:last-child a { border: none; }
.dv-top-heder { background: #43a047; position: relative; z-index: 99; }
.dv-top-hdcont li { list-style: none; display: inline-block; float: left; color: #fff; padding: 8px 0; font-size: 13px; line-height: 24px; }
.dv-top-hdcont .dv-lef { float: left; margin-left: 10px}
.dv-top-hdcont .dv-rig { float: right; margin-right: 10px}
.dv-top-hdcont li a { color: #fff; display: inline-block; }
.dv-top-hdcont li i { margin-right: 7px }
.dv-top-hdcont .dv-lef li { margin-right: 12px; }
.dv-top-hdcont li a span { font-size: 16px; color: yellow; }
.dv-top-hdcont li a:hover { color: yellow; }
.dv-top-hdcont .dv-rig li{}
li.li_timkiem a { padding:  0; font-size: 15px; }
.showText h2 { line-height: 28px; color: #43a047; font-size: 17px; font-weight: normal; margin-bottom: 10px; }
.nums { table-layout: auto; margin-top: 10px; text-align: center; width: 100%; float: left; margin-bottom: 10px;}
.nums li { list-style: none; display: inline-block; float: left; }
.nums a { font-size: 17px; display: block; margin: 0 10px 0 0; padding: 5px; line-height: 26px; height: 38px; width: 38px; table-layout: inherit; text-align: center; color: #43a047; background: #fff; text-decoration: none; -moz-border-radius: 20px; -o-border-radius: 20px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; border-radius: 50%; cursor: pointer; border: 1px solid #43a047; }
.nums a i { height: 30px; line-height: 24px; }
.nums ul { display: inline-block; }
.nums a:hover, .nums a.active, .nums a.stay:hover { background: #43a047; color: #ffffff; border-color: #43a047}
.nums a.stay { background: #bfbfbf; color: #fff; border-color: #bfbfbf; }
.title_news { border-bottom: solid 1px #E6E6E6; margin-bottom: 15px; }
.title_news h2 { font-size: 15px; line-height: 25px; font-weight: 500; color: #43a047; text-transform: capitalize; margin-bottom: 3px; }
.title_news li { font-size: 14px; color: #7d7a7a; list-style: none; background: url(../images/icon_day.png) center left no-repeat; padding-left: 22px; margin-bottom: 4px; }
.title_news .fa { margin: 0 6px 0 0 !important; }
.title_news p.p_sao { margin-bottom: 6px !important; }
.title_news p { line-height: 30px; color: #333; font-size: 21px; font-style: italic; font-weight: 500; padding-bottom: 15px; }
.contact { padding-top: 10px; }
.contact h2 { text-transform: uppercase; font-size: 18px; line-height: 25px; font-weight: normal; color: #666; padding-bottom: 20px; }
.contact .left { width: auto; float: none; }
.contact .right { width: auto; float: none; }
.formBox li { display: block; position: relative; margin-bottom: 10px; }
.formBox li input, .formBox li textarea { border: solid 1px #E1E1E1; height: 45px; color: #999; padding: 0 10px 0 45px; font-family: 'Open Sans', Arial, Helvetica, Tahoma, sans-serif; resize: vertical; box-sizing: border-box; width: 100%; font-size: 14px; }
.formBox li textarea { padding: 10px 10px 10px 45px; height: 180px; font-family: 'Open Sans', Arial, Helvetica, Tahoma, sans-serif; float: left; }
.contact .left input { width: 100%; }
.contact .right input, .contact .right textarea { width: 100%; }
.formBox li:after { content: ""; position: absolute; top: 0; left: 0; width: 45px; height: 50px; background-repeat: no-repeat; background-position: center center; z-index: 1; }
.formBox li.name:after { background-image: url("../images/contact/c_name.png") }
.formBox li.phone:after { background-image: url("../images/contact/c_phone.png"); }
.formBox li.mail:after { background-image: url("../images/contact/c_mail.png"); }
.formBox li.local:after { background-image: url("../images/contact/c_local.png"); }
.formBox li.subject:after { background-image: url("../images/contact/c_subject.png"); }
.formBox li.mess:after { background-image: url("../images/contact/c_mess.png"); }
.formBox li.code:after { background-image: url("../images/contact/c_code.png"); }
.formBox li.day:after { background-image: url("../images/contact/day.png"); }
.formBox li.songuoi:after { background-image: url("../images/contact/songuoi.png"); }
.formBox .button { float: right; font-size: 15px; padding: 0 25px; margin-left: 10px; height: 40px; line-height: 40px; margin-top: 10px; color: #FFF; background: #43a047; white-space: nowrap; 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; }
.formBox .button:hover { color: #FFF; background: #2c7d2f; }
.formBox li span { position: absolute; right: 0; top: 0; line-height: 42px; padding: 0 10px; font-weight: 500; z-index: 2; letter-spacing: 1px; user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; }
.left_contact { float: left; width: 50%; padding-right: 10px; }
.left_contact li { list-style: none; line-height: 0; }
.left_contact li img { width: 100%; height: 590px; }
.left_contact ul { float: left; width: 270px; background: #F6F6F6; padding: 20px; margin-bottom: 20px; color: #666; font-size: 16px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; margin-right: 20px; line-height: 25px; min-height: 85px; box-shadow: 5px 5px 0px rgba(0,0,0,0.15); }
.left_contact h3, .right_contact h3 { color: #43a047; font-size: 20px; line-height: 30px; position: relative; font-weight: normal; margin-bottom: 0px; }
.right_contact { float: right; width: 50%; padding-left: 10px }
.map_cotact iframe { display: block; width: 100%; height: 100%; margin-top: 20px; }
.bottom_id_copyright ul h3 { display: inline-block; line-height: 40px; float: left; margin-right: 10px; font-size: 15px; text-transform: capitalize; font-weight: normal; }
.bottom_id_copyright ul li { display: inline-block; list-style: none; line-height: 0; margin: 0 2px; }
.bottom_id_copyright ul { float: right; margin-top: 10px; margin-right: 0px; }
.bottom_id_copyright ul li img { width: auto; height: 36px; border: solid #FFF 2px; border-radius: 0; transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; }
.bottom_id_copyright ul li img{height: 58px; border: none}
.dv-fott-center { background: #43a047; color: #fff; padding: 10px 0px 15px; font-size: 14px; line-height: 24px; }
.dv-fott-center-cont { padding: 0 10px; }
.dv-fott-center-cont a { font-weight: 500; color: #fff; }
.dv-fott-center-cont a:hover { text-decoration: underline; color: #fff; }
.dv-fott-center-cont strong { font-weight: 500; margin-bottom: 5px; }
.dv-fott-center-cont h3 { font-size: 15px; margin-bottom: 7px; margin-top: 10px; color: #eaea05; }
.dv-fott-center p { margin: 5px 0; }
.bottom_id_copyright ul li img:hover { opacity: 0.7 }
.dmd-phone h2 { color: #ffffff; font-size: 15px; position: fixed; background: #ff4242; left: 40px; top: 40px; width: auto; text-align: left; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; padding: 5px 15px 5px 50px; font-weight: normal; white-space: nowrap; }
.dmd-phone h2 span { color: #fff; font-size: 18px; display: block; font-family: 'Arial'; line-height: 30px; letter-spacing: 1px; }
.dmd-ph-circle { top: 0 !important; left: 0 !important; }
.dmd-phone { bottom: 50px !important; }
.dmd-ph-circle-fill { top: 20px !important;left: 20px !important; }
.dmd-ph-img-circle { top: 40px !important;left: 40px !important; }
.left_conten_sp { float: left; margin-left: 10px; width: 290px; padding: 10px; border-top: 1px solid #f8f8f8; box-shadow: 0px 1px 15px 2px rgba(20,64,51,0.09); background: #fff; }
.menu_left ul h3, .sanpham_left h2 { color: #fff; font-size: 17px; line-height: 25px; position: relative; font-weight: 500; padding-bottom: 10px; background: #43a047; padding-top: 10px; padding-left: 35px; }
.menu_left ul li { list-style: none; }
.menu_left_id ul li a, .menu_left ul li a { display: block; background: rgba(238, 238, 238, 0.75); line-height: 24px; border-bottom: solid #fff 1px; font-weight: 500; transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; font-size: 14px; color: #333; text-transform: capitalize; padding: 9px 10px; }
.menu_left_id ul li a i, .menu_left ul li a i { padding-right: 7px; font-size: 13px; }
.menu_left_id ul li a:hover, .menu_left ul li a:hover { color: #43a047; background: #ececec; }
.check_id h3 { color: #43a047; font-weight: normal; font-size: 18px; position: relative; border-bottom: dashed #CCC 1px; padding-bottom: 8px; margin-bottom: 15px; margin-top: 15px; }
.graphite .accordion { font: bold 14px Arial, sans-serif; border-top: 1px solid #111; border-right: 1px solid #111; border-left: 1px solid #111; }
.graphite .accordion, .graphite .accordion li { margin: 0; padding: 0; border: none; list-style: none; background: #f8f8f8; }
.graphite .accordion a { padding: 10px 10px 10px 33px; text-decoration: none; display: block; color: #666; border-bottom: 1px dotted #eee; position: relative; text-transform: uppercase; font-weight: 500; font-size: 14px; line-height: 20px; }
.graphite .accordion ul a { background: no-repeat; font-weight: 500; border-bottom: none; text-transform: capitalize; color: #666; line-height: 20px; border-bottom: 1px dotted #eee; }
.graphite .accordion ul a i { padding-right: 5px; }
.graphite .accordion ul a:hover { text-decoration: underline; color: #214551; }
.graphite .accordion a.dcjq-parent.active { background-color: #eee; }
.graphite .accordion a .dcjq-icon { position: absolute; top: 50%; left: 14px; width: 34px; margin-top: -17px; height: 34px; background: url(../images/arrow_black_right.png) no-repeat 0 center; }
.graphite .accordion a.dcjq-parent.active .dcjq-icon { background: url(../images/arrow_black_down.png) no-repeat 0 center; color: #f60; }
.graphite .accordion a:hover { color: #333; background: none; }
.graphite .accordion a:active { color: #214551; background: none; }
.check_id { border-bottom: dashed #CCC 1px; }
.container { display: block; position: relative; margin-bottom: 10px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 22px; text-transform: capitalize; color: #666; padding-left: 28px; }
.container span { color: #999; padding-left: 0; }
.container input { position: absolute; opacity: 0; cursor: pointer; }
.checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #f9f9f9; border: 1px #ccc solid; }
.container:hover input ~ .checkmark { background-color: #ccc; }
.container input:checked ~ .checkmark { background-color: #43a047; border: 1px #43a047 solid; }
.checkmark:after { content: ""; position: absolute; display: none; }
.container input:checked ~ .checkmark:after { display: block; }
.container .checkmark:after { left: 6px; top: 1px; width: 4px; height: 9px; border: solid white; border-width: 0px 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.right_conten_sp { float: right; width: 900px; }
.marquee { overflow: hidden; height: 500px; margin-top: 20px; }
.leftBox { padding-bottom: 0; }
.viewLeft { width: 45%; float: left; }
.viewRight { width: calc(55% - 15px); float: left; margin-left: 15px; margin-right: 0px; }
a.cur.cls_close { color: #ccc; position: absolute; right: 10px; font-size: 30px; top: 8px; }
a.cur.cls_close:hover { color: #333; }
.viewRight h2 { font-size: 20px; color: #f00; line-height: 30px; font-weight: 500; padding-bottom: 5px; }
.viewRight h2 span.gia_km { font-size: 21px; padding-left: 10px; font-weight: normal; color: #333; text-decoration: line-through; }
.viewRight .desc { margin-bottom: 2px; }
.viewRight .desc b { display: block; margin-bottom: 5px; font-weight: normal; padding-top: 5; }
.viewRight .desc li ,.gia_sp_mota ul li{ line-height: 25px; margin-bottom: 5px; text-indent: 20px; list-style: none; background: url("../images/icon-check-pink.png") no-repeat left 9px; }
.gia_sp_mota ul {margin-bottom: 5px}
.quantity { position: relative; margin-bottom: 15px; }
.quantity, .quantity * { user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; }
.quantity label { font-size: 16px; padding-right: 5px; }
.quantity .input-text { width: 50px; height: 50px; border: none; text-align: center; font-size: 18px; box-shadow: inset 0 0 5px rgba(0,0,0,.2); }
.quantity p { padding: 10px 0 5px 0; border-top: dotted 1px #ddd; font-size: 18px; text-transform: uppercase; }
.quantity .minus, .quantity .plus { position: absolute; bottom: 0px; left: 135px; width: 30px; height: 23px; border: none; cursor: pointer; font-size: 18px; color: #fff; text-align: center; -webkit-appearance: none; appearance: none; background: #c10707; line-height: 19px; }
.quantity .minus { font-size: 25px; }
.quantity .plus { bottom: 27px; }
.quantity a { position: relative; height: 50px; line-height: 52px; position: absolute; left: 0; bottom: -1px; font-size: 18px; text-transform: uppercase; padding: 0 18px 0 45px; color: #fff; border: solid 1px #fff; box-shadow: 1px 1px 1px rgba(0,0,0,.1); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1); background: #ff7e00; margin-left: 170px; }
.quantity a:hover { color: #fff; background: #c10707; }
.quantity a:before { content: ""; background-image: url("../images/icon-cart-w.png"); background-position: center center; position: absolute; top: 12px; left: 10px; width: 26px; height: 22px; z-index: 2; line-height: normal; }
#proView .link a { display: inline-block; height: 24px; line-height: 26px; padding-left: 30px; color: #333; position: relative; }
#proView .link a:hover { color: #f00; }
#proView .link a:first-child { margin-right: 22px; }
#proView .link { margin-bottom: 15px; }
#proView .link a:after { content: ""; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background-color: #646464; background-position: center center; background-repeat: no-repeat; }
#proView .link a.b_mail:after { background-image: url("../images/icon-mail.png"); }
#proView .link a.b_share:after { background-image: url("../images/icon-share.png"); }
#proCont { padding: 0px 0px; }
.listDesc { margin-bottom: 15px; box-shadow: inset 0 -5px #E6E6E6; }
.listDesc a { text-transform: uppercase; font-size: 20px; display: inline-block; line-height: 40px; margin-right: 20px; padding-bottom: 5px; box-shadow: inset 0 -5px #646464; color: #999; }
.titleView { background: url(../images/line-menu.png) repeat-x left bottom; position: relative; padding: 0px 0 15px 0; margin-bottom: 10px; line-height: 27px; color: #000; font-weight: 500; text-transform: capitalize; font-size: 20px; }
#bridal_images { border: 1px solid #e6e6e6; background: #fff; padding: 5px; width: 100%; height: auto; overflow: hidden; margin-bottom: 10px; position: relative; z-index: 0; }
#bridal_images img { border: none; width: 100%; height: auto; margin: 0px auto; max-height: 100%; object-fit: contain; }
#bridal_images_list { display: block; width: 95%; padding-left: 20px; position: relative; }
#bridal_images_list li { margin-right: 10px; list-style: none; float: left; height: 110px; width: 110px; border: 1px solid #CCC; background: #fff; padding: 4px; text-align: center; overflow: hidden; }
#bridal_images_list li:hover { border: 1px solid #999; background: #fff; }
#bridal_images_list img { width: auto; height: 110px; width: 110px; border: none; }
.pro_slide_prev, .pro_slide_next { position: absolute; width: 12px; border: solid 1px #ccc; bottom: 50%; height: 50px; margin-bottom: -25px; text-indent: -10000px; }
.pro_slide_prev { left: 0px; border-radius: 5px 0px 0px 5px; background: url(../images/pro_slide_prev.png) no-repeat center center #f4f4f4; }
.pro_slide_next { right: 0px; border-radius: 0px 5px 5px 0px; background: url(../images/pro_slide_next.png) no-repeat center center #f4f4f4; }
a.pro_slide_prev.disabled, a.pro_slide_next.disabled { opacity: .5; }
a.pro_slide_prev.disabled, a.pro_slide_next.disabled { cursor: default; }
.cloud-zoom-lens { cursor: move; }
.cloud-zoom-big { overflow: hidden; }
.cloud-zoom-loading, img.loading { background: url(../images/loadernew.gif) no-repeat scroll center transparent; }
.gianhanggoiy_id { float: right; width: 240px; padding: 0; background: #fff; }
.gianhanggoiy_id h2 { color: #fff; font-size: 17px; line-height: 25px; position: relative; font-weight: 500; padding-bottom: 9px; background: #43a047; padding-top: 9px; padding-left: 35px; margin-bottom: 10px; }
.gianhanggoiy_id .owl-buttons { display: none }
.gianhanggoiy_id .owl-buttons .owl-next, .gianhanggoiy_id .owl-buttons .owl-prev { width: 16px; background: #43a047; height: 32px; border-radius: 3px; }
.gianhanggoiy_id .owl-pagination .owl-page { width: 12px; height: 12px; background: #eaeaea; display: inline-block; border-radius: 100px; margin: 0 4px; cursor: pointer; }
.gianhanggoiy_id .owl-pagination .owl-page.active { background: rgba(67, 160, 71, 0.8); }
.gianhanggoiy_id .owl-pagination { display: block; }
.gianhanggoiy_id h2:before { content: "\f09e"; font: normal normal normal 14px/1 FontAwesome; font-size: 16px; font-weight: 400; position: absolute; left: 12px; top: 14px; }
.mausac_sp ul p { float: left; width: 20%; text-transform: capitalize; }
.mausac_sp ul h2 { float: left; width: 30%; font-size: 15px; font-weight: normal; text-transform: none; color: #333; padding: 0 5px; }
.mausac_sp ul li { float: right; list-style: none; width: 23%; text-align: right; font-size: 17px; }
.mausac_sp ul li input { width: 25px; padding: 5px 5px; text-align: center; border: solid 1px #ccc; font-size: 15px; }
.giohang_id { text-align: center; }
.giohang_id ul i { margin-right: 7px; }
.giohang_id ul .h3:hover { color: #fff; background: #f14434; }
.giohang_id ul .h4:hover { background: #359239; color: #fff}
.giohang_id ul .h3, .giohang_id ul .h4, .giohang_id ul h3 a, .giohang_id ul h4 a { background: #ff4c3b; color: #fff; margin-right: 10px; font-size: 15px; font-weight: normal; display: block; float: left; padding: 0px 18px; margin-top: 10px; transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; transition: .3s ease-out; border-radius: 4px; line-height: 40px; border: none; cursor: pointer; }
.giohang_id ul .h4, .giohang_id ul h4 a { background: #43a047; }
.mausac_sp ul { border-bottom: solid #CCC 1px; padding-bottom: 10px; margin-bottom: 10px; }
.mausac_sp h3 { font-size: 18px; color: #f00; line-height: 30px; font-weight: 400; padding-top: 0px; }
.lienhe_sp { padding: 10px; background: #FBC46D; border: double #FFFFFF 4px; margin-top: 20px; }
.lienhe_sp ul p { float: left; width: calc(100% - 180px); color: #1b1b1b; font-size: 14px; line-height: 22px; padding-right: 15px; }
.lienhe_sp ul h3 { float: right; background: url(../images/icon_hotline.png) center left no-repeat; padding-left: 45px; color: #1b1b1b; font-size: 14px; line-height: 23px; font-weight: normal; background-size: 35px; width: 180px; }
.lienhe_sp ul h3 a { color: #339037; display: block; }
.lienhe_sp ul h3 span { color: #f71717; font-size: 20px; display: block; line-height: 30px; font-family: "Arial"; font-weight: 600; }
.mausac_sp { margin-top: 20px; }
.header { background: #fff; padding: 0px; float: left; width: 100%; position: relative; left: 0; top: 0; z-index: 5 }
.logo_top { float: left; margin-left: 10px; }
.logo_top img { width: auto; height: 80px; float: left; margin: 10px 0; }
.lang_top { float: right; margin-top: 0; margin-left: 10px}
.lang_top li { float: left; margin-right: 10px; list-style: none; line-height: 0; }
.lang_top li img { height: 26px; border: solid #ffffff 2px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; width: auto; transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s; float: left; }
.lang_top li img:hover { border-color: yellow }
.lang_top li { margin-right: 0; margin-left: 8px; }
.dv-top-hdcont .dv-rig li { margin-left: 10px; }
.login_id_popup { padding: 20px; width: 400px; }
.login_id_popup label { margin-left: 5px; display: block; margin-top: 0; font-size: 16px; margin-bottom: 5px; line-height: 35px; }
.login_id_popup input[type="checkbox"] { width: 18px; height: 18px; position: relative; top: 4px; margin-right: 7px; }
.book_phong_popup li a { color: #f01111; font-size: 15px; float: right; font-style: italic; font-weight: 500; }
.book_phong_popup li a:hover { color: #f01111; text-decoration: underline; }
.quenmatkhau { display: inline-block; float: left; list-style: none; color: #f01111; padding-right: 30px; }
.quenmatkhau li { list-style: none; color: #333; }
.quenmatkhau li a { color: #f01111; font-size: 15px; float: right; font-style: italic; font-weight: 500; }
.quenmatkhau li a:hover { color: #f01111; text-decoration: underline; }
.bt-login { color: #333; list-style: none; }
.bt-login a { color: #ff4c3b; margin-bottom: 15px; }
.bt-login a:hover { color: #43A047; text-decoration: underline; }
.col-md-4 { width: 100%; margin-bottom: 10px; }
.box_dangnhap_popup h2 { float: right; margin-left: 20px; }
.box_dangnhap_popup h2 a { background: #43A047; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; display: inline-block; font-size: 17px; font-weight: 500; cursor: pointer; width: auto; margin: auto 0; padding: 6px 30px; text-transform: uppercase; text-align: center; position: relative; z-index: 1; text-decoration: none; color: #fff; line-height: 30px; border-radius: 4px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.box_dangnhap_popup h2 a:hover, .login_link ul h3 a:hover { color: #fff; background: #ea7c2c; }
.login_link ul h3 a { color: white; font-size: 18px; font-weight: normal; line-height: 40px; padding: 5px 20px; margin-top: 15px; display: block; text-transform: capitalize; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.login_link ul h3 i { font-size: 25px; padding-right: 10px; line-height: 40px; }
.login_link ul h3.fb { background-color: #3B5998; color: white; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.login_link ul h3.google { background-color: #dd4b39; color: white; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.login_id_right { float: right; width: 40%; }
@keyframes my { 0% { color: #F8CD0A; }
50% { color: #fff; }
100% { color: #F8CD0A; }
}
1 2 3 4 5 @keyframes my { 0% { color: #ed3235; }
50% { color: #fff; }
100% { color: #2c77e0; }
}
@-webkit-keyframes my { 0% { color: #ed3235; }
50% { color: #fff; }
100% { color: #2c77e0; }
}
@-moz-keyframes my { 0% { color: #ed3235; }
50% { color: #fff; }
100% { color: #2c77e0; }
}
@-o-keyframes my { 0% { color: #ed3235; }
50% { color: #fff; }
100% { color: #2c77e0; }
}
@keyframes my { 0% { color: #ed3235; }
50% { color: #fff; }
100% { color: #2c77e0; }
}
.test { -webkit-animation: my 700ms infinite; -moz-animation: my 700ms infinite; -o-animation: my 700ms infinite; animation: my 700ms infinite; }
.logo_doitac .owl-buttons { display: none; }
.footer_top span.fa { display: inline-block; margin-right: 10px; font-size: 16px !important; }
.showText.showText_lienhe p { margin-bottom: 0; padding-bottom: 0; }
.showText.showText_lienhe { margin: 10px 0 20px; }
.gianhanggoiy_id .owl-next, .gianhanggoiy_id .owl-prev { background: #43a047; width: 35px; height: 35px; line-height: 32px; margin-top: 10px; text-align: center; font-size: 25px; color: #ffff; display: inline-block; margin: 10px 4px 0; border-radius: 100px; cursor: pointer; }
.gianhanggoiy_id .owl-next:hover, .gianhanggoiy_id .owl-prev:hover { background: #339037; color: #ffffff; }
.gianhanggoiy_id .owl-controls { text-align: center; padding: 20px 0; }
.gianhanggoiy_id .pro_home_id_2 ul{margin-top: 0}
.dv-slider-nang li { list-style: none; border: 1px solid #e6e6e6 !important; padding: 4px !important; background: #fff; width: calc(100% - 10px) !important; margin: 0 5px !important; height: 80px; }
.dv-slider-nang li img { object-fit: cover; width: 100%; height: 100%; }
.dv-slider-nang li img:hover { opacity: 0.8; }
.dv-slider-nang .owl-prev, .dv-slider-nang .owl-next { position: absolute; width: 12px; border: solid 1px #ccc; top: 50%; height: 50px; left: 0px; border-radius: 5px 0px 0px 5px; background: url(../images/pro_slide_prev.png) no-repeat center center #f4f4f4; margin-top: -23px; cursor: pointer; text-indent: -100px; overflow: hidden; opacity: .9 }
.dv-slider-nang .owl-next { left: auto; right: 0;border-radius: 0px 5px 5px 0px; background: url(../images/pro_slide_next.png) no-repeat center center #f4f4f4; }
.dv-slider-nang .owl-prev:hover, .dv-slider-nang .owl-next:hover{ opacity: 1; }
.dv-notfull { margin: 0 10px; }
th { background-color: #43a047; color: white; line-height: 30px; text-align: center; border-color: #dcbc6d !important; }
table { border-collapse: collapse;width: 100%; }
.dv-anh-cart-sp img { max-width: 70px; float: left; margin-right: 10px; }
th, td { border-bottom: 1px solid #ddd; padding: 5px 10px; text-align: left; font-size: 15px; font-weight: 500 !important; border-color: rgba(0, 0, 0, 0.08) !important; }
table, th, td { border: 1px solid #ccc; }
div#cart_list table { background: #fff; }
.dv-table-reposive .mobileqty input { width: 100% !important; border: 1px solid #dcdcdc; padding: 4px 7px; max-width: 100px }
.dv-table-reposive form { width: 100%; text-align: center; }
.dv-table-reposive button.pro_del { width: auto; padding: 4px 15px; background: #43a047; color: #fff; border: none; font-size: 12px; cursor: pointer; margin: 0 auto; }
.dv-table-reposive button.pro_del:hover, .dv-btn-cart.no_box a:hover { background: #339037; }
.dv-table-reposive .dv-anh { float: left; line-height: 22px; width: calc(100% - 100px); }
.dv-table-reposive .dv-anh p { color: #9c9c9c; font-size: 14px; }
.dv-table-reposive .dv-anh p.p_mota_cart { color: #ff4c3b; }
.dv-anh a { color: #333; }
.dv-anh a:hover { color: #43a047; }
.dv-table-reposive b { font-weight: 500; color: #43a047; }
.dv-tongtien.no_box { float: right; padding: 10px 0; font-size: 16px; }
label.tb_tongtien { color: red; }
.dv-btn-cart { text-align: center; width: 100%; }
.dv-btn-cart.no_box a { display: inline-block; background: #43a047; color: #fff; font-size: 15px; padding: 0px 20px; margin: 0 2px; height: 38px; line-height: 38px; }
.dv-table-reposive button.pro_del:hover, .dv-btn-cart.no_box a:hover { background: #339037; }
a { color: #333; }
a:hover { color: #43a047; }
.contact_lh_cart .left { width: 50%; float: left; padding-right: 10px; }
.contact_lh_cart .right { width: 50%; float: left; padding-left: 10px; }
.contact_lh_cart .right textarea { height: 210px; }
.contact_cart div#payment_method { float: left; text-align: left; width: 100%; font-weight: 500; }
.contact_cart div#payment_method h3 { font-weight: 500; font-size: 17px;margin: 6px 0 5px !important; }
#payment_method .payment_method_input label span { position: relative !important; width: calc(100% - 20px) !important; margin: 0 !important; line-height: 1.5 !important; float: left; font-size: 14px; }
.contact_cart #payment_method li input { width: 17px !important; height: 17px !important; position: relative; top: 4px; }
#payment_method .payment_method_input label { margin-top: 5px; display: block; }
#payment_method .payment_method_input {margin-bottom: 7px}
.contact.contact_cart h2 { padding: 0 0 3px; font-size: 18px; line-height: 25px; font-weight: normal; color: #666; }
div#cart_list h2 { text-transform: uppercase; font-size: 18px; line-height: 25px; font-weight: normal; color: #666; padding-bottom: 12px; }
.contact.contact_cart .dv-send-hd { margin-top: 10px; }
.ungtuyen_popup { padding: 0; }
.row-frm.row-frm-thongtin { margin: 7px 0; }
.dv-lich-sumuahang { padding: 0 10px; }
.dv-lich-sumuahang a i { margin-right: 3px; }
.dv-lich-sumuahang p, .dv-lich-sumuahang p a { font-size: 13px; color: #7d7d7d; line-height: 20px; font-weight: 400; }
.dv-lich-sumuahang-chitiet, .dv-lich-sumuahang-chitiet * { font-size: 13px !important; }
.dv-lich-sumuahang.dv-lich-sumuahang-chitiet th { white-space: nowrap; }
.gia_sp_mota { margin-bottom: 10px; }
.footer_top ul li:last-child { border: none; }
.pro_home_id.is_nut ul { margin: 0 10px; height: 100%; width: calc(100% - 20px); }
.ungtuyen_popup .tit_2 { background: #43a047; margin: -15px; margin-bottom: 15px; padding: 10px 15px; font-weight: 500; text-transform: capitalize; border-radius: 7px 7px 0 0; color: #fff; font-size: 15px; padding-left: 40px; position: relative; }
.ungtuyen_popup .tit_2:before { content: "\f09e"; font: normal normal normal 14px/1 FontAwesome; position: absolute; left: 15px; top: 14px; font-size: 15px; }
.hide_body { overflow: hidden; overflow-y: auto; position: fixed; width: 100%; }
.dv-timkiem-home.acti ,.dv-timkiem-home-dv.acti{ display: block; }
.dv-timkiem-home { border-right: 0; border-left: 0; position: absolute; top: 42px; left: 0; z-index: 11; right: 0; background: #fff; padding: 25px 0; display: none; }
.dv-timkiem-home-dv { background: #00000087; position: fixed; left: 0; top: 0; z-index: 9; right: 0; bottom: 0; display: none; }
.dv-timkiem-home .pagewrap { position: relative; z-index: 9; }
.dv-timkiem-home .dv-tksel { width: calc(100% / 5 - 30px); float: left; margin: 5px; }
.dv-timkiem-home .dv-tksel input, .dv-timkiem-home-cont .dv-is-input span, .dv-timkiem-home .dv-tksel input, .dv-timkiem-home .dv-tksel select { width: 100%; height: 40px; padding: 0 10px; border: 1px solid #d0d0d0; background: #fff; color: #333; font-size: 13px; border-radius: 5px; display: block; line-height: 40px; }
div .dmd-phone { z-index: 9 !important }
.flex.dv-timkiem-home-cont { padding: 0 3px; }
.dv-timkiem-button { position: fixed; bottom: 15px; left: 15px; background: #43a047; z-index: 999; padding: 2px 20px 2px 7px; font-size: 16px; color: #fff; border-radius: 100px; display: none}
.dv-timkiem-button img { width: 17px; position: relative; left: 0px; top: 7px; float: left; margin-right: 7px; }
.dv-timkiem-button a { color: #ffffff; font-weight: 300; font-size: 14px; }
.dv_js_load_html_code li { margin-left: 0 !important; }
.dv_js_load_html_code .pro_home_id { margin:0 -10px 25px; width: calc(100% + 20px); float: left; }
.dv_js_load_html_code > h3 { color: #43a047; text-transform: capitalize; font-size: 16px !important; font-weight: 500; border-left: 6px solid #fbc46d; padding-bottom: 0; margin-bottom: 15px; line-height: 25px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 10px; }
.dv_js_load_html_code > h3 a {color: #000000000000 !important;}
.pro_home_id.is_nut .item { padding-top: 5px; }
.formPhone { padding: 10px 15px; }
.formPhone > h3 { font-weight: 300; font-size: 16px; text-align: center; line-height: 25px; margin-bottom: 15px; color: #666; }
.formPhone input { font-size: 14px !important; }
.formPhone a.button { position: absolute; right: 4px; top: 4px; margin: 0; border-radius: 4px; height: 37px; line-height: 37px; font-size: 15px; }
.formPhone input#s_dienthoai { border-radius: 5px; }
.formPhone li.social {position: relative; list-style: none; border-top: 1px solid #e9ebf1!important; margin-top: 25px; padding-top: 14px; text-align: center; font-size: 19px; }
.formPhone li.social span.bt { width: 28px; height: 28px; border: 1px solid #e9ebf1; display: flex; position: absolute; align-items: center; left: 50%; margin-left: -10px; margin-top: -29px; background: #fff; border-radius: 100px; font-size: 13px; color: #d8d8d8; line-height: 25px; text-align: center; text-indent: 1px; }
.dv-quangcao { position: fixed; top: 90px; left: 0; right: 0; width: 1px; z-index: 9; }
.dv-qcleft { width: 130px; margin-left: -730px; background: red}
.dv-qcright { width: 130px; right: -730px; position: absolute; margin: 0; top: 0;background: red }
.dv-qcleft img , .dv-qcright img{ width: 100%; height: auto; float: left; margin-bottom: 10px }
.dv-quangcao.fix { position: fixed; top: 10px; }
.dv-quangcao-cont { max-width: 100%; overflow: hidden; }
.dv-quangcao-cont.fix { position: relative; }
.formPhone li.social p span { font-size: 17px; color: #666; margin-bottom: 4px; display: inline-block; }
.formPhone p i { margin-right: 3px; font-size: 18px; }
.formPhone p span.a { margin: 0 7px; }
.formPhone p a { color: #666; font-size: 16px; margin-top: 6px; display: inline-block; }
.formPhone p a:hover { color: #43a047; }
.dv-camnhan-kh { background: #fff; padding: 35px 0 ; }
.dv-camnhan-kh-nd { margin: 0 12px; }
.dv-camnhan-kh-nd .noidung {position: relative; color: #444; font-size: 14px; line-height: 24px; margin-bottom: 15px; text-align: justify; border: 1px solid #dcdcdc; background: #fff; padding: 20px 20px 10px; border-radius: 10px; }
.dv-camnhan-kh-nd .noidung i { position: absolute; bottom: 0; font-size: 32px; color: #e6e6e6; left: 53px; margin-bottom: -22px; }
.dv-camnhan-kh-nd .noidung i.i_new { font-size: 32px; color: #fff; left: 53px; margin-bottom: -20px; }
.dv-camnhan-kh-nd .img img { width: 110px !important; height: 110px !important; border-radius: 100px; float: left; margin-left: 10px; background: #ffffff; padding: 5px; border: 1px solid gainsboro; }
.dv-camnhan-kh-nd .img { text-align: center; margin-top: 30px; }
.dv-camnhan-kh-nd .name { text-align: left; width: calc(100% - 120px); line-height: 25px; font-weight: 500; font-size: 16px; color: #43a047; margin-top: 15px; padding-left: 20px; float: left; }
.dv-camnhan-kh-nd .name p { display: block; color: #676767; font-size: 14px; margin: 0; padding: 0; line-height: 24px; font-weight: 400; }
.dv-camnhan-kh .owl-buttons { display: none !important; }
.dv-camnhan-kh .owl-pagination { display: block; width: 100%; text-align: center; margin-top: 15px; }
.dv-camnhan-kh .owl-pagination .owl-page {cursor: pointer; width: 15px; height: 15px; display: inline-block; border-radius: 100px; background: #f8f8f8; margin: 0 3px; border: 1px solid #f8f8f8; }
.dv-camnhan-kh .owl-pagination .owl-page.active { background: #43a047; }
.dv-camnhan-kh-nd .noidung iframe { width: 100%; height: 188px; }
.dv-camnhan-kh-nd .noidung p{margin-bottom: 10px}
.pagewrap.conten_pro.conten_pro_new { padding-top: 15px; }
.camhung.no_box ul { padding: 0 10px; }
.dv-tksel { position: relative; }
.dv-tksel ul { list-style: none; position: absolute; width: calc(100% - 0px); background: rgb(255, 255, 255); padding: 10px 10px 3px; border: 1px solid #d0d0d0; margin-top: -3px; border-top: 0; display: none; z-index: 9; min-width: 200px; margin-left: 0px; border-radius: 0 0 7px 7px; }
.dv-tksel .dv-is-input.acti ul { display: block; }
.dv-is-input ul li label { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 6px 0; position: relative; font-size: 14px; color: #333; }
.dv-is-input ul li label:before { content: ""; top: 0; z-index: 1; left: 0; right: 0; bottom: 0; position: absolute; }
.is_cxb { width: 16px !important; height: 16px !important; float: left; margin-right: 8px; margin-top: 1px !important; }
.dv-is-input ul li { font-size: 13px; padding: 0; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.dv-is-input ul li + li {border-top: 1px dashed #e3e3e3;}
.is_cxb:before { content: ""; position: absolute; height: 14px; width: 14px; background-color: #f9f9f9; border: 1px #e7e7e7 solid; }
.is_cxb:checked:after { content: ""; height: 7px; width: 3px; border: solid #10a152; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; margin: 2px 0 0 6px; }
.dv-tksel select { font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif; background: #fff; font-size: 14px; }
.dv-timkiem-home .dv-tksel button { background: #43a047; font-weight: 500; display: block; width: 100%; height: 40px; padding: 0px 10px; border: none; color: #ffffff; font-size: 18px; cursor: pointer; border-radius: 7px; }
.dv-timkiem-home .dv-tksel button i { margin-right: 1px; }
.dv-timkiem-home .dv-tksel button:hover { background: #ff4242;}
.dv-timkiem-home .dv-tksel.dv-tksel-timkiem { width: 90px; }
.title_id_view, .left_conten .title_id { border-bottom: 1px solid #dedede; padding-bottom: 10px; margin-bottom: 10px; padding-left: 20px; line-height: 28px; color: #43a047; font-size: 20px; text-transform: uppercase; margin-left: 10px; margin-right: 10px; position: relative; font-weight: 500; margin-top: 7px; padding-top: 5px; }
.dv-timkiem-home .dv-tksel select option { font-size: 14px; line-height: 30px; display: block; background: #fff; height: 30px; color: #333; width: calc(100% - 2px); margin-left: 1px; }
.pagewrap.conten_pro.conten_pro_new { padding-top: 0; }
.dv-timkiem-home .dv-tksel button i { margin-right: 2px; font-size: 15px; top: -1px; position: relative; }
.flex.dv-timkiem-home-cont .dv-is-input span:after { content: ""; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 6px solid #e9b265; position: absolute; top: 17px; right: 6px; }
.dv-mess-kn { position: fixed; z-index: 99999; top: 50%; left: 50%; background: #fff; width: 260px; box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.5); border-radius: 7px; text-align: center; padding: 45px 20px; font-size: 13px; line-height: 22px; transform: translate(-50%, -50%); color: #000; font-family: Arial; }
#nprogress { pointer-events: none; opacity: 0.7; position: relative; z-index: 999999; position: fixed; top: 0; left: 0; right: 0}
#nprogress .bar { position: fixed; z-index: 999999; top: 0; left: 0; width: 100%; height: 2px; }
#nprogress .peg { display: block; position: absolute; width: 100%; height: 100%; background: #ff3f3f; left: 0; -webkit-animation: check_opin 1s; -moz-animation: check_opin 1s; -ms-animation: check_opin 1s; animation: check_opin 1s; }
#nprogress .spinner { display: block; position: fixed; z-index: 999999; top: 8px; right: 12px; }
#nprogress .spinner-icon { width: 22px; height: 22px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #ff3f3f; border-left-color: #ff3f3f; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite; }
@-webkit-keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner { 0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes check_opin{ from { width: 50%; }
20% { width: 80%; }
30% { width: 90%; }
40% { width: 95%; }
60% { width: 97%; }
80% { width: 99%; }
to { width: 100%; }
}
.dv-full-opaciti { position: fixed; z-index: 99999; top: 0; left: 0; right: 0; bottom: 0; }
.dmd-phone { left: auto; right: 140px; bottom: 55px; }
.dmd-phone.dmd-show { visibility: visible; left: auto; }
.p_sao { position: relative; display: inline-block; padding: 8px 0; }
.p_sao span { margin: 0 3px !important; color: #a7a7a7; font-size: 16px; }
.p_sao span.checked { color: orange; }
.p_sao span:before { content: "\f006"; }
.p_sao span.checked:before { content: "\f005"; }
.tintuc_home_id ul h3 a:hover { color: #ff1010; }
.dv-nd-popup { background: #fff !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important; }
.dv-gioithieu-home { padding: 30px 0; }
h3.is-title { background: -moz-linear-gradient(35deg, #91ad41 0%, #ff8a6c 100%); background: -webkit-linear-gradient(35deg, #43a047 0%, #ff8a6c 100%); background: -ms-linear-gradient(35deg, #91ad41 0%, #ff8a6c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -moz-background-clip: text; -moz-text-fill-color: transparent; -ms-background-clip: text; -ms-text-fill-color: transparent; text-transform: uppercase; display: inline-block; font-size: 26px; font-weight: 500; line-height: 40px; }
.dv-tit { text-align: center; }
.dv-tit p { font-size: 15px; margin-bottom: 10px; color: #545454; }
.dv-tit { text-align: center; margin-bottom: 20px; }
.dv-gthome { text-align: center; max-width: 100%; font-size: 16px; line-height: 28px; }
span.star_reviews .fa { color: #ffba00; font-size: 16px; margin: 0 3px; }
span.star_reviews { text-align: center; display: block; padding: 12px 0; }
.dv-taisao { text-align: center; margin-top: 10px; }
.dv-taisao h2 { font-weight: 500; font-size: 18px; color: #676767; }
.dv-taisao ul { list-style: none; }
.dv-taisao ul li { width: calc(100% / 4 - 20px); float: left; margin: 15px 10px; }
.dv-taisao ul li h4 { font-size: 20px; font-weight: 500; color: #43a047; padding: 20px 0 10px; }
.dv-taisao ul li p { font-size: 15px; line-height: 25px; color: #777; }
.dv-taisao ul li span { display: flex; align-items: center; width: 80px; height: 80px; line-height: 80px; font-size: 35px; color: #fff; background: #43a047; border-radius: 100px; margin-top: 25px; padding: 20px; }
.dv-taisao ul li span img { max-width: 100%; max-height: 100%; }
.dv-sanpham-home { padding: 30px 0 ; background: #f8f8f8 url(../images/bg_uachuong.png); }
.dv-video-home { position: relative;width: 100%; color: #fff; padding: 40px 10px; }
.dv-video-home:before { content: ""; background: rgba(0, 0, 0, 0.65); position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.dv-video-home h3 { margin: 0 0 18px 0; padding-bottom: 10px; font-size: 21px; display: inline-block; text-transform: uppercase; color: #fff; font-weight: 400; line-height: 33px; position: relative;}
.dv-video-home h3:before { content: ""; height: 2px; width: 35%; position: absolute; bottom: 0; background: white; border-radius: 100px; }
.dv-video-left .dv-nd p { margin-bottom: 10px; }
.dv-video-left .dv-nd { color: #fff; font-size: 14px; line-height: 26px; }
.dv-video-left { width: 47%; float: left; padding: 0 10px; }
.dv-video-right { width: 50%; float: right; padding: 0 10px;}
.dv-video-left a:hover { background: none; color: #fff; border-color: #fff; }
.dv-video-left a { background-color: #43a047; border: 1px solid #43a047; color: #fff; padding: 6px 35px; text-align: center; border-radius: 50px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; margin-top: 18px; display: inline-block; }
.video-thumbnail { -webkit-box-shadow: 0 8px 15px rgba(0,0,0,0.15); box-shadow: 0 8px 15px rgba(0,0,0,0.15); top: auto; position: relative; }
.video-thumbnail iframe{width: 100%; }
.dv-hinhanh-nd a { display: inline-block; width: calc(100% / 4); float: left; position: relative; border: 1px solid #fff; overflow: hidden; }
.dv-hinhanh-nd a:after, .dv-hinhanh-nd a:before { position: absolute; content: ''; display: block; -webkit-transition: opacity .4s ease, transform .4s ease; -o-transition: opacity .4s ease, transform .4s ease; transition: opacity .4s ease, transform .4s ease; opacity: 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }
.dv-hinhanh-nd a:before{border-top: 1px solid #fff; border-bottom: 1px solid #fff; top: 50px; right: 30px; bottom: 50px; left: 30px; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); }
.dv-hinhanh-nd a:after { content: ""; border-left: 1px solid #fff; border-right: 1px solid #fff; top: 30px; right: 50px; bottom: 30px; left: 50px; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
.dv-hinhanh-nd a:hover:before, .dv-hinhanh-nd a:hover:after { opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); z-index: 9}
.dv-hinhanh-nd a img { object-fit: cover; width: 100%; height: 100%; float: left;}
.dv-hinhanh-home { background: #f8f8f8 url(../images/bg_uachuong.png); padding: 30px 0 40px; overflow: hidden; }
.dv-hinhanh-nd { padding-top: 15px;}
.dv-hinhanh-nd a:hover i { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #0000002b; z-index: 1; }
.dv-gsp-left .dv-spleft { padding: 10px 0px 10px; border-bottom: 1px dotted #e5e5e5; }
.dv-spleft .dv-spl-l { width: 95px; float: left; }
.dv-spleft .dv-spl-l img { width: 83px; height: auto; }
.dv-spleft .dv-spl-r { width: calc(100% - 95px); float: left; }
.dv-spleft .dv-spl-r h4 { color: #ff0000; font-weight: 500; font-size: 16px; padding: 4px 0px 2px; padding-right: 0; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; line-height: 23px; text-align: left; }
.dv-spleft .dv-spl-r .dv-sao { text-align: left; padding: 0; margin: 5px 0 0; }
.dv-spleft .dv-spl-r a { display: block; font-weight: 500; color: #333; line-height: 22px; font-size: 14px; }
.dv-spleft .dv-spl-r a:hover { color: red; }
.dv-spleft .dv-spl-r h4 .gia_km { text-decoration: line-through; font-size: 14px; font-weight: 400; color: #9c9c9c; }
.dv-spleft .dv-spl-r .p_sao { padding: 0; margin: 0; margin-top: 5px; }
.dv-spleft .dv-spl-r .p_sao span { margin: 0 !important; font-size: 14px; margin-right: 4px !important; }
.dv-spleft .dv-spl-r p { margin-top: 6px; }
.dv-spleft .dv-spl-r p i { margin-right: 5px; }
.dv-gsp-left .dv-spleft:last-child { border: none; }
.pro_home_id.pro_home_id_ds ul { width: calc(100% / 3 - 20px); margin: 0 10px 20px; }
.showText h3 { font-size: 16px; }
.hinhanh_id ul { list-style: none; width: calc(100% / 3 - 20px); margin: 0 10px 20px;float: left; }
.hinhanh_id ul li { list-style: none; border: 1px solid #f2f2f2; padding: 7px; float: left; margin-bottom: 10px; }
.hinhanh_id ul li img { width: 100%; float: left; }
.hinhanh_id ul h3 { font-size: 15px; line-height: 24px; font-weight: 500; }
div#lightgallery> div { width: calc(100% / 3 - 10px); margin: 0 5px 10px; height: 200px; }
div#lightgallery { padding: 0 5px; }
div#lightgallery> div a{display: block; height: 100%;}
div#lightgallery> div img{ max-width: 100%; height: 100%; object-fit: cover; }
div#lightgallery> div img:hover{ opacity: 0.8 }
.tintuc_home_id_ds ul li { width: 200px; float: left; height: 130px; margin-right: 15px; }
.tintuc_home_id_ds ul { border-bottom: 1px dashed #dcdcdc; padding-bottom: 12px; margin-bottom: 12px; }
.tintuc_home_id_ds ul .dv-tinrrr { width: calc(100% - 215px); float: left; }
.tintuc_home_id_ds ul .dv-tinrrr h4 { padding: 0 0 4px; font-size: 13px; }
.tintuc_home_id_ds ul li a { display: block; height: 100%; }
.tintuc_home_id_ds ul li a img { max-width: 100%; max-height: 100%; object-fit: cover; }
.header .dv-gio-hang { padding: 36px 0 36px 10px; }
.pro_home_id ul h3, .pro_home_id ul h4 { margin: 0; padding: 0; }
.dv-top-hdcont .dv-lef li b { font-weight: 400; }
.dv-video-div {  padding: 35px 0 45px; }
.dv-video-div:before { content: ""; background: rgba(67, 160, 71, 0.2); position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.dv-video-cont ul { width: calc(100% - 20px); background: rgba(255, 255, 255, 0.35); padding: 9px; border-radius: 0; height: 100%; overflow: hidden; }
.dv-video-cont { padding-top: 15px; }
.dv-video-cont ul li ,.hinhanh_id ul li{ list-style: none; position: relative; line-height: 0; }
.dv-video-cont ul li i,.hinhanh_id ul li i{ position: absolute; font-size: 50px; top: 50%; left: 50%; z-index: 9; transform: translate(-50%, -50%); opacity: 0.7; }
.dv-video-cont ul li:hover i ,.hinhanh_id ul:hover li i { color: red }
.dv-video-cont ul h3 { display: block; padding: 14px 0 6px; text-align: center; font-weight: 500; font-size: 15px; color: #191919; line-height: 25px; }
.dv-video-cont ul:hover h3 { color: #2a9a2f}

.cls_load_video i, .video_home ul li i { font-size: 42px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0.5; color: #000000b3; }
.cls_load_video:hover i, .video_home ul li:hover i { opacity: 0.7; color: #ff0000; }
.dv-idvideo-youtube-cont { position: fixed; top: 0; left: 0; right: 0; bottom: 0; align-items: center; z-index: 9999; background: rgba(0, 0, 0, 0.80); display: none}
.dv-idvideo-youtube-cont.actii {display: flex; }
.dv-idvideo-youtube { position: relative; background: #000; display: none; width: 650px; height: 366px; max-width: 90%; max-height: 90%; }
.dv-idvideo-youtube a.close_vdeo { background: url(../images/fotorama.png) no-repeat; width: 32px; height: 32px; top: -25px; right: -25px; background-position: -64px 0; cursor: pointer; display: block; position: absolute; z-index: 999; }
.dv-idvideo-youtube iframe { width: 100%; height: 100%; }
.cont-dathag { display: inline-block; float: right; }
.cont-dathag a { float: left !important; }

.pro_home_id_slider ul { width: calc(100% - 20px) !important; height: calc(50% - 8px); }
.pro_home_id.pro_home_id_slider .item { padding-bottom: 35px; }
.pro_home_id.pro_home_id_slider .owl-buttons .owl-prev, .pro_home_id.pro_home_id_slider .owl-buttons .owl-next { color: #fff; width: 28px; height: 38px; position: absolute; top: 50%; background: rgba(0, 0, 0, 0.23137254901960785); line-height: 33px; font-size: 36px; text-align: center; border-radius: 3px; margin-top: -27px; left: 0; opacity: 0; cursor: pointer;}
.pro_home_id.pro_home_id_slider .owl-buttons .owl-next {left: auto; right: 0}
.pro_home_id.pro_home_id_slider:hover .owl-buttons .owl-prev,
.pro_home_id.pro_home_id_slider:hover .owl-buttons .owl-next {opacity: 1}
.pro_home_id.pro_home_id_slider .owl-buttons .owl-prev:hover,
.pro_home_id.pro_home_id_slider .owl-buttons .owl-next:hover {background: #43a047;}
.embed-responsive { float: right; }
.embed-responsive a i { position: absolute; }
.embed-responsive img { height: 360px; background: #ffffff0a; padding: 8px; max-width: 100%}
.embed-responsive a { display: inline-block; position: relative; }
.embed-responsive a i { position: absolute; font-size: 60px; left: 50%; top: 50%; color: #000; opacity: 0.6; transform: translate(-50%, -50%); }
.embed-responsive a:hover i { color: red }
.left_conten.left_conten_full_sp { width: 100%; margin: 0; }
.pro_home_id.no_heit.pro_home_id_slider ul { height: 100%; }
.menu > li ul > li a{position: relative;}
.menu > li ul > li .fa.fa-angle-down { position: absolute; top: 10px; right: 5px; }
.menu > li ul > li .fa.fa-angle-down:before{    content: "\f105";}
.zalo-chat-widget {
    bottom: 80px !important;
    right: 15px !important;
}
.dmd-phone { left: 5px; right: auto; bottom: 5px !important; top: auto; }
.dv-bobloc-sp { padding: 0 10px 10px; display: none}
.dv-bobloc-sp > a { display: inline-block; background: #43a047; color: #fff; padding: 4px 10px; border-radius: 4px; cursor: pointer; float: left; margin-right: 8px; font-size: 13px; }
.dv-bobloc-sp > a:hover {  background: #429e45;}
.dv-bobloc-sp > a i { margin-right: 7px; }
.dv-boloc-spndung,
.dv-sp-menu {  position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; z-index: 999; background: #43a047; width: 0%; margin-left: -100%; transition: all .4s}
.dv-sp-menu h3 ,.dv-boloc-spndung > h3 { color: #fff; text-transform: uppercase; font-weight: 500; padding: 15px 15px 7px 15px; }
.dv-sp-menu h3 i ,.dv-boloc-spndung > h3 i{ margin-right: 6px; }
.dv-sp-menu ul { padding: 10px 15px; list-style: none; }
.dv-sp-menu ul a { color: #fff; font-size: 14px; font-weight: 400; line-height: 25px; display: block; position: relative; }
.dv-sp-menu ul li {  border-bottom: 1px solid rgba(255, 255, 255, 0.15); position: relative;}
.dv-sp-menu ul li:last-child { border: none; }
.dv-sp-menu ul ul { background: #3c9a40; padding: 5px 10px; margin: 7px 0 0; display: none; }
.dv-sp-menu ul a.js_click_auto_load_link { padding: 6px 0; }
.dv-sp-menu ul a.a_right { position: absolute; top: 0; right: 0; padding: 12px 15px; display: inline-block; line-height: 0}
.dv-sp-menu ul i.fa.fa-angle-double-right { margin-right: 8px; }
.dv-sp-menu ul ul.acti { display: block; }
.dv-sp-menu.acti, .dv-boloc-spndung.acti { margin-left: 0; width: 100%;}
a.close_xxx_sp {cursor: pointer; position: absolute; top: 11px; right: 16px; font-size: 26px; color: rgba(255, 255, 255, 0.69); }
.dv-boloc-spndung .check_id h3 { text-transform: uppercase; font-size: 15px; line-height: 20px; margin: 0 0 10px; padding: 0 0 7px; color: #ffffff; border-bottom: 1px dotted #ffffff59; }
.dv-boloc-spndung .check_id { background: #43a047; border: none; margin: 0px 12px 20px; padding: 0; border-radius: 3px; }
.dv-boloc-spndung > h3 { margin-bottom: 7px; padding: 12px 12px 10px; }
.dv-boloc-spndung .container { color: #fff; }
.dv-boloc-spndung a.apdung-loc { position: fixed; bottom: 0; right: 0; left: 0; text-align: center; background: #27792a; color: #fff; height: 42px; line-height: 42px; text-transform: uppercase; cursor: pointer; display: none; border-top: 1px solid #ffffff61; }
.dv-boloc-spndung.acti a.apdung-loc { display: block; }
.dv-boloc-spndung { padding-bottom: 45px; }
.dv-boloc-spndung .container input:checked ~ .checkmark { background-color: #43a047; border: 1px rgba(255, 255, 255, 0.54) solid; }
.dv-boloc-spndung .checkmark {border: none; }
div#cart_list .dv-gio-hang { width: 100%; }
p.khuyemmai_2s { padding: 0; margin: 0 5px; font-size: 13px; line-height: 20px; color: #4CAF50; }
p.khuyemmai_2s.khuyemmai_2s_cart { margin: 0; color: #4CAF50; font-weight: 400; font-size: 13px; }
.bottom_id_copyright h3 { display: none !important; }
.bottom_id_copyright ul { position: fixed; bottom: 92px; right: 15px; z-index: 99}

@media only screen and (max-width: 1199px) { .pagewrap { width: 100%; padding-left: 0px; padding-right: 0px}
.menu > li > a { font-size: 13.5px; padding: 15px 6px; }
.dv-video-home.no_box { overflow: hidden; }
.dv-quangcao-cont { display: none; }
a.cur.cls_close { right: 10px; font-size: 24px; top: 2px; }
.dv-video-home { padding: 35px 0; }.dv-gthome { padding: 0 10px; }
.footer_top ul { width: calc(22% - 20px); }
.footer_top ul.face_bottom { width: 240px; overflow: hidden; }
.footer_top ul.contact_footer { width: calc(56% - 280px); }
div .viewLeft { width: 50% !important; }
div .viewRight { width: calc(50% - 10px) !important; margin: 0 0 0 10px !important; }
.titleView { line-height: 25px; font-size: 18px; }
.viewRight h2 span.gia_km { font-size: 14px; }
.mausac_sp ul li { float: right; list-style: none; width: 28%; text-align: right; font-size: 14px;line-height: 23px; white-space: nowrap; }
.mausac_sp ul h2 { float: left; width: 30%; font-size: 14px; line-height: 23px; font-weight: normal; text-transform: none; color: #333; padding: 0 5px; }
.giohang_id ul .h3, .giohang_id ul .h4, .giohang_id ul h3 a, .giohang_id ul h4 a { font-size: 14px; padding: 0px 15px;}
.lienhe_sp ul p { width: calc(100% - 0px); font-size: 14px; line-height: 22px; padding-right: 0; }
.lienhe_sp ul h3 { padding-left: 45px; color: #1b1b1b; font-size: 14px; line-height: 16px; font-weight: normal; background-size: 35px; width: 100%; margin-top: 6px; }
.embed-responsive img { height: auto; }
}
@media only screen and (max-width: 991px) { .pagewrap { width: 100%; padding-left: 0px; padding-right: 0px}
.mn-mobile { display: block !important; float: right; padding: 0; right: 0; margin: 0px 10px 5px 0; margin-left: 10px; position: absolute; top: 18px; right: 2px; }
a.a_trangchu_mb { display: none; position: absolute; left: 10px; text-transform: uppercase; color: #ffffff; padding: 0px 0px; font-size: 23px; top: 0; }
div#mm-0 { background: #fff !important; }
.mn-mobile img { float: left; height: 13px; line-height: 30px;}
.mm-panel.mm-hasnavbar .mm-navbar { background: #339037 !important; height: 38px; line-height: 18px; }
.mn-mobile span { width: 40px; height: 4px; background: #43a047; border-radius: 100px; display: block; margin: 7px 0; }
ul.menu.no_box { display: none; }
.logo_top img { height: 55px; margin: 10px 0; }
.header .dv-gio-hang { padding: 25px 0; margin-right: 75px; }
.dv-top-hdcont li { font-size: 13px; line-height: 22px; }
.pagiBanner { bottom: 20px; }
.dv-gioithieu-home { padding: 20px 0; }
h3.is-title { font-size: 22px; line-height: 32px; }
.dv-gthome { padding: 0 10px; font-size: 14px; line-height: 25px; }
.dv-taisao h2 { font-size: 15px; line-height: 25px; }
span.star_reviews { padding: 12px 0 5px; }
.dv-taisao ul li span { width: 60px; height: 60px; line-height: 60px; margin-top: 25px; padding: 15px; }
.dv-taisao ul li h4 { font-size: 16px; padding: 15px 0 7px; }
.dv-taisao ul li p { font-size: 14px; line-height: 24px; }
.pro_home_id ul { width: calc(100% / 3 - 20px); }
.dv-sanpham-home { padding: 20px 0 ; }
.dv-video-home { padding: 25px 0; }
.dv-video-home h3 { margin: 0 0 15px 0; padding-bottom: 6px; font-size: 18px; font-weight: 400; line-height: 30px; position: relative; }
.dv-video-left a { padding: 5px 30px; margin-top: 15px; }
.tintuc_home_box { padding: 20px 0 20px; }
.dv-hinhanh-home { padding: 20px 0 25px; }
.dv-camnhan-kh { padding: 20px 0; }
.footer_top ul, .footer_top ul.contact_footer,.footer_top ul.face_bottom { width: calc(50% - 20px);margin-bottom: 20px; }
.newsletter_home { padding-top: 25px; padding-bottom: 25px; }
.dv-fott-center { padding: 15px 0px; }
.footer_top { padding-bottom: 10px; padding-top: 25px; font-size: 14px; line-height: 24px; }
.pro_home_id.pro_home_id_ds ul { width: calc(100% / 2 - 20px); }
div .viewLeft { width: 100% !important; }
div .viewRight { width: calc(100% - 10px) !important; margin: 15px 0 0 0px !important; }
.tintuc_home_id_ds ul li { width: 150px; height: 100px; }
.tintuc_home_id_ds ul .dv-tinrrr { width: calc(100% - 165px); float: left; }
div#lightgallery> div { width: calc(100% / 3 - 10px); margin: 0 5px 10px; height: 150px; }
.dmd-phone { left: -20px !important; right: auto; bottom: -20px !important; }
.dmd-phone h2 span {  font-size: 16px; display: block; font-family: 'Arial'; line-height: 24px; letter-spacing: 0px; }
.dmd-phone h2 { top: 43px; }
}
@media only screen and (max-width: 767px) { .tb_rps tr:first-child { display: none !important; }
.tb_rps table, #cart_list thead, #cart_list tbody, #cart_list th, #cart_list td, #cart_list tr { display: block; }
.tb_rps thead tr { position: absolute; top: -9999px; left: -9999px; }
.tb_rps tr { border-bottom: 1px solid #ccc; }
.tb_rps td {display: block; border: none; border-bottom: 1px solid #e0e0e0; position: relative; padding-left: 50%; }
.tb_rps td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; }
.tb_rps td:before { content: attr(title) ": "; text-align: left !important }
.tb_rps td:nth-of-type(1):before { content: ""; display: none }
.tb_rps td:nth-of-type(1) { padding-left: 0; }
.tb_rps td img { width: 100%; text-align: center; display: block; }
.tb_rps td { text-align: right !important }
.tb_rps .tr_first { display: none }
.tb_rps td input { width: 50px; border: solid 1px #3c746b; }
.tb_rps td #pro_sum { width: auto; margin: 0; display: inline-block; margin-right: 0 !important; }
.tb_rps , .tb_rps * {float: none !important; display: block;}
.tb_rps td.dv-anh-cart-sp .dv-anh { width: 100%; float: left; margin: 6px 0; }
.tb_rps table tr a { font-size: 14px !important}
.tb_rps label.container { display: inline-block; }
.tb_rps #cart_list #pro_sum { font-size: 18px; margin-right: 0; font-weight: normal; display: inline-block; width: 100%; text-align: right; }
.tb_rps #cart_list #pro_sum label { display: inline-block !important; }
.tb_rps span { display: inline-block !important; }
.mobileqty .qty { width: 100px !important; display: inline-block; }
.tb_rps form { width: 100%; text-align: right; }
button.pro_del { width: 100px !important; display: inline-block !important; }
span#pro_sum label.tb_tongtien { display: inline-block !important; float: right !important; }
span#pro_sum { width: 100%; display: block; }
.pro_home_id ul { width: calc(50% - 20px); }
.dv-top-hdcont .dv-rig { float: left; margin-right: 0; width: 100%; }
.dv-top-hdcont .dv-lef { float: left; margin-left: 0; width: 100%; }
.dv-top-hdcont li { padding: 2px 10px; }
.dv-top-hdcont { padding: 5px 0; }
.dv-top-hdcont .dv-rig li { margin-left: 0; }
.lang_top li { margin: 0 !important; padding: 0 !important; margin-right: 10px !important; margin-bottom: 4px !important; }
.dv-taisao ul li { width: calc(100% / 2 - 20px); float: left; margin: 0px 10px; }
.dv-taisao ul li span { margin-top: 20px; }
.dv-video-left { width: 100%; float: left; padding: 0 10px; }
.dv-video-right { width: 100%; float: right; padding: 0 10px; margin-top: 15px; }
.dv-hinhanh-nd a { width: calc(100% / 3); }
.dv-hinhanh-nd a:before { top: 40px; right: 30px; bottom: 40px; left: 30px; }
.pagiBanner { bottom: 15px; }
li.li_timkiem { float: right; padding-right: 80px; }
.lang_top { float: right; position: absolute; right: 0; }
.dv-timkiem-home .dv-tksel ,.dv-timkiem-home .dv-tksel.dv-tksel-timkiem{ width: calc(100% / 3 - 10px); float: left; margin: 5px; }
/*.bottom_id_copyright ul { float: right; margin-top: 0; margin-right: 0; width: 100%; padding: 0 10px; }*/
.left_conten { float: right; width: calc(100% - 0px); margin-left: 0; }
.right_conten { width: 100%; float: left; margin-left: 0; }
.mausac_sp .mobileqty .qty { width: 35px !important; display: inline-block; }
.nums a { font-size: 15px; display: block; margin: 0px 7px 0 0; padding: 5px; line-height: 23px; height: 34px; width: 34px; }
div .title_news h2 { font-size: 16px; line-height: 25px; margin-bottom: 3px; }
div .title_news li { font-size: 13px; }
div#lightgallery> div { width: calc(100% / 3 - 10px); margin: 0 5px 10px; height: 130px; }
div#cart_list .dv-gio-hang { width: 100%; }
.dv-btn-cart.no_box a { font-size: 14px; padding: 0px 15px; margin: 0 2px; height: 38px; line-height: 38px; }
.dv-ndpm-hide-mb { display: none !important; }
.dv-pttt-child input[type="radio"]:checked+label { background: #43a04714; display: block; height: auto; }
.dv-pttt-child input:checked ~ .dv-load-nhom-mb .dv-ndpm { display: block !important; width: 100%; background: #f0f8f18a; text-align: left; font-size: 13px; }
.dv-ndphuongthuc-thanhtoan .dv-ndpm strong { font-weight: 500; font-size: 14px; color: #000; line-height: 22px; }
.pro_home_id.pro_home_id_slider .item { padding-bottom: 25px; }
.embed-responsive { float: right; width: 100%; margin-top: 5px; }
.embed-responsive a { width: 100%; }
.embed-responsive img { height: auto; width: 100%; }
.left_conten_sp { width: calc(100% - 20px); }
.page_conten_page { padding-top: 15px; padding-bottom: 15px; }
.dv-bobloc-sp { display: block}
.hide_is_767 {display: none}
.dmd-phone { left: -30px !important; right: auto; bottom: -30px !important; }
.bottom_id_copyright { padding-bottom: 80px !important; }
}
@media only screen and (max-width: 479px) { li.li_timkiem { float: right; padding-right: 75px !important; padding-left: 0; }
.dv-top-hdcont .dv-lef li b { display: none; }
.dv-top-hdcont li a span { font-size: 14px; color: yellow; }
.dv-top-hdcont .dv-rig li,.dv-top-hdcont .dv-lef li { margin-right: 0px; padding-right: 0; }
.dv-top-hdcont li i { margin-right: 4px; }
.dv-timkiem-home .dv-tksel, .dv-timkiem-home .dv-tksel.dv-tksel-timkiem { width: calc(100% / 2 - 10px); }
.dv-tit p { font-size: 13px; margin-bottom: 2px; padding: 0 10px 6px; line-height: 22px; }
.dv-tit { margin-bottom: 10px; }
h3.is-title { font-size: 20px; line-height: 32px; }
.pro_home_id ul ,.pro_home_id.pro_home_id_ds ul{ width: calc(50% - 10px); margin: 5px; padding: 5px; }
.pro_home_id.pro_home_id_ds ul {margin: 0 5px 10px;}
.pro_home_id.flex.no_box,.pro_home_id.pro_home_id_ds.flex { padding: 0 5px; }
.pro_home_id ul h3 a, .pro_home_id_2 ul h3 a { font-size: 14px; padding: 10px 10px 3px; line-height: 22px; }
.pro_home_id ul h4, .pro_home_id_2 ul h4 { font-size: 15px; padding: 0 5px; line-height: 23px; }
.p_sao span { margin: 0 2px !important; font-size: 14px; }
.pro_home_id ul h4 span.gia_km, .pro_home_id_2 ul h4 span.gia_km { font-size: 14px; padding-left: 5px; }
.dv-video-left a { padding: 5px 30px; margin-top: 5px; }
.video-thumbnail iframe { height: 280px; }
.dv-hinhanh-nd a { width: calc(100% / 2); }
.newsletter_home ul { margin-top: 12px; }
.footer_top ul, .footer_top ul.contact_footer, .footer_top ul.face_bottom { width: calc(100% - 20px); margin-bottom: 15px; }
.bottom_id_copyright ul h3 { display: none; }
/*.bottom_id_copyright ul li img { height: 32px; margin-top: 7px; }*/
.bottom_id_copyright { padding: 10px 0; }
.dv-fott-center { padding: 10px 0px; }
.footer_top ul.contact_footer p span { font-size: 15px; }
.dv-hover-spp a { height: 38px; width: 38px; opacity: 1; line-height: 38px; font-size: 13px; }
.dv-hover-spp a i { height: 38px; line-height: 38px; }
.discount-tag { font-size: 13px; }
.page_conten_page { padding-top: 0; padding-bottom: 10px; }
.footer_top ul h3 { font-size: 16px; padding-bottom: 10px; position: relative; line-height: 26px; }
div .titleView { padding: 0px 0 12px 0; margin-bottom: 8px; line-height: 21px; font-size: 17px; }
.viewRight h2 { font-size: 18px; color: #f00; line-height: 25px; font-weight: 500; padding-bottom: 5px; }
div .viewRight .desc li, div .gia_sp_mota ul li { line-height: 20px; margin-bottom: 8px; padding-left: 0px !important; font-size: 14px; }
.viewRight .desc li, .gia_sp_mota ul li { background: url(../images/icon-check-pink.png) no-repeat left 5px !important; }
.showText ul li { margin-left: 15px; }
#sharelink h3 { font-size: 15px; }
.tintuc_home_id_ds ul li { width: 110px; height: 80px; margin-right: 10px; }
.tintuc_home_id_ds ul .dv-tinrrr { width: calc(100% - 120px); float: left; }
.tintuc_home_id ul h3 a { font-size: 15px; line-height: 22px; padding-bottom: 3px; }
.left_contact { width: 100%; padding-right: 0; }
.right_contact { float: right; width: 100%; padding-left: 0; margin-top: 10px; }
.hinhanh_id ul { list-style: none; width: calc(100% / 2 - 10px); margin: 0 5px 10px; float: left; }
.hinhanh_id ul h3 { font-size: 14px; line-height: 22px; }
div#lightgallery> div { width: calc(100% / 2 - 6px); margin: 0 3px 6px; height: 81px; }
.title_id_view, .left_conten .title_id { line-height: 25px; font-size: 18px; }
.dv-btn-cart.no_box a { width: 100%; margin-bottom: 5px; }
.dv-fott-center-cont h3 { font-size: 15px; }
.dv-video-cont ul { width: calc(100% - 10px);  }
.dv-video-cont { padding-top: 0px; }
.dv-idvideo-youtube {  height: 290px;}
.cont-dathag { display: inline-block; float: right; width: 100%; }
.pro_home_id_slider ul { width: calc(100% - 10px) !important; height: calc(50% - 10px); }
.pro_home_id.pro_home_id_slider .owl-buttons .owl-prev, .pro_home_id.pro_home_id_slider .owl-buttons .owl-next { margin-top: -39px; }
}