/*html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.w3-serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}*/
.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{display:block;overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:1205px){.w3-auto{max-width:95%}}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
.w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important}
.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}
.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}
.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important}
.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}
.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important}
.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}
.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}
.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}
.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}
.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}
.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}
.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important}
.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important}
.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,input,select,textarea,label,legend,table,caption,tbody,tfoot,thead,th,td.menu-disabled,ul.links,ul.links.inline,ul.links li,.block ul,div.admin,tr.even,tr.odd,tr.drag,tbody,tbody th,thead th,.breadcrumb,.item-list .icon,.item-list .title,.item-list ul,.item-list ul li,ol.task-list li.active,.form-item,tr.odd .form-item,tr.even .form-item,.form-item .description,.form-item label,.form-item label.option,.form-checkboxes,.form-radios,.form-checkboxes .form-item,.form-radios .form-item,.marker,.form-required,.more-link,.more-help-link,.item-list .pager,.item-list .pager li,.pager-current,.tips,ul.primary,ul.primary li,ul.primary li a,ul.primary li.active a,ul.primary li a:hover,ul.secondary,ul.secondary li,ul.secondary a,ul.secondary a.active,.resizable-textarea{margin:0;padding:0;border:0;vertical-align:baseline}
ul.links,ul.links.inline,ul.links li,.block ul,ol,ul,.item-list ul,.item-list ul li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
input,select,textarea{font-family:Arial,sans-serif}
textarea{font-size:1em;line-height:1.538em}
ul.links:after,div.admin-panel .body:after,{content:".";display:block;height:0;clear:both;visibility:hidden}
ul.inline:after{content:"";display:none;clear:none}
* html .form-item,* html ul.links,* html div.admin-panel .body,* html{height:1%}
:first-child + html .form-item,:first-child + html ul.links,:first-child + html div.admin-panel .body,:first-child + html{min-height:1%}
.clear{clear:both}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
div.last{margin-right:0!important}
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
@font-face{font-family:'icomoon';src:url(../fonts/icomoon.eot?u3a1c9);
src:url(../fonts/icomoon.eot?u3a1c9#iefix) format("embedded-opentype"),
url(../fonts/icomoon.ttf?u3a1c9) format("truetype"),
url(../fonts/icomoon.woff?u3a1c9) format("woff"),
url(../fonts/icomoon.svg?u3a1c9#icomoon) format("svg");font-weight:400;font-style:normal;font-display: swap;
}
[class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-chungnhan:before{content:"\e938"}
.icon-cungloai:before{content:"\e939"}
.icon-danhgia:before{content:"\e93a"}
.icon-hoidap:before{content:"\e93b"}
.icon-delivery:before{content:"\e935"}
.icon-delivery-truck:before{content:"\e936"}
.icon-money:before{content:"\e937"}
.icon-bodycarevn:before{content:"\e934"}
.icon-logistics:before{content:"\e933"}
.icon-camket:before{content:"\e900"}
.icon-chamsoccothe:before{content:"\e901"}
.icon-chamsocdamat:before{content:"\e902"}
.icon-chamsoctoc:before{content:"\e903"}
.icon-chatluongvauytin:before{content:"\e904"}
.icon-chonam:before{content:"\e905"}
.icon-dangky:before{content:"\e906"}
.icon-dangnhap:before{content:"\e907"}
.icon-danhmucsanpham:before{content:"\e908"}
.icon-daucong:before{content:"\e909"}
.icon-diachi:before{content:"\e90a"}
.icon-diachigiaohang:before{content:"\e90b"}
.icon-email:before{content:"\e90c"}
.icon-facebook:before{content:"\e90d"}
.icon-freegift:before{content:"\e90e"}
.icon-freeship:before{content:"\e90f"}
.icon-giohang:before{content:"\e910"}
.icon-google:before{content:"\e911"}
.icon-hotline1:before{content:"\e912"}
.icon-hotline2:before{content:"\e913"}
.icon-huongdanmuahang:before{content:"\e914"}
.icon-intrangnay:before{content:"\e915"}
.icon-khuyen-mai:before{content:"\e916"}
.icon-lieutrinhdieutri:before{content:"\e917"}
.icon-listdoc:before{content:"\e918"}
.icon-listngang:before{content:"\e919"}
.icon-muahang:before{content:"\e91a"}
.icon-muiten1:before{content:"\e91b"}
.icon-muiten2:before{content:"\e91c"}
.icon-myphamtrangdiem:before{content:"\e91d"}
.icon-nhieuquatang:before{content:"\e91e"}
.icon-nuochoa:before{content:"\e91f"}
.icon-quanlydonhang:before{content:"\e920"}
.icon-quaylai:before{content:"\e921"}
.icon-sodienthoai:before{content:"\e922"}
.icon-soluongcong:before{content:"\e923"}
.icon-soluongtru:before{content:"\e924"}
.icon-suathongtin:before{content:"\e925"}
.icon-taikhoan:before{content:"\e926"}
.icon-tamgiac1:before{content:"\e927"}
.icon-tamgiac2:before{content:"\e928"}
.icon-thanhtoantannoi:before{content:"\e929"}
.icon-thoat:before{content:"\e92a"}
.icon-thucphamhotro:before{content:"\e92b"}
.icon-thucphamthethao:before{content:"\e92c"}
.icon-tichluydiemthuong:before{content:"\e92d"}
.icon-traloi:before{content:"\e92e"}
.icon-twitter:before{content:"\e92f"}
.icon-vienuong:before{content:"\e930"}
.icon-xemvideo:before{content:"\e931"}
.icon-youtube:before{content:"\e932"}
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
position: relative;
margin-bottom: 60px;
padding: 0;
*zoom: 1;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
.bxslider {
margin: 0;
padding: 0;
}
ul.bxslider {
list-style: none;
}
.bx-viewport {
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
-moz-box-shadow: 0 0 1px #ccc;
-webkit-box-shadow: 0 0 1px #ccc;
box-shadow: 0 0 1px #ccc;
border: 1px solid #fff;
background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url('../images/bx_loader.gif') center center no-repeat #ffffff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
vertical-align: bottom;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager-item {
font-size: 0;
line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: 10px;
background: url('../images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
background-position: 0 0;
}
.bx-wrapper .bx-next {
right: 10px;
background: url('../images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url('../images/controls.png') -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url('../images/controls.png') -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
div.cs-select{display:inline-block;vertical-align:middle;position:relative;text-align:left;z-index:100;max-width:500px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.cs-skin-elastic.cs-active .cs-options{pointer-events:auto}
div.cs-select:focus{outline:none}
.cs-select select{display:none}
.cs-options ul li{border-bottom:1px solid #fff}
.cs-options ul li:last-child{border-bottom:none}
.cs-select span{display:block;position:relative;cursor:pointer;padding:14px 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-select > span{padding-right:3em}
.cs-select > span::after,.cs-select .cs-selected span::after{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.cs-select > span::after{content:'\25BE';right:10px;font-size:18px}
.cs-select .cs-selected span::after{content:'\2713';margin-left:1em}
.cs-select.cs-active > span::after{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}
div.cs-active{z-index:200}
.cs-select .cs-options{position:absolute;overflow:hidden;width:100%;background:#fff;visibility:hidden;border:1px solid #5ca25a}
.cs-select.cs-active .cs-options{visibility:visible}
.cs-options ul li span{color:#666;font-weight:400}
.cs-select ul{list-style:none;margin:0;padding:0;width:100%}
.cs-select ul span{padding:7px 10px}
.cs-select ul li.cs-focus span{background-color:#ddd}
.cs-select li.cs-optgroup ul{padding-left:1em}
.cs-select li.cs-optgroup > span{cursor:default}
.mCustomScrollbar {
-ms-touch-action: pinch-zoom;
touch-action: pinch-zoom;
/* direct pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
-ms-touch-action: auto;
touch-action: auto;
}
.mCustomScrollBox {
/* contains plugin's markup */
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container {
/* contains the original content */
overflow: hidden;
width: auto;
height: auto;
}
/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside>.mCSB_container {
margin-right: 15px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
}
/* non-visible scrollbar */
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
/* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-left: 0;
}
/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
/* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside+.mCSB_scrollTools {
right: -26px;
}
/* scrollbar position: outside */
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
/* RTL direction/left-side scrollbar */
right: auto;
left: 0;
}
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
/* contains the draggable element and dragger rail markup */
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
width: 2px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger {
/* the draggable element */
cursor: pointer;
width: 100%;
height: 30px;
/* minimum dragger height */
z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
/* the dragger element */
position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 12px;
/* auto-expanded scrollbar */
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 8px;
/* auto-expanded scrollbar */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
bottom: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside>.mCSB_container {
margin-right: 0;
margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside>.mCSB_container {
min-height: 100%;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0;
}
/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: -26px;
}
/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 2px;
margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 30px;
/* minimum dragger width */
height: 100%;
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
/* auto-expanded scrollbar */
margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 8px;
/* auto-expanded scrollbar */
margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
right: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}
.mCSB_container_wrapper>.mCSB_container {
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 20px;
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 20px;
}
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 0;
}
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 0;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 20px;
}
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 0;
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
/* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
padding-right: 0;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
padding-bottom: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
/* non-visible scrollbar */
margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
/* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}
/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
opacity: 0.75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
}
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
opacity: 0;
filter: "alpha(opacity=0)";
-ms-filter: "alpha(opacity=0)";
}
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.4);
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #23344a;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #23344a;
filter: "alpha(opacity=85)";
-ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #23344a;
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
background-image: url(mCSB_buttons.png);
/* css sprites */
background-repeat: no-repeat;
opacity: 0.4;
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 0;
/*
sprites locations
light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
*/
}
.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -20px;
/*
sprites locations
light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
*/
}
.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -40px;
/*
sprites locations
light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
*/
}
.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -56px;
/*
sprites locations
light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
opacity: 0.75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
opacity: 0.9;
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)";
}
/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px 0;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -20px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -40px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -56px;
}
/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px 0;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -20px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -40px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 6px;
margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px 0;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -20px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -40px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -56px;
}
/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px 0;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -20px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -40px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1);
}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 2px;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 2px;
margin: 7px auto;
}
/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.15);
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
height: 14px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 14px;
margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 14px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 14px;
margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 16px;
/* auto-expanded scrollbar */
height: 16px;
margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 4px;
/* auto-expanded scrollbar */
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 16px;
/* auto-expanded scrollbar */
width: 16px;
margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 4px;
/* auto-expanded scrollbar */
margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 -72px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -92px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -112px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -128px;
}
/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px -72px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -92px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -112px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -128px;
}
/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
width: 4px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
background-color: transparent;
background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
background-repeat: repeat-y;
opacity: 0.3;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)";
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
height: 4px;
margin: 6px 0;
background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px -72px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -92px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -112px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -128px;
}
/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px -72px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -92px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -112px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -128px;
}
/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-y;
background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
height: 70px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 70px;
}
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)";
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
width: 8px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #555;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 8px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 8px;
margin: 4px 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 8px;
margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px;
}
/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)";
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
right: 1px;
}
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
bottom: 1px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #000;
background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px;
}
/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #fff;
background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
right: 0;
margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: 0;
margin: 0 12px;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
left: 0;
right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
height: 50px;
}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 50px;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)";
}
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)";
}
/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
width: 6px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 6px;
margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 12px;
margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px;
}
/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
width: 12px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 12px;
margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px;
}
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px;
}
/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255, 255, 255, 0.2);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
border-color: #000;
border-color: rgba(0, 0, 0, 0.2);
}
/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.6);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.6);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
}
/* ---------------------------------------- */
.toast-title {
font-weight: bold;
}
.toast-message {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.toast-message a,
.toast-message label {
color: #ffffff;
}
.toast-message a:hover {
color: #cccccc;
text-decoration: none;
}
.toast-close-button {
position: relative;
right: -0.3em;
top: -0.3em;
float: right;
font-size: 20px;
font-weight: bold;
color: #ffffff;
-webkit-text-shadow: 0 1px 0 #ffffff;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
filter: alpha(opacity=90);
}
.toast-close-button:hover,
.toast-close-button:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
filter: alpha(opacity=40);
}
/*Additional properties for button version
iOS requires the button element instead of an anchor tag.
If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.toast-top-center {
top: 0;
right: 0;
width: 100%;
}
.toast-bottom-center {
bottom: 0;
right: 0;
width: 100%;
}
.toast-top-full-width {
top: 0;
right: 0;
width: 100%;
}
.toast-bottom-full-width {
bottom: 0;
right: 0;
width: 100%;
}
.toast-top-left {
top: 12px;
left: 12px;
}
.toast-top-right {
top: 12px;
right: 12px;
}
.toast-bottom-right {
right: 12px;
bottom: 12px;
}
.toast-bottom-left {
bottom: 12px;
left: 12px;
}
#toast-container {
position: fixed;
z-index: 999999;
pointer-events: none;
/*overrides*/
}
#toast-container * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#toast-container > div {
position: relative;
pointer-events: auto;
overflow: hidden;
margin: 0 0 6px;
padding: 15px 15px 15px 50px;
width: 300px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
background-position: 15px center;
background-repeat: no-repeat;
-moz-box-shadow: 0 0 12px #999999;
-webkit-box-shadow: 0 0 12px #999999;
box-shadow: 0 0 12px #999999;
color: #ffffff;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
filter: alpha(opacity=90);
}
#toast-container > :hover {
-moz-box-shadow: 0 0 12px #000000;
-webkit-box-shadow: 0 0 12px #000000;
box-shadow: 0 0 12px #000000;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
cursor: pointer;
}
#toast-container > .toast-info {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
width: 300px;
margin-left: auto;
margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
width: 96%;
margin-left: auto;
margin-right: auto;
}
.toast {
background-color: #030303;
}
.toast-success {
background-color: #51a351;
}
.toast-error {
background-color: #bd362f;
}
.toast-info {
background-color: #2f96b4;
}
.toast-warning {
background-color: #f89406;
}
.toast-progress {
position: absolute;
left: 0;
bottom: 0;
height: 4px;
background-color: #000000;
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
#toast-container > div {
padding: 8px 8px 8px 50px;
width: 11em;
}
#toast-container .toast-close-button {
right: -0.2em;
top: -0.2em;
}
}
@media all and (min-width: 241px) and (max-width: 480px) {
#toast-container > div {
padding: 8px 8px 8px 50px;
width: 18em;
}
#toast-container .toast-close-button {
right: -0.2em;
top: -0.2em;
}
}
@media all and (min-width: 481px) and (max-width: 768px) {
#toast-container > div {
padding: 15px 15px 15px 50px;
width: 25em;
}
}
@keyframes showSweetAlert {
0% {
transform: scale(0.7);
}
45% {
transform: scale(1.05);
}
80% {
transform: scale(0.95);
}
100% {
transform: scale(1);
}
}
@keyframes hideSweetAlert {
0% {
transform: scale(1);
}
100% {
transform: scale(0.5);
}
}
@keyframes slideFromTop {
0% {
top: 0%;
}
100% {
top: 50%;
}
}
@keyframes slideToTop {
0% {
top: 50%;
}
100% {
top: 0%;
}
}
@keyframes slideFromBottom {
0% {
top: 70%;
}
100% {
top: 50%;
}
}
@keyframes slideToBottom {
0% {
top: 50%;
}
100% {
top: 70%;
}
}
.showSweetAlert {
animation: showSweetAlert 0.3s;
}
.showSweetAlert[data-animation=none] {
animation: none;
}
.showSweetAlert[data-animation=slide-from-top] {
animation: slideFromTop 0.3s;
}
.showSweetAlert[data-animation=slide-from-bottom] {
animation: slideFromBottom 0.3s;
}
.hideSweetAlert {
animation: hideSweetAlert 0.3s;
}
.hideSweetAlert[data-animation=none] {
animation: none;
}
.hideSweetAlert[data-animation=slide-from-top] {
animation: slideToTop 0.3s;
}
.hideSweetAlert[data-animation=slide-from-bottom] {
animation: slideToBottom 0.3s;
}
@keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0px;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
}
}
.animateSuccessTip {
animation: animateSuccessTip 0.75s;
}
.animateSuccessLong {
animation: animateSuccessLong 0.75s;
}
.sa-icon.sa-success.animate::after {
animation: rotatePlaceholder 4.25s ease-in;
}
@keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0deg);
opacity: 1;
}
}
.animateErrorIcon {
animation: animateErrorIcon 0.5s;
}
@keyframes animateXMark {
0% {
transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
50% {
transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
80% {
transform: scale(1.15);
margin-top: -6px;
}
100% {
transform: scale(1);
margin-top: 0;
opacity: 1;
}
}
.animateXMark {
animation: animateXMark 0.5s;
}
@keyframes pulseWarning {
0% {
border-color: #F8D486;
}
100% {
border-color: #F8BB86;
}
}
.pulseWarning {
animation: pulseWarning 0.75s infinite alternate;
}
@keyframes pulseWarningIns {
0% {
background-color: #F8D486;
}
100% {
background-color: #F8BB86;
}
}
.pulseWarningIns {
animation: pulseWarningIns 0.75s infinite alternate;
}
@keyframes rotate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
body.stop-scrolling {
height: 100%;
overflow: hidden;
}
.sweet-overlay {
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 1040;
}
.sweet-alert {
background-color: #ffffff;
width: 478px;
padding: 17px;
border-radius: 5px;
text-align: center;
position: fixed;
left: 50%;
top: 50%;
margin-left: -256px;
margin-top: -200px;
overflow: hidden;
display: none;
z-index: 2000;
}
@media all and (max-width: 767px) {
.sweet-alert {
width: auto;
margin-left: 0;
margin-right: 0;
left: 15px;
right: 15px;
}
}
.sweet-alert .form-group {
display: none;
}
.sweet-alert .form-group .sa-input-error {
display: none;
}
.sweet-alert.show-input .form-group {
display: block;
}
.sweet-alert .sa-confirm-button-container {
display: inline-block;
position: relative;
}
.sweet-alert .la-ball-fall {
position: absolute;
left: 50%;
top: 50%;
margin-left: -27px;
margin-top: -9px;
opacity: 0;
visibility: hidden;
}
.sweet-alert button[disabled] {
opacity: .6;
cursor: default;
}
.sweet-alert button.confirm[disabled] {
color: transparent;
}
.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.sweet-alert .sa-icon {
width: 80px;
height: 80px;
border: 4px solid gray;
border-radius: 50%;
margin: 20px auto;
position: relative;
box-sizing: content-box;
}
.sweet-alert .sa-icon.sa-error {
border-color: #d43f3a;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
position: relative;
display: block;
}
.sweet-alert .sa-icon.sa-error .sa-line {
position: absolute;
height: 5px;
width: 47px;
background-color: #d9534f;
display: block;
top: 37px;
border-radius: 2px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
transform: rotate(45deg);
left: 17px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
transform: rotate(-45deg);
right: 16px;
}
.sweet-alert .sa-icon.sa-warning {
border-color: #eea236;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
position: absolute;
width: 5px;
height: 47px;
left: 50%;
top: 10px;
border-radius: 2px;
margin-left: -2px;
background-color: #f0ad4e;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
left: 50%;
bottom: 10px;
background-color: #f0ad4e;
}
.sweet-alert .sa-icon.sa-info {
border-color: #46b8da;
}
.sweet-alert .sa-icon.sa-info::before {
content: "";
position: absolute;
width: 5px;
height: 29px;
left: 50%;
bottom: 17px;
border-radius: 2px;
margin-left: -2px;
background-color: #5bc0de;
}
.sweet-alert .sa-icon.sa-info::after {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
top: 19px;
background-color: #5bc0de;
}
.sweet-alert .sa-icon.sa-success {
border-color: #4cae4c;
}
.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
content: '';
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
background: #ffffff;
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success::before {
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
transform: rotate(-45deg);
transform-origin: 60px 60px;
}
.sweet-alert .sa-icon.sa-success::after {
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
transform: rotate(-45deg);
transform-origin: 0px 60px;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
width: 80px;
height: 80px;
border: 4px solid rgba(92, 184, 92, 0.2);
border-radius: 50%;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
width: 5px;
height: 90px;
background-color: #ffffff;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line {
height: 5px;
background-color: #5cb85c;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
width: 25px;
left: 14px;
top: 46px;
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
width: 47px;
right: 8px;
top: 38px;
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-custom {
background-size: contain;
border-radius: 0;
border: none;
background-position: center center;
background-repeat: no-repeat;
}
.sweet-alert .btn-default:focus {
border-color: #cccccc;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6);
}
.sweet-alert .btn-success:focus {
border-color: #4cae4c;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6);
}
.sweet-alert .btn-info:focus {
border-color: #46b8da;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6);
}
.sweet-alert .btn-danger:focus {
border-color: #d43f3a;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6);
}
.sweet-alert .btn-warning:focus {
border-color: #eea236;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6);
}
.sweet-alert button::-moz-focus-inner {
border: 0;
}
/*!
* Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
* Copyright 2015 Daniel Cardoso <@DanielCardoso>
* Licensed under MIT
*/
.la-ball-fall,
.la-ball-fall > div {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.la-ball-fall {
display: block;
font-size: 0;
color: #fff;
}
.la-ball-fall.la-dark {
color: #333;
}
.la-ball-fall > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
}
.la-ball-fall {
width: 54px;
height: 18px;
}
.la-ball-fall > div {
width: 10px;
height: 10px;
margin: 4px;
border-radius: 100%;
opacity: 0;
-webkit-animation: ball-fall 1s ease-in-out infinite;
-moz-animation: ball-fall 1s ease-in-out infinite;
-o-animation: ball-fall 1s ease-in-out infinite;
animation: ball-fall 1s ease-in-out infinite;
}
.la-ball-fall > div:nth-child(1) {
-webkit-animation-delay: -200ms;
-moz-animation-delay: -200ms;
-o-animation-delay: -200ms;
animation-delay: -200ms;
}
.la-ball-fall > div:nth-child(2) {
-webkit-animation-delay: -100ms;
-moz-animation-delay: -100ms;
-o-animation-delay: -100ms;
animation-delay: -100ms;
}
.la-ball-fall > div:nth-child(3) {
-webkit-animation-delay: 0ms;
-moz-animation-delay: 0ms;
-o-animation-delay: 0ms;
animation-delay: 0ms;
}
.la-ball-fall.la-sm {
width: 26px;
height: 8px;
}
.la-ball-fall.la-sm > div {
width: 4px;
height: 4px;
margin: 2px;
}
.la-ball-fall.la-2x {
width: 108px;
height: 36px;
}
.la-ball-fall.la-2x > div {
width: 20px;
height: 20px;
margin: 8px;
}
.la-ball-fall.la-3x {
width: 162px;
height: 54px;
}
.la-ball-fall.la-3x > div {
width: 30px;
height: 30px;
margin: 12px;
}
/*
* Animation
*/
@-webkit-keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: .5;
}
20% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: .5;
}
100% {
opacity: 0;
-webkit-transform: translateY(145%);
transform: translateY(145%);
}
}
@-moz-keyframes ball-fall {
0% {
opacity: 0;
-moz-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: .5;
}
20% {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: .5;
}
100% {
opacity: 0;
-moz-transform: translateY(145%);
transform: translateY(145%);
}
}
@-o-keyframes ball-fall {
0% {
opacity: 0;
-o-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: .5;
}
20% {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: .5;
}
100% {
opacity: 0;
-o-transform: translateY(145%);
transform: translateY(145%);
}
}
@keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
-moz-transform: translateY(-145%);
-o-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: .5;
}
20% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: .5;
}
100% {
opacity: 0;
-webkit-transform: translateY(145%);
-moz-transform: translateY(145%);
-o-transform: translateY(145%);
transform: translateY(145%);
}
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-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);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(blank.gif); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: visible !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(fancybox_sprite@2x.png);
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url(fancybox_loading@2x.gif);
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/*
Animate.css - http: //daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.appear-animation {
opacity: 0;
}
.appear-animation-visible {
opacity: 1;
}
.animated,
.appear-animation {
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}
@-moz-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@-o-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
opacity: 1;
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
}
}
@-moz-keyframes shake {
0%, 100% {
-moz-transform: translateX(0);
opacity: 1;
}
10%, 30%, 50%, 70%, 90% {
-moz-transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-moz-transform: translateX(10px);
}
}
@-o-keyframes shake {
0%, 100% {
-o-transform: translateX(0);
opacity: 1;
}
10%, 30%, 50%, 70%, 90% {
-o-transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-o-transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
transform: translateX(0);
opacity: 1;
}
10%, 30%, 50%, 70%, 90% {
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
opacity: 1;
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
opacity: 1;
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-o-transform: translateY(0);
opacity: 1;
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
opacity: 1;
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
opacity: 1;
}
}
@-moz-keyframes tada {
0% {
-moz-transform: scale(1);
}
10%, 20% {
-moz-transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-moz-transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-moz-transform: scale(1.1) rotate(-3deg);
}
100% {
-moz-transform: scale(1) rotate(0);
opacity: 1;
}
}
@-o-keyframes tada {
0% {
-o-transform: scale(1);
}
10%, 20% {
-o-transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-o-transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-o-transform: scale(1.1) rotate(-3deg);
}
100% {
-o-transform: scale(1) rotate(0);
opacity: 1;
}
}
@keyframes tada {
0% {
transform: scale(1);
}
10%, 20% {
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
transform: scale(1.1) rotate(-3deg);
}
100% {
transform: scale(1) rotate(0);
opacity: 1;
}
}
.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin: top center;
}
20% {
-webkit-transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
opacity: 1;
}
}
@-moz-keyframes swing {
20% {
-moz-transform: rotate(15deg);
}
40% {
-moz-transform: rotate(-10deg);
}
60% {
-moz-transform: rotate(5deg);
}
80% {
-moz-transform: rotate(-5deg);
}
100% {
-moz-transform: rotate(0deg);
opacity: 1;
}
}
@-o-keyframes swing {
20% {
-o-transform: rotate(15deg);
}
40% {
-o-transform: rotate(-10deg);
}
60% {
-o-transform: rotate(5deg);
}
80% {
-o-transform: rotate(-5deg);
}
100% {
-o-transform: rotate(0deg);
opacity: 1;
}
}
@keyframes swing {
20% {
transform: rotate(15deg);
}
40% {
transform: rotate(-10deg);
}
60% {
transform: rotate(5deg);
}
80% {
transform: rotate(-5deg);
}
100% {
transform: rotate(0deg);
opacity: 1;
}
}
.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
}
/* originally authored by Nick Pettit - https: //github.com/nickpettit/glide */
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
opacity: 1;
}
}
@-moz-keyframes wobble {
0% {
-moz-transform: translateX(0%);
}
15% {
-moz-transform: translateX(-25%) rotate(-5deg);
}
30% {
-moz-transform: translateX(20%) rotate(3deg);
}
45% {
-moz-transform: translateX(-15%) rotate(-3deg);
}
60% {
-moz-transform: translateX(10%) rotate(2deg);
}
75% {
-moz-transform: translateX(-5%) rotate(-1deg);
}
100% {
-moz-transform: translateX(0%);
opacity: 1;
}
}
@-o-keyframes wobble {
0% {
-o-transform: translateX(0%);
}
15% {
-o-transform: translateX(-25%) rotate(-5deg);
}
30% {
-o-transform: translateX(20%) rotate(3deg);
}
45% {
-o-transform: translateX(-15%) rotate(-3deg);
}
60% {
-o-transform: translateX(10%) rotate(2deg);
}
75% {
-o-transform: translateX(-5%) rotate(-1deg);
}
100% {
-o-transform: translateX(0%);
opacity: 1;
}
}
@keyframes wobble {
0% {
transform: translateX(0%);
}
15% {
transform: translateX(-25%) rotate(-5deg);
}
30% {
transform: translateX(20%) rotate(3deg);
}
45% {
transform: translateX(-15%) rotate(-3deg);
}
60% {
transform: translateX(10%) rotate(2deg);
}
75% {
transform: translateX(-5%) rotate(-1deg);
}
100% {
transform: translateX(0%);
opacity: 1;
}
}
.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
}
10% {
-webkit-transform: skewX(-8deg);
}
20% {
-webkit-transform: skewX(7deg);
}
30% {
-webkit-transform: skewX(-6deg);
}
40% {
-webkit-transform: skewX(5deg);
}
50% {
-webkit-transform: skewX(-4deg);
}
60% {
-webkit-transform: skewX(3deg);
}
70% {
-webkit-transform: skewX(-2deg);
}
80% {
-webkit-transform: skewX(1deg);
}
90% {
-webkit-transform: skewX(0deg);
}
100% {
-webkit-transform: skewX(0deg);
opacity: 1;
}
}
@-moz-keyframes wiggle {
0% {
-moz-transform: skewX(9deg);
}
10% {
-moz-transform: skewX(-8deg);
}
20% {
-moz-transform: skewX(7deg);
}
30% {
-moz-transform: skewX(-6deg);
}
40% {
-moz-transform: skewX(5deg);
}
50% {
-moz-transform: skewX(-4deg);
}
60% {
-moz-transform: skewX(3deg);
}
70% {
-moz-transform: skewX(-2deg);
}
80% {
-moz-transform: skewX(1deg);
}
90% {
-moz-transform: skewX(0deg);
}
100% {
-moz-transform: skewX(0deg);
opacity: 1;
}
}
@-o-keyframes wiggle {
0% {
-o-transform: skewX(9deg);
}
10% {
-o-transform: skewX(-8deg);
}
20% {
-o-transform: skewX(7deg);
}
30% {
-o-transform: skewX(-6deg);
}
40% {
-o-transform: skewX(5deg);
}
50% {
-o-transform: skewX(-4deg);
}
60% {
-o-transform: skewX(3deg);
}
70% {
-o-transform: skewX(-2deg);
}
80% {
-o-transform: skewX(1deg);
}
90% {
-o-transform: skewX(0deg);
}
100% {
-o-transform: skewX(0deg);
opacity: 1;
}
}
@keyframes wiggle {
0% {
transform: skewX(9deg);
}
10% {
transform: skewX(-8deg);
}
20% {
transform: skewX(7deg);
}
30% {
transform: skewX(-6deg);
}
40% {
transform: skewX(5deg);
}
50% {
transform: skewX(-4deg);
}
60% {
transform: skewX(3deg);
}
70% {
transform: skewX(-2deg);
}
80% {
transform: skewX(1deg);
}
90% {
transform: skewX(0deg);
}
100% {
transform: skewX(0deg);
opacity: 1;
}
}
.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-o-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
/* originally authored by Nick Pettit - https: //github.com/nickpettit/glide */
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes pulse {
0% {
-moz-transform: scale(1);
}
50% {
-moz-transform: scale(1.1);
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}
@-o-keyframes pulse {
0% {
-o-transform: scale(1);
}
50% {
-o-transform: scale(1.1);
}
100% {
-o-transform: scale(1);
opacity: 1;
}
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
opacity: 1;
}
}
.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(0.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(0.9);
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(0.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(0.9);
}
100% {
-o-transform: scale(1);
opacity: 1;
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(0.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(0.9);
}
100% {
transform: scale(1);
opacity: 1;
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
opacity: 1;
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
}
80% {
-o-transform: translateY(10px);
}
100% {
-o-transform: translateY(0);
opacity: 1;
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
opacity: 1;
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
60% {
opacity: 1;
-o-transform: translateY(30px);
}
80% {
-o-transform: translateY(-10px);
}
100% {
-o-transform: translateY(0);
opacity: 1;
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
opacity: 1;
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
opacity: 1;
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
opacity: 1;
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
opacity: 1;
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
-moz-transform: translateX(0);
opacity: 1;
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
-o-transform: translateX(0);
opacity: 1;
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@import url("//fonts.googleapis.com/css?family=Montserrat|Open+Sans:400,300,600,700&subset=latin,vietnamese");
.coccoc-alo-phone {
position: absolute;
visibility: hidden;
background-color: transparent;
width: 54px;
height: 54px;
cursor: pointer;
z-index: 200000 !important;
backface-visibility: hidden;
transform: translateZ(0);
transition: visibility .5s;
-moz-transition: visibility .5s;
-o-transition: visibility .5s;
transition: visibility .5s;
}
.coccoc-alo-phone.coccoc-alo-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
}
.coccoc-alo-phone.coccoc-alo-static {
opacity: .6
}
.coccoc-alo-phone.coccoc-alo-hover, .coccoc-alo-phone:hover {
opacity: 1
}
.coccoc-alo-ph-circle {
width: 50px;
height: 50px;
top: 20px;
left: 20px;
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: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
-moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
-ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
-o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;
animation: coccoc-alo-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%
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle {
-webkit-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
-moz-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
-ms-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
-o-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle {
-webkit-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
-moz-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
-ms-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
-o-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone:hover .coccoc-alo-ph-circle {
border-color: #00aff2;
opacity: .5
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle {
border-color: #75eb50;
border-color: #baf5a7 9;
opacity: .5
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {
border-color: #00aff2;
border-color: #bfebfc 9;
opacity: .5
}
.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle {
border-color: #ccc;
opacity: .5
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle {
border-color: #75eb50;
opacity: .5
}
.coccoc-alo-ph-circle-fill {
width: 54px;
height: 54px;
top: -6px;
/* left: 12px; */
position: absolute;
background-color: #000;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: .1;
-webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
-moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
-ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
-o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
animation: coccoc-alo-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%
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle-fill {
-webkit-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
-moz-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
-ms-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
-o-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle-fill {
-webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
-moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
-ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
-o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
opacity: 0 !important
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill, .coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill {
background-color: rgba(255, 0, 0, 0.9);
/* background-color: #00aff2; */
opacity: .75 !important
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill {
background-color: rgba(117, 235, 80, 0.5);
/* background-color: #baf5a7; */
opacity: .75 !important
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {
background-color: rgba(117, 235, 80, 0.5);
/* background-color: #b30506; */
/* background-color: #a6e3fa; */
opacity: .75 !important
}
.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle-fill, .coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle-fill {
background-color: rgba(204, 204, 204, 0.5);
background-color: #ccc;
opacity: .75 !important
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle-fill {
background-color: rgba(117, 235, 80, 0.5);
opacity: .75 !important
}
.coccoc-alo-ph-img-circle {
width: 60px;
height: 60px;
top: 70px;
left: 70px;
position: absolute;
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-img-circle {
-webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
-moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
-ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
-o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;
animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-img-circle {
-webkit-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
-moz-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
-ms-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
-o-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;
animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone:hover .coccoc-alo-ph-img-circle {
background-color: #00aff2
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle {
background-color: #75eb50;
background-color: #75eb50 9
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {
background-color: #00aff2;
}
.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-img-circle {
background-color: #ccc
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-img-circle {
background-color: #75eb50
}
@-moz-keyframes coccoc-alo-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 coccoc-alo-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 coccoc-alo-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 coccoc-alo-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 coccoc-alo-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 coccoc-alo-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 coccoc-alo-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 coccoc-alo-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 coccoc-alo-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 coccoc-alo-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 coccoc-alo-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 coccoc-alo-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 coccoc-alo-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 coccoc-alo-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 coccoc-alo-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 coccoc-alo-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 coccoc-alo-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 coccoc-alo-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 coccoc-alo-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 coccoc-alo-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 coccoc-alo-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)
}
}
#coccoc-alo-wrapper {
position: fixed;
width: 100%;
bottom: 0;
top: 0;
left: 0;
z-index: 2000000;
overflow: visible;
display: none;
color: #383838
}
#coccoc-alo-wrapper.night-mode {
color: #fff
}
.coccoc-alo-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
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-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")
}
#coccoc-alo-wrapper .coccoc-alo-popup-close:hover {
opacity: .6 !important
}
.coccoc-alo-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
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=")
}
#coccoc-alo-wrapper .coccoc-alo-overlay {
position: fixed;
width: 100%;
height: 100%;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=");
top: 0;
left: 0;
z-index: 200000
}
.coccoc-alo-popup h3 {
font-size: 24px;
margin: 0 0 40px;
font-family: 'Open Sans';
font-weight: 300;
white-space: nowrap
}
.night-mode .coccoc-alo-popup h3 {
font-size: 23px
}
.night-mode .coccoc-alo-message {
padding-bottom: 0
}
.coccoc-alo-message {
height: 32px;
padding: 18px 0 13px 0;
text-align: center;
clear: both;
font-size: 14px
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label, #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label + .input {
float: left;
width: 49%
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .input {
padding: 0 13px
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper label {
color: #616161;
font-size: 18px;
height: 28px;
line-height: 28px;
padding-right: 15px
}
.coccoc-alo-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
}
coccoc-alo-number::-ms-clear {
display: none;
width: 0;
height: 0
}
.night-mode .coccoc-alo-number {
border: #00bed5 solid 1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 13px 31px
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"].valid-invalid {
color: #ff496b
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]:focus {
outline: 0
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder {
color: #d1d1d1
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder {
color: #d1d1d1
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder {
color: #d1d1d1
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder {
color: #d1d1d1
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder {
color: #60615f
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder {
color: #60615f
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder {
color: #60615f
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder {
color: #60615f
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-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
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-submit {
background-color: #00bed5
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitavtive, #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitvisited {
outline: none !important
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit-moz-focus-inner {
border: 0
}
#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit:hover {
background-color: #00aff2;
background-color: #00aff2
}
.coccoc-alo-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
}
.coccoc-alo-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
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-request-time {
color: #fff;
background-color: #515350;
border: 1px solid #606260
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup h3 {
margin-bottom: 15px
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-form .coccoc-alo-select-wrapper {
margin-bottom: 35px
}
.coccoc-alo-table {
display: table;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0
}
.coccoc-alo-cell {
display: table-cell;
vertical-align: middle;
text-align: center
}
.valid-invalid-message {
font-size: 13px;
color: #ff496b
}
.valid-invalid-message:before {
content: "* "
}
:root{--laza-css-loaded:1}
@font-face {
font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?14663396');
src: url('../fonts/fontawesome-webfont.eot?14663396#iefix') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?14663396') format('woff2'), url('../fonts/fontawesome-webfont.woff?14663396') format('woff'), url('../fonts/fontawesome-webfont.ttf?14663396') format('truetype'), url('../fonts/fontawesome-webfont.svg?14663396#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat-Regular'; src: url('../fonts/Montserrat-Regular.otf');font-display: swap;
}
@font-face {
font-family: 'Montserrat-Bold'; src: url('../fonts/Montserrat-Bold.otf');font-display: swap;
}
@font-face {
font-family: 'vni-swiss-condense'; src: url('../fonts/vni-swiss-condense.TTF');font-display: swap;
}
@font-face {
font-family: 'Arimo'; src: url('../fonts/Arimo-Regular.ttf'); font-display: swap;
}
.clear{clear:both}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
body{font-size: 14px;font-family: Arial,sans-serif;color: #333; line-height: 1.4;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
img, iframe{max-width: 100%}
a{text-decoration: none;color: #333}
.red{color: #f00 !important}
.yellow{color: #ff0 !important}
.show_error{text-align: left;font-size:14px!important;color:#B30000 !important;margin-top: 3px;width: 100% !important}
.show_error_white{font-size:12px!important;font-style:italic;color:#fff!important;margin-top: 5px;margin-bottom:5px;width: 100% !important;text-align: left;}
.note-msg,.notice-msg{margin: 0 0 20px;background:#A91929;color:#fff;border-width:0!important;background-repeat:no-repeat!important;min-height:24px!important;padding:8px!important;font-size:14px!important}
#add_success_mgs, .add_success_mgs{text-align: left;color: #0E5841}
.add_success_mgs{margin-top: 5px}
#add_success_mgs span{display: block;margin-top: 3px;}
.d-block{display: block!important;}
.d-none{display: none!important;}
.mgrb_10{margin-bottom: 10px !important}
.mgrb_20{margin-bottom: 20px !important}
.mgrt_10{margin-top: 10px !important}
.mgrt_20{margin-top: 20px !important}
.txt_pa_20{padding: 0 20px}
.txt_success{text-align: left;color: #0E5841;}
.fancybox-overlay {z-index: 10001 !important;}
.rotate input[type="text"], input[type="email"], input[type="submit"], input[type="button"], input[type="tel"], textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0}
.input_update[disabled], .input_update[readonly] {background-color: #eee;opacity: 1;}
.ajax_loadding{background:url(../images/loading.gif) no-repeat center center rgba(255,255,255,0.5);position:absolute;z-index:100;left:0;top:0;width:100%;height:100%;display:none}
#header{border-bottom: 1px solid #1a2a3f;background: #122136}
.header{max-width: 1200px;margin:auto}
.header_menu_left{float: left;padding: 15px 0px}
.header_menu_left li{float: left;border-right: 1px solid #ebebeb;padding: 0px 15px}
.header_menu_left li a{float: left;color: #404040;font-family: Arial}
.free_gift:before{width: 16px;height: 16px;float: left;margin-right: 10px;color: #A91929;font-size: 19px;margin-top: -5px}
.free_gift{padding-left: 0px !important;}
.header_menu_left li:last-child{border-right: none}
.email_header:before{width: 15px;height: 10px;float: left;margin-right: 10px;color: #A91929;font-size: 14px}
.huongdan_header{border-right: none !important;}
.huongdan_header:before{width: 15px;height: 15px;float: left;margin-right: 10px;color: #A91929;font-size: 14px}
.phone_header:before{width: 14px;height: 14px;float: left;margin-right: 10px;color: #A91929;font-size: 14px }
.phone_header a b{color: #cf0a00;font-weight: 100;font-size: 18px}
.phone_header a{margin-top: -2px}
.header_menu_right{float: right}
.header_menu_right li a{float: left;color: #a8b2b7;font-family: Arial}
.header_menu_right > li{float: left;position: relative;z-index: 110000;padding: 9px 25px;font-size: 11px;text-transform: uppercase;}
.account_header{float: left;padding-right: 15px;padding-top: 8px;height: 30px}
.account_header:before{width: 11px;height: 12px;float: left;margin-right: 10px;color: #A91929;font-size: 13px }
.login_herder:before{width: 11px;height: 13px;float: left;margin-right: 10px;color: #A91929;font-size: 13px }
#header1{padding: 12px 0px;background: #A91929;border-bottom:1px solid #4f5d6e;}
.header1{max-width: 1200px;margin: auto;display: flex;flex-flow: row wrap;}
.select_search_header{width:21.5%;padding: 0 16px;height:33px;outline: 0;border-right: 1px solid #ebebeb ;color: #555;cursor: pointer}
.search_heder{width: 45%;padding: 0 21px 0 25px;margin-top: 13px;position: relative;}
#form_search{display: flex; flex-flow: row wrap;width: 100%;}
.search_heder .fa_search{font-size: 18px;color: #fff;position: absolute;cursor: pointer;width: 40px;height: 33px;line-height: 33px;text-align: center;top: 0;right: 11px}
.search_heder .fa_search:before{font-family: 'FontAwesome';content: "\f002";}
.input_search{padding: 0 10px;height:33px;outline: 0;width:68%;color: #555;}
#logo{width: 14%}
.logo_pc{
display: block;
margin-top: 2px;
margin-bottom: -8px;
}
.logo_pc .ic-logo-laza{
color: #fff;
font-size: 53px;
}
.input_search_sm{width:8%;background: #a86300;color: #fff;font-size: 16px;font-weight: bold;height:33px;padding: 0 20px;
outline: none;cursor: pointer;border: none}
.input_search_sm > i{position: relative;right: 7px}
.giohang{float: right;margin-top: 17px;cursor: pointer;position: relative;z-index: 100000;padding-bottom: 22px}
.text_giohang{float: left;text-align: center;margin-right: 10px}
.text_gh1{float: left;font-size: 14px;color: #f04e46;text-transform: uppercase;font-weight: bold;text-align: center;margin-top: 9px}
.num_gh{color: #787878}
.could_giohang{background: url(../images/giohang.png) no-repeat;width: 43px;height: 43px;display: table-cell}
.menu_home{max-width: 1200px;margin: auto}
#menu_home{background: #A91929;border-bottom: 1px solid #8a939e}
.menu_li li > a{color: #fff;font-size: 13px;line-height: 36px;padding: 0 14px}
#banner_home{float: left;width: 100%}
.banner_home{max-width: 1200px;margin: auto}
#right_conent{float: right;width: 919px}
.text_right_ft p b{color: #ffe066;font-family: vni-swiss-condense;font-weight: normal;font-size: 22px}
.submit_letter{background: #a86300;color: #fff;padding: 0 10px;height:36px;outline: 0;font-size: 16px;cursor: pointer}
.cate_home{cursor:pointer;position:relative;float: left;width: 20%;color: #fff;text-align: center}
.cate_home p.cate_parent_name{line-height: 36px;font-weight: bold;font-size: 14px;color: #fefefe}
.cate_home p.cate_parent_name:before{font-family: 'icomoon' !important;font-size: 22px;content: "\e908";float: left;margin-left: 20px;color: #fff}
.menu_hide .cate_home{width: 100%}
#left_conent{float: left;width: 235px}
.left_menu_home{float: left;width: 100%;border: 1px solid #e5e5e5;position: relative;z-index: 10000}
.left_menu_home li{float: left;width: 100%;border-bottom: 1px solid #e5e5e5;}
.left_menu_home li:last-child{border-bottom: none}
.left_menu_home li a{float: left;width: 100%;padding: 6.35px 12px;display: table;position: relative}
.left_menu_home li a b{font-weight: 100; display: table-cell; vertical-align: middle;font-size: 13px;color: #666666;width: 170px}
.right_conent1{width: 603px;float: left}
.right_conent2{float: right}
.right_conent_1{float: left;width: 100%;margin-top: 12px}
.hot_sale{float: left;width: 100%;background: #f5f5f5}
.hot_sale p{float: left;padding: 10px;color: #585858;font-size: 12px;font-weight: bold}
.product_slider{float: left;width: 109px;border: 1px solid #ebebeb}
#product_slider_wp{float: left;width: 100%;margin-top: 12px}
#product_slider_wp .bx-wrapper .bx-viewport{width: 102% !important;margin-left: -0.8%}
#product_slider_wp .bx-wrapper .bx-controls-direction .bx-prev, #list_cate .bx-wrapper .bx-controls-direction .bx-prev {
background: url(../images/pr_hot_prew.png) no-repeat; width: 23px; height: 23px; left: 532px;top: -25px; }
#product_slider_wp .bx-wrapper .bx-controls-direction .bx-next, #list_cate .bx-wrapper .bx-controls-direction .bx-next {
background: url(../images/pr_hot_next.png) no-repeat; width: 23px; height: 23px; right: 5px;top: -25px; }
#news_home{width: 100%;background: #f6f6f6;padding: 30px 0px 90px 0px;margin-top: 10px}
.news_home{max-width: 1200px;margin: auto;display: flex; flex-flow: row wrap}
.child_news_home{width: 50%;background: #fff;margin-top: 15px;display: flex; flex-flow: row wrap}
/* #news_home .child_news_home:nth-child(2n + 1) {float: right;} */
.child_news_home_2{float: right}
.time_news{width: 89px;text-align: center;display: table}
.time_news p{float: left;width: 100%;text-align: center}
.time_news p:first-child{font-size: 36px;color: #fca00f;border-bottom: 1px solid #7dd4f5;height: 64px;display: block;padding-top: 12px}
.time_news p:last-child{font-size: 18px;color: #fca00f;height: 64px;display: block;padding-top: 15px}
.img_news_home{width: 185px}
.sum_name_news_home{width: 297px;padding: 15px 10px 15px 15px}
.sum_name_news_home a{width: 100%;font-size: 16px;color: #535353;padding-bottom: 10px}
.sum_name_news_home h3 {font-size: 16px;height: 46px;overflow: hidden;}
.sum_name_news_home p{color: #707070;font-size: 13px;width: 100%}
.title_name_cate{display: flex; flex-flow: row wrap;width: 100%;position: relative;height: 40px}
.title_name_cate p{font-size: 20px;text-transform: uppercase;color: #262626;position: absolute;left: 0px;top:10px;background: #f6f6f6;}
.line_1{width: 100%;height: 1px;background: #dddddd;margin-top: 20px}
.title_name_cate p:after{content: '';width: 35px;height: 3px;background: #b20505;float: right;margin-top: 9px;margin-left: 10px}
.img_news_home img{width: 100%;object-fit: contain;}
.li_right{float: right}
.wrapper_full{width: 100%}
.wrapper_full_1{max-width: 1200px;margin: auto;display: flex; flex-flow: row wrap;padding-bottom: 10px;}
.wrapper_full_bg_1{background: #A91929}
.title_name_cate_1{position: relative;height: 40px;margin: 20px 0px}
.title_name_cate_1 p{float: left;font-size: 20px;text-transform: uppercase;position: absolute;left: 0px;top:10px;background: #fff;}
.color_1{color: #0bc4c6}
.color_1 p:after{background: #0bc4c6}
.title_name_cate_1 p b{content: '';width: 35px;height: 3px;float: right;margin-top: 7px;margin-left: 10px}
.list_product_home_cate{margin-bottom: 15px;padding-left: 1px;display: flex; flex-flow: row wrap;}
.child_cate_produc_1{float: left;width: 213px;height: 345px;border: 1px solid #e5e5e5;position: relative;margin-right: 26px}
.child_cate_produc_1:last-child{margin-right: 0px}
.summary_detail {
margin: 10px 0 15px;
line-height: 20px
/*color: #717171*/
}
.goto-wrapper {
border: 1px solid #aaa;
background-color: #f9f9f9;
margin-bottom: 20px;
padding: 10px 20px 10px;
}
.goto-wrapper p {
font-weight: 700;
font-size: 16px!important;
}
.entry-content{
line-height: 20px;
font-size: 16px;
font-family: Verdana,Geneva,sans-serif;
}
.entry-content h2 {
margin: 15px 0;
font-size: 22px!important;
line-height: 1.35;
}
.entry-content h3 {
font-size: 18px!important;
margin: 10px 0;
}
.entry-content #go-to-detail {
font-size: 15px;
}
.entry-content ul:not(.shortcode-hotface) {
list-style-type: disc;
padding-left: 40px;
}
.goto-wrapper ul li {
padding-left: 0!important;
list-style: none!important;
padding-bottom: 5px;
}
.goto-wrapper ul li:last-child{padding-bottom: 0}
.goto-wrapper ul li a {
color: #A41828;
}
.goto-wrapper ul li > ul {
padding-left: 20px;
padding-top: 5px;
}
.nam {
width: 300px;
height: 250px;
background: #A91929;
margin: 5px auto;
font-size: 13px;
color: #fff;
text-align: center;
padding: 10px;
}
.nam-1{
width: 600px;
height: auto;
}
.nam-1 .nam-1-txt{
width:50%;float:left;padding-right:10px
}
.nam-1 .nam-1-form{
width:50%;float:left
}
/* newsletter css */
.nam b {
font: bold 24px helvetica;
color: #fff;
float: left;
width: inherit;
text-align: center;
padding: 15px 0;
}
.nam-1 b {
padding: 5px 0 12px 0;
width: 100%;
}
.nam form {
width: 100%;
margin: 0 auto;
}
.affiliate-link a {
color: #4a90e2;
}
/* answer review */
.comment_rating_support {
background-color: #e8f1fb;
font-size: 14px;
line-height: 17px;
margin-top: 15px;
padding: 12px 10px 8px;
position: relative;
}
.comment_rating_support::before {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 14px solid #e8f1fb;
content: '';
left: 5px;
position: absolute;
top: -6px;
z-index: -1;
}
.comment_rating_support img, .comment_rating_support .ans-review {
vertical-align: middle;
display: inline-block;
}
.comment_rating_support .ans-review {
width: calc(100% - 40px);
vertical-align: top;
}
.comment_rating_support img {
width: 25px;
margin-right: 3px;
}
.box-qtv > strong {
font-size: 14px;
}
.box-qtv {
margin-bottom: 7px;
}
.box-qtv .qtv {
text-transform: uppercase;
margin-right: 10px;
color: #000;
font-weight: 400;
font-size: 10px;
background: #eebc49;
padding: 2px 6px;
border-radius: 3px;
line-height: 18px;
height: 18px;
margin-left: 5px;
display: inline-table;
vertical-align: top;
white-space: nowrap;
margin-top: -4px;
}
.ans-review-body {
line-height: 20px;
}
.product-detail {
width: 100%;
float: left;
position: relative;
margin-top: 20px;
margin-bottom: 20px;
}
.product-detail-content {
overflow: hidden;
}
.more-height {
height: 750px;
}
.product-detail-show {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 20px;
background: linear-gradient(to top, #f2ecf8, transparent);
overflow: auto;
}
.product-detail-show .product-detail-view {
color: #dc3545 !important;
cursor: pointer;
background: #ffffff;
border-radius: 5px 5px 0 0;
padding: 8px 15px;
border: 1px solid #eee;
font-size: 100%;
}
#product-detail-viewdefault, .product-detail-viewdefault {
display: none;
}
#view-guide-url {
text-align: center;
margin-bottom: 5px;
}
#view-guide-url img {
max-width: 57%;
}
.toctoc-head {
font-weight: bold;
padding: 15px 20px;
margin-bottom: 7px;
color: #fff;
background: #A91929;
}
.toctoc-head .toctoc-toggle {
font-weight: normal;
display: inline-block;
margin-left: 10px;
cursor: pointer;
}
.toctoc-head p {
margin-bottom: 0px;
padding-bottom: 0px !important;
}
.toctoc-body {
display: none;
}
.article-toctoc.open-list .toctoc-body {
display: block;
}
@media screen and (min-width:1200px){
.child_cate_produc_other{margin-right: 26px !important}
}
.productstatus {
display: block;
line-height: 1.3em;
font-size: 16px;
color: #d0021b;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 10px;
}
.img_pr_home{float: left;width: 100%;height: 210px;text-align: center}
.img_pr_home img{max-width: 100%;max-height:210px }
.child_cate_produc_1 p{float: left;padding: 0px 15px;color: #5e5e5e}
.price_cart{float: left;width: 100%;margin-top: 10px}
.wp_price{width: 160px;float: left}
.promotion_price{font-size: 16px;color: #B30000 !important; margin-top: 14px}
.promotion_price_old{font-size: 14px;text-decoration: line-through;color: #b3b3b3;padding-right: 0px !important;margin-bottom: 5px;height: 17px}
.promotion_price_news{color: #B30000 !important;font-size: 18px;padding-right: 0px !important;}
.icon_cart{float: left;background: #A91929;cursor: pointer;margin-top: 1px;}
.percent_pr{position: absolute;left: 15px;top: 15px;color: #fff;font-size: 14px;background: #da2929;border-radius: 50%;width: 46px;height: 46px;line-height: 46px;text-align: center;}
.manufacturer_small > a{border: 1px solid #b5edee;float: left;width: 72px;height: 45px;margin-right: 10px}
.manufacturer_small > a > img{width: 100%;height: 100%;max-height: 100%;max-width: 100%}
.icon_plus{float: left;font-style: inherit}
.icon_plus:before{content: "\f067";font-size: 13px;font-family: FontAwesome;padding: 15px 15px;float: left}
.a_plus{float: left;width: auto !important;margin-right: 0px !important;}
.wrapper_full_2{float: left;width: 100%;padding-bottom: 20px;margin-top: 5px}
.wrapper_full_3{float: left;width: 100%;text-align: center}
.view_a_full{text-align: center;padding: 10px 20px;font-size: 12px;display: inline-block}
.view_a_full.color_3{border: 1px solid #679906;}
.view_a_full.color_2{border: 1px solid #30457e;}
.view_a_full.color_1{border: 1px solid #0bc4c6;}
.color_2{color: #30457e}
.color_2 p:after{background: #30457e}
.color_3{color: #679906}
.color_3 p:after{background: #679906}
.wrapper_full_bg_2{background: #f6f6f6}
.wrapper_full_bg_wrapper{padding: 7px 0}
.lert_trademark a{float: left;width: 100%}
.lert_trademark a img{float: left;width: 100%}
.lert_trademark{float: left;width: 500px}
.right_trademark{float: right;width: 670px;padding: 0 0 20px 20px}
.trademark_a{float: left;width: 150px;height: 92px;margin-right: 16px;border: 1px solid #d6d6d6;margin-top: 17px}
.trademark_a img{float: left;width: 100%;max-height: 100%}
.last_a{margin-right: 0px}
.child_cate_produc_1_last{margin-right: 0px}
.color_4 p:after{background: #b20505}
.child_cate_produc_top{margin-top: 25px;}
#menu1, #menu1 ul { margin: 0; padding: 0;list-style: none;display: block }
#menu1 { display: flex;flex-flow: row wrap;;width: 100%;}
#menu1:after { clear: both; } #menu { zoom:1; }
#menu1 .sub_menu { margin: 0 5px; position: absolute;display: none; top: 36px; left: 0; z-index: 10;width: 100%;float: left; background: #A91929; transition: all .2s ease-in-out; }
.sub_menu .nhanhang_ul_menu{padding: 5.6px 7.5px !important;float: left}
#menu1 li:hover > .sub_menu { display: block; }
.sub_menu {float: left; display: flex;}
#menu1 .sub_menu .nhanhang_ul_menu a{width: 100%;float: left;padding: 5.5px }
.phanloai li{width: 33%;float: left}
.phanloai li a{font-size: 13px;float: left;width: 100%;text-transform: inherit}
.phanloai_menu_ul li a:before{content: '';width: 4px;height: 4px;float: left;background: #fff;border-radius: 50%;margin-right: 10px;margin-top: 7px}
.phanloai_menu_ul li{padding: 5px 10px;float: left;width: 33.3333%}
.phanloai_menu_ul li a{padding: 3px 0px;float: left;width: 100%;text-transform: inherit}
.sub_menu_phanloai{padding: 10px}
.menu_pl_boder{border-right: 1px solid #aed1ad} .left_menu_home li:hover{background: #A91929;color: #fff}
.fixed{position: fixed;top: 0px;left: 0px;float: left;width: 100%;background: #fff;z-index: 10000;box-shadow: 0 1px 2px rgba(0,0,0,.2);transition: all .3s ease 0s;}
.fixed #logo{display: none}
.fixed .giohang{margin-top: 0px} .hot_phone{display: none}
.fixed .search_heder{width: 39%;padding: 0 17px 0 0;}
.fixed .hot_phone{display: block} .hot_phone{float: left;width: 200px;margin-left: 40px}
.hot_phone p{float: left} .hot_phone b{float: left;padding: 10px 15px;background: #b20505;color: #fff;font-size: 14px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.hot_phone b:before{content: "\f0d9";color: #b20505;font-size: 12px;float: left;margin-left: -22px;font-family: FontAwesome}
.hot_phone p{float: left;margin-right: 10px;margin-top: 12px;color: #585858;font-size: 13px;text-transform: uppercase;font-weight: 500}
.menu_hide{display: none;width: 235px;position: relative}
.fixed .menu_hide{display: block;width: 20%;float: left}
.fixed .cate_home p{padding: 13px 0px;cursor: pointer}
.hide_ul_menu{display: none}
.menu_hide:hover .hide_ul_menu{display: block;position: absolute;left: 0px;top: 62px}
.hide_ul_menu{float: left;width: 100%;background: #fff}
.hide_ul_menu{float: left;;width: 100%;box-shadow: 0px 0px 1px 0px #ccc}
.hide_ul_menu li{width: 100%;border-bottom: 1px solid #e5e5e5;}
.hide_ul_menu li:last-child{border-bottom: none}
.hide_ul_menu li a{width: 100%;padding: 6.35px 12px;display: table;position: relative;}
.hide_ul_menu li a b{padding-left:10px;font-weight: 100; display: table-cell; vertical-align: middle;font-size: 13px;color: #666666;width: 185px}
.hide_ul_menu_cate{position: absolute;z-index: 100000;text-align: left;text-transform: none;}
.cate_home_one:hover .hide_ul_menu_cate{display: block;}
.menu_li_left:hover .sub_menu_left{display: block}
.sub_menu_left{position: absolute;width: 935px;left: 234px;top:0px;background: #fff;border: 1px solid #A91929;padding: 20px 15px 20px 20px;display: none}
.sub_menu_left_1{float: left;width: 510px}
.sub_menu_left_2{float: right;width: 380px}
.pr_menu_pc{float: left;width: 180px;border: 1px solid #e5e5e5;position: relative}
.pr_menu_pc span{display: block;float: left;width: 100%;padding: 3px 15px;color: #5e5e5e !important;}
.img_pr_menu{float: left;width: 100%}
.name_pr_link{float: left;width: 100%;color: #141414;padding: 5px 15px !important;}
.menu_li_left:hover b{color: #fff}
.img_pr_menu img{float: left;width: 100%}
.promotion_price_news1{color: #B30000 ;font-size: 18px;padding: 5px 15px;}
.pr_menu_pc_1{float: right}
.gift_pr{position: absolute;left: 15px;top: 10px}
.ul_child_menu_left{float: left;width: 49%;margin-bottom: 15px}
.pr_menu_pc_top{margin-top: 15px}
.ul_child_menu_left li{border-bottom: none}
.ul_child_menu_left_1{float: right}
.ul_child_menu_left li:first-child{font-weight: bold}
.ul_child_menu_left li:hover{background: none}
.ul_child_menu_left li a{color: #666666;padding: 5px 0px;float: left;width: 100%}
.sub_menu{width: 935px}
.child_cate_produc_1:hover{border: 1px solid #90b48e}
.nhanhang_ul_menu a img{float: left;width: 104px;background: #fff;height: 63px}
.title_cate_list{display: flex;flex-flow: row wrap;;width: 100%;position: relative;}
.title_cate_list a{color: #373737}
.wrapper_full_border_1{width: 100%;border-bottom: 1px solid #ebebeb}
.wrapper_full_4{width: 100%;padding: 10px 0px}
.fist_menu_cate_a{font-size: 14px;}
.fist_menu_cate_a:after{font-family: 'FontAwesome' !important; content: "\f0da"; font-size: 13px; margin-left: 12px;margin-right: 12px;color: #737373}
.title_cate_list a:last-child{padding: 0px 10px 0 0;color: #a91929}
#google-news-url {
position: absolute;
right: 0;
top: -8px
}
.left_list_product{float: left;width: 270px}
.list_cate_1{float: left;width: 100%}
.background_1{float: left;width: 100%;background: #f7f7f7}
.name_cate_left{width: 100%;padding: 15px 15px 0px 15px;display: flex;flex-flow: row wrap}
.name_cate_left p{width: 100%;color: #A91929;font-size: 16px;padding-bottom: 5px;text-transform: uppercase}
.ul_list_recieve_text{width: 100%;padding: 10px 15px;}
.box_category_home_product .ul_list_recieve_text{max-height: 480px;padding: 2px 7px;}
.ul_list_recieve_text li{width: 100%;border-bottom: 1px solid #e2e2e2}
.ul_list_recieve_text li a{display: block;width: 100%;;padding: 10px 0px;color: #212121;position: relative;}
.ul_list_recieve_text li.c_parent a:before{content: "\f0da";font-family: FontAwesome; margin-right: 7px;color: #b20505}
.ul_list_recieve_text li.c_child a{padding-left:20px;}
.ul_list_recieve_text li.c_child a:before{content: "";position: absolute; width: 5px;height: 5px;border-radius: 50%;background: #A91929;top: 50%;left: 7px;margin-top: -3px}
.ul_list_recieve_text li a b{float: right;color: #888888;font-weight: 100}
.ul_list_recieve_text li.current a{color: #B30000}
.ul_list_recieve_text li:last-child{border-bottom: none}
.name_cate_left b{width: 50px;height: 1px;background: #A91929}
.trademark_price_left{float: left;width: 100%;background: #f7f7f7;margin: 15px 0px}
.css-label_hotel { background-image: url(../images/bg_radio.png);
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
-moz-user-select: none; -ms-user-select: none; user-select: none;width: 100%; }
.css-checkbox-hotel { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.css-checkbox-hotel + .css-label_hotel{background-repeat:no-repeat; background-position: 0px 0px; cursor:pointer;float: left;padding-left:20px;height: 14px; font-family: arial, helvetica, sans-serif;font-size: 13px;color: #212121}
.css-checkbox-hotel:checked + .css-label_hotel{ background-position: 0px -16px !important; }
.ul_list_recieve_text_1{float: left;width: 100%;padding: 10px 15px;}
.ul_list_recieve_text_1 li{position: relative}
.ul_list_recieve_text_1 li b{position: absolute;right: 0px;top: 10px;color: #888888;font-weight: 100}
.ul_list_recieve_text_1 li{padding: 10px 0px;float: left;width: 100%}
.trademark_price_left_1{float: left;width: 100%}
.name_cate_left_1{float: left;width: 100%;padding: 15px 15px 0px 15px}
.name_cate_left_1 p{float: left;width: 100%;color: #4d4d4d;font-size: 18px;padding-bottom: 5px;text-transform: uppercase}
.name_cate_left_1 b{float: left;width: 50px;height: 1px;background: #A91929}
.list_th_scroll_1{float: left;width: 100%}
.list_th_scroll_ul{width: 100%;padding: 0px 5px 10px 15px}
.list_th_scroll_ul div li{width: 100%;padding: 10px 0px;position: relative}
.list_th_scroll_ul div li b{float: right;font-weight: 100;position: absolute;top: 0px;right: 0px;color: #888888}
/*.viewportdiv, .viewportdiv1{float: left;width: 100%;max-height: 400px} */
#ascrail2000{left: 300px !important;}
.right_list_product{float: right;width: 900px}
.banner_pr_list{margin-bottom: 10px}
.banner_pr_list img{height: auto;}
.cate_arrangement_pr_list{padding: 10px 0px}
.cate_arrangement_pr_list_text{float: left;position: relative;padding-bottom: 7px}
.cate_arrangement_pr_list_text p{float: left;font-size: 16px;text-transform: uppercase;font-weight: bold;color: #A91929;margin-top: 8px}
.cate_arrangement_pr_list_text p a{color: #A91929}
.cate_arrangement_pr_list_text b{width: 50px;height: 1px;background: #A91929;position: absolute;left: 0;bottom: 0}
.cate_arrangement_pr_list_select{float: right;display: flex;
flex-flow: row wrap;}
.cate_view_all{float:right;color: #A91929;font-size: 13px;padding: 5px 10px;border: 1px solid #A91929;margin-top: 5px}
.cate_view_all i{display: none;margin-left: 7px}
.selec_arrangementt{padding: 6px 10px;border: 1px solid #b7b7b7;outline: 0;cursor: pointer;color: #5c5c5c}
.cate_arrangement_pr_list_select p{margin-top: 8px;margin-right: 10px;color: #373737}
.square_arrangementt{margin: 0px 10px}
.square_arrangementt i{font-style: inherit;cursor: pointer;}
.square_arrangementt i:before{content: "\f00a";font-family: FontAwesome;font-size: 14px;float: left;padding: 7px 8px 8px 10px;border: 1px solid #b5b5b5}
.long_arrangementt i{font-style: inherit;cursor: pointer;}
.long_arrangementt i:before{content: "\f00b";font-family: FontAwesome;font-size: 14px;float: left;padding: 7px 8px 8px 10px;border: 1px solid #b5b5b5}
.active_arrangementt i{color: #b30506 !important;}
.active_arrangementt i:before{border: 1px solid #b30506 !important;}
#load_product_list, .load_product_list{position: relative;display: flex;flex-flow: row wrap;}
.load_product_list{padding-left: 1px}
.list_pr_ds{border-bottom: 2px solid #e8eaee;padding-bottom: 8px}
.child_cate_produc_2{float: left;width: 200px;height: 345px;border: 1px solid #e5e5e5;position: relative;margin-right: 23px;margin-top: 15px}
.child_cate_produc_2:last-child{margin-right: 0px}
.img_pr_home{float: left;width: 100%;height: 210px;text-align: center}
.img_pr_home img{max-width: 100%;max-height:210px }
.pr_name{height: 45px;}
.child_cate_produc_2 p{padding: 0px 10px;color: #5e5e5e}
.child_cate_produc_2 p.p_summary{height: 45px}
.child_cate_produc_2 p.p_summary a{color: #5e5e5e}
.child_cate_produc_2_last{margin-right: 0px}
.child_cate_produc_2 .wp_price{width: 90px}
.child_cate_produc_2 .wp_cart{margin-right: 10px;}
.child_cate_produc_2 .promotion_price_news {font-size: 15px !important}
.child_cate_produc_2 .promotion_price_old {font-size: 14px !important}
.child_cate_produc_23{width: 100%;height: auto;float: left;padding-bottom: 10px}
.child_cate_produc_2 .promotion_price{font-size: 15px}
.long_click_pr{float: left;width: 100%}
.child_cate_produc_23 .img_pr_home{float: left;width: 244px}
.child_cate_produc_23 .long_click_pr{width: 600px;float: right}
.wrapper_full_bg_3{float: left;width: 100%;}
.left_support{width: 50%;position: relative;}
/* .left_support:before{content: "";position: absolute;top: 0;width: 100px;height: 100%;background: #dcebff} */
.right_support{background: #f9f9f9;width:50%;text-align: center;position: relative;min-height: 396px}
.bg_left{float: left;width: 100%;position: absolute;left: 0px;top: 0px}
.right_support1{z-index: 1;position: absolute;z-index: 1;background: none;top: 0px;padding: 10px 0px}
.title_support{float: left;width: 100%;text-align: center;color: #262626;text-transform: uppercase;font-size: 20px;}
#form_support{width: 405px;text-align: center;display: inline-block}
.left_div_full_sp{float: left;width: 49%}
.left_div_full_category{width: 100%}
.input_sp{float: left;width: 100%;padding: 8px 10px;border: 1px solid #cdcdcd;outline: 0;color: #5e5e5e}
.right_div_full_sp{float: right;width: 49%}
.div_full_sp{float: left;width: 100%;margin-top: 10px}
.div_full_sp select{width: 100%;border: 1px solid #cdcdcd;padding: 8px 6px;outline: 0;color: #5e5e5e}
.div_full_sp textarea{width: 100%;padding: 10px;height: 100px;border: 1px solid #cdcdcd;outline: 0;max-width: 100%;color: #5e5e5e}
.sm_sp{float: left;padding: 5px 16px;background: #a86300;color: #fff;font-size: 20px;text-transform: uppercase;outline: 0;cursor: pointer;font-weight: 100}
.tuvan_sp{color: #5e5e5e;font-size: 13px;margin-top: 10px;width: 100%;display: inline-block}
.tuvan_sp i{margin-right: 7px}
.tuvan_sp i:before{content: "\f095";display: inline-block;color: #A91929;font-family: FontAwesome;font-size: 15px}
.tuvan_sp b{color: #b20505;font-size: 22px}
.left_support1{text-align: center; padding-top: 10px}
.wf_comment{width: 100%;display: block;padding: 0 10px;}
.ngay_1{float: left;background: url(../images/nhay_1.png) no-repeat;width: 18px;height: 17px;margin-right: 7px}
.ngay_2{background: url(../images/nhay_2.png) no-repeat;width: 18px;height: 17px;display: inline-block;margin-left: 7px}
.wf_comment{font-size: 14px;color: #4f4f4f;line-height: 20px;margin-top: 15px}
.slider_comment{float: left;width: 100%;text-align: center;}
.name_comment_sp{float: left;width: 100%;font-size: 18px;text-transform: uppercase;color: #A91929;margin-top: 10px}
.wf_comment.home-review-rating{color:#f5a623;font-size:28px;line-height:32px;letter-spacing:3px;margin-top:8px}
.wp_line_sp{width: 100%;margin-top: 10px;display: block;}
.line_sp{text-align: center;display: inline-block;width: 90px;height: 1px;background: #b20505}
#slider_comment{float: left;width: 100%;margin-top: 15px}
.a_thumb_1{width: 100%;text-align: center;display: block;}
.a_thumb_1 img{width:90px!important;height: 90px; object-fit: cover; text-align: center;display: inline-block !important;border-radius: 50%; border: 3px solid #E3E3E3}
.left_support1 .bx-wrapper .bx-viewport{min-height: 330px !important;}
.child_cate_produc_23 .wp_price{width: auto !important;}
.child_cate_produc_23 .wp_price .promotion_price_old{width: auto !important;}
.child_cate_produc_23 .wp_price .promotion_price_news{width: auto !important;}
.icon_arow_1{font-style: inherit;position: absolute;right: 10px;top: 16px}
.menu_li_left:hover .icon_arow_1{color: #fff !important;}
.menu_li_left:hover .icon_arow_1:before{color: #fff !important;}
.icon_arow_1:before{content: "\f105";font-family: FontAwesome;font-size: 10px;float: right;color: #666666}
.left_detail_pr{width: 880px;margin-top: 15px}
.select_manufacturer_small{ padding: 14px 20px;float: left;outline: 0;margin-right: 10px;cursor: pointer;background: #fff;border: 1px solid #b5edee;color: #5e5e5e}
.select_manufacturer_small option{box-sizing: content-box;padding: 10px}
.right_detail_pr{width: 300px;margin-top: 15px;margin-left: 20px;}
.icon_menu_2{float: right;margin-left: 5px;font-style: inherit}
.icon_menu_2:before{content: "\f0d7";color: #fff;font-size: 8px;font-family: FontAwesome;}
.wp_select_manufacturer_small{float: left}
.box_ship_free{float: left;width: 100%;border: 1px solid #e5e5e5;padding: 15px}
.box_ship_free1{float: left;width: 100%;margin-bottom: 10px}
.box_ship_free1:last-child{margin-bottom: 0px}
.icon_ship_free{float: left;width: 53px}
.text_ship_free{float: right;width: 175px}
.text_ship_free a{float:left;width: 100%;text-transform: uppercase;color: #3a3a3a;font-size: 12px;font-weight: bold;margin-bottom: 5px}
.text_ship_free p{float: left;width: 100%;color: #5e5e5e;font-size: 13px}
.box_tuvan_detail{float: left;width: 100%;margin-top: 15px}
.box_tuvan_detail.fixed1{margin-top: 0}
.box_tuvan_detail1{float: left;width: 100%;padding: 10px 15px;background: #ebebeb}
.icon_policy_detail{float: left;width: 53px;height: 53px;border-radius: 50%;text-align:center;border:1px solid #3a3a3a;color: #3a3a3a;display: table}
.icon_policy_detail i{display: table-cell;vertical-align: middle;font-size: 30px}
.icon_policy_detail i.icon-thanhtoantannoi{font-size: 28px}
.icon_policy_detail i.icon-nhieuquatang{font-size: 26px}
.title_box_tuvan_detail{float: left;width: 100%;text-align: center;text-transform: uppercase;font-size: 20px;color: #262626}
.tuvan_sp1{color: #5e5e5e;font-size: 13px;margin-top: 5px;width: 100%;display: inline-block;text-align: center}
.tuvan_sp1 i{margin-right: 7px}
.tuvan_sp1 i:before{content: "\f095";display: inline-block;color: #A91929;font-family: FontAwesome;font-size: 15px}
.tuvan_sp1 b{color: #b20505;font-size: 18px}
#form_tuvan{float: left;width: 100%;text-align: center;padding: 10px 0px}
.input_tv{float: left;width: 100%;padding: 10px;background: #fff;margin-bottom: 8px;outline: 0}
.select_tv{float: left;width: 100%;margin-bottom: 10px;background: #fff;padding: 10px;color: #888888;outline: 0}
.input_submit_tv{display: inline-block;text-align: center;padding: 10px 20px;background: #2c6728;color: #fff;text-transform: uppercase;cursor: pointer;outline: 0}
#form_tuvan p{float: left;text-transform: uppercase;width: 100%;color: #393d39;font-weight: bold;margin-bottom: 7px;text-align: left}
.box_prduct_care{float: left;width: 100%;margin-top: 15px}
.title_cate_ft1{margin-bottom: 15px;text-align: center;}
.title_cate_ft1 p{width: 100%;color: #393939;font-size: 18px;text-transform: uppercase;padding-bottom: 7px;}
.title_cate_ft1 b{width: 100%;height: 2px;background: #A91929;display: block;}
.child_cate_produc_3{float: left;width: 270px;height: 345px;border: 1px solid #e5e5e5;position: relative;margin-top: -1px}
.child_cate_produc_3:last-child{margin-right: 0px}
.img_pr_home{float: left;width: 100%;height: 210px;text-align: center}
.img_pr_home img{max-width: 100%;max-height:210px }
.name_link_pr{display:block;padding: 10px;color: #141414;font-weight: bold; text-transform: uppercase;}
.child_cate_produc_3 p{float: left;width: 100%;padding: 0px 15px;color: #5e5e5e}
.price_cart{float: left;width: 100%;margin-top: 10px}
.wp_price{width: 100px;float: left}
.promotion_price_old{font-size: 14px;text-decoration: line-through;color: #b3b3b3;padding-right: 0px !important;margin-bottom: 5px;height: 17px}
.promotion_price_news{color: #B30000 !important;font-size: 16px;padding-right: 0px !important;}
.wp_cart{float: right;width: 90px;margin-right: 15px;margin-top: 6px}
.icon_cart{float: left;cursor: pointer;margin-top: 1px;color: #fff !important;padding: 7px 10px !important;-webkit-border-radius: 5px;
-moz-border-radius: 5px;font-size: 13px;
border-radius: 5px;text-transform: uppercase}
.img_detail_name_1{float: left;width: 368px}
#carousel li {margin-right: 5px;}
#carousel img {display: block; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;border: 1px solid #A91929 !important;}
.flexslider { margin: 0 0 0px; position: relative; zoom: 1; }
.flexslider .slides { zoom: 1; }
.flexslider .slides img { height: auto; user-select: none; }
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.loading .flex-viewport { max-height: 300px; }
.carousel li { margin-right: 5px; }
.flex-direction-nav { height: 0; }
.flex-prev{background: url(../images/prew_pr.png) no-repeat;float: left;width: 19px;height: 19px}
.flex-next{background: url(../images/next_pr.png) no-repeat;float: left;width: 19px;height: 19px}
.flex-direction-nav a {
text-decoration: none;display: block;width: 18px; height: 18px;
margin: -20px 0 0; position: absolute;text-indent: -99999px; top: 65%;
z-index: 10; overflow: hidden; opacity: 0;cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
display: inline-block; content: ''; background: url(../images/next_pr.png) no-repeat;width: 18px;height: 18px; }
.flex-direction-nav a.flex-next:before { content: ''; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.slides li img{border: 1px solid #e5e5e5;max-width: 100%}
.flexslider:hover .flex-direction-nav .flex-prev { opacity: 1; left: 0px; }
#slider .flex-next ,#slider .flex-prev{display: none}
.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }
.flexslider:hover .flex-direction-nav .flex-next { opacity: 1; right: 0px; }
.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; }
#carousel{width: 100%;margin-top: 10px;display: flex;flex-flow: row wrap;}
.img_slider{border: 1px solid #e5e5e5}
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-control-paging{display: none}
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
.flex-control-nav { width: 100%; position: absolute; bottom: -27px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; display: inline; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%;
height: auto; display: block; opacity: .7; cursor: pointer; user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
.faq li .faq_content{ padding: 12px 15px; }
.faq li .faq_content img{height: auto;margin: auto;}
.faq li .hot_product_content{
margin-top: 10px;
margin-bottom: 15px;
border-radius: 5px;
border: 1px dashed #ff5722;
background: #ffede88f;
padding: 15px;
width: 100%;
}
.faq li.q.rotate1{color: #333132;font-family: 'Arimo';font-size: 14px}
.faq li.q > img {
padding-right: 5px;
}
.faq li.q.rotate1 > img {
padding-right: 5px;
}
.faq li.q { background: #f6f6f6; font-weight: 200;text-transform: uppercase; font-size: 14px; border: 1px #e5e5e5 solid;padding: 11px 13px !important; cursor: pointer; }
.faq li.a { display: none; color:#666666; }
.faq li.a p, .entry-content li{line-height: 1.6;padding-bottom: 10px}
.zoom-small-image img{border: 1px solid #e5e5e5;height: auto;}
.cloud-zoom-gallery img{border: 1px solid #e5e5e5;height: auto;}
.cloud-zoom-gallery.active img{border: 1px solid #e5e5e5}
.img_detail_name_1 .bx-wrapper{float: left}
.img_detail_name_1 .bx-wrapper .bx-viewport {height: 100px !important;}
.cloud-zoom-lens{border:2px solid #888 !important;margin: 0 !important}
.cloud-zoom-big{border:2px solid #ccc !important}
.slide {
list-style: none;
position: relative;
width: 85px;
margin-right: 9px;
}
.zoom-small-image{position: relative;}
#container{margin-top: 15px;margin-bottom: 10px}
.img_detail_name_2{float: right;width: 490px}
.img_detail_name_2 .rating-top {
margin-top: 8px;
}
.img_detail_name_2 .rating-top .point {
color: #B30000;
font-weight: bold;
padding-top: 3px;
}
.h1{font-size: 14px;color: #141414;margin-bottom: 10px}
.number_cart{float: left;width: 100%}
.number_cart1{width: 100px;max-width:52%;border: 1px solid #b5b5b5;padding: 3px 7px;background: #fff}
.number_cart_input{float: left;width: 59px;padding: 4.5px 5px;outline: 0;text-align: center;}
.img_click_minus{float: left;cursor: pointer;margin-top: 5px;font-size: 12px;color: #666}
.img_click_plus{float: right;cursor: pointer;margin-top: 5px;font-size: 12px;color: #666}
.img_click_minus_one{float: left;cursor: pointer;margin-top: 5px;font-size: 12px;color: #888}
.img_click_plus_one{float: right;cursor: pointer;margin-top: 5px;font-size: 12px;color: #888}
.cart_detail_pr_red b:before{content: '';background: url(../images/icon_cart_1.png) no-repeat;width: 20px;height: 19px;display: inline-block;margin-top: 10px;margin-right: 10px}
.cart_detail_pr_red{background: #b30506;width: 100%;height: 40px;float: left;color: #fff;text-align: center;font-size: 13px;text-transform: uppercase;display: table;margin-top: 10px}
.cart_detail_pr_red img{ display: inline-block;text-align: center;margin-top: 9px}
.wp_text_number {
width: 100%;
display: flex;
flex-flow: row wrap;
}
.text_number_1{font-weight: bold;margin-top: 10px;color: #666666;width: 48%}
.yeucau_call{width: 236px;height:36px;background:#f60;text-align: center;padding: 5px;}
.yeucau_call p{float: left;text-align: center;width: 150px;padding: 15px 0px;color: #fff;text-transform: uppercase}
.input_Call{float: left;width: 180px;padding: 5px 10px;outline: 0;color: #949494;font-size: 14px}
.submit_Call{float: left;background: #A91929;color: #fff;padding: 5px 10px;outline: 0;cursor: pointer;font-size: 14px}
.container_cart{text-align: center;margin: 20px 0px}
.container_cart a{padding: 12px 50px;background: #A91929;color: #fff;text-transform: uppercase}
.mgs_comment{margin-bottom: 10px}
.list_comment {
padding-bottom: 10px;
}
.list_comment1 {background-color: #f6f6f6;border: 1px #e5e5e5 solid;}
#form_send_comment input[name=name], .form_send_comment1 input[name=name]{width: 50%;border: 1px solid #e5e5e5;padding: 8px 20px;outline: none;color: #7d7d7d}
#form_send_comment textarea{width: 100%;height:104px;border: 1px solid #e5e5e5;padding: 20px;outline: 0;color: #7d7d7d;}
.form_send_comment1{display: none;}
.form_send_comment_box{margin-bottom: 10px}
.submit_send_comment{outline:none;background: #A91929;padding: 10px 20px;color: #fff;font-size: 13px;text-transform: uppercase;cursor: pointer}
.child_comment1{float: left;width: 100%;padding: 12px 15px 10px;border-bottom: 1px solid #dfdfdf;}
.child_comment1:last-child {border: none}
.avatar_comment{display: table;}
.avatar_comment > img { width: 27px;;display: inline-block;max-width: none;}
.avatar_comment strong {
vertical-align: middle;
display: table-cell;
padding-left: 10px;
}
.child_comment1_1 .name_faq {
margin-top: 0;
}
.name_faq{float: left;margin-left: 35px;margin-top: 5px;width: calc(100% - 35px)}
.name_faq > b{float: left;width: 100%;color: #2c2c2c;text-transform: uppercase;font-weight: bold;margin-bottom: 10px}
.name_faq p{color: #4a4a4a}
.name_faq p b{cursor: pointer;color: #A91929;font-size: 11px;font-weight: 100}
.name_faq p b i{font-size: 15px}
.comment_ask .qtv {
text-transform: uppercase;
margin-right: 10px;
color: #000;
font-weight: normal;
font-size: 10px;
background: #eebc49;
padding: 2px 6px;
border-radius: 3px;
line-height: 18px;
height: 18px;
margin-left: 10px;
display: inline-table;
vertical-align: top;
white-space: nowrap;
margin-top: -13px;
}
.child_comment1_1{width: calc(100% - 36px);float: right;background: #fff;border: 1px solid #e7e7e7;margin: 15px 0px;padding: 10px;position: relative}
.arrow_comment1{
position: absolute;
left: 24px;
display: block;
margin-top: -10px;
z-index: 9;
background: #fff;
}
.arrow_comment1:after, .arrow_comment1:before {
bottom: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_comment1:before {
border-bottom-color: #fff;
border-width: 12px;
margin-left: -12px;
}
.arrow_comment1:after {
border-bottom-color: #fff;
border-width: 11px;
margin-left: -11px;
}
.form_send_comment1{float: left;width: 100%;margin:10px 0px}
.form_send_comment1 textarea{width: 100%;border: 1px solid #e5e5e5;padding: 20px;outline: 0;color: #7d7d7d}
.child_comment1_1 .name_faq{width: calc(100% - 40px);margin-left: 37px;}
.child_comment1:first-child{margin-top: 15px;padding-top: 15px}
.comment_danhgia{background: #f6f6f6;margin: 5px 0px 15px 0px;cursor: pointer}
.comment_danhgia p{padding: 10px;color: #4b4b4b;font-size: 14px;text-transform: uppercase;}
.comment_danhgia p:before{content: "\f0da";color: #4b4b4b;font-size: 14px;font-family: FontAwesome;float: left;margin-right: 5px}
.list_commnet_history .name_faq{width: 725px}
.iconcom-user {
width: 25px;
height: 25px;
background-image: none !important;
background-color: #ccc;
margin-right: 7px;
text-align: center;
color: #fff;
text-transform: uppercase;
font-size: 12px;
line-height: 26px;
font-style: normal;
display: inline-block;
}
.comment_ask strong {
font-size: 14px;
color: #333;
white-space: nowrap;
}
.active_p{color: #A91929 !important;}
.active_p:before{content: "\f0d7" !important;color: #A91929 !important;font-size: 14px;font-family: FontAwesome;float: left;margin-right: 5px}
.cs-options ul li:hover{background: #A91929}
.cs-options ul li:hover span{color: #fff}
.title_loc_search{float: left;width: 100%;padding: 10px;color: #fff;background: #A91929;font-size: 14px;font-weight: bold;text-transform: uppercase}
.banner_pr_list1{float: left;width: 100%;padding: 20px;border: 1px solid #e5e5e5}
.left_thuonghieu_img_1{float: left;width: 230px}
.left_thuonghieu_img_1 img{float: left;border: 1px solid #e5e5e5}
.left_thuonghieu_img_2{float: right;width: 585px}
.left_thuonghieu_img_2 ul{float: left;width: 100%}
.left_thuonghieu_img_2 ul li{float: left;width: 100%;padding-bottom: 10px;color: #5e5e5e}
.left_thuonghieu_img_2 ul { list-style-image: url(../images/ul_yellow.png); float: left; width: 95%; margin-top: 10px; margin-left: 20px; }
.h1_1{font-size: 14px;color: #A91929;font-weight: bold}
.title_name_cate_2{width: 100%;position: relative;height: 40px;margin: 10px 0px 0px 0px}
.title_name_cate_2 p{float: left;font-size: 13px;text-transform: uppercase;position: absolute;left: 0px;top:10px;background: #fff;font-weight: bold}
.title_name_cate_2 p:after {content: '';width: 35px; height: 3px;float: right; margin-top: 9px;margin-left: 10px;background: #A91929; }
.title_name_cate_2 img{position: absolute;right: 0px;top: 6px;background: #fff;cursor: pointer}
.all_thuonghieu{width: 100%}
.all_thuonghieu p{float: left;font-size: 16px;font-weight: bold;color: #262626;text-transform: uppercase;margin-right: 10px;margin-top: 6px}
.select_th{float: left;padding: 5px 10px;border: 1px solid #d6d6d6;color: #626262;outline: 0}
.wp_text_all{float: left;margin-left: 10px;margin-top: 7px}
.wp_text_all a{padding: 6.5px 9px;border: 1px solid #d6d6d6;color: #363636;font-size: 12px;}
.wp_text_all a.active, .wp_text_all a:hover{color: #A91929;border: 1px solid #A91929}
#list_all_brand{float: left;width: 100%}
.list_all_thuonghieu{width: 100%;min-height: 350px;}
.child_thuonghieu{float: left;width: 175px;border: 1px solid #e5e5e5;text-align: center;;margin-top: 25px;margin-right: 30px}
.child_thuonghieu a{text-align: center;width: 100%}
.child_thuonghieu a img{width: 100%;border-bottom: 1px solid #e5e5e5;height: 92px;object-fit: cover;}
.name_thuonghieu{width: 100%;height:35px;color: #363636;font-weight: bold;padding: 10px 0px;display: block}
.child_thuonghieu1{margin-right: 0px}
.list_all_thuonghieu .child_thuonghieu:nth-child(6n + 6) {
margin-right: 0
}
.list_cart_1{position: absolute;top: 44px;right: 0px;width: 300px;}
.list_cart_2{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);float: left;width: 100%;background: #fff}
.list_cart_1{display: none}
.giohang:hover .list_cart_1{display: block !important;}
.giohang .icon-giohang{float: left; padding: 13px; background: #b20505; color: #fff; border-radius: 50%; font-size: 18px}
.giohang .icon-giohang:before{color: #fff}
.fixed .giohang{padding-bottom: 10px}
.child_cart_sho{float: left;width: 100%}
.img_pr_cart{width: 84px;height: 84px;float: left}
.img_pr_cart img{width: 100%;height: 100%;border: 1px solid #dddddd}
.icon_arow_2{position: absolute;background: url(../images/arrow_comment.png) no-repeat;width: 18px;height: 10px;top: 10px;right: 10px}
.name_cart_pr{float: right;width: 172px}
.name_cart_pr a{float: left;width: 100%;color: #5e5e5e;font-size: 14px;line-height: 18px}
.name_cart_pr p{float: left;width: 100%;margin-top: 5px}
.child_cart_show{float: left;width: 100%;position: relative;padding: 15px;border-bottom: 1px solid #eeeeee;background: #fff}
.bg_none{float: left;width: 100%;height: 20px;background: url(../images/bg_none.png)}
.total_cart_home{float: left;width: 100%;padding: 15px 15px 0px 15px }
.delete_cart_header{font-style: inherit}
.child_cart_show1{border-top: 1px solid #c5c5c5}
.delete_cart_header:before{content: "\f057";font-family: FontAwesome;font-size: 15px;position: absolute;bottom: 15px;right: 15px;color: #d5d5d5}
.total_cart_home p{float: left;font-size: 14px;text-transform: uppercase;color: #888888;font-weight: bold}
.total_cart_home b{float: right;font-size: 18px;color: #B30000;font-weight: 100}
.total_cart_home1{float:left;width: 100%;padding: 15px 15px}
.total_cart_home1 a{width: 48%;float: left;text-align: center;font-size: 14px;text-transform: uppercase}
.total_cart_home1 a:first-child{border: 1px solid #dadada;padding: 10px;color: #888888}
.total_cart_home1 a:last-child{border: 1px solid #b30506;padding: 10px;color: #fff;float: right;background: #b30506}
.logo_mb{display: none}
.giohang_mb{display: none}
.submit_letter { border-radius: inherit !important; -webkit-appearance: none; }
.search_mb_div{float: left;width: 100%;padding: 0px 5px;display: none;margin-top: 15px}
.search_mb_div_1{float: left;width: 100%}
#form_search_mb{float: left;width: 100%;position: relative}
#form_search_mb{border:1px solid #e5e5e5}
.input_mb_search_sb{position:absolute;right: 0px;top: 0px;background: url(../images/icon_search.png) no-repeat;width: 30px;height: 27px;cursor: pointer;outline: 0;float: left;margin: 4px 0px}
.input_mb_search{padding: 10px 35px 10px 10px;float: left;width: 100%;outline: 0;color: #5e5e5e;}
.title_thuonghieu_mb_home{float: left;width: 100%;display: none;background: #A91929;text-align: center;padding: 10px 0px;color: #fff}
.sub_menu_left_12{width: 500px;height:468px;background-color: #fff;position: absolute;left: 233px;top: 0px; box-shadow: 1px 1px 1px 0px #ccc;padding: 0 0 0 15px;display: none; background-position: top right;
background-repeat: no-repeat;}
.sub_menu_left_1_1{width: 450px;display: flex;flex-flow: row wrap;}
.sub_menu_left_2_1{float: left;width: 190px}
.sub_menu_left_2_1 a{float: left;width: 210px;padding: 0px !important}
.sub_menu_left_view_link{position: absolute !important;padding:0 !important;top: 0; right: 0;width: 190px !important;height: 100%;display: block !important;}
.ul_child_menu_left_1_1{padding-top: 10px;width: 50%;}
.ul_child_menu_left_1_2{float: right;}
.ul_child_menu_left_1_1 li{border: none;}
.ul_child_menu_left_1_1 li a{color: #666666}
.a_cap_1:before{content: "\f0da";font-size: 10px;color: #b20505;margin-right: 5px;font-family: FontAwesome}
.a_cap_2:before{content: "\f105";font-size: 8px;color: #A91929;margin-right: 5px;font-family: FontAwesome}
.ul_child_menu_left_1_1 li:first-child {font-weight: bold;}
.ul_child_menu_left_1_1 li:hover{background: #fff}
.ul_child_menu_left_1_1 li a{padding: 5px 0px}
.ul_child_menu_left_1_1 li a.a_cap_1{font-weight: bold;}
.menu_li_left:hover .sub_menu_left_12{display: block;}
.hide_ul_menu li:hover .sub_menu_left_12{display: block;}
.img_a_1{-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.h2_name{font-size: 22px;color: #3c3c3c;line-height: 24px}
.brand_name_detail{margin: 5px 0;color: #5f5f5f;display: flex;flex-flow: row wrap;}
.brand_name_detail a{color: #B30000; font-weight: 600;}
.brand_name_detail_elm{margin: 5px 0; margin-right: 10px;padding-right: 18px;position: relative;font-size: 16px;}
.brand_name_detail_elm:before{content: "\f101";position: absolute;top: 1px;right: 0;font-family: FontAwesome;}
.brand_name_detail_elm:last-child:before{content: ""}
.product-detail-summary {margin: 5px 0}
.product-detail-summary ul {
list-style: disc;
padding-left: 11px;
line-height: 1.6;
}
.product-detail-summary ul li {
line-height: 1.6;
}
.img_detail_name_2 > ul{border-bottom: 1px solid #ededed;margin: 15px 0 5px;}
.img_detail_name_2 > ul li{ position: relative; padding-bottom: 10px;color: #5e5e5e;font-size: 14px;padding-left: 18px;line-height: 17px}
.img_detail_name_2 > ul li:before{position: absolute;content: "";left: 0;top: 6px;width: 4px;height: 4px;border-radius: 50%;background: #fca00f}
.img_detail_name_2 > ul li div{color: #666 !important}
.price_wp_xx{width: 100%;display: flex;flex-flow: row wrap;}
.price_wp_xx_left{width: 266px}
.price_old_detail{color: #666666;padding: 10px 0px 10px 0px;text-decoration: line-through;}
.price_old_detail b{text-decoration:none;float: left;font-size: 13px;width: 48%;}
.price_old_detail p{float: left;font-size: 14px;text-decoration: line-through;width: 52%;color: #b3b3b3}
.price_news_detail{color: #666666;padding-bottom: 10px;display: flex;flex-flow: row wrap;}
.price_news_detail b{margin-top: 4px;width: 48%;}
.price_news_detail p{font-size: 20px;color: #B30000;font-weight: bold;width: 52%}
.saving_detail{color: #666666;padding-bottom: 10px}
.saving_detail b{float: left;width: 48%;}
.saving_detail p{float: left;width: 52%;font-size: 13px;color: #666666}
.wp_quatang{margin-bottom: 10px;border: 1px dashed #ff6600;padding: 9px 5px;font-size: 13px}
.wp_quatang1{text-align: center;color: #B30000}
.wp_quatang1 span, .wp_quatang1 i{vertical-align: middle;}
.wp_quatang1 i{font-size: 19px;padding-right: 13px}
.gift_summary{padding: 10px 11px 7px;color: #5e5e5e;font-size: 12px;line-height: 1.3}
.price_wp_xx_right{width: 190px;padding: 10px 0px 8px 0px;margin-left: 34px;}
.p_xuatxu{float: left;width: 100%;padding-bottom: 10px}
.p_xuatxu b{color: #666666}
.p_xuatxu a{color: #A91929; font-weight: bold}
.phone_detail{float: left;width: 197px;margin-bottom: 10px;margin-top: 10px}
.phone_detail1{float: left;background: #b30506;width: 100%;padding: 9px 5px;display: table;text-align: center;position: relative;}
.phone_detail1 img{text-align: center;display: table-cell;margin-right: 10px}
.phone_detail1 p{text-align: center;display:table-cell;color: #fff;vertical-align: middle;}
.phone_detail1 p:before{content: "\e921";font-family: 'icomoon' !important;font-size:19px;position: absolute;top:6px;}
.phone_detail1 p b{display: inline-block;margin-left: 24px;}
.card_by{width: 236px;margin-right: 13px;}
.card_by1{height:36px;line-height:35px;text-transform: uppercase; background: #A91929;color:#fff;width: 100%;display: table;text-align: center;position: relative;cursor: pointer;border: none;}
.card_by1 > i{font-size: 27px; margin-right: 25px; vertical-align: middle;}
.card_by1 > span{vertical-align: middle;font-size: 16px}
.card_by1 img{text-align: center;display: table-cell;margin-right: 10px}
.card_by1 p{text-align: center;display:table-cell;color: #fff;vertical-align: middle;}
.card_by1 p:before{content:"\e91a";font-family: 'icomoon' !important;position: absolute;font-size: 27px}
.card_by1 p b{display: inline-block;margin-left: 40px; font-size: 16px; text-transform: uppercase;font-weight: 100;color: #fff !important}
#error_callback{margin-top: 10px}
.price_wp_xx_cart{margin-top:15px;padding-top: 15px;border-top: 1px solid #ededed;display: flex;flex-flow: row wrap;}
.wp_danhgia{float: left;width: 100%;margin-top: 13px}
.wp_danhgia a{float: left;width: 100%}
.wp_danhgia a p{float: left;color: #666666;margin-right: 10px;margin-top: 7px}
.wp_danhgia a img{float: left;}
.wp_danhgia .icon-xemvideo{font-size: 41px;color: #E31B1B}
.name_scrool{padding: 10px 15px;background: #ebebeb;display: none}
.h4_1{color: #A91929;line-height: 18px;}
.price_show_1{padding: 10px 0px}
.price_show_1_1{color: #B30000;font-size: 18px;margin-right: 15px}
.price_show_1_2{float: left;color: #666666;font-size: 14px;margin-top: 2px;text-decoration: line-through;}
.fixed1{position: fixed;top: 90px;width: 270px;background: #fff;z-index: 10000}
.fixed1 .name_scrool{display: block;}
.banner_home1{display: flex;flex-flow: row wrap;width: 100%;margin-top: 15px}
.child_tichluy{width: 25%;background: #efffee;padding: 15px;display: flex;flex-flow: row wrap;}
.child_tichluy span{width: calc(100% - 60px);padding-left: 10px}
.child_tichluy span a{width: 100%;color: #A91929;text-transform: uppercase;font-weight: 100;padding-bottom: 7px}
.child_tichluy span p{width: 100%;color: #5e5e5e;font-size: 13px;font-weight: 400}
.child_tichluy_last{margin-right: 0px}
.icon_policy{width: 53px;height: 53px;border: 1px solid #A91929;color:#A91929;border-radius: 50%;text-align: center;display: table;}
.icon_policy i{font-size: 32px;display: table-cell;vertical-align: middle;}
.icon_policy i.icon-freeship, .icon_policy i.icon-nhieuquatang{font-size: 30px}
.icon_policy i.icon-chatluongvauytin{font-size: 28px}
.table_cart{float: left;width: 100%;margin:15px 0px;border: 1px solid #e5e5e5}
.table_cart tbody{width: 100%}
.table_cart tbody tr{width: 100%;text-align: center;border-bottom: 1px solid #e5e5e5}
.table_cart tbody tr:last-child{border-bottom: none}
.table_cart tbody tr td{padding: 15px;text-align: center;font-size: 16px;font-weight: bold;color: #212121;text-transform: uppercase;vertical-align: middle;}
.name_pr_cart_table{width: 490px;text-align: center;border-right: 1px solid #e5e5e5}
.price_pr_cart_table{width: 200px;border-right: 1px solid #e5e5e5}
.number_pr_cart_table{width: 165px;border-right:1px solid #e5e5e5}
.total_pr_cart_table{width: 210px;border-right:1px solid #e5e5e5}
.delete_pr_cart_table{width: 100px}
.img_a_cart_1{width: 120px;float: left;}
.img_a_cart_1 img{float: left;width: 100%;border: 1px solid #e5e5e5}
.name_pr_cart_table span{float: right;width: 325px}
.name_pr_cart_table span a{float: left;width: 100%;color: #141414;font-size: 12px;font-weight: bold;text-align: left;margin-bottom: 10px}
.name_pr_cart_table span p{float: left;width: 100%;text-align: left;font-size: 14px;color: #5e5e5e;text-transform: none;}
.name_pr_cart_table span p a{color: #5e5e5e}
.price_pr_cart_table1{vertical-align: middle;font-size: 18px;font-weight: 100;color: #B30000}
.number_pr_cart_table .number_cart1{float: none !important;display: inline-block;text-align: center;max-width: none;}
.delete_pr_cart_table i{font-style: inherit;cursor: pointer;}
.delete_pr_cart_table i:before{content: "\f057";font-size: 20px;color: #b5b5b5;display: inline-block;font-family: FontAwesome}
.text_tt_cart{float: left;width: 100%;padding: 15px;border: 1px solid #e5e5e5;margin-bottom: 30px}
.text_tt_cart_left{float: left;width: 700px}
.text_tt_cart_left ul{float: left;width: 100%; margin-top: 5px;margin-left: 14px;list-style-image: url(../images/ul_yellow.png);}
.text_tt_cart_left ul li{color: #5e5e5e;font-size: 14px;padding-bottom: 10px;line-height: 20px}
.text_tt_cart_left ul li a{color: #A91929}
.text_tt_cart_right{float: right;width: 390px}
.totail_11{float: left;width: 100%;margin:10px 0px;}
.totail_1_1{float: left;width: 50%;text-align: center;font-size: 16px;font-weight: bold;color: #212121;text-transform: uppercase;line-height: 27px}
.totail_1_2{float: left;width: 50%;text-align: center;font-size: 24px;font-weight: bold;color: #B30000;text-transform: uppercase;}
.thanhtoan_muasam{float: left;width: 100%}
.a_next_by{float: left;padding: 10px;background: #A91929;font-weight: bold;color: #fff;width: 48%;text-transform: uppercase;text-align: center;}
.a_thanhtoan{width: 48%;text-align: center;background: #b30506;color: #fff;padding: 10px;text-transform: uppercase;font-weight: bold;float: right;}
.text_tt_cart tbody tr{width: 100%;}
.text_tt_cart tbody tr td{padding: 15px;vertical-align: middle;}
.text_tt_cart tbody tr td:first-child{border-right: 1px solid #e5e5e5}
.left_pay{float: left;width: 710px;border: 1px solid #e5e5e5;margin: 15px 0px}
.title_tt_1{float: left;width: 100%;padding: 15px 30px;font-size: 16px;text-transform: uppercase;font-weight: bold;border-bottom: 1px solid #e5e5e5}
.div_form_pay{float: left;width: 100%;padding: 15px 30px}
.div_form_pay_order_success {padding: 15px 0 20px}
.form_pay{float: left;width: 100%}
.tk_p_login{float: left;width: 100%;color: #5e5e5e;padding-bottom: 10px}
.tk_p_login a{color: #A91929}
.wp_input_div{float: left;width: 100%;padding: 10px 0px}
.wp_input_div p{float: left;font-size: 14px;color: #5e5e5e;margin-top: 10px}
.input_frm{width: 433px;float: right;}
.input_pay{border: 1px solid #e5e5e5;padding: 10px;width: 100%;outline: 0;color: #5e5e5e}
.wp_input_div_order_success {padding: 0;margin-top: 10px;}
.input_frm_order_success {
float: left;
width: 100%;
}
/*.wp_distric{float: right;width: 440px}*/
.wp_distric div{width: 32.4%;float: left;margin-right: 1.4%}
.wp_distric select{width: 100%;border: 1px solid #e5e5e5;padding: 10px;outline: 0;color: #5e5e5e;cursor: pointer;}
.wp_distric div:last-child {float: right;margin-right: 0}
.wp_input_div textarea{float: right;padding: 10px;border: 1px solid #e5e5e5;width: 433px;height: 100px;max-width: 433px;outline: 0;color: #5e5e5e}
.box_right_pay{float: right;width: 460px}
.right_pay{border: 1px solid #e5e5e5;margin: 15px 0px;}
.child_cart_detail{float: left;;width: 100%;padding: 15px 30px;border-bottom: 1px solid #e9e9e9}
.img_a_cart{width: 80px;float: left;}
.img_a_cart img{float: left;width: 100%;border: 1px solid #e5e5e5}
.name_cart_span1{float: left;width: 250px;margin-left: 15px}
.name_cart_span1 a{float: left;width: 100%;color: #141414;font-weight: bold;font-size: 12px;padding-bottom: 5px}
.name_cart_span1 p{color: #5e5e5e;float: left;width: 100%;line-height: 18px}
.name_cart_span1 b{vertical-align: middle;font-size: 17px;font-weight: 100;color: #B30000;padding-top: 5px}
.name_cart_span2{float: right;width: 50px}
.name_cart_span2 p{float: left;width: 100%;padding-bottom: 10px;text-align: center;color: #141414;font-weight: bold;}
.name_cart_span2 b{float: left;width: 100%;text-align: center;border: 1px solid #e9e9e9;padding: 7px 0px;color: #525252;font-weight: 200}
.div_form_pay1{float: left;width: 100%}
.child_cart_detail1{float: left;width: 100%;padding: 10px 30px;border-bottom: 1px solid #e9e9e9}
.child_cart_detail1 b{float: left;font-size: 14px;color: #5e5e5e}
.child_cart_detail1 p{font-size: 18px;font-weight: 100;color: #B30000;float: right;}
.wp_input_dt{float: left;width: 100%;margin-top: 15px}
.input_12{float: left;width: 300px;padding: 10px;border: 1px solid #e5e5e5;outline: 0}
.input_13{float: right;padding: 11px 20px;background: #A91929;color: #fff;cursor: pointer;outline: 0}
.child_cart_detail2{float: left;width: 100%;padding: 10px 30px}
.child_cart_detail3{float: left;width: 100%}
.child_cart_detail3 b{color: #5e5e5e;float: left;margin-top: 4px}
.child_cart_detail3 p {font-size: 20px;font-weight: bold;color: #B30000;float: right;}
.child_cart_detail3 i{float: left;width: 100%;font-style: inherit;color: #5e5e5e;padding: 5px 0px}
.input_14{background: #b30506;padding: 10px 15px;color: #fff;outline: 0;cursor: pointer;font-weight: bold;font-size: 15px;text-transform: uppercase;}
.child_cart_detail4{float: left;width: 100%;margin: 10px 0px;text-align: right;}
.wrapper_full_5{text-align: center;}
.register_user{width: 630px;border: 1px solid #c6c6c6;padding: 20px;margin: auto;margin-top: 20px;margin-bottom: 20px;}
.title_user{width: 100%;text-align: center;}
.title_user h1{float: left;width: 100%;text-align: center;font-size: 30px;text-transform: uppercase;color: #b20606;font-weight: 200}
.title_user p{text-transform: uppercase;color: #a7a7a7;font-size: 14px;float: left;width: 100%;text-align: center;}
.wp_input_user{width: 370px;margin:auto;}
.input_user{width: 100%;padding: 10px;border: 1px solid #ebebeb;outline: 0;margin-top: 15px}
.form-check{text-align: left;margin-top: 15px}
.form-check .form-check-input {
vertical-align: top;
margin-right: 3px
}
.btn_register{float: left;background:#B30506;width: 48%;height: 46px;outline: 0;position: relative;text-align: center;}
.btn_register input{line-height: 46px;color: #fff;font-weight: bold;text-transform: uppercase;outline: none;background: none;width: 100%;cursor: pointer;position:relative;z-index: 9;}
.btn_register i{position:absolute; top: 0;left: 0; padding: 16.5px;background: #8C0001;color: #fff;}
.btn_register span{position: absolute;right: 0;top: 0;width: calc(100% - 46px);text-transform: uppercase;font-weight: bold;color: #fff;line-height: 46px}
.wp_input_user1{width: 100%;padding: 15px 107px 0}
.account_header ul{position: absolute; z-index: 999; top: 30px;left: -54px;width: 200px;background: #fff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border: 1px solid #c5c5c5;padding: 10px 0px}
.account_header ul li{float: left;width: 100%;float: left;padding: 10px 20px;font-size: 12px}
.icon_account_1:before {width: 11px;height: 12px;float: left;margin-right: 10px;color: #A91929;}
.icon_quanly:before {width: 12px;height: 17px;float: left;margin-right: 10px;color: #A91929;font-size: 17px;margin-top: -4px}
.account_header ul li a b {float: left;color: #404040;font-family: Arial;font-weight: 100}
.icon_address_1:before {width: 12px;height: 16px;float: left;margin-right: 10px;color: #A91929;font-size: 16px;margin-top: -4px}
.icon_out:before {width: 14px;height: 13px;float: left;margin-right: 10px;color: #A91929;font-size: 14px}
.icon_arrow_3{position: absolute;background: url(../images/arrow_comment.png) no-repeat;width: 18px;height: 10px;top: -9px;right: 90px;}
.account_header ul{display: none;}
.account_header:hover ul{display: block}
.account_header ul li a{border-right: none}
.forgot_pass{text-align: left;margin-bottom: 10px}
.forgot_pass a{color: #be1c0b}
.phantrang {margin:25px;float:right;}
.phantrang a { display:block; text-align:center; font-size:11px; color:#C00; margin:0px 2px 0px 2px; line-height:18px; padding:0px 5px 0px 5px; border:#CCC 1px solid; float:left; }
.phantrang .on { display:block; text-align:center; font-size:11px; color:#FFF; margin:0px 2px 0px 2px; line-height:18px; padding:0px 5px 0px 5px; border:#CCC 1px solid; float:left; background-color:#C00; font-weight:bold; }
.phantrang a:hover { color:#FFF; background-color:#C00; cursor:pointer; text-decoration:none !important }
.paging{text-align: center;padding-top: 15px;margin-top: 20px;border-top: 1px solid #e8eaee;}
.paging > span{font-style: italic;color: #000;margin-right: 5px;font-size: 14px}
ul.pagination {font-family: 'Montserrat-Regular'; font-size: 14px; clear: both; text-align: center;display: inline-block;}
ul.pagination li {display: inline-block;}
ul.pagination li a {padding: 5px 6px; text-decoration: none; display: block; color: #373737;}
ul.pagination li a:hover{text-decoration: underline;color: #fe5555}
ul.pagination li.active a {color: #fe5555; text-decoration: underline;}
ul.pagination li.active a:hover {background: #efebeb;text-decoration: underline}
ul.pagination li.page_prev{-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Safari */
transform: rotate(180deg);margin-right: 15px}
ul.pagination li.page_prev, ul.pagination li.page_next{border: 1px solid #b5b5b5}
ul.pagination li.page_prev a, ul.pagination li.page_next a{color: #b5b5b5}
ul.pagination li.page_next{margin-left: 15px}
ul.pagination li.page_prev a:hover, ul.pagination li.page_next a:hover{text-decoration: none;color: #fe5555}
ul.pagination li.text a {border: none; text-decoration: underline; padding: 0 5px 0 0}
ul.pagination li.text {line-height: 2em;}
ul.pagination li.active > span{color: #fe5555; text-decoration: underline;}
.wp_input_user_login{padding: 15px 107px}
.login_face{display: block;width: 100%;text-align: center;background: #35569d;color: #fff;font-weight: bold;text-transform: uppercase;padding: 10px 0px;height: 40px;line-height: 23px}
.login_face i:after{content: "\f09a";font-family: 'FontAwesome';color: #fff;font-size: 13px;float: right;background: #304d8d;padding: 7px 18px}
.login_face i{float: right;margin-top: -8px;font-style: inherit;}
.login_gmail{display: block;width: 100%;text-align: center;background: #ea4b35;color: #fff;font-weight: bold;text-transform: uppercase;padding: 10px 0px;height: 40px;line-height: 23px;margin-top: 15px}
.login_gmail i:after{content: "\f0d5";font-family: 'FontAwesome';color: #fff;font-size: 13px;float: right;background: #d24330;padding: 8px 13px}
.login_gmail i{float: right;margin-top: -10px;font-style: inherit;}
.btn_login{float: right;background:#B30506;width: 48%;height: 46px;outline: 0;position: relative;text-align: center;}
.btn_login input{line-height: 46px;color: #fff;font-weight: bold;text-transform: uppercase;outline: none;background: none;width: 100%;cursor: pointer;position:relative;z-index: 9;}
.btn_login i{position:absolute; top: 0;right: 0; padding: 16.5px;background: #8C0001;color: #fff;}
.btn_login span{position: absolute;left: 0;top: 0;width: calc(100% - 46px);text-transform: uppercase;font-weight: bold;color: #fff;line-height: 46px}
.btn_login_p span{border: 1px solid #EBEBEB;line-height: 44px;color: #000;background: #fff}
.a_dangky{float: left;width: 48%;height: 46px;outline: 0;cursor: pointer;line-height: 46px;color: #000;text-transform: uppercase;font-weight: bold;border: 1px solid #EBEBEB}
.a_dangky i{background: #8C0001;color: #000;float: left;width: 46px;height: 45px;line-height: 44px}
.wp_input_user2 {float: left;width: 100%;padding: 0px 107px 15px 107px ;}
.left_account_user{float: left;width: 270px}
.left_account_user ul{float: left;width: 100%;background: #f7f7f7}
.left_account_user ul li{float: left;width: 100%}
.left_account_user ul li a{padding: 10px 15px;color: #393939;font-size: 14px;float: left;width: 100%}
.left_account_user ul li a:hover,.active_menu_a{color: #A91929 !important}
.left_account_user ul li a:before{content: '';width: 5px;height: 5px;background: #A91929;border-radius: 50%;float: left;margin-right: 8px;margin-top: 5px}
.right_account_user{border: 1px solid #d4d4d4;float: right;width: 860px;padding: 15px;text-align: center;margin-bottom: 70px}
.right_account_user1{width: 680px;text-align: center;display: inline-block;margin: 15px 0px}
.h1_2{float: left;width: 100%;font-size: 18px;color: #393939;text-align: left;}
.right_conent1_1{float: left;width: 100%}
.update_div_input{float: left;width: 100%;padding-top: 15px;position: relative;}
.update_div_input p{float: left;font-size: 14px;color: #4d4d4d;margin-top: 8px;width: 180px;text-align: left;}
.update_div_input p b{color: #bd180a;font-weight: 100}
.input_update_frm{float: right;width: 480px;position: relative;}
.input_update{width:100%;padding: 10px;border: 1px solid #d4d4d4;outline: 0;color: #393939}
.update_div_input i{font-style: inherit;}
.update_div_input i:before{content: "\f044";font-size: 17px;color: #bd180a;position: absolute;right: 5px;top:11px;font-family: 'FontAwesome'; cursor: pointer;}
.submit_update{padding: 10px 15px;background: #A91929;color: #fff;outline: 0;cursor: pointer;}
.submit_cancel{background-color: #fca00f;margin-left:5px}
.right_account_user2{float: left;width: 100%;text-align: left;font-weight: bold;font-size: 14px;text-transform: uppercase;color: #1a1a1a;padding: 20px;border: 1px solid #d4d4d4;}
.span_tt_1{float: left;width: 100%;margin-top:10px;}
.span_tt_1 p{float: left;color: #4d4d4d;font-size: 14px;text-transform: capitalize;margin-right: 10px;font-weight: 100}
.span_tt_1 b{color: #4d4d4d;text-transform: none;}
.right_account_user_1{float: right;width: 860px;}
.right_account_user3{float: left;;width: 100%;}
.tablle_donhang_history{float: left;width: 100%;border: 1px solid #d4d4d4}
.tablle_donhang_history tbody{width: 100%}
.tablle_donhang_history tbody tr{width: 100%;border-top: 1px solid #d4d4d4}
.tablle_donhang_history tr th, .tablle_donhang_history tbody tr td{vertical-align:middle;padding: 10px;font-weight: bold;color: #4d4d4d;text-align: center;border-right: 1px solid #d4d4d4}
.code_cart{font-size: 13px;color: #bd180a;text-align: center;}
.text_cart_history{text-align: center;font-weight: 100;color: #4d4d4d}
.view_cart{background: #A91929;color: #fff;display: inline-block;padding: 7px 15px;text-align: center;font-weight: 200}
.title_tt_3{float: left;width: 100%;padding: 15px;border-right: 1px solid #d4d4d4;border-left: 1px solid #d4d4d4;border-top: 1px solid #d4d4d4;color: #1a1a1a;font-weight: bold;text-transform: uppercase;}
.list_commnet_history{float: left;width: 100%;padding: 15px;border: 1px solid #d4d4d4;margin:20px 0px}
.title_send_comment{float: left;width: 100%;padding: 0px 0px 15px 0px;font-size: 14px;color: #1a1a1a;font-weight: bold;text-transform: uppercase;}
.wrapper_full_blue{width: 100%;background: #efffee}
.list_banner_news{width: 853px;float: left;}
#list_banner_news{width: 853px;float: left;height: 338px;overflow-y: hidden;}
.list_banner_news_left{float: left;}
.list_banner_news_left img {width:498px!important;height: 338px;object-fit: cover;}
.list_banner_news_right{float: right;background: #b30506;padding: 15px;width: 355px;height: 338px}
.wp_title_news1{float: left;width: 100%}
.times_news{float: left;width: 50px;text-align: center;border-right: 1px solid #fff}
.times_news p{float: left;width: 100%;color: #fff;font-size: 36px}
.times_news p:first-child{border-bottom: 1px solid #fff}
.number_cart2{float: right;}
.number_cart2 .number_cart_input{background: #fff}
.card_by2{text-align: center;}
.wp_quatang2{z-index: 1}
.wp_text_number1{margin-top: 12px}
.a_href_name1{float: right;font-size: 20px;color: #ffffff;width: 265px;font-weight: bold;margin-top: 5px}
.summary_banner_news{float: left;width: 100%;padding: 15px 0px;color: #fff}
.detail_a_1{float: right;padding: 10px;border: 1px solid #ce6566;color: #fff}
.list_banner_news_left1{float: left;width: 100%}
.list_banner_news_right_2{float: right;width: 300px}
#list_banner_news .bx-wrapper .bx-controls .bx-pager{text-align: center;width: 355px;right: 0px !important;left: inherit;}
#list_banner_news .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link{background: #b30506 ;border: 1px solid #fff}
#list_banner_news .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active{background: #000000 !important;border: 1px solid #000000}
.child_news_hot{float: left;width: 100%;position: relative;}
.child_news_hot img{width: 100%;height: 161px;object-fit: cover;}
.child_news_hot a{float: left;width: 100%}
.name_news_a1{position: absolute;width: 100%;display: inline-block;padding: 15px;color: #fff;bottom: 0px;left: 0px;font-size: 14px;font-weight: bold;}
.child_news_hot:last-child{margin-top: 13px}
.list_news_home_cate{width: 100%;margin:20px 0px;}
.list_news_home_cate_right{float: right;width: 275px}
.ul_hot_news_1{width: 100%;margin-bottom: 10px}
.ul_hot_news_1 li{width: 100%;padding: 15px 0px;border-bottom:1px solid #ededed;display: flex;flex-flow: row wrap;}
.name_news_hot{width: 170px;color: #535252;font-weight: bold;font-size: 13px;padding-left: 5px;}
.ing_news_hot{float: left;width: 90px;position: relative;}
.ing_news_hot img{width: 100%;max-width: 100%}
.ing_news_hot i{position: absolute;top: 15px;left: 0px;right: 0px;margin: auto;background: url(../images/icon_videos.png) no-repeat;width: 42px;height: 42px }
.banner_news_left{float: left;width: 100%;margin: 5px 0px}
.banner_news_left img{width: 100%;max-width: 100%}
.fan_page_news{float: left;width: 100%;margin-top: 15px}
.list_news_home_cate_left{float: left;width: 900px}
.cate_news_1{width: 100%;display: flex;
flex-flow: row wrap;}
.cate_news_1 .child_news1:nth-child(3n + 1){margin-right: 0}
.title_name_cate_3{float: left;width: 100%;position: relative;height: 40px;margin: 0px 0px 7px 0px}
.title_name_cate_3 p{float: left;font-size: 16px;text-transform: uppercase;position: absolute;left: 0px;top:10px;background: #fff;font-weight: bold;}
.color_5{color: #343434}
.color_5 p:after{background: #A91929}
.color_5 a{color: #343434}
.title_name_cate_3 p:after {content: '';width: 35px; height: 3px;float: right; margin-top: 9px;margin-left: 10px;background: #A91929; }
.child_news1{width: 281px;margin-right: 28px;margin-bottom: 28px;}
.summary_news{width: 100%;
border: 1px solid #ddd9d9;
padding: 10px;
display: block;}
.summary_news a{color: #565252;font-size: 13px;font-weight: bold;}
.summary_news p{width: 100%;color: #7c7c7c;margin-top: 5px}
.summary_news .fa{
color: #716e6e;
font-weight: 100;
text-align: right;
display: block;
padding-top: 15px;}
.left_detail_news{float: left;width: 270px;margin-bottom: 15px}
.right_detail_news{float: right;width: 900px;}
.name_cate_news_detail{float: left;width: 100%}
.name_cate_news_detail{float: left;color: #A91929;font-size: 14px;font-weight: bold;margin: 10px 0;}
.name_cate_news_detail a{color: #A91929; text-transform: uppercase;}
.content_news{float: left;padding: 15px;width: 100%;border: 1px solid #ececec}
.h1_news_detail{float: left;width: 100%;font-weight: bold;color: #272727;font-size: 30px;margin-bottom: 15px;line-height: 1.1;}
.other_news{width: 100%;margin:15px 0px;display: flex;flex-flow: row wrap;}
.other_title{width: 100%;color: #A91929;font-size: 16px;border-bottom: 1px solid #A91929;text-transform: uppercase;padding-bottom: 7px;font-weight: bold;}
.other_news .child_news_other{width: 50%;margin-top: 15px;display: flex;flex-flow: row wrap;}
/* .other_news .child_news_other:nth-child(2n + 1) {float: right;} */
.child_news_other img{width: 120px!important;height: 80px;object-fit: cover;}
.summary_news_other{width: calc(100% - 130px)}
.summary_news_other a{width: 100%;color: #2d2d2d;font-weight: bold;font-size: 13px;padding-bottom: 5px;display: block;}
.summary_news_other p{width: 100%;color: #7c7c7c;height: 45px}
.child_news_other1{float: right;}
.content_news p{width: 100%;padding-bottom: 10px;line-height: 20px;}
.content_news p.price_v1_old{
font-size: 13px;
color: #666666;
line-height: normal;
padding-bottom: 0;
}
.content_news p.price_v1{
font-size: 15px;
color: #B30000;
line-height: normal;
padding-bottom: 0;
}
.content_news img{max-width: 100%;height: auto !important;}
.time_dettail{float: left;width: 100%;color: #939393;font-size: 12px}
.print_back{float: left;width: 100%;padding: 15px;border-right: 1px solid #ececec;border-left: 1px solid #ececec;border-bottom: 1px solid #ececec}
.icon-quaylai{float: right;width: 160px;cursor: pointer;}
.icon-quaylai p{font-family: Arial;font-size: 14px;color: #5c5c5c}
.icon-quaylai:before{float: left;margin-right: 10px;font-size: 13px;color: #8b8b8b}
.icon-intrangnay{float: right;width: 140px;cursor: pointer;}
.icon-intrangnay p{font-family: Arial;font-size: 14px;color: #5c5c5c}
.icon-intrangnay:before{float: left;margin-right: 10px;font-size: 13px;color: #8b8b8b}
.icon_fonts_menu{display: inline-table; vertical-align: middle; border-radius: 50%;background: #fff;width: 29px;height: 29px;line-height:27px!important;text-align: center;}
.hide_ul_menu li:hover{background: #A91929}
.hide_ul_menu li:hover a b{color: #fff}
.hide_ul_menu li:hover .icon_arow_1:before{color: #fff}
.sub_menu_left_12 li:hover a{background: none}
.sub_menu_left_12 li:hover{background: none}
.list_thuonghieu_cate{float: left;width: 100%}
.list_thuonghieu_cate .bx-wrapper{float: left;}
.list_thuonghieu_cate .bx-wrapper .bx-viewport{width: 101% !important;left: -0.5%;min-height: 368px !important}
.list_thuonghieu_cate .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{background: url(../images/prew_thuonghieu.jpg) no-repeat;width: 27px;height: 27px;left: 808px;top:-18px;}
.list_thuonghieu_cate .bx-wrapper .bx-controls .bx-controls-direction .bx-next{background: url(../images/next_thuonghieu.png) no-repeat;width: 27px;height: 27px;right: -4px;top:-18px;}
.long_click_pr .pr_summary {width: 97%;margin-top: 10px;}
.long_click_pr ul{margin-left: 14px;list-style-image: url(../images/ul_blue.png);padding: 5px 7px}
.long_click_pr ul li{color: #5e5e5e;width: 100%;padding-bottom: 10px}
.long_click_pr ul li p{float: none !important}
#product_filter_select{padding: 0 10px; color: #333; background: #eee;min-height: 41px}
#product_filter_select > label{display: inline-block;padding-top: 12px}
#block-item-select{display: inline-block;}
.item_select{display: inline-block;margin: 6px 5px 5px;margin-right: 7px; padding: 0 10px;background: #A91929;color: #fff;position: relative;font-size: 12px;height: 22px;line-height: 22px}
.item_select span{text-transform: uppercase;}
.item_select .item_select_close {
position: absolute;
top: -8px;
right: -8px;
color: #7d0a0a;
cursor: pointer;
background: #fff;
width: 16px;
height: 16px;
border-radius: 50%;
text-align: center;
border: 1px solid #7d0a0a;
font-size: 10px;
display: table;
}
.item_select .item_select_close i{display: table-cell;vertical-align: middle; font-size: 9px;}
.pr_summary{display: none}
.child_cate_produc_23 .long_click_pr .pr_summary{display: block;}
.child_cate_produc_23 .long_click_pr .p_summary{display: none;}
.name_pr_hide1{font-size: 14px;font-weight: 100;color: #A91929;padding-left: 10px;display: none;}
.name_pr_hide1 a{color: #A91929}
.child_cate_produc_23 .name_pr_hide1{display: block;}
.child_cate_produc_23 .wp_cart{margin-top: 0px}
.child_cate_produc_23 .promotion_price_old{font-size: 17px !important;margin-right: 10px;margin-top: 2px}
.child_cate_produc_23 .promotion_price_news{font-size: 19px !important}
.child_cate_produc_23 .promotion_price{font-size: 19px !important;margin: 0;}
.child_cate_produc_23 .wp_price{margin-top: 6px}
.box_summary_cate{color: #5e5e5e;line-height: 1.5}
.box_summary_cate img{height: auto !important;margin: auto;}
.box_summary_cate p{margin-bottom: 10px}
.box_summary_cate_tag{margin-bottom: 20px;padding: 10px 20px;border: 1px solid #e5e5e5;color: #5e5e5e}
.title_tag{margin-bottom: 10px}
.box_summary_cate_tag ul li{position:relative;padding: 7px 0;padding-left: 20px;line-height: 1.5}
.box_summary_cate_tag ul li:before{content:""; position: absolute;width: 5px;height: 5px;top: 14px;left: 0;background: #f59d21;border-radius: 50%}
#accordion{float: left;width: 100%}
.panel-default>.panel-heading {color: #333;background-color: #f5f5f5;}
.collapse.in {display: block;}
.collapse {display: none;}
.panel-group .panel-heading+.panel-collapse .panel-body {background: #f7f7f7}
.panel-default>.panel-heading+.panel-collapse .panel-body {border-top-color: #ddd;}
.panel-body {padding: 0px 10px;}
.ul_list_recieve_text_21{float: left;width: 100%}
.ul_list_recieve_text_21 li {padding: 10px 0px;float: left;width: 100%;position: relative;}
.panel-title a,.collapse {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.panel-group .panel {margin-bottom: 0;border-radius: 4px;overflow: hidden;}
.panel-default {border-color: #ddd;}
.panel-title {margin-top: 0; margin-bottom: 0;font-size: 16px;display: inline-block;width: 100%;position: relative;}
.panel-title i{position: absolute;right: 15px;top: 0px;font-style: inherit;}
.panel-title i:before{content: "\f105";font-family: FontAwesome;color: #393939;font-size: 10px}
.panel {margin-bottom: 20px;background-color: #fff;;border-radius: 4px;}
.panel-title a{float: left;width: 100%;font-size: 18px;color: #393939;font-weight: 100;text-transform: uppercase;padding: 10px 15px 7px 15px;}
.panel-group{background: #f7f7f7}
.panel-title b{float: left;width: 50px;height: 1px;background: #A91929;margin-left: 15px}
.list_th_scroll_ul li { padding: 10px 0;float: left;width: 100%;position: relative;}
.list_th_scroll_ul li b {position: absolute;right: 0px;top: 10px;color: #888888;font-weight: 100;}
.list_th_scroll_ul li a{color: #000}
.list_th_scroll_1{float: left;width: 100%;max-height: 430px;padding: 15px 0px; overflow: hidden;}
.name_cate_left_1{position: relative;}
.name_cate_left_1 i{position: absolute;right: 15px;top: 17px;font-style: inherit;color: #A91929}
.name_cate_left_1 i:before{content: "\f107";font-family: FontAwesome;color: #A91929;font-size: 15px}
.list_th_scroll{float: left;width: 100%;overflow: hidden;}
.click_show_left{cursor: pointer;}
.a_arrow_123{-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.wrapper_full_mb{width: 100%;float: left;display: none;}
.menu_header_mobi{display: none;}
#message_change_pass{margin-bottom: 10px;font-size: 14px}
/*.w3-btn{font-weight:normal;border: none;display: inline-block;outline: 0;padding: 6px 16px;vertical-align: middle;overflow: hidden;text-decoration: none!important;color: #fff;background-color: #A91929;cursor: pointer;white-space: nowrap;margin-bottom: 20px;}
.w3-btn:hover,.w3-btn:focus{color: #fff}*/
.tags-node{margin-top:7px}
.tags-node label{color:#2f2f2f;font-size:14px;font-weight: 700;font-size: 16px;}
.tags-node .list-tag{list-style:none;padding:0;margin:0;display: inline;}
.tags-node .list-tag span{display:inline-block;height:25px}
.tags-node .list-tag span > a{border-bottom-width:2px;padding:0 2px;color:#A91929;font-size: 14px}
.tags-node .list-tag span > a:hover{text-decoration: underline;}
.videoWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}
.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.table-responsive {min-height: .01%;overflow-x: auto;}
.history_order_detail_mobile, .content_cart_mobile{display: none}
.view_all_brand{
float: right !important;
padding: 11px 12px !important;
background: #b20505 !important;
color: #fff !important;
margin: 0 12px 10px;
}
.list_pr_ds:last-child{padding-bottom: 10px}
.box_list_item ul li{float: left;}
.box_list_item ul li a{color: #A91929;padding: 5px 10px;border: 1px solid #A91929;margin-top: 5px;margin-right: 10px;margin-bottom: 5px;display: block;}
.header_element_right{width: 41%;padding: 8px 0;}
.header_element_right > ul {width: 100%;display: flex;
flex-flow: row wrap;
padding-top: 10px;}
.header_element_right > ul > li{display: inline-block;color: #fff;margin-right: 15px;}
.header_element_right > ul > li a{color: #fff}
.header_element_right > ul > li i{font-size: 26px;color: #fff}
.header_element_right > ul > li:first-child{margin-right: 22px;padding-top: 10px;}
.header_element_right > ul > li:first-child a{display: block;position: relative;}
.header_element_right > ul > li:first-child a span{position: absolute;color: #fff;width: 20px;height: 20px;line-height:20px;border-radius: 50%;background: #fca00f;font-weight: bold;font-size: 14px;text-align: center;right: -6px;top: -13px;}
.header_element_right > ul > li:nth-child(2){width: 100px}
.header_element_right > ul > li:nth-child(2) span{font-size: 12px; float: left;width: calc(100% - 30px);padding-left: 8px}
.header_element_right > ul > li:nth-child(3){width: 114px}
.header_element_right > ul > li:nth-child(3) span{position: relative;font-size: 12px;float: left;width: calc(100% - 30px);padding-left: 8px}
.header_element_right > ul > li > p{float: left;width: 30px;height: 30px;border-radius: 50%;border:1px solid #fff;line-height: 30px;text-align: center;}
.header_element_right > ul > li > p > i{font-size: 14px}
.header_element_right > ul > li:nth-child(3) p i{font-size: 13px}
.header_element_right ul li:nth-child(4){margin-right: 0}
.header_element_right ul li:nth-child(4) span{font-size: 12px;float: left;width: calc(100% - 30px);padding-left: 8px}
.header_element_right ul li:nth-child(3) > p > i{font-size: 14px}
.header_element_right ul li:nth-child(4) span a{font-size: 18px;font-weight: bold;color: #fff}
.ddsmoothmenu .view_more_cate{position: absolute;top: 8px;right: 0;color: #fff;font-size: 12px;width: 20px;height: 20px;line-height:20px;text-align: center;border: 1px solid #fff;}
#view_more_cate{display:none;padding: 1px 0 0;position: absolute;top: 36px;right: 0;width: 200px;box-shadow: 1px 1px 3px 1px #ccc;background: #fff}
#view_more_cate li{width: 100%;border-bottom: 1px solid #ccc}
#view_more_cate li:last-child{border: none}
#view_more_cate li a{color: #142d3a;padding: 10px 12px 10px 25px;display: block;font-weight: bold;position: relative;}
#view_more_cate li a:before{
content: "\f0da";
position: absolute;
top: 12px;
left: 10px;
font-family: FontAwesome;
color: #142d3a;
font-size: 9px;
}
#view_more_cate li:hover a{color: #fff;background: #A91929}
#view_more_cate li:hover a:before{color: #fff}
.block_banner{max-width: 1200px;margin: auto}
#wrapper_tab {
margin: 8px 0 2px;
}
#wrapper_tab.tab1 a.tab1, #wrapper_tab.tab2 a.tab2, #wrapper_tab.tab3 a.tab3,#wrapper_tab.tab4 a.tab4 {
cursor: default;
color: #fff;
text-decoration: none;
border-bottom: 1px solid #fff;
background:#fca00f;
behavior: url(PIE.htc);
position: relative;
z-index: 3;
}
#wrapper_tab .tab_title > ul > li{float: left;width: 22.4%;padding-right: 10px}
#wrapper_tab .tab_title > ul > li:last-child{width: 32.8%;;padding-right: 0}
#wrapper_tab a.tab_link {
text-align: center;
position: relative;
z-index: 1;
display: block;
padding: 0 20px;
height: 38px;
line-height: 38px;
color: #262626;
font-size: 14px;
text-decoration: none;
background: #cdd6da;
border-bottom: 1px solid #fff;
text-transform:uppercase;
}
#wrapper_tab.tab1 a.tab1:before, #wrapper_tab.tab2 a.tab2:before, #wrapper_tab.tab3 a.tab3:before,#wrapper_tab.tab4 a.tab4:before {
content: "\f0d7";
position: absolute;
bottom: -22px;
left: 50%;
margin-left: -4.5px;
font-family: FontAwesome;
color: #fca00f;
font-size: 9px;
}
#wrapper_tab a.tab_redirect {
text-align: center;
position: relative;
z-index: 1;
display: block;
padding: 0 20px;
height: 38px;
line-height: 38px;
color: #262626;
font-size: 14px;
text-decoration: none;
background: #fca00f;
border-bottom: 1px solid #fff;
text-transform:uppercase;
}
#wrapper_tab a.tab_redirect span{position: absolute;top: 4px;left: 0;width: 42px;height: 30px;text-align: center;color: #fff;border-right: 1px solid #fff}
#wrapper_tab a.tab_redirect span i{font-size: 24px}
#wrapper_tab a.tab_link:last-child{margin-right: 0}
#wrapper_tab.tab1 div.tab1, #wrapper_tab.tab2 div.tab2, #wrapper_tab.tab3 div.tab3, #wrapper_tab.tab4 div.tab4 {
display: block;
position: relative;
z-index: 2;
background: #fff;
text-rendering: optimizeLegibility;
word-wrap: break-word;
-webkit-transition: width 2s; /* Safari */
transition: width 2s;
}
#wrapper_tab div.tab_body {
display: none;
padding: 1px 0
}
.discover_banner li{width: 33.5%;padding-left: 7px;float: left;}
.discover_banner li:first-child{width: 32.9%;padding-left: 0;}
.discover_banner li:last-child{width: 33.6%;padding-left: 8px;}
.discover_banner li a{display: block;line-height: 0}
.discover_banner li img{width: 100%;margin-top: 6px}
.discover_banner li div{float: left;width: 50%;padding-right: 3.5px;}
.discover_banner li div:last-child{padding-left: 3.5px;padding-right: 0}
.box_category_home{max-width: 1200px;margin: auto;margin-top: 20px}
.box_category_home_title{border-top: 1px solid #A91929;border-right: 1px solid #e8e8e8;height: 86px;display: flex;flex-flow: row wrap}
.box_category_home_name{width: 20.1%;background: #A91929;height: 100%}
.category_home_name{height: 100%;position: relative;}
.category_home_name b{
content: "";
height: 0;
width: 0;
top: 0;
right: -8px;
position: absolute;
border-top: 42.5px solid transparent;
border-bottom: 42.5px solid transparent;
border-left: 8px solid #A91929;
}
.box_category_home_name a{color: #fefefe;display: block;padding: 26.5px 10px;height: 100%;font-weight: bold;text-transform: uppercase;}
.box_category_home_name a p{float: left;width: 30px;height: 30px;line-height:30px; text-align: center; border-radius: 50%;border: 1px solid #fff;margin-right: 16px;background: #fff;font-size: 16px;color: #A91929;}
.box_category_home_name a span{float: left;width: calc(100% - 46px);line-height: 30px;}
.box_category_home_brand{width: 79.9%}
.box_category_home_brand ul{padding: 18.5px 15px}
.box_category_home_brand ul li{float: left;width: 10.4%;text-align: center;}
.box_category_home_brand ul li a{display: block;}
.box_category_home_brand ul li a img{width: 73px;height: 45px;border: 1px solid #c2d69b;object-fit: cover;}
.box_category_home_brand ul li:last-child{width: 5%}
.box_category_home_brand ul li:last-child a{width: 43px;height: 45px; margin-left:10px;border: 1px solid #A91929;text-align: center;line-height: 45px;font-size: 16px;color: #A91929}
.box_category_home_product{border: 1px solid #e8e8e8;display: flex;flex-flow: row wrap;}
.box_category_cate_name{width: 20.1%;}
/* .box_category_cate_name ul{padding: 2px 7px;} */
.view_all_cate_parent{margin-top: 20px;text-align: center;text-transform: uppercase;}
.view_all_cate_parent a{color: #A91929;font-size: 13px;padding: 10px 16px 9px;border: 1px solid #A91929;}
.box_category_cate_banner { text-align: center; }
.box_category_cate_banner_pr{width: 79.9%;border-left: 1px solid #e8e8e8;display: flex;flex-flow: row wrap;}
.box_category_cate_banner_pr_left{width: 73.7%;border-right: 1px solid #e8e8e8}
.box_category_cate_banner_pr_left > a {display: block;}
.box_category_cate_banner a{display: block;line-height: 0}
.box_category_cate_pr {
display: flex;
flex-flow: row wrap;
}
.box_product_v1{width: 33.33333333%;border-right: 1px solid #e8e8e8;padding: 15px 10px;position: relative;}
.box_product_v1:last-child{border: none;}
.box_product_v1_img{text-align: center;}
.box_product_v1 > a{display: block;line-height: 0;text-align: center;}
.box_product_v1 > a > img{height: auto;aspect-ratio: 1;object-fit: contain;}
.box_product_v1_name{margin:7px 0;height: 33px;display: table;}
.box_product_v1_name a{font-size: 13px;color: #3a3a3a;display: table-cell;line-height: 17px;vertical-align: middle;}
.box_product_v1_price{height: 37px;overflow: hidden;display: flex;flex-flow: row wrap;}
.box_product_v1_price_num{width: 60%;}
.box_product_v1_price_percent{width: 40%;margin-top: 1.5px}
.slider_cate_thuonghieu {
display: flex;
flex-flow: row wrap;
}
.box_product_v2{position:relative;width: 25.1%;border: 1px solid #e8e8e8;padding: 15px 10px;margin-left: -1px;margin-top: -1px}
.box_product_v2 > a{display: block;line-height: 0;text-align: center;}
.box_product_v2 > a > img{height: auto;aspect-ratio: 1;object-fit: contain;}
.box_product_v2_name{margin:7px 0;height: 33px;display: table;}
.box_product_v2_name a{font-size: 13px;color: #3a3a3a;display: table-cell;height: 51px;line-height: 17px;vertical-align: middle;}
.box_product_v2_price{height: 37px;overflow: hidden;display: flex;flex-flow: row wrap;}
.box_product_v2_price_num{width: 60%;}
.box_product_v2_price_percent{width: 40%;margin-top: 1.5px}
.box_product_v2_sum, a.name_layout_list{display: none}
.box_product_v2_list{width: 100%!important;height: 220px}
.box_product_v2_list .box_product_v2_img{float: left;width: 25%}
.box_product_v2_list .box_product_v2_name_element{float: left;width: 75%;height:100%;padding-left: 10px;position: relative;}
.box_product_v2_list .box_product_v2_name a{
display: none;
font-size: 14px;
}
/*.box_product_v2_list a{height: 250px;}*/
.box_product_v2_list a.name_layout_list{display: block;height: 25px;}
.box_product_v2_list .box_product_v2_sum{height: 90px;overflow: auto;display: block;line-height: 18px}
.box_product_v2_list a.name_layout_list{font-weight: bold}
.box_product_v2_list .box_product_v2_price{position: absolute;left: 10px;bottom: 0;height:auto;width: 100%;padding-right: 10.5px;}
.box_product_v2_list .price_v1_old{font-size: 17px;}
.box_product_v2_list .price_v1{font-size: 19px;}
.box_product_v2_list p.price_percent{width: 40px;height: 40px;line-height: 40px;font-size: 14px}
.box_product_v2_list p.pr_gift{width: 40px;height: 40px;line-height: 44px}
.box_product_v2_sum{margin-top: 10px}
.box_product_v2_sum > ul li{ position: relative; padding-bottom: 10px;color: #5e5e5e;font-size: 14px;padding-left: 12px;line-height: 17px}
.box_product_v2_sum > ul li:before{position: absolute;content: "";left: 0;top: 6px;width: 4px;height: 4px;border-radius: 50%;background: #fca00f}
.box_product_v3{width: 100%;border: 1px solid #e8e8e8;padding: 15px 10px;margin-top: -1px;position: relative;}
.box_product_v3 > a{display: block;line-height: 0;text-align: center;}
.box_product_v2 > a > img{height: auto;aspect-ratio: 1;object-fit: contain;}
.box_product_v3_name{margin:7px 0}
.box_product_v3_name a{font-size: 13px;color: #3a3a3a;display: block;;height: auto;line-height: 17px;}
.box_product_v3_name a.name_layout_list{display: none}
.box_product_v3_price{height: 37px;overflow: hidden;display: flex;flex-flow: row wrap;}
.box_product_v3_price_num{width: 60%;}
.box_product_v3_price_percent{width: 40%;margin-top: 1.5px}
.box_product_v4{width: 20.08%;border: 1px solid #e8e8e8;padding: 15px 10px;float: left;margin-left: -1px;margin-top: -1px;position: relative;}
.box_product_v4:last-child{border: none;}
.box_product_v4_img{text-align: center;}
.box_product_v4_img img{height: 200px;}
.box_product_v4_img a{display: block;line-height: 0;}
.box_product_v4_name{margin:7px 0}
.box_product_v4_name a{font-size: 13px;color: #3a3a3a;display: block;;height: 51px;line-height: 17px;}
.box_product_v4_price{height: 37px}
.box_product_v4_price_num{width: 60%;float: left;}
.box_product_v4_price_percent{width: 40%;float: left;margin-top: 1.5px}
.box_product_v2_sum::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5}
.box_product_v2_sum::-webkit-scrollbar{width:7px;background-color:#F5F5F5}
.box_product_v2_sum::-webkit-scrollbar-thumb{background-color:#fbaf33}
#today_sale_pr{padding: 10px 0 0 1px}
.price_v1_old{font-size: 13px;color: #666666;text-decoration: line-through;}
.price_v1{font-size: 15px;color: #B30000;margin-top: 1px}
p.price_percent{position: absolute;top: 15px;right: 15px;width: 34px;height: 34px;line-height: 34px;text-align: center;color: #fff;font-size: 13px;border-radius: 50%;background: #da2929; display: block;}
p.price_percent_detail{ position: absolute;top: 18px;left: 18px; z-index: 99999; width: 53px;height: 53px;line-height: 53px;text-align: center;color: #fff;font-size: 14px;border-radius: 50%;background: #da2929; display: block;}
p.pr_gift{width: 34px;height: 34px;line-height: 34px;text-align: center;color: #fff;background: #fca00f;line-height: 38px;border-radius: 50%;display: block;position: absolute;top: 15px;left: 15px}
p.pr_gift i{font-size: 16px}
.box_category_cate_banner_pr_right{width: 26.3%}
.media_pr_right{width: 100%;height: 113px;border-bottom: 1px solid #e8e8e8;padding: 7px 0;display: flex;}
.media_pr_right:last-child{border: none}
.media_pr_right_img{width: 100px;padding: 0 5px;}
.media_pr_right_img img{width: 90px;height: 90px;}
.media_pr_right_name_price{width: calc(100% - 100px); height: 100%;position: relative;padding-right: 5px;padding-left: 5px;}
.media_pr_right_name_price h3 a{font-size: 13px;color: #3a3a3a;display: block;;height: 33px;line-height: 17px;font-weight: 400;}
.media_pr_right_num{position: absolute;left: 5px;bottom: 0}
.box_category_home_small{max-width: 1200px;margin: auto;}
.box_category_home_small_half{float: left;width: 50%;margin-top: 30px}
.box_category_home_small > div:nth-child(odd){padding-right: 14px;}
.box_category_home_small > div:nth-child(even){padding-left: 14px;}
.box_category_home_small_half_title{border-top: 1px solid #30457e;border-right: 1px solid #e8e8e8;height: 66px;}
.box_category_home_small_half_name{float: left;width: 235px;background: #30457e;height: 100%;position: relative;}
.box_category_home_small_half_name a{color: #fefefe;display: block;padding: 16.5px 20px;height: 100%;font-weight: bold;text-transform: uppercase;}
.box_category_home_small_half_name a p{float: left;width: 30px;height: 30px;line-height:30px; text-align: center; border-radius: 50%;border: 1px solid #fff;margin-right: 16px}
.box_category_home_small_half_name a span{float: left;width: calc(100% - 46px);line-height: 30px;}
.box_category_home_small_half_name b{
content: "";
height: 0;
width: 0;
top: 0;
right: -8px;
position: absolute;
border-top: 32.5px solid transparent;
border-bottom: 32.5px solid transparent;
border-left: 8px solid #30457e;
}
.box_category_home_small_half_brand{float: right;width: 335px}
.box_category_home_small_half_brand ul{padding: 8.5px 15px}
.box_category_home_small_half_brand ul li{float: left;width: 28.4%;text-align: center;}
.box_category_home_small_half_brand ul li a{display: block;}
.box_category_home_small_half_brand ul li a img{width: 73px;height: 45px;border: 1px solid #c2d69b}
.box_category_home_small_half_brand ul li:last-child{width: 5%}
.box_category_home_small_half_brand ul li:last-child a{width: 43px;height: 45px; margin-left:10px;border: 1px solid #c2d69b;text-align: center;line-height: 45px;font-size: 16px;color: #679906}
.box_category_home_small_half_product{border: 1px solid #e8e8e8;}
.box_category_home_small_half_product_left{float:left;width: 57%;padding: 18px;border-right: 1px solid #e8e8e8;position: relative;}
.box_category_home_small_half_product_left_pr{float: left;width: 45%}
.box_category_home_small_half_product_left_name{padding-right: 22%}
.box_category_home_small_half_product_left_name a{font-size: 13px;color: #3a3a3a;display: block;;height: 33px;line-height: 17px;}
.box_category_home_small_half_product_price{margin-top: 7px}
.box_category_home_small_half_product_percent{margin-top: 10px}
.box_category_home_small_half_product_percent p:first-child{margin-left: 0}
.box_category_home_small_half_product_percent p{float: left}
.box_category_home_small_half_product_left_img{float: left;width: 55%}
.box_category_home_small_half_product_left_img img{width: 100%}
.box_category_home_small_half_product_cart{margin-top: 30px;text-transform: uppercase;}
.box_category_home_small_half_product_cart a{color: #A91929;font-size: 12px;padding: 8px 16px;border: 1px solid #c2d69b;}
.box_category_home_small_half_product_right{float: right;width: 43%}
#box_category_home_mobile{display: none}
.note_logistic{margin-top: 25px;display: flex; flex-flow: row wrap;}
.logo_logistic{width: 44px;height: 44px;line-height:49px;font-size:32px;margin-top:3px;border: 1px solid #df2448;border-radius: 50%;color: #df2448;text-align: center;}
.note_logistic_info{width: calc(100% - 44px);padding-left: 14px;font-size: 13px;color: #5e5e5e;line-height: 1.38}
.note_logistic_info span, .note_logistic_info a{color: #B30000}
.box_support_policy{background: #f2f2f2}
.box_support_policy_header{padding: 18px 25px;background: #e5e5e5;display: flex;flex-flow: row wrap;}
.bsp_phone_icon{width: 32px;font-size: 32px;color: #A91929;margin-top: 7px;}
.bsp_phone_title{width: calc(100% - 32px);padding-left: 11px}
.bsp_phone_title p{text-transform: uppercase;color: #262626;font-size: 20px}
.bsp_phone_hotline{color: #5e5e5e;font-size: 13px;font-weight: bold;margin-top: 5px}
.bsp_phone_hotline a{color: #b20505;font-size: 18px;}
.box_support_policy_midle{padding: 18px 12px;border-bottom: 1px solid #dbdbdb}
.box_support_policy_midle_title{text-transform: uppercase;text-align: center;font-size: 12px;color: #393d39;font-weight: bold;margin-bottom: 20px}
.select_location{margin-top: 9px;display: flex;flex-flow: row wrap;}
.select_location label{width: 83px;color: #888;margin-top: 8.5px}
.select_location select{width: calc(100% - 83px);height: 31px;border: 1px solid #dbd9d9;color: #3a3a3a;padding: 0 14px}
.box_support_policy_footer{padding:10px 13px}
.box_support_policy_footer ul li{width: 100%;margin: 10px 0;display: flex;flex-flow: row wrap}
.box_support_policy_footer ul li .ship_icon{text-align: center; width: 36px;height: 36px;border: 1px solid #344f71;border-radius: 50%;color: #344f71;line-height: 44px}
.box_support_policy_footer ul li .ship_icon span{font-size: 21px}
.box_support_policy_footer ul li .policy_content{width: calc(100% - 36px);padding-left: 8px;line-height: 36px;color: #3a3a3a}
.box_support_policy_fixed{display: none}
.fixed1 .box_support_policy_fixed{display: block;}
.comment_danhgia_v1{background:#f6f6f6;font-weight:200;text-transform:uppercase;font-size:14px;border:1px #e5e5e5 solid;padding:11px 13px !important;margin-bottom: 11px}
.comment_danhgia_v1 i{padding: 5px;border-radius: 50%;color: #B30000;border: 1px solid #B30000;}
.comment_danhgia_v1 span{padding-left: 15px;font-family: 'Arimo';}
.box_other_product{margin-top: 15px}
.box_cate_add{display: none}
.box_cate_news{padding: 2px 10px;border: 1px solid #ebebeb;}
.box_cate_news ul li{padding: 7px 0;width: 100%;border-bottom: 1px solid #e5e5e5}
.box_cate_news ul li:last-child{border: none}
.box_cate_news ul li a{font-weight: 400;font-size: 14px;color: #A91929;padding-left: 16px;position: relative;display: block;}
.box_cate_news ul li a:before{content: "\f0da"; position: absolute;top: 1px;left: 3px; font-family: FontAwesome;color: #A91929;font-size: 14px;}
.box_cate_news ul li.active a{color: #3C763D}
#frm_search_mobile{display: none}
#fixed_cart_phone{display: none;position: fixed;left: 0;bottom: 0;width: 100%;height: 40px;z-index: 9999999;line-height: 36px;}
.box-phone-effect{
float: left;
position: relative;
width: 54px;
height: 54px;
}
.fixed_phone{float: left;width: 50%;height:100%;background:#efa226;text-align: center;}
.fixed_phone a{
width: 50%;
margin: auto
}
.fixed_phone i, .fixed_phone span{vertical-align: middle;text-transform: uppercase;font-size: 18px;}
.fixed_cart{float: left;width: 50%;height:100%;text-align: center;background: #A91929}
.fixed_cart i, .fixed_cart span{vertical-align: middle;text-transform: uppercase;font-size: 18px;}
.fixed_phone i {
color: #B30000;
font-size: 20px;
position: absolute;
left: 50%;
margin-left: -11px;
top: 10px;
}
.fixed_phone span, .fixed_cart span, fixed_cart i{
padding-top: 3px;
display: inline-block;
}
.fixed_phone span{
display: flex;
padding-left: 15px;
}
/* #coccoc-alo-phoneIcon{
left: 50%;
margin-left: -25px;
} */
.fixed_phone a, .fixed_cart a{color: #fff;display: block;position: relative;}
#header_mobile{display: none}
.fixed_cart i{margin-right: 5px}
.mCSB_scrollTools{width: 5px !important}
.btn_cart{float:right;height:30px;line-height:30px;cursor:pointer;border-radius:4px;border: none;outline: none;text-transform: uppercase;font-size: 13px;background: #A91929;color: #fff;text-align: center;padding: 0 10px}
.box_product_v2_list .btn_cart{margin-top: 5px}
.btn_cart i{display: none}
.btn_view_more{padding: 10px 0;border-top: 1px solid #e8eaee;text-align: center;}
.btn_view_more a {
font-size: 16px;
color: #0388cd;
padding: 9px 15px;
background: #A91929;
color: #fff;
border-radius: 5px;
margin-top: 7px;
display: inline-block;
}
#filter_sort_mobile{display: none}
.context-layout{display: none}
#checkoutType{float: left;width: 100%}
#checkoutType .checkoutTypeSelect {
float: left;
width: 50%;
margin-top: 10px
}
#checkoutType .checkoutTypeSelect input[type=radio], #checkoutType .checkoutTypeSelect span{
vertical-align: middle;
}
#checkoutType .checkoutTypeSelect label {margin-left: 5px;cursor: pointer;}
#checkoutType .checkoutTypeSelect img {
margin-top: 10px
}
.order_detail_success {margin-bottom: 10px;font-size: 15px;font-weight: bold;text-align: right;}
.order_detail_success span{color: #f00}
.block-slider-inner{width: 1200px;margin: auto}
.brand-detail-summary{margin-top: 10px}
#box-verify-content{margin-top: 20px;color: #4d4d4d;line-height: 20px}
#box-verify-content a {color: #A91929}
#box-verify-content .txt_success{
text-align: center;
}
.box_category_keyword_hot{
padding: 10px 15px;
display: flex;
flex-flow: row wrap;
}
.box_category_keyword_hot_elm{
padding: 8px;
text-align: center;
}
.box_category_keyword_hot_elm > a {
display: flex;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
height: 100%;
color: #fff;
font-size: 13px;
line-height: 20px;
background-color: rgb(92, 10, 107);
padding: 16px;
border-radius: 4px
}
/* img.lazy {
width: 100%;
max-height: 100%;
display: block;
background-image: url(../images/lazy_loading.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
border: 0;
} */
.shortcode-hotface li {
float: left;
width: 50%;
text-align: center;
}
.shortcode-hotface li img{
width: 80%
}
.shortcode_product_1{
width: 25%;
margin: auto;
}
.shortcode_product_1 .box_product_v2{
width: 100%;
}
.shortcode_product_2{
width: 50%;
margin: auto;
}
.shortcode_product_2 .box_product_v2{
width: 50%;
}
.shortcode_product_3{
width: 75%;
margin: auto;
}
.shortcode_product_3 .box_product_v2{
width: 33.33%;
}
#list-product-article{
padding: 5px 15px;
}
#list-product-article li {
position: relative;
list-style: none;
padding: 9px 0px 0px 0px;
margin: auto;
line-height: 1.4em;
transition: all .3s;
}
#list-product-article li:before {
content: '\f058';
font-family: FontAwesome;
position: absolute;
color: #0174DF;
overflow: hidden;
transition: all .3s;
}
#list-product-article li a {
color: #15A1B1;
font-size: 15px;
margin: 0 0 0 17px;
}
.box_voucher_code {
display: flex;
flex-wrap: nowrap;
-webkit-box-pack: justify;
justify-content: space-between;
}
.coupon-input {
width: calc(100% - 79px);
}
.vip-code-input {
width: calc(100% - 89px);
}
.coupon-button {
color: rgb(36, 36, 36);
font-size: 12px;
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
background: rgb(253, 216, 53);
padding: 9px 20px;
outline: none;
border-radius: 0px 3px 3px 0px;
cursor: pointer;
}
.vip-code-button{
font-size: 13px;
background: #fca00f;
color: #fff;
}
.swal_vip{
margin-bottom: 15px;
line-height: 22px;
font-size: 15px;
}
.swal_vip_code, .swal_vip_value{
font-weight: bold;
color: #f00
}
.swal-button-confirm {
padding: 7px 19px;
border-radius: 2px;
background-color: #2ea44f;
font-size: 13px;
border: 1px solid #2ea44f;
font-weight: bold;
color: #fff;
cursor: pointer;
}
.swal-button-calcel {
padding: 7px 19px;
border-radius: 2px;
background-color: rgb(221, 107, 85);
font-size: 13px;
border: 1px solid rgb(221, 107, 85);
font-weight: bold;
color: #fff;
text-transform: uppercase;
cursor: pointer;
}
.sa-button-container {
margin-top: 15px;
}
.sweet-alert{
font-size: 15px
}
.vote-txt {
color: #999;
margin-top: 8px;
height: 18px;
}
.vote-txt b {
color: #fb6e2e;
display: inline-block;
vertical-align: middle;
}
.vote-txt i {
margin: 0 10px 2px 5px;
color: #fb6e2e;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*table*/
/*
.entry-content table {
width: 100%;
padding: 0;
margin: 0 0 20px 0;
font-size: 13px;
border-radius: 5px;
border-collapse: separate;
margin: auto;
}
.entry-content tbody{
border-color: rgb(219, 237, 249);
}
.entry-content table caption {
padding: 0 0 5px 0;
width: auto;
font-style:italic;
text-align: right;
font-size: 12px;
}
.entry-content table strong{color: #005ba6}
.entry-content th {
font-weight:bold;
letter-spacing: 1.5px;
text-transform: uppercase;
text-align: left;
padding: 9px 12px;
border-style: solid;
border-width: 1px;
border-left:none;
border-top:none;
}
.entry-content td {
font-size: 16px;
padding: 9px 12px;
border-style: solid;
border-width: 2px;
border-left:none;
border-top:none;
border-radius: 5px;
border-color: rgb(195, 229, 248);;
background-color: rgb(219, 237, 249);
}
.entry-content tr th:first-child, .entry-content tr td:first-child{
border-left-style: solid;
border-left-width: 2px;
}
.entry-content tr:first-child th, .entry-content tr:first-child td{
border-top-style: solid;
border-top-width: 2px;
}
*/
.blog-date {
position: relative;
padding-left: 16px;
font-size: 12px;
margin-top: 5px;
color: #666;
}
.blog-date:before {
position: absolute;
top:-1px;
left: 0;
font-family: 'FontAwesome';
content: "\f073";
font-size: 12px;
}
#tut_detail .blog-date {
padding-left: 18px;
}
#tut_detail .blog-date, #tut_detail .blog-date:before {
font-size: 14px;
}
.summary_news_other .blog-date {
margin-top: 0;
margin-bottom: 5px;
}
.page_cate #box-article-slider-hot, .list_pr_ds {
width: 100%;
}
#box-mail-campaign .box_product_v2 {
width: 25%;
}
#mail-content {
margin: auto;
}
#dvBestTopListArea .box_product_v2 {
width: 25%;
margin-top: 0;
margin-left: 0;
}
.left_support .bx-wrapper .bx-pager {bottom: 0}
.ddsmoothmenu{width:80%;float:left;position: relative;}
.ddsmoothmenu ul{z-index:10000;margin:0;padding:0}
.ddsmoothmenu ul li a:after{content:"";display:table;position:absolute;width:100%;bottom:1px;left:0;height:1px;-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1);-webkit-transition:-webkit-transform .3s .3s;transition:transform .3s .3s}
div.ddsmoothmobile .head-side{display:block;height:34px;width:100%;position:fixed;z-index:99999;top:0;left:0;padding:0;margin:0;text-align:right}
div.ddsmoothmobile .head-side a{display:block;line-height:34px;padding:0 10px;background:#FC0}
div.ddsmoothmobile .head-side:hover a{background:red}
* html .ddsmoothmenu ul li a{display:inline-block}
.ddsmoothmenu ul li a.selected{background:#fff}
.ddsmoothmenu ul li a.selected:after{-webkit-transition-delay:0;transition-delay:0;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.ddsmoothmenu ul li:hover a{background:#fff;color: #142d3a}
* html .ddsmoothmenu{height:1%}
.downarrowclass{position:absolute;top:12px;right:7px}
.rightarrowclass{position:absolute;top:17px;right:15px}
.leftarrowclass{position:absolute;top:17px;left:15px}
.downarrowclass:after{content:"";position:absolute;right:20px;top:17px;width:6px;height:6px;border:1px solid #111;border-width:0 1px 1px 0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.ddshadow{position:absolute;left:0;top:0;width:0;height:0;background-color:#ccc}
.toplevelshadow{margin:5px 0 0 5px;opacity:.8}
.ddcss3support .ddshadow.toplevelshadow{margin:0}
.ddcss3support .ddshadow{background-color:transparent;box-shadow:5px 5px 5px #aaa;-moz-box-shadow:5px 5px 5px #aaa;-webkit-box-shadow:5px 5px 5px #aaa}
div.ddsmoothmobile{background:none;color:#333;position:absolute;top:0;right:0;width:240px;min-height:310px;overflow:hidden;visibility:hidden}
div.ddsmoothmobile::before{position:relative;cursor:pointer;z-index:9999;background:none;width:100%;height:69px;top:0;left:0;display:block;content:""}
div.ddsmoothmobile a{color:#fff;text-decoration:none}
div.ddsmoothmobile div.topulsdiv{position:relative;background:#296525;overflow-y:auto;width:100%;height:100%}
div.ddsmoothmobile ul{list-style:none;width:100%;top:0;left:0;background:#296525;margin:0;padding:0}
div.ddsmoothmobile ul.submenu{position:absolute;height:100%;top:69px;overflow-y:auto;padding-bottom:69px}
div.ddsmoothmobile ul li{position:relative}
div.ddsmoothmobile ul li.breadcrumb{cursor:pointer;padding:12px;font-family:'SFUFuturaBook';font-size:13px;letter-spacing:2px;text-transform:uppercase;text-align:center;background:#dedede}
div.ddsmoothmobile ul li a{display:block;padding:12px 9px;border-bottom:1px solid #eee;text-align:center;font-size:12px;letter-spacing:2px;text-transform:uppercase}
.animateddrawer{font-size:12px;width:29px;height:20px;outline:none;position:absolute;display:none;top:23px;left:25px;z-index:1000}
.animateddrawer:before,.animateddrawer:after{position:absolute;content:'';display:block;width:100%;height:2px;background:#fff;border-radius:0;top:0;left:0;opacity:1;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}
.animateddrawer:after{top:auto;bottom:0}
.animateddrawer span{width:100%;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1px;border-radius:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .3s ease-in .3s;transition:all .3s ease-in .3s}
.animateddrawer span::after{content:'';display:block;width:100%;height:2px;background:#fff;border-radius:0;position:absolute;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .3s ease-in .3s;transition:all .3s ease-in .3s}
.animateddrawer.open{width:1.7em;height:1.2em;top:10px;right:10px}
.animateddrawer.open:before{top:50%;margin-top:-.3em;opacity:0}
.animateddrawer.open:after{bottom:50%;opacity:0}
.animateddrawer.open span{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.animateddrawer.open span:after{-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
@media screen and (min-width: 1024px) {
.child_news_home{
height: 128px
}
}
@media screen and (min-width: 1200px) {
.box_checkout_success{min-height: 273px}
.child_news1 img{
width: 100%;
height: 170px;
object-fit: cover;
}
.summary_news > a.summary_news_title {
height: 54px;
display: table-cell;
vertical-align: middle;
}
.summary_news p{height: 45px}
.box_category_cate_banner img{min-height: 226px}
.load_product_list_2{
/* height: 704px; */
padding-top: 1px;
overflow-y: hidden;
padding-left: 1px;
/* border-bottom: 1px solid #e8e8e8; */
/* padding-bottom: 60px; */
}
.btn {
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 14px;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 0 1px 1px 0 rgb(0 0 0 / 9%);
border-radius: 2px;
border: 0;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-transform: capitalize;
outline: 0;
cursor: pointer;
}
.btn--inline {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.btn--m {
height: 40px;
padding: 0 20px;
min-width: 70px;
max-width: 220px;
}
.btn-light {
background: #fff;
color: #555;
border: 1px solid rgba(0,0,0,.09);
box-shadow: 0 1px 1px 0 rgb(0 0 0 / 3%);
}
._3PNTgJ {
min-width: 24.375rem;
height: 2.5rem;
}
.text-center{
text-align: center;
}
#load-all-product{
position: absolute;
bottom: 0;
z-index: 9;
background: #fff;
width: calc(100% - 2px);
padding-top: 10px;
padding-block: 10px;
}
}
@media screen and (min-width:1025px) and (max-width:2000px) {
.menu_ul_remove{display:none!important}
}
@media screen and (max-width: 1024px) {
.select_manufacturer_small{margin-top: 10px;float: none;width:100%!important;border:1px solid #94b292!important;padding: 6px 10px;margin: 10px 0}
.wp_select_manufacturer_small{float: none}
.li_menu{float:left}
.li_menu a{float:left;width:100%}
.fixed{display:none}
#header1{padding: 10px 5px}
.header,.header1{width:100%}
.wrapper_full_1,.news_home{width:1000px}
.footer,.banner_home{width:100%}
.cate_home{width:22%}
#menu_home .ddsmoothmenu{width:78%}
.menu_li li a{padding:0 6px}
#left_conent{width:22%}
#right_conent{width:77%}
.right_conent1{width:65%}
.right_conent2{width:34%}
.child_tichluy{width:25%;margin-right:0;padding:5px}
.left_menu_home li a b{width:160px}
.lert_trademark{width:40%}
.right_trademark{width:60%;padding:0 0 10px 7px}
.trademark_a{float:left;width:24%;height:87px;margin-right:1%;margin-top:6px}
#news_home{padding-bottom:30px}
.child_news_home{width:50%}
.time_news{width:10%}
.img_news_home{width:24%}
.sum_name_news_home{width:62%;padding:0 10px 10px}
.sum_name_news_home h3{height:auto}
#footer{padding:0 10px}
.left_footer{width:32%}
.right_footer{width:68%}
.email_letter_social{padding:10px 0 10px 15px}
#email_letter{width:47%}
#input_email_letter{width:85%}
.social{width:50%}
.social p{font-size:12px}
.cate_menu_khachhang{width:25%;padding:10px 0 0 10px}
.cate_menu_product_ft{width:50%}
.cate_menu_account_ft{width:25%}
.child_cate_produc_1{width:24%;margin-left:.5%;margin-right:.5%;margin-bottom:15px}
.child_cate_produc_top{margin-top:0}
.left_list_product{width:24%}
.right_list_product{width:74%}
.child_cate_produc_2{width:32%;margin-left:.6%;margin-right:.6%}
.child_cate_produc_2_last{margin-right:.6%}
div.child_news1{width:32%;margin-left:.6%;margin-right:.6%!important;height:290px}
#list_banner_news{width:100%;height: auto}
.list_banner_news_right_2{display:none}
.list_news_home_cate_left{width:70%}
.left_detail_news,.list_news_home_cate_right{width:29%}
.right_detail_news{width:70%}
.ing_news_hot{margin-right:10px}
.name_news_hot{float:none}
.child_news_orther{width:50%}
.child_news_orther img{float:left;width:90px;margin-right:10px}
.summary_news_orther{float:none;width:auto}
.hide_ul_menu li a b{width:160px}
.text_tt_cart_left{width:570px}
.img_a_cart_1{width:35%}
.name_pr_cart_table span{width:60%}
.left_pay{width:60%}
.right_pay{width:38%}
.wp_input_div p{width:25%}
.input_frm{width:73%}
.wp_distric{width:100%}
.div_form_pay{padding:15px}
.child_cart_detail,.child_cart_detail1,.child_cart_detail2{padding:15px}
.img_a_cart{width:25%}
.name_cart_span1{width:63%;margin-left:1.5%}
.name_cart_span2{width:10%}
.box_tuvan_detail{display:none}
.left_account_user{width: 25%}
.right_account_user_1, .right_account_user{width: 74%}
.child_comment1_1{width: 100%}
.avatar_comment{width: 9%}
.name_faq{margin: 0;margin-top:5px;float: right;text-align: left;}
.child_tichluy span{width: 180px}
.view_a_full{margin-top: 15px}
.manufacturer_small a{margin-bottom: 10px}
.left_support{margin-top: 15px}
.search_heder{width: 42%}
.header_element_right{width: 44%}
.header_element_right>ul>li:first-child{margin-right: 20px}
.header_element_right>ul>li{margin-right: 10px}
.input_search{width: 67%}
#menu_home{padding: 0 5px}
.select_search_cate{font-size: 12px;padding: 10px 0 3px 7px;color: #757575}
.select_search_cate span, .select_search_cate input{vertical-align: middle;}
.select_search_cate input{margin-right: 4px;width: 14px;height: 14px}
}
@media screen and (max-width: 991px) {
.icons-chat {
bottom: 44px !important;
}
.wrapper_full_1 {
display: block;
}
#dcma_url_mobile {
display: block !important;
}
#box_category_home, #box_category_home_small{display: none}
#block-slider{display: none}
.menu_hide {
display: block;
}
#box_category_home_mobile{display: block;}
#header_mobile{display: block;}
#fixed_cart_phone{display: block;}
.menu_home{width:100%;display: none;}
#view-guide-url img {
max-width: 80%;
height: auto;
width: 100%;
aspect-ratio: 16/9;
object-fit: contain;
}
div.child_news1{height:auto}
.left_detail_news{display:none}
.right_detail_news{width:100%}
.title_name_cate_1{height:auto;margin:15px 0}
.title_name_cate_1 p{float:none;position:static;margin-bottom:10px}
.manufacturer_small{float:none;position:static}
div.child_news1{width:48.5%;margin-left:.6%;margin-right:.6%!important}
.wrapper_full_1,.news_home{max-width:950px}
.text_tt_cart_left{width:100%}
.totail_1_2{font-size:20px}
.left_detail_pr{width:100%;float: none}
.right_detail_pr{width:100%;float:none}
.text_ship_free{float:left;margin-left:10px;margin-top:5px}
.child_cate_produc_2.last{margin-right:.6%!important}
.child_cate_produc_3{width:32%;margin-left:.6%;margin-right:.6%}
#email_letter{width:55%}
.social{width:40%}
.social p{margin:0;margin-bottom:7px}
#footer1 .footer p{text-align:center;float:none}
.wrapper_full_mb{display:block;border-bottom: 8px solid #e8eaee}
.right_trademark{margin: 15px 0}
.wrapper_full_3{height: auto}
.box_cate_add{display: block;border-bottom: 8px solid #e8eaee}
#frm_search_mobile{display: block;margin: 10px 5px 0 5px}
#frm_search_mobile form{border: 1px solid #acacac;border-radius: 5px;}
#frm_search_mobile form input{background: none; width:86%; height: 28px;float: left;padding: 0 10px;margin: 0;border: none;font-size: 14px; color:#666666;outline: none;}
#frm_search_mobile form input::-webkit-input-placeholder { /* Chrome/Opera/Safari *
color: #666666;
opacity: 1;
font-style: italic;
}
#frm_search_mobile form input::-moz-placeholder { /* Firefox 19+ */
color: #666666;
opacity: 1;
font-style: italic;
}
#frm_search_mobile form input:-ms-input-placeholder { /* IE 10+ */
color: #666666;
opacity: 1;
font-style: italic;
}
#frm_search_mobile form input:-moz-placeholder { /* Firefox 18- */
color: #666666;
opacity: 1;
font-style: italic;
}
#frm_search_mobile form button{width:28px;height: 28px; text-align: center; float: right; border: none;background:none;color: #bf1e2e}
.wrapper_full_2{margin-top: 10px;border-bottom: 8px solid #e8eaee;padding-bottom: 12px}
.price_wp_xx_cart{margin: 0;padding: 0}
.wp_quatang{margin-bottom: 5px}
.img_detail_name_2{margin-top: 10px}
.fist_menu_cate_a:after{margin-left: 10px;margin-right: 10px;}
.manufacturer_small>a{display: none;}
.cate_arrangement_pr_list{padding: 5px 0}
.cate_arrangement_pr_list_select p{margin-top: 10px}
.selec_arrangementt{margin-top: 2px}
#header1{display: none}
#block_banner{display: none}
.logo_ft{display: none}
.text_right_ft{padding-left: 10px}
.btn_cart{background: none;color: #bf1e2e}
.btn_cart i{display: block;font-size: 28px}
.btn_cart span{display: none}
.cate_view_all{color: #333;border: none}
.cate_view_all i{display: inline-block;}
.paging{margin-top: 10px}
.btn_view_more{padding-bottom: 0;margin-bottom: 5px;}
.btn_view_more a{margin: 0;padding: 0;color: #0067a0;background: none}
.cate_arrangement_pr_list_parent {display: none}
.list_pr_ds{border-bottom: 8px solid #e8eaee}
.cate_news_1{border-bottom: 8px solid #e8eaee}
.cate_arrangement_pr_list_select{display: none}
.banner_pr_list a{display: block;line-height: 0}
.banner_pr_list{margin: 0;padding-bottom:10px;border-bottom: 8px solid #e8eaee}
.mobile_filter_sort_mobile .phone___mb_1{display: none !important;}
.fixed_mb.mobile_filter_sort_mobile #filter_sort_mobile{display: block;width: calc(100% - 132px);margin: auto;height: 35px; margin-top: 4px;}
.fixed_mb .logo_mobile{display: none;}
.sort_mobile, .filter_mobile{float: left;width: 50%;height: 100%;line-height: 35px;color: #fff;font-size: 16px}
.sort_mobile > a, .filter_mobile > a{display: block;color: #fff}
.filter_mobile i{margin-right: 3px}
.sort_mobile i:nth-child(2){margin-right: 3px}
html{width: 100%;overflow-x: hidden;}
body{overflow-x: hidden; position: relative;height: 100%}
html.state-filter {
height: 100%;
overflow: hidden;
}
html.state-filter body{
height: 100%;
overflow: hidden;
}
html.state-sort body {
height: 100%;
overflow: hidden;
}
html.state-sort #sort-menu {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
html.state-filter #filter-menu {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.context-layout {
display: block;
position: absolute;
z-index: 9999999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #e8eaee;
overflow: hidden;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all linear 0.2s;
-o-transition: all linear 0.2s;
transition: all linear 0.2s;
}
.context-layout .nav {
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
padding: 10px 0;
text-align: center;
background: #fff;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
margin-bottom: 3px;
}
.context-layout .nav .context-back {
position: absolute;
top:4px;
left: 10px;
font-size: 24px;
color: #0388cd
}
.context-layout .nav .context-title{
display: block;
font-family: "Segoe UI",Arial,sans-serif;
font-size: 16px;
font-weight: 400;
color: #333;
}
#sort-menu .wrap, #filter-menu .wrap {
overflow: auto;
position: absolute;
z-index: 9;
top: 38px;
left: 0;
right: 0;
padding: 10px 0;
}
#filter-menu .wrap{bottom: 50px}
.card{background: #fff; padding: 0 15px;}
.card-menu.in .list-group .list-group-item{border-bottom: 1px solid #ededed}
.card-menu .list-group .list-group-item > a {
padding: 10px 0;
position: relative;
display: block;
color: #333333;
font-size: 14px;
}
.card-menu .list-group .list-group-item > a > i{font-size: 20px;color: #757575;position: absolute;top: 8.5px;right: 0}
.card-menu .list-group .list-group-item > a > i.fa-dot-circle-o{color: #0388cd}
#filter-menu .card-menu .list-group .list-group-item > a > i{font-size: 25px;top: 50%;margin-top: -12.5px;}
.text-uppercase {
font-size: 15px;
position: relative;
font-weight: bold;
text-transform: uppercase;
}
#filter-menu .card-sub-menu > .list-group > .list-group-item a > i{font-size: 20px;top: 50%;margin-top: -10px}
.card-menu.card-sub-menu > .list-group > .list-group-item{padding-left: 15px}
.card-menu .list-group .list-group-item [aria-expanded="true"] > .chevron {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.card-menu .list-group .list-group-item .chevron {
transition: all linear 0.2s;
}
#filter-menu .card > .card-menu > .list-group > .list-group-item > a > span {
color: #0388cd;
font-size: 14px;
display: block;
}
#filter-menu .card > .card-menu > .list-group > .list-group-item > a > span.hasMgTop{margin-top: 5px;line-height: 20px}
.card-menu .list-group .list-group-item>a.group_toogle{border-bottom: 1px solid #ededed}
#filter-menu .card-sub-menu > .list-group > .list-group-item a > i.fa-check-square{
color: #0388cd
}
#filter-menu .sticky {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px 15px;
background: #fff;
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25);
}
#filter-menu .sticky .left {
width: 50%;
padding-right: 5px;
float: left;
}
.btn-blue {
background: #0388cd;
color: #fff !important;
font-size: 16px;
padding: 15px;
border-radius: 4px;
border: none;
text-align: center;
}
.btn-block {
display: block;
width: 100%;
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn-normal {
background: transparent;
color: #333333 !important;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
padding: 6px 12px;
border: 1px solid #d2d5df;
text-align: center;
}
#filter-menu .sticky .right {
width: 50%;
padding-left: 5px;
float: right;
}
#filter-menu .sticky a {
font-size: 16px;
padding: 4px;
}
#news_home{
padding: 0
}
}
@media screen and (max-width: 800px) {
.price_pr_cart_table1{font-size:16px}
.thanhtoan_muasam{font-size:12px}
.table_cart tbody tr td{padding:10px}
.text_tt_cart tbody tr td{padding:10px}
.img_a_cart_1{width:30%}
.name_pr_cart_table span{width:65%}
.yeucau_call{width:100%}
.yeucau_call p{width:34%}
.input_Call{width:84%}
.submit_Call{margin-left:10px}
.card_by{width:100%;margin-bottom: 10px}
.phone_detail{width:48.5%;float:right}
.update_div_input{padding-top: 10px}
.update_div_input p{width: 100%;margin-bottom: 3px;margin-top: 0}
.input_update_frm{width: 100%}
}
@media screen and (max-width: 767px) {
body, .box_product_v2_name a, .wf_comment, .tuvan_sp, .content_news p, .text_right_ft, .entry-content, .summary_news_other a, .box_cate_news ul li a {
font-size: 16px;
}
.product-detail-summary {
max-height: 103px;
overflow: auto;
padding-left: 5px;
}
.img_detail_name_2, .note_logistic_info, .faq li .faq_content, .cate_view_all, .paging>span {font-size: 15px;}
#news_home {
margin-top: 20px;
padding: 0 5px;
}
.summary_news_other a {
height: auto;
}
.content_cart_mobile{display:block;margin-bottom:10px}
.table_cart{display:none}
.item_cart{padding:10px;margin-bottom:10px;position:relative;background:rgba(235,235,235,0.4)}
.thumb_donhang{width:30%;float:left}
.info_donhang{width:70%;float:left;padding:0 0 0 10px}
.btn_del_cart_item{position:absolute;display:inline-block;padding:5px;right:0;top:0}
.btn_del_cart_item i{font-size:20px;color:#666}
.giamoi{font-weight:400;font-size:14px;line-height:16px;vertical-align:middle;color:#d50000;display:inline-block;width:100%}
.title_sanpham_donhang a{color:#333;padding-bottom:5px;display:block}
.title_sanpham_donhang strong{text-transform:uppercase}
.content_cart_mobile .number_pr_cart_table{width:100%;border:none;margin-top:10px}
.content_cart_mobile .number_pr_cart_table .number_cart1{margin-left:0}
.text_tt_cart{margin-bottom:10px}
.text_tt_cart tbody tr td:nth-child(2){display:none}
.box_right_pay{width: 100%}
.left_pay,.right_pay{width:100%;margin:5px 0}
.wp_input_div{padding:5px 0}
.child_cart_detail,.child_cart_detail1,.child_cart_detail2{padding:10px}
.child_cart_detail4{margin:0}
.price_wp_xx_right{width:100%}
.title_name_cate_1 p{font-size:18px}
.wp_input_div p{width: 27%}
.register_user{width: 100%}
.wp_input_user_login{width: 70%;margin: auto;padding: 5px 0}
.wp_input_user2{float: none;width: 70%; margin: auto;padding: 5px 0;}
.left_account_user{width: 100%;margin-bottom: 10px}
.right_account_user, .right_account_user1{width: 100%}
.tablle_donhang_history tr th, .tablle_donhang_history tbody tr td{padding: 5px}
.right_account_user1{margin: 0}
.right_account_user_1{width: 100%}
.history_order_detail_mobile{display: block;}
.history_order_detail_tpl{display: none}
.title_tt_3_mb{border-bottom: 1px solid #d4d4d4}
.right_account_user{margin-bottom: 10px}
.wp_input_user, .wp_input_user1{width: 80%;margin:auto;padding: 5px 0}
.wp_input_user1{margin-top: 10px}
.list_news_home_cate{margin:0;}
.box_product_v2{width: 50%!important}
.box_product_v2_img img{width: auto; margin: auto;}
.box_product_v2_list .box_product_v2_img img{height: auto}
div.child_news1{width: 100%;margin-left: 0;margin-right: 0}
.left_support{width:100%!important}
.right_support{width:100%!important}
#form_support{width: 100%}
.shortcode_product{width: 100%}
.child_news_other{width: 100%!important}
.child_news_other img{margin-right: 10px}
/* .summary_news_other{float: none;width: 100%;} */
.right-section {
display: none;
}
.left-menu, .maincate, .boxright {
width: 100%;
}
.main-name {
padding-bottom: 10px;
}
.listnews li .linkimg {
width: 100px;
}
.boxright {
padding-top: 10px;
border-top: 5px solid #ededed;
}
.colLt, .colRt, .bkNwslt, .bkNwsrt {
width: 100%;
}
.lin {
height: 0;
display: none;
}
.newsList article, .hm-nws-spcl article {
padding: 10px 0 11px;
border-top: 1px solid #eee
}
.newsList .nsLstIn {
padding-top: 0;
}
/* css habit */
.list__flex {
display: block;
}
.list__main, .list__sub {
width: 100%;
}
.list__sub {
margin-left: 0;
}
.box-home-focus[data-layout="1"] .home-box-focus-top {
display: block
}
.box-home-focus[data-layout="1"] .home-box-focus-top .home-box-focus-big {
width: 100%;
}
.box-home-focus[data-layout="1"] .home-box-focus-top .home-box-focus-sub {
width: 100%;
margin-left: 0;
margin-top: 20px;
}
.box-home-focus[data-layout="2"] .home-box-focus-big {
background: #eaf4f6;
box-sizing: border-box;
box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
border-radius: 7px;
width: calc(100% + 30px);
margin-left: -15px;
}
.box-home-focus[data-layout="1"] .home-box-focus-middle{
display: block;
}
.box-home-focus[data-layout="1"] .home-box-focus-middle .box-home-focus-item {
width: 100%;
margin-top: 10px;
}
.box-category[data-layout="2"] .box-category-item .box-category-link-with-avatar {
width: 130px;
height: 77px;
}
.box-category[data-layout="2"] .box-category-item .box-category-content {
width: calc(100% - 130px);
}
.box-category[data-layout="2"] .box-category-item .box-category-content .box-category-sapo {
display: none;
}
.box-category[data-layout="2"] .box-category-item .box-category-content .box-category-link-title {
font-size: 17px;
line-height: 100%;
}
.box-right[data-layout="3"] {
margin-top: 15px;
}
.box-right[data-layout="3"] .box-right-middle .box-right-item-first .box-right-link-with-avatar {
text-align: center;
}
.box_category_cate_banner img {
height: auto;
}
.banner_pr_list img {
height: auto;
}
#mail-content table {
width: 100% !important;
max-width: 100% !important;
}
}
@media screen and (max-width: 600px) {
.nam, .nam-1{width: 100%;}
.nam-1-txt, .nam-1-form{width: 100%!important;}
.nam-1-txt{padding-right:0!important;margin-bottom: 10px;}
}
@media screen and (max-width: 500px) {
#header{display:none}
#header1{width:100%;position:relative;padding-bottom:10px}
.header1{width:auto!important;}
#logo{width:100%;text-align:center}
.logo_mb{display:inline-block}
.logo_pc{margin-left: 0}
.wrapper_full_1{width:100%!important;padding:0 5px}
.list_cart_1{display:none!important}
#form_search{display:none}
.footer{width:auto!important;padding:0 5px}
.left_footer{width:100%!important}
.menu_cate_footer{display:none}
.right_footer{width:100%!important;border:none}
.social{display:none}
.news_home{width:100%}
.text_giohang{display:none}
#menu_home,#banner_home,.giohang{display:none}
.giohang_mb{display:block;position:absolute;right:10px;top:10px}
.search_heder{display:none}
.giohang_mb a{float:left;position:relative}
.giohang_mb a p{position:absolute;left:-15px;top:10px;background:#e21d27;color:#fff;padding:5px;border-radius:50%;font-size:12px;font-weight:700}
.icon_menu_2{-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.li_menu a img{display:none}
.child_news_home{width:100%!important;padding-bottom: 15px;border-bottom: 1px solid #ccc}
.email_letter_social{padding:0!important;text-align:center}
#email_letter{width:100%!important;margin-bottom:15px;text-align:center;float:none!important;display:inline-block}
#input_email_letter{width:77%!important}
.submit_letter{width:20%!important}
.logo_ft{text-align:center}
.logo_ft a{display:inline-block;text-align:center}
#footer1 .footer p{text-align:center;line-height:20px}
.wrapper_full{padding:0}
.lert_trademark{display:none}
.right_trademark{width:100%!important;padding:0!important}
#form_support{width:100%!important}
.last_a_mb{float:right;margin-right:0}
.trademark_a{width:48%;margin-right:0;height:auto!important}
.title_name_cate_1{float:left;width:100%;height:auto!important;margin: 10px 0}
.line_1{margin-top: 0}
.wp_select_manufacturer_small{width:100%!important;float: none}
.manufacturer_small{position:inherit!important}
.manufacturer_small a:nth-child(4),.manufacturer_small a:nth-child(5),.manufacturer_small a:nth-child(6){display:none}
#news_home{width:auto!important;padding:0 5px}
.wrapper_full_bg_3{background:none!important}
.manufacturer_small > a{display:none;width:27%;float:left;margin-right:2%;margin-top:7px;border:1px solid #d6d6d6!important}
.a_plus{width:13%!important;text-align:center;display:table}
.icon_plus{display:table-cell;vertical-align:middle;padding:0;float:none;text-align:center}
.icon_plus:before{padding:0;float:none;color:#d6d6d6!important}
.left_support1 .bx-wrapper .bx-controls .bx-pager{bottom:-25px!important}
.time_news{display:none}
.img_news_home{float:right;width:100%}
.search_mb_div{display:block}
.title_thuonghieu_mb_home{display:block}
.banner_home1{display:none}
.trademark_a_2{float:right}
.pr_name{overflow:hidden}
.wp_text_all{width:100%;margin-left:0}
.wp_text_all a{float:left;margin-right:5px;margin-top:5px}
.wrapper_full_4{padding-top:10px!important}
.all_thuonghieu p{float:left;width:100%}
.menu_header_mobi{display:block}
.right_list_product,.left_thuonghieu_img_2{width:100%!important}
#page{display:block!important}
.child_thuonghieu{float:left;width:49%;margin-right:0}
.child_thuonghieu1_2{float:right}
.select_th{margin-top:10px}
#list_banner_news{width:100%!important}
.list_news_home_cate_left{width:100%!important}
.list_news_home_cate_right,.list_banner_news_right_2{width:100%!important}
.list_banner_news_right_2{margin-top:10px}
.left_detail_news,.right_detail_news{float:left;width:100%!important}
.ing_news_hot{width:30%!important}
.name_news_hot{width:67%!important}
.child_news_orther1{float:left}
.child_news_hot a{width:100%}
.child_news_hot a img{width:100%}
.left_detail_pr{width:100%}
.img_detail_name_2,.img_detail_name_1,.right_detail_pr,.child_comment1_1{width:100%}
.price_wp_xx_left{width:100%}
.price_wp_xx_right{width:100%;float:left;text-align:left}
.box_tuvan_detail.fixed1{position:inherit}
.avatar_comment{width:15%}
.name_faq{float:right;margin-left:0}
.register_user,.wp_input_user{width:100%!important}
.wp_input_user_login,.wp_input_user2,.wp_input_user1{width:100%;padding:10px 0!important}
.a_dangky{display:none}
.btn_login{float:none}
.list_banner_news_left{width:100%}
.list_banner_news_right{width:100%!important;height:auto}
.list_banner_news_left1{width:100%!important}
.list_banner_news{width:100%!important;float:left}
.summary_news a{width:100%}
.bx-wrapper .bx-pager .bx-pager-item{display:none}
.times_news{display:none}
.list_banner_news_left,.list_banner_news_left a,.list_banner_news_left a img{width:100%;max-width:100%}
.a_href_name1{width:100%}
.text_right_ft{width:100%;}
.faq_content img{max-width:100%;height:auto!important}
.faq li .faq_content{padding:10px!important}
input[name=comment_name]{width:100%}
.child_cate_produc_2_1{float:right}
.arrangementt_icon{display:none}
.h2_name{text-align:left}
.img_detail_name_2 ul{text-align:left;width:96%}
.left_list_product{display:none}
.cate_arrangement_pr_list_text{float:left;padding-bottom:10px}
.wrapper_full_1_mb{width:100%;overflow:auto}
.text_tt_cart_left{display:none}
.text_tt_cart tbody tr td:first-child{border-right:none;padding:0!important}
.left_pay{width:100%}
.name_scrool,.box_ship_free,.box_prduct_care{display:none!important}
.box_tuvan_detail1,.fixed1{width:100%!important}
.header_menu_left{display:none}
.left_detail_news{display:none}
.input_frm{width:100%}
.wp_input_div p{margin-bottom:10px}
.wp_distric,.right_pay{width:100%}
.div_form_pay{padding:10px}
.name_cart_span2{display:none}
.wp_input_div textarea{width:100%}
.img_a_cart{width:25%;margin-right:0}
.name_cart_span1{width:72%;float:right;margin-left:0}
div.child_news1{width:100%;margin:0;margin-bottom:10px}
.btn_del_cart_item i{font-size:16px}
.wp_input_div p{width:100%}
.btn_login, .btn_register{width: 100%}
.history_order_tpl tr th:nth-child(3), .history_order_tpl tbody tr td:nth-child(3){display: none}
.history_order_tpl tr th:nth-child(5), .history_order_tpl tbody tr td:nth-child(5){display: none}
.history_gift_tpl tr th:nth-child(5), .history_gift_tpl tbody tr td:nth-child(5){display: none}
.box_category_cate_banner a{display: block;float: none;width: 100%}
.h2_name{font-size: 18px}
.fist_menu_cate_a:after{margin-left: 10px;margin-right: 10px}
.fixed_phone a{
width: 100%;
}
.box-phone-effect{left:20px}
.right_account_user3 {margin-top: 0;}
.wp_input_div_order_success {margin-top: 0}
}
@media screen and (max-width:480px) {
.zoom-small-image img {
/* aspect-ratio: 10/9; */
object-fit: contain;
}
.img_news_home{float: none;width: 100%;margin-bottom: 5px}
.img_news_home img{float: none;height: auto;}
.sum_name_news_home{float: none;padding: 0;width: 100%}
.sum_name_news_home a{float: none;display: block;}
.sum_name_news_home p{float: none;font-size: 15px}
.child_news_orther{width:100%}
.child_news_orther img{float: none;width: 100%;margin: 0;margin-bottom: 5px}
.summary_news_orther{display: block;}
.summary_news_orther a{height: auto;font-size: 16px;}
.summary_news_orther p{height: auto;font-size: 14px}
.child_news1{width:100%!important}
.child_news1 a,.child_news1 a img{width:100%!important;max-width:100%}
.summary_news{float: none;width: 100%;display: block;}
.summary_news a{font-size: 16px}
.summary_news p{display: block;float: none;}
.box_product_v1, .box_product_v2, .box_product_v3, .box_product_v4{padding: 5px}
.input_Call{width: 82%}
.shortcode-hotface li{
width: 100%
}
.shortcode-hotface li img{
width: 100%
}
.summary_news_other p {
display: none;
}
}
@media screen and (max-width: 420px) {
.box_product_v2_name a{height: 68px}
}
@media screen and (max-width:400px) {
.item_select .item_select_close i{padding-top: 2px}
.price_v1{font-size: 14px}
.box_product_v2_price_num{width: 65%}
.box_product_v2_price_percent{width: 35%}
.box-phone-effect{
left: 7px;
}
.fixed_phone span{
padding-left: 5px
}
}
@media screen and (max-width: 380px) {
.input_Call{width: 80%}
.paging>span{display: block;margin-bottom: 5px}
.box_product_v2_price_num {
width: 70%;
}
.box_product_v2_price_percent{width: 30%}
}
@media screen and (max-width: 350px) {
.child_cate_produc_1{width:100%;margin-right:0!important}
.child_cate_produc_1:first-child{margin-top:0}
.child_cate_produc_1{margin-top:15px}
.fa-long-arrow-right{display:none}
/*.child_news_orther{width:100%}
.child_news_orther a{width:30%;float:left}
.child_news_orther a img{width:100%;max-width:100%}
.summary_news_orther{width:67%}
.summary_news_orther a{width:100%}
.summary_news_orther p{display:none}*/
.print_back{padding:15px 5px!important}
.icon-quaylai,.icon-intrangnay{width:50%!important}
.card_by,.phone_detail,.yeucau_call{width:100%}
.yeucau_call{width:100%;text-align:center}
.yeucau_call p{width:100%;text-align:center;padding:10px 0}
.input_Call,.submit_Call{text-align:center;float:none;display:inline-block}
.phone_detail{margin-top:0}
#error_callback{width:100%;text-align:center}
.show_error_white{text-align:center}
.child_cate_produc_2{width:100%}
.right_detail_pr{display:none}
.child_cate_produc_2{margin-right:0}
.history_order_tpl tr th:nth-child(4), .history_order_tpl tbody tr td:nth-child(4){display: none}
.history_gift_tpl tr th:nth-child(3), .history_gift_tpl tbody tr td:nth-child(3){display: none}
.wp_distric div{width: 100%;margin-bottom: 10px}
.a_thanhtoan{padding: 8px}
.box_product_v2{width: 100%}
.cate_arrangement_pr_list_select{float: left;}
.mobile_filter_sort_mobile .c-header-mobile__menu-inner{left: 30px !important}
}
@media screen and (min-width:350px) and (max-width:385px) {
.child_cate_produc_1,.child_cate_produc_2{width:49%;float:left;margin-right:0;margin-top:10px}
.child_cate_produc_1_2,.child_cate_produc_other_2{float:right}
.img_pr_home{height:auto!important}
.child_cate_produc_top{margin-top:10px}
.wp_price{width:100%!important;padding:0 10px!important}
.promotion_price_old{padding:0!important}
.promotion_price_news{float:right!important;padding:0!important;font-size:13px;font-weight:700}
.child_cate_produc_1{margin-top:15px}
.fa-long-arrow-right{display:none}
.print_back{padding:15px 5px!important}
.icon-quaylai,.icon-intrangnay{width:50%!important}
.promotion_price_old,.promotion_price_news{width:100%;text-align:center}
.wp_cart{width:100%;text-align:center;margin-right:0!important}
.icon_cart{text-align:center;float:none!important;display:inline-block;width:auto!important}
.phone_detail{width:49%;float:right}
.yeucau_call{width:100%;text-align:center}
.yeucau_call p{width:100%;text-align:center;padding:10px 0}
.input_Call,.submit_Call{text-align:center;float:none;display:inline-block}
#error_callback{width:100%;text-align:center}
.show_error_white{text-align:center}
}
@media screen and (min-width:386px) and (max-width:500px) {
.child_cate_produc_1{width:49%;float:left;margin-right:0;margin-top:0;margin-bottom: 10px}
.child_cate_produc_1_2{float:right}
.img_pr_home{height:auto!important}
.child_cate_produc_top{margin-top:10px}
.wp_price{padding:0 10px!important}
.promotion_price_old{padding:0!important}
.promotion_price_news{padding:0!important;font-size:13px;font-weight:700}
.child_cate_produc_2{width:48%!important;margin: 0 0.6%;margin-top: 8px}
/*.child_cate_produc_other_2{float:right}*/
/* .child_news1:first-child{margin-top:0}
.child_news1{width:100%;margin-right:0;height:auto;margin-top:10px}
.child_news1 a{width:35%;float:left}
.summary_news{width:62%;float:right;padding:0;border:none}
.summary_news a{width:100%} */
.fa-long-arrow-right{display:none}
.child_news1 a img{width:100%}
.wp_cart{text-align:center;margin-right:0}
.icon_cart{text-align:center;float:none!important;display:inline-block}
.phone_detail{width:49%;float:right}
.yeucau_call{width:100%;text-align:center}
.box_ship_free,.name_scrool,.box_prduct_care{display:none!important}
.yeucau_call p{text-align:center;padding:10px 0;margin-top:8px}
.input_Call,.submit_Call{text-align:center;float:none;display:inline-block}
.price_wp_xx_right{float:left;width:100%!important}
.box_tuvan_detail{width:100%!important}
.child_cate_produc_2{width:49%}
}
@media screen and (min-width:501px) and (max-width:700px) {
#menu_home,#banner_home,.banner_home1{display:none}
.wrapper_full_1,.footer,.news_home{width:100%!important;padding:0 5px}
.left_support,.right_support,.right_trademark{width:100%!important}
.cate_menu_khachhang,.menu_cate_footer{display:none}
.left_footer,.right_footer,.social{width:100%}
.right_footer{border:none}
.logo_ft{text-align:center}
.title_thuonghieu_mb_home{display:block}
.right_trademark{padding:0!important}
.lert_trademark{display:none}
.time_news{display:none}
.email_letter_social{border:none}
.child_news_home{width:100%}
.trademark_a{width:32%;margin-right:2%;height:auto!important}
.trademark_a_3{margin-right:0!important}
.child_cate_produc_1{width:49%;margin-right:0;margin-top:10px}
.child_cate_produc_1_2{float:right}
.wp_text_all{width:100%;margin-left:0;float:left}
.brand_char{float:left;margin-right:5px;margin-top:5px}
.child_thuonghieu{width:32%;margin-right:2%}
.child_thuonghieu1_3{margin-right:0}
#list_banner_news,.list_banner_news_right_2{width:100%!important}
.list_banner_news_right_2{margin-top:10px}
.child_news_hot{width:49%}
.child_news_hot:last-child{float:right;margin-top:0}
.list_news_home_cate_left,.list_news_home_cate_right{width:100%}
.child_news1{width:100%;height:auto;margin-top:10px}
.child_news1 a{width:35%;float:left}
.child_news1 a img{width:100%;max-width:100%}
.summary_news{width:62%;float:right;border:none;padding:0}
.fa-long-arrow-right{display:none}
.list_banner_news_left{width:100%}
.list_banner_news_right{width:100%!important;height:auto}
.list_banner_news_left1{width:100%!important}
.list_banner_news{width:100%!important;float:left}
.summary_news a{width:100%}
.bx-wrapper .bx-pager .bx-pager-item{display:none}
.times_news{display:none}
.list_banner_news_left,.list_banner_news_left a,.list_banner_news_left a img{width:100%;max-width:100%}
.a_href_name1{width:100%}
.text_right_ft{width:inherit;text-indent:10px}
.left_list_product{display:none}
.right_list_product{width:100%}
.child_cate_produc_2{width:49%;margin-right:0}
.child_cate_produc_other_2{float:right}
.child_cate_produc_2_1{float:right}
.arrangementt_icon{display:none}
#email_letter{width:100%;margin-bottom:10px;text-align:center}
#input_email_letter{float:none;display:inline-block}
.submit_letter{float:none;display:inline-block;text-align:center}
.social{text-align:center;width:100%;display:inline-block;float:none}
.social p,.footer_mangxh{text-align:center;float:none;display:inline-block;vertical-align:middle;margin-top:0}
.right_detail_pr{display:none}
.img_detail_name_2{width:100%}
.summary_news{width:62%;float:right;padding:0;border:none}
.summary_news a{width:100%}
.fa-long-arrow-right{display:none}
.child_news1 a img{width:100%}
.wp_cart{text-align:center;margin-right:0}
.icon_cart{text-align:center;float:none!important;display:inline-block}
.phone_detail{width:49%;float:right}
.right_detail_pr{display:none}
.yeucau_call p{text-align:center;padding:10px 0;margin-top:8px}
.input_Call,.submit_Call{float:none;display:inline-block}
.price_wp_xx_left{width:40%}
.price_wp_xx_right{width:50%}
.left_detail_pr{width:100%}
.img_detail_name_1{width:100%;text-align:center}
.header_menu_left{display:none}
}
@media screen and (min-width:701px) and (max-width:900px) {
#menu_home,#banner_home,.banner_home1{display:none}
.wrapper_full_1,.footer,.news_home{width:100%!important;padding:0 5px}
.left_support,.right_support,.right_trademark{width:100%!important}
.cate_menu_khachhang,.menu_cate_footer{display:none}
.left_footer,.right_footer,.social{width:100%}
.right_footer{border:none}
.logo_ft{text-align:center}
.title_thuonghieu_mb_home{display:block}
.right_trademark{padding:0!important}
.lert_trademark{display:none}
.time_news{display:none}
.email_letter_social{border:none}
.child_news_home{width:100%}
.trademark_a{width:23%;margin-right:2.6%;height:auto!important}
.last_a{margin-right:0!important}
.child_cate_produc_1{width:32%;margin-right:1%;margin-top:10px}
.child_cate_produc_1_3{margin-right:0}
.wp_text_all{width:100%;margin-left:0;float:left}
.brand_char{float:left;margin-right:5px;margin-top:5px}
.child_thuonghieu{width:32%;margin-right:2%}
.child_thuonghieu1_3{margin-right:0}
#list_banner_news,.list_banner_news_right_2{width:100%!important}
.list_banner_news_right_2{margin-top:10px}
.child_news_hot{width:49%}
.child_news_hot:last-child{float:right;margin-top:0}
.list_news_home_cate_left,.list_news_home_cate_right{width:100%}
.child_news1{width:100%;height:auto;margin-top:10px}
.child_news1 a{width:35%;float:left}
.child_news1 a img{width:100%;max-width:100%}
.summary_news{width:62%;float:right;border:none;padding:0}
.fa-long-arrow-right{display:none}
.list_banner_news_left{width:100%}
.list_banner_news_right{width:100%!important;height:auto}
.list_banner_news_left1{width:100%!important}
.list_banner_news{width:100%!important;float:left}
.summary_news a{width:100%}
.bx-wrapper .bx-pager .bx-pager-item{display:none}
.times_news{display:none}
.list_banner_news_left,.list_banner_news_left a,.list_banner_news_left a img{width:100%;max-width:100%}
.a_href_name1{width:100%}
.text_right_ft{width:inherit;text-indent:10px}
.left_list_product{display:none}
.right_list_product{width:100%}
.arrangementt_icon{display:none}
#email_letter{width:100%;margin-bottom:10px;text-align:center}
#input_email_letter{float:none;display:inline-block}
.submit_letter{float:none;display:inline-block;text-align:center}
.social{text-align:center;width:100%;display:inline-block;float:none}
.social p,.footer_mangxh{text-align:center;float:none;display:inline-block;vertical-align:middle;margin-top:0}
.left_detail_pr{width:100%}
.img_detail_name_1,.img_detail_name_2{width:49%}
.img_detail_name_2{float:right}
.fixed1{display:none}
/*.child_cate_produc_other_2{float:right}*/
.right_detail_pr{display:none}
.header_menu_left{display:none}
.header,.header1{width:100%;padding: 0 5px}
}
.sm_sp{border-radius:inherit!important;-webkit-appearance:none}
.div_full_sp select{border-radius:inherit!important;background:#fff}
.wrapper_full_mb{float:left;width:100%}
.wrapper_full_mb1{float:left;width:100%}
.cate_home_mb{cursor:pointer;position:relative;background:#bf1e2e;text-transform:uppercase;color:#fff;text-align:center;margin-top: 8px}
.cate_home_mb p{padding:10px 0;font-weight: 600}
.cate_home_mb p a{color: #fff}
.wrapper_full_mb1 ul{float:left;width:100%;border:1px solid #d4d4d4}
.wrapper_full_mb1 ul li{float:left;width:100%;border-bottom:1px solid #d4d4d4;position:relative}
.wrapper_full_mb1 ul li a{padding:7px 10px;width:100%;display:table}
.wrapper_full_mb1 ul li:last-child{border-bottom:none}
.wrapper_full_mb1 ul li i{top: 7px; cursor:pointer;right:0!important;padding:10px;font-style: inherit;position: absolute;color:#666;font-size: 10px}
.wrapper_full_mb1 li a b{font-weight:500;display:table-cell;vertical-align:middle;font-size:16px;color:#666;width:100%;padding-left:10px}
.wrapper_full_mb1 ul li > ul > li > a{padding:10px 10px 10px 20px;}
.wrapper_full_mb1 ul li > ul > li > i{top: 2px}
.ul_menu_mb_child{float:left;width:100%;border:none!important}
.ul_menu_mb_child li:first-child{border-top:1px solid #d4d4d4}
.ul_menu_mb_child li a{color:#666}
.ul_menu_mb_child1{border:none!important}
.ul_menu_mb_child li a:before{content:"\f0da";font-size:10px;color:#b20505;float:left;margin-right:5px;font-family:FontAwesome;margin-top: 1px;}
.ul_menu_mb_child1 li a:before{content:"\f105";font-size:8px;color:#5f8c5c;float:left;margin-right:5px;font-family:FontAwesome;margin-left:5px;margin-top: 2px;}
.ul_menu_mb_child{display: none}
.menu_header_mobi{width:100%;position:relative;z-index:1000;top:0;left:0}
.user-menu-popup .menu-list li a{padding:10px}
.user-menu-popup .menu-list li a i{margin-right:10px}
.icon_arow_click{display:block!important}
.phone___mb_1 b{padding-left:24px;font-size:16px;font-family: Arial;vertical-align: middle;}
.phone___mb_1{position:relative}
.phone___mb_1.icon-sodienthoai:before{position:absolute;font-size:19px;top: -2px}
.wp_line_sp, .name_comment_sp {margin-top: 0;}
.header{background-color: var(--main-color);}
/*lnb*/
.lnb{margin:0 auto; text-align:right;padding:20px 15px 0px; font-size:0; display:none;}
.lnb a{display:inline-block; position:relative; color:#888; font-size:14px; margin-left:20px;}
.lnb a:before{content:""; display:block; position:absolute; width:1px; height:11px; background:#edebeb; top:4px; left:-10px;}
.lnb a:first-child:before{display:none;}
/*top*/
.top{margin:0 auto; position:relative; padding:0px 10px 10px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.top .icon-logo-mobile{width:25px;}
.top .icon-logo-mobile a{color: var(--text-secondary-color); font-size: 22px;}
.top .top-logo{width:calc(100% - 50px);font-size:0;overflow:hidden; text-align: center;}
.top .srch-wrap{width:100%;border:2px solid var(--text-secondary-color);font-size:0;}
.top .srch-wrap input{display:block;float:left;width:calc(100% - 32px); line-height:32px; border:0 none; padding-left:15px;color:#888; font-size:16px;}
.top .srch-wrap input:focus{outline:none}
.top .srch-wrap input::placeholder{color:#888; font-size:16px;}
.top .srch-wrap button{display:block;float:left;line-height:32px; width:32px; text-align:center; font-size: 20px; color: var(--text-secondary-color)}
.top .srch-wrap button img{vertical-align:middle;}
.top .personal-menu{display: none;}
.top .personal-menu a{display:inline-block; margin-left:35px;position: relative;}
.icon-cart-mobile{width:25px; text-align: right;}
.icon-cart-mobile a{position: relative; color: var(--text-secondary-color); font-size: 22px;}
.icon-cart-mobile .cart-mini-count {
display: inline-block;
padding: 0;
width: 20px;
text-align: center;
border-radius: 2px;
color: var(--text-secondary-color);
background: var(--main-secondary-color);
font-size: 14px;
position: absolute;
top: -5px;
right: -9px;
}
.ic-logo-laza{color: var(--text-secondary-color); font-size: 56px;}
/*gnb*/
#main-menu{background: var(--main-color); transition: all .3s ease-in-out; font-size: 16px; display: none;}
#main-menu .container{width: 100%; margin: 0px auto;}
#main-menu .navbar{display: flex; position: relative; flex-flow: row nowrap; justify-content: flex-start; align-items: center; padding: 0px;}
#main-menu .navbar-toggler{padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem;}
#main-menu .navbar-toggler-icon{display: flex; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50% / 100% 100% no-repeat; align-items: center; justify-content: center; color: #fff; }
#main-menu .navbar-collapse{display: flex; flex-basis: auto; flex-grow: 1; align-items: center; position: relative; border-top: 1px solid #ddd;}
#main-menu .navbar-nav{display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none;}
#main-menu .nav-item{position: relative;}
#main-menu .nav-link{display: block; white-space: nowrap; text-transform: capitalize; transition: all .3s ease-out; color: #fff; padding: 10px 8px;}
#main-menu .dropdown-menu{position: static; float: none; top: 100%; z-index: 1000; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; padding: 0; margin: 0; border-radius: 0; border: 1px solid #ddd; border-bottom: 3px solid var(--main-color); min-width: 250px; left: -10px; display: block; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; opacity: 0; visibility: hidden; transform: scale(1, 0); -webkit-transform: scale(1, 0); transform-origin: 0 0; -webkit-transform-origin: 0 0;}
#main-menu .nav-item:hover > .dropdown-menu{visibility: visible; opacity: 1; transform: scale(1, 1); -webkit-transform: scale(1, 1);}
#main-menu .dropdown-item{display: block; width: 100%; padding: 0px; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: 0 0; border: 0; margin: 0px; list-style: none;}
#main-menu .dropdown-item > li{position: relative;}
#main-menu .dropdown-item a{text-transform: capitalize; display: block; color: #212529; font-size: 14px; transition: all .3s ease-out; position: relative; margin: 0; padding: 6px 20px; background: url('../images/r7.png') no-repeat 8px center; border-top: 1px solid #eee;}
#main-menu .nav-all-cate .dropdown-menu .dropdown-item a{background: 0 0; margin: 0 20px; padding: 10px 0px;}
#main-menu .dropdown-item li:first-child > a{border: none;}
#main-menu .dropdown-item li:hover > a, #main-menu .dropdown-item a:hover{color: var(--main-color); text-decoration: none;}
#main-menu .dropdown-menu .dropdown-item a>img, #main-menu .dropdown-menu .dropdown-item a>span.icon_fonts_menu{display: inline-block; max-width: 20px; vertical-align: middle; margin-right: 10px; font-size: 14px;}
#main-menu .dropdown-menu .dropdown-item a>span.cate-name{display: inline-block; vertical-align: middle;}
#main-menu .dropdown-menu .dropdown-item a>i{position: absolute; right: 5px; top: 50%; font-size: 12px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
#main-menu .dropdown-menu .dropdown-list{position: absolute; left: 100%; top: 0; padding: 0; margin: 0; list-style: none; border: 1px solid #ddd; min-width: 200px; border-bottom: 3px solid var(--main-color); border-radius: 0; background: #fff; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; opacity: 0; visibility: hidden; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);}
#main-menu .navbar a.nav-button span{background: #fca00f; border-radius: 30px; padding: 0 10px; display: inline-block;}
#main-menu .navbar a.nav-button i{margin-left: 5px; animation: blinkColor 1s infinite;}
@keyframes blinkColor {
0% {color: #f3283d}
100% {color: #004031}
}
/* Menu mobile */
.mm-navbars--top .mm-navbar {
padding: 10px 20px !important;
background: var(--main-color);
color: var(--text-secondary-color);
}
.mm-navbars--top .mm-navbar .auth-mmenu {
display: flex;
justify-content: flex-start;
text-align: left;
}
.mm-navbars--top .mm-navbar .item-icon {
margin-right: 15px;
font-size: 25px;
}
.mm-navbars--top .mm-navbar .item-detail a {
display: block;
}
.mm-navbars--bottom {
border-top: 1px solid var(--mm-color-border);
}
.mm-navbars--bottom .mm-navbar, .mm-navbars--top .mm-navbar {
display: flex;
}
.mm-navbars--bottom .mm-navbar a {
border-left: 1px solid #ddd;
color: var(--main-color);
}
.mm-navbars--bottom .mm-navbar a:first-child {
border-left: none;
}
.mm-navbars--bottom .mm-navbar a .fas, .mm-navbars--bottom .mm-navbar a img{margin-left: 10px;}
.gnb-warp{width:100%; min-width:1100px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; position:relative;}
.gnb-warp .gnb{width:1100px; margin:0 auto; font-size:0;height:50px; line-height:50px;overflow:hidden;position:relative;}
.gnb-warp .gnb .btn-gnb-all{cursor:pointer; display:inline-block; color:#000; font-size:17px;padding:0 19px 0 30px; font-family: "Gilroy Bold", Arial, sans-serif; position:relative; margin:0 42px 0 0;}
.menu-trigger {position:absolute;left:0;top:50%;width:20px;height:16px;transform:translate(0, -50%);}
.menu-trigger, .menu-trigger span {display: inline-block;transition: all .4s;box-sizing:border-box;}
.menu-trigger span {position: absolute;left: 0;width: 100%;height: 2px;background-color: #555;}
.menu-trigger span:nth-of-type(1) {top: 0;}
.menu-trigger span:nth-of-type(2) {top: 7px;}
.menu-trigger span:nth-of-type(3) {bottom: 0;}
.menu-trigger.active-1 span:nth-of-type(1) {
-webkit-transform: translateY (20px) rotate (-45deg);
transform: translateY(7px) rotate(-45deg);
}
.menu-trigger.active-1 span:nth-of-type(2) {opacity: 0;}
.menu-trigger.active-1 span:nth-of-type(3) {
-webkit-transform: translateY(-20px) rotate(45deg);
transform: translateY(-7px) rotate(45deg);
}
.gnb-warp .gnb-drop{display:none;width:1100px; position:absolute; top:51px; left:50%; transform:translate(-50%,0);z-index:200;margin-left:-1px;}
.gnb-warp .gnb-drop .gd-2d{display:none;float:left;border-bottom:1px solid #e0e0e0;background:#fff;}
.gnb-warp .gnb-drop .gd-2d p{font-size:14px; line-height:30px; color:#000; font-family: "Gilroy Bold", Arial, sans-serif;}
.gnb-warp .gnb-drop .gd-2d p:hover a{background:#d82228; color:#fff;}
.gnb-warp .gnb-drop .gd-2d ul li{position:relative;}
.gnb-warp .gnb-drop .gd-2d a{font-size:14px; line-height:18px; color:#000; display:block;padding:10px 25px;}
.gnb-warp .gnb-drop .gd-2d ul li .gd-3d{display:none;}
.gnb-warp .gnb-drop .gd-2d ul li:hover a{background:#d82228; color:#fff;}
.gnb-warp .gnb-drop .gd-2d .gd-2d-box{float:left;min-width:192px;height:440px;padding-top:29px; font-size:0;border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0;}
.gnb-warp .gnb-drop .gd-2d ul li:hover .gd-3d{display:block; background:#fff; position:absolute; border:1px solid #d82228; min-width:100px; top:-15px; right:0; transform:translate(100%,0); padding:15px 20px; z-index:250;}
.gnb-warp .gnb-drop .gd-2d ul li:hover .gd-3d p{font-size:14px; color:#555; line-height:30px;font-family: "Gilroy Bold", Arial, sans-serif; text-indent:0;}
.gnb-warp .gnb-drop .gd-2d ul li:hover .gd-3d p:hover a{color:#d82228;}
.gnb-warp .gnb-drop .gd-2d ul li:hover .gd-3d a{font-size:14px; background:#fff; color:#555; line-height:18px; white-space: nowrap;padding:6px 0;}
.gnb-warp .gnb-drop .gd-2d ul li:hover .gd-3d ul li a:hover{color:#d82228;}
.swiper-container{position:absolute; top:0; left:150px; width:950px; height:50px; overflow:hidden; display:block;}
.swiper-container .swiper-slide{width:auto; height:50px;}
.swiper-container a{display:inline-block; color:#000; font-size:17px; padding:0 19px; font-family: "Gilroy Bold", Arial, sans-serif; position:relative;}
.swiper-container a.on{color:#d82228;}
.swiper-container a.on:after{content:""; display:block; width:100%; height:3px; background:#d82228; position:absolute; left:0; bottom:-1px;}
/*kvisual*/
.mslide-wrap{width:100%;position:relative;font-size:0;overflow:hidden;}
.mslide-wrap .mslide{width:550px; height:148px; position:relative;top:0;left:50%; transform:translate(-50%,0);}
.mslide-wrap .mslide div{position:absolute; top:0; left:0;width:550px;height:148px;display:none;}
.mslide-wrap .mslide div.active{display:block;}
.mslide-wrap .mslide div img{/* width:1920px; height:520px; */width:100%;}
.mslide-wrap .direct-wrap{width:100%; height:1px;position:absolute; top:calc(50% - 30px); left:50%; transform:translate(-50%,-50%); }
.mslide-wrap .direct-wrap > span{display:block; position:absolute; cursor:pointer;}
.mslide-wrap .direct-wrap .prev{left:10px;}
.mslide-wrap .direct-wrap .next{right:10px;}
.mslide-wrap .box-wrap{display:none; position:absolute; bottom:0; left:50%; transform:translate(-50%,0);font-size:0;background:#fff;}
.mslide-wrap .basebox{float:left;position:relative;height:50px;}
.mslide-wrap .basebox p{background:#fff; height:48px; line-height:48px; text-align:center; width:100%;position:absolute;bottom:1px;font-size:16px; color:#000;}
.mslide-wrap .baseclick{position:absolute; bottom:0;width:100%;border:1px solid #e0e0e0; border-right:0 none;margin-left:-1px;}
.mslide-wrap .basebox:last-child .baseclick{border-right:1px solid #e0e0e0;}
.mslide-wrap .baseup{display:none;width:100%;border-right:1px solid #border;}
.mslide-wrap .baseup div{padding:10px 0; background:#ebefec;font-size:0;border-bottom:1px solid #e0e0e0;}
.mslide-wrap .baseup div a{display:block; width:100%; text-align:center;font-size:162px;color:#000; font-size:16px; color:#000; line-height:36px;}
.mslide-wrap .baseup div a.on{color:#d82228;}
.mslide-wrap .baseover{font-size:0;}
.mslide-wrap .baseover span{display:inline-block; height:48px;position:relative;cursor:pointer;}
.mslide-wrap .baseover span.black:after{content:""; display:block; width:100%; height:4px; background:#000; position:absolute; left:0; bottom:-1px;}
.mslide-wrap .baseover span.on:after{content:""; display:block; width:100%; height:4px; background:#d82228; position:absolute; left:0; bottom:-1px;}
.mslide-wrap .direct-wrap .mslide-num{width:100px; height:34px; line-height:30px; text-align:center; background:#000; border-radius:50px;font-size:20px; color:#a3a3a3; position:absolute; right:0; top:160px;}
.mslide-wrap .direct-wrap .mslide-num span{font-size:20px; color:#fff;}
/*kv-bnr-wrap*/
.kv-bnr-wrap{width:100%; margin:0 auto;font-size:0;margin-bottom:20px;display:flex;flex-direction: column;display:none;}
.kv-bnr-wrap a{display:block; width:100%;border:0;box-sizing:border-box;}
.kv-bnr-wrap a img{display:block; width:100%; border: 1px solid #fff;border-width:1px 0 0 1px;box-sizing:border-box;}
/*common*/
.products .empty-item{width: 100%; text-align: center; margin-bottom: 20px; text-transform: uppercase;}
.cont-wrap{margin:0 auto; padding: 0px 15px;}
.sub-tit{font-size:15px; color:#555; margin-bottom:5px;text-transform: uppercase;font-family: "Gilroy Bold", Arial, sans-serif;}
.tit{font-size:16px; color:#111; line-height:20px; margin-bottom:2px; word-break:keep-all;}
.price{overflow:hidden;}
.price-red{font-size:20px; color:#d82228; display:inline-block; margin-left: 3px;font-family: "Gilroy Medium", Arial, sans-serif;}
.price-red span{
font-size:20px;
/* font-family: "Gilroy Bold", Arial, sans-serif; */
}
.price-gray{color:#555; text-decoration:line-through; margin-left:10px; font-size:13px;display:inline-block;}
.end-line{width:100%; height:1px; background:#e0e0e0;}
.list-more{width:1100px; margin:0 auto; text-align:center;padding:40px 0 0 0;}
.list-more a{display:inline-block;width:178px; height:38px; line-height:38px; font-size:16px; color:#555; text-align:center; border:1px solid #cccccc;}
.line-bnr{margin:20px auto 0px; overflow:hidden;}
.line-bnr a{display:block; margin:1px 0;}
.line-bnr img{width: 100%;}
.title{display:inline-block; font-size:22px; color:#000;position:relative;text-transform: uppercase;}
/* .title:after{content:""; display:block; position:absolute; top:7px; right:-22px; background:url('../images/ico-titarrow-black.png'); width:11px; height:24px;} */
.title.noway{cursor:default;}
.title.noway:after{display:none;}
.title-n-sub{width:100%; padding:20px 0px 10px; text-align:center; margin-bottom: 10px;}
.title-n-sub.title{position:relative; padding-bottom:15px;}
.title-n-sub.title:before{content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:60px; height:3px; background:#a91929; border-radius:2px;}
.title-n-sub p{margin-top:13px;font-size:16px; color:#878787;text-align:center;}
.featured-products-title{font-family:Arial,sans-serif;}
.vip-modal-title{font-family:"Segoe UI",Arial,sans-serif;font-size:24px;font-weight:400;margin:10px 0;}
.bx-wrapper{border:0 none; box-shadow:none; background:none; margin-bottom:0;}
.bnr-anchor{display:block;}
.ico-badge-wrap{position:absolute; top:10px; left:10px;}
.ico-badge-wrap img{width:45px !important; height:45px !important; margin-right:5px;}
.ico-badge-wrap2{position:absolute; top:10px; left:18px; }
.ico-badge-wrap2 span{display: block;font-size:12px;background-color: #9e047f;color: #fff;width: 40px;padding: 10px 3px;text-align: center;border-radius:100%;}
.ico-sticker-wrap{width:100%;padding-top:5px;}
.ico-sticker-wrap span{margin-right:5px;display: inline-block; padding: 0px 5px;background-color:var(--main-color); color: #fff;}
.ico-sticker-wrap .free-ship{background-color: var(--main-color); color: #fff;}
.ico-sticker-wrap .cod{background-color: #753888; color: #fff;}
.circle-list{padding: 5px 10px 20px; margin: auto;}
.con_list{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.con_list li {width: 25%; display: block; text-align: center;}
.con_list {width:100%; overflow: hidden; margin: 0 auto;}
.con_list div.box {text-align: center;}
.con_list li img{width: 60%; position: relative; margin-top: 20%; margin-top: 10%; height: auto;}
.con_list li span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-size: 15px; display: block;}
/*section01*/
.tit-bgcolor{line-height:1.4; background:var(--main-color); color:#fff; font-size:16px; text-align:center;text-transform: uppercase; padding: 10px 15px;}
.tag{margin-top:-1px; text-align:center; padding-bottom: 20px;}
.tag span{margin-right:10px; padding-top:10px; display:inline-block;}
.tag span a{display:inline-block; padding:0 10px; border:1px solid #ccc; border-radius:50px; font-size:15px; color:#888;}
.beige-tag{overflow:hidden;}
.beige-tag span.on a{color:#d82228; border-color:#d82228;}
.lnb-btn{height:90px; border-bottom:1px solid #e0e0e0;}
.lnb-btn span{margin-right:49px;}
.lnb-btn span a{display:inline-block; height:100%; line-height:90px; box-sizing:border-box; font-size:28px; color:#555;}
.lnb-btn span.on a{font-family: "Gilroy Bold", Arial, sans-serif; color:#ad945f; border-bottom:4px solid #ad945f;}
.listT1{width:100%; overflow:hidden;}
.listT1 ul{margin-left:-40px;}
.listT1 ul li{float:left; margin-left:40px; width:245px; position:relative;}
.listT1 ul li a{display:block;}
.listT1 ul li a img{width:245px; height:245px;}
.listT1 .products{display: none;flex-wrap: wrap;}
.listT1 .products.on{display: flex;}
.listT1 .products .item{width:50%; position:relative;padding: 5px;}
.listT1 .products .item:nth-child(2n+1){margin-left:0px;}
.listT1 .products .item a{display:block;text-align: center;}
.listT1 .products .item a img{max-width:100%;height:auto;}
.listT1-info{min-height:120px; padding:10px 0;text-align: left;}
.listT1-info .tit{height:40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box;
-webkit-line-clamp:2; -webkit-box-orient: vertical; font-family: "Gilroy Light", Arial, sans-serif}
/*section02*/
.beige-line{border-bottom:1px solid #e0e0e0; font-size:0; text-align:center; margin-bottom:40px; overflow:hidden; position:relative; height:40px;}
.beige-line span{display:inline-block;}
.beige-line span a{display:inline-block; box-sizing:border-box; font-size:16px; color:#888; padding:0 10px 13px 10px;margin:0 12px;}
.beige-line span.on a{color:var(--main-color); border-bottom:3px solid var(--main-color);}
.beline-box{display:block;white-space: nowrap;overflow:hidden;overflow-x:auto;}
.beline-box::-webkit-scrollbar{display: none;}
.beline-box span{display:inline-block;}
.beline-box-btn{display:none; position:absolute; text-align:center;top:0; right:0; width:100px; height:40px; background:url('../images/belinebox-bg.png')no-repeat; background-size:100% 100%;}
.beline-box-btn span{display:inline-block; margin-top:3px;}
.beline-box-btn span img{width:25px; height:20px;}
/*section03*/
.section03{padding-bottom:10px;overflow:hidden;margin-top:20px;}
.title-n-sub.white .title{color:#fff;}
.title-n-sub.white .title:after{background:url('../images/ico-titarrow-white.png');}
.title-n-sub.white p{color:#fff;}
.evslide-wrap{overflow: hidden; padding-bottom: 40px;}
.evslide-wrap .bx-wrapper{/* width:594px; */ width: 50%;}
.evslide-wrap .bx-viewport{overflow:visible !important;}
.evslide-wrap .evslide > div{/* width:594px; */ width: 50%;}
.evslide-wrap .evslide > div .evbox{overflow:hidden; position:relative; background:#fff;}
.evslide-wrap .evslide > div .evbox img{display:block;width:100%;max-width:220px; margin:auto;}
.evslide-wrap .evslide > div .evbox .ev-right{padding-top:8px; text-align: center;}
.evslide-wrap .evslide > div .evbox .ev-right .listT1-info{height: auto; padding: 10px 0px 20px;}
.evslide-wrap .evslide > div .evbox .ev-right .ev-num{width:108px; height:34px; line-height:30px; color:#fff; text-align:center; font-size:14px; background:#af4040; border-radius:50px; position:absolute; right:40px; bottom:40px;}
.evslide-wrap .evslide > div .evbox .ev-right .ev-num span{font-size:16px;}
.evslide-wrap .bx-wrapper .bx-controls-direction{display: none;}
.evslide-wrap .bx-wrapper .bx-controls-direction a{display:block; width:21px; height:46px; background:url('../images/cont-slide-arrow.png')no-repeat; margin-top:-23px;}
.evslide-wrap .bx-wrapper .bx-prev{display:none !important;}
.evslide-wrap .bx-wrapper .bx-next{right:-40px;}
.evbox .soldout{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/evbox-soldout.png')no-repeat;background-size:100% 100%;}
.evbox .soldout span{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#000; font-size:23px;}
.evbox .soldout span img{width:130px !important; height:auto !important;}
.evbox.evsoldout .soldout{display:block;}
.evslide-wrap .bx-wrapper .bx-pager.bx-default-pager a{background:#edebec;}
.evslide-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .evslide-wrap .bx-wrapper .bx-pager.bx-default-pager a:focus{background:#edebec;}
.evslide-wrap .bx-wrapper .bx-pager.bx-default-pager a.active{background:#666;}
.evslide-wrap .bx-wrapper .bx-pager{left: 0px; left: 50%;}
/*section04*/
.section04{padding:0 0 40px 0; border-bottom:1px solid #edebeb;}
.only-you-box{font-size:0;margin-left:-25px;}
.only-you-box a{display:inline-block;margin-left:25px;position:relative;}
.only-you-box a .only-coupon{position:absolute;bottom:90px;right:40px;}
/*section05*/
.section05{padding:40px 0 60px 0;overflow:hidden;}
.stn05-left{float:left;width:260px;}
.stn05-right{float:left; width:calc(100% - 260px);}
.stn05-left-tit{font-size:24px; color:#000; line-height:36px; margin:-8px 0 28px 0;}
.stn05-left-tit span{font-family: "Gilroy Bold", Arial, sans-serif;}
.section05 > .stn05-left-tit{margin:0 0 8px 0;}
.stn05-subtit{font-size:18px; color:#000;padding-left:10px;position:relative; width:200px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.stn05-subtit:before{content:"";display:block;width:3px; height:25px; background:#d82228;position:absolute; top:0; left:0;}
.stn05-subtit2{font-size:18px; line-height:24px; color:#5c5c5c;padding-left:10px;margin-top:25px; width:200px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.listT2 ul{margin-left:-40px;}
.listT2 ul li{width:180px;float:left;margin-left:40px;}
.listT2 ul li a{display:block; overflow:hidden;}
.listT2 ul li img{width:180px; height:180px;}
.listT2 ul li .listT1-info{padding-bottom:0;text-align: left;}
.section05 + .section05{padding-top:0;}
/*section06*/
.section06{padding:0 0 80px 0;}
.bnrslide-wrap .bx-wrapper .bx-controls-direction a{width:21px; height:46px; margin-top:-23px;}
.bnrslide-wrap .bx-wrapper .bx-prev{background:url('../images/ico-arrow-mslide-prev.png')no-repeat;}
.bnrslide-wrap .bx-wrapper .bx-next{background:url('../images/ico-arrow-mslide-next.png')no-repeat;}
/*section07*/
.section07{padding:0 0 80px 0;}
.listT3{margin-top:30px; overflow:hidden;}
.listT3 ul li{float:left;width:365px;position:relative;}
.listT3 ul li a{display:block; overflow:hidden;}
.listT3 ul li img{float:left;width:140px; height:140px; margin-right:20px;}
.listT3 ul li .listT1-info{float:left; width:190px;padding-bottom:0;}
/*section08*/
.section08{padding:0 0 40px 0;}
.section08 .listT1{margin-top:30px;}
.section08 .listT1 ul li .listT1-info{padding-bottom:0;}
/*section09*/
.store-wrap{border:2px solid #e0e0e0; padding:40px 0;font-size:0;}
.store-box{overflow:hidden;}
.store-box > div{float:left; width:50%;height:140px;position:relative;}
.store-left img{float:left;margin-left:60px;width:140px; height:140px;}
.store-left div{float:left;margin-left:30px;}
.store-left div p{font-size:20px; line-height:20px; color:#000;margin-bottom:15px;}
.store-left div ul li{font-size:16px; color:#888; line-height:27px; padding-left:9px; position:relative;}
.store-left div ul li:before{content:""; display:block; width:2px; height:2px; background:#888; position:absolute; top:13px; left:0;}
.store-go{position:absolute; bottom:0;right:60px;font-size:16px; color:#555;padding-right:17px;background:url('../images/ico-titarrow-black.png')no-repeat right center; background-size:7px 12px}
.store-right:before{content:""; display:block; width:1px; height:140px; background:#e0e0e0; position:absolute; top:0; left:0;}
.store-right img{float:left;margin-left:60px;width:140px; height:140px;}
.store-right div{float:left;margin-left:30px;}
.store-right div p.store-tit{font-size:20px; line-height:20px; color:#000;margin-bottom:10px;}
.store-right div p.store-favorit{display:block;margin-bottom:10px;vertical-align:top;width:64px; height:21px; line-height:21px; background:#000; color:#fff; font-size:12px; text-align:center; border-radius:50px;}
.store-right div p.store-favorit a{color:#fff;}
.store-right div p.store-address{width:290px; font-size:16px; margin-bottom:5px; color:#000; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; line-height:19px;}
.store-right div p.store-tell{font-size:16px; color:#000;background:url('../images/icon-call.png')no-repeat left 5px; background-size:15px auto;padding-left:20px;}
.store-right-txt.align-center{margin-left:0; width:100%;}
.align-center{text-align:center;}
.store-subtit{font-size:16px; color:#888; line-height:24px;}
.store-right div.store-btns{text-align:center;margin:15px 0 0 0; width:100%;}
.store-btns a{display:inline-block;width:148px; height:38px; line-height:38px; text-align:center; font-size:18px;margin:0 2px;}
.btn-redline{border:1px solid #d82228; color:#d82228;}
/*section10*/
.section10 .tag{height:64px;}
.section10 .tag span{margin-right:0;padding:0;height:100%;}
.section10 .tag span a{margin:0 5px;}
.section10 .social span.on{background:url('../images/social-arrow.png')no-repeat center bottom;}
.section10 .social span.on a{border:1px solid #d82228; color:#d82228;}
.social{overflow:hidden;}
.social-wrap{padding:30px 0; background:#f0f0f0; text-align:center;font-size:0;}
.social-wrap a{display:inline-block;width:160px; height:160px;margin:0 9px; position:relative;}
.social-wrap a img{width:100%; height:100%;}
.social-wrap a:after{content:""; display:block; width:21px; height:20px; position:absolute; top:10px; right:10px;}
.social-wrap a.social-I:after{background:url(../images/img_2insta.png)no-repeat;}
.social-wrap a.social-F:after{background:url(../images/img_2facebook.png)no-repeat;}
.social-wrap a.social-U:after{background:url(../images/img_2youtube.png)no-repeat;}
.social-btns{padding:40px 0; text-align:center;}
.social-btns a{display:inline-block; margin:0 30px;}
.space{width:100%; height:20px;}
.section-discount img{width: 100%;}
.discount-items{width: calc(100% + 30px); display: flex; flex-wrap: wrap; margin-left: -15px;}
.discount-items .item{width: 100%; padding: 0px 15px 0px;}
.discount-items .item a{display: flex; width: 100%; align-items: flex-start; border-top: 1px solid #ddd; padding: 15px 0px;}
.discount-items .item:first-child a{border-top: 0px;}
.discount-items .item img{width: 120px; max-width: 40%; margin-right: 20px; }
.section-discount-02 .goods-list{margin: 20px -10px 0px;}
.section-discount-02 img{max-width: 100%;}
.banner-slick-slider .slick-slide img{width: 100%;}
.banner-slick-thumb{margin-top: 10px; display: none;}
.banner-slick-thumb .slick-slide{border: 3px solid #fff; margin: 0px 2px; cursor: pointer;}
.banner-slick-thumb .slick-slide.slick-current{border: 1px solid #d71820;}
.banner-slick-thumb .slick-slide img{width: 100%;}
.banner-slick-pagination{position: absolute; z-index: 1989; left: 50%; transform: translateX(-50%); border-radius: 10px; bottom: 40px; padding: 0px 10px; display: inline-block; background: rgba(0,0,0,.3); color: #e4e4e4; font-size: 12px;}
.banner-slick-pagination .slick-pagination-current{color: #fff;}
/*footer*/
.footer{color: #fff;}
.footer-gnb-wrap{background:#8e121e;}
.footer-gnb{background:#8e121e; margin:0 auto; padding: 0px 15px; font-size:0;position:relative;text-align:center; display: none;}
.footer-gnb > a{display:inline-block; padding:5px 10px; font-size:15px; color:#fff; position:relative;}
.footer-gnb > a:before{content:""; display:block; width:1px; height:10px;background:#ccc; position:absolute; top:12px; left:0;}
.footer-gnb > a:first-child:before{display:none;}
.footer-gnb .red {color: #d82228;}
.btn-family-site{display:inline-block;font-size:16px; color:#fff; position:relative; cursor:pointer}
.btn-family-site:before{content:""; display:block; width:1px; height:10px;background:#ccc; position:absolute; top:12px; left:0;}
.btn-family-site span{display:inline-block;padding:5px 10px;height:100%;font-size: 15px;}
.btn-family-site img{display:inline-block; width:7px; height:12px; vertical-align:middle; transform:rotate(90deg); margin-left:10px;}
.family-list{width:200px;border:1px solid #000;background:#fff;position:absolute;top:0; right:0; padding-bottom:10px;display:none;}
.family-list a{display:block; text-align:center;font-size:15px;color:#000;padding: 5px 0px;}
.family-list a:hover{background:#f7f7f7;}
.family-list .close-family-list{font-size:15px;padding: 5px 0px;}
.family-list .close-family-list:hover{background:#fff;}
.family-list .close-family-list img{display:inline-block; width:7px; height:12px; vertical-align:middle; transform:rotate(270deg); margin-left:10px;}
.fbtns2{display: flex; flex-wrap: nowrap; padding: 10px; background: var(--main-color)}
.fbtns2 a{width: 50%; border: 1px solid #fff; border-right: 0px; color: #fff; font-size: 14px; padding: 4px 10px; position: relative;}
.fbtns2 a:last-child{margin-left: -1px; border-right: 1px solid #fff;}
.fbtns2 a i{position: absolute; right: 10px; top: 7px;}
.fbtns2-drop{display: flex; flex-wrap: nowrap; padding: 0px 10px; margin-top: -10px; position: relative;}
.fbtns2-drop .fd-item{width: calc(50% - 10px); border: 1px solid #fff; background: var(--main-color); display: none; position: absolute; top: 100%; padding: 10px}
.fbtns2-drop .fd-item:last-child{left: calc(50% - 1px);}
.fbtns2-drop .fd-item.on{/* display: block; */}
.fbtns2-drop .fd-item ul{padding: 10px 10px 10px 25px; list-style: disc; color: #fff;}
.fbtns2-drop .fd-item li{}
.fbtns2-drop .fd-item a{display: block; color: #fff;}
.footer .cont-wrap{padding:20px 0 80px 0; overflow:hidden;}
.footer-sevice{font-size:16px; color:#000;}
.footer-sevice-txt{font-size:14px; color:#888;margin:10px 0;}
.footer-sevice-btn{display:inline-block;margin-top:8px;width:168px;height:38px;line-height:38px;border:1px solid #dcdcdc;background:#f7f7f7;font-size:14px;color:#797979;text-align:center;}
.footer-right{display: none;}
.footer-right div{margin-bottom:20px;}
.footer-right div a{color: #fff;}
.footer-right div p{font-size:14px; color:#fff; line-height:24px;}
.footer-right div p span a{font-size:14px; color:#fff; line-height:24px;border-bottom:1px solid #fff;}
.footer-bottom{overflow:hidden;padding:0px 15px 15px;border-bottom:1px solid #ddd;margin-bottom:15px;display:flex;flex-direction: column;}
.payment{padding-top: 20px;}
.payment > img{width: 100px; display: block; float: left;}
.payment > p{font-size:14px; color:#fff; line-height:24px; float: left; width: calc(100% - 115px); margin: 0px 0px 0px 15px;}
.payment a{display: block;}
.footer-caution-wrap{text-align:center; padding: 0px 15px;}
.footer-caution{font-size:14px;line-height:30px;color:#fff;}
.footer-copyright{font-size:14px;line-height:30px;color:#fff;}
/*bnr-quick*/
.quick-wrap{margin:0 auto; position:relative; top:0; z-index:1; display: none;}
.bnr-quick{border:1px solid #e0e0e0; text-align:center; width:90px; position:absolute; right:-130px; top:0; background:#fff;}
.bnr-quick-cont{padding:12px;}
.bnr-quick-cont p{font-size:13px; color:#000; line-height:18px;padding:10px 0;text-transform:capitalize;}
.bnr-quick-cont a{display:block; width:64px;text-transform:capitalize;}
.bnr-quick-cont > a{margin-bottom:10px;}
.bnr-quick-cont a img{display:block; width:64px; height:64px;}
.bnr-quick-cont div{border-top:1px solid #e0e0e0; position:relative; padding-top:18px; margin-top:10px;}
.bnr-quick-cont div a{font-size:13px; color:#555;}
.bnr-quick-cont div img{width:40px; height:36px;margin:0 auto;margin-bottom:8px;}
.count-quick-cart{display:block;position:absolute;top:18px; right:0; font-size:14px;background:#d72228;
color:#fff; width:21px; height:21px; line-height:21px; border-radius:50%; text-align: center;
}
.personal-menu .count-quick-cart {
top: -3px;
right: -12px;
}
.quick-top img{width:100%;}
.quick-wrap-sub {position: absolute; top: 310px; left: 50%; transform: translate(-50%, 0);}
.swiper-button-next, .swiper-button-prev {width: 0;}
/*pop*/
.bg-alpha{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); display:none;}
.pop-wrap{padding:25px; border:1px solid #ccc; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);background:#fff;}
.pop{display:none;}
.pop p{font-size:18px; line-height:30px; color:#000; padding:35px 0;text-align:center;}
.pop-btns{text-align:center;}
.pop-btns a{display:inline-block;width:215px; height:45px; line-height:45px; text-align:center; font-size:18px;}
.btn-gray{color:#888;border:1px solid #888;}
.btn-red{color:#fff; border:1px solid #d82228; background:#d82228;}
.btn-ingray{color:#fff; border:1px solid #888; background:#888;}
.layerpop-contents{/* max-width: 800px; width: calc(100% - 30px); */}
#document{padding-top:0 !important;}
.bx-wrapper img {max-width: none;}
.tab-bottom{position: fixed; bottom: 0; z-index: 1989; width: 100%; display: flex; background: #9a0024; text-align: center; padding: 15px 0px 10px;}
.tab-bottom a{display: block; width: 20%; padding: 0px; color: #fff; position: relative;}
.tab-bottom a:first-child{width: 18%;}
.tab-bottom a:last-child{width: 22%;}
.tab-bottom a .fas{font-size: 20px; color: #fff;}
.tab-bottom a span{display: block; font-size: 12px;}
.tab-bottom a span.tbnum{position: absolute; top: -5px; right: 17px; padding: 0px 5px; font-size: 10px; background: var(--main-color); border: 1px solid #fff; color: #fff; border-radius: 100%;}
/*최근 본 상품*/
.view-list{width:100%; height:100vh; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1989; overflow:hidden; background:#fff;left:100%}
.view-list .vl-wrap{position:relative; width:100%; height:100vh; overflow-y:auto;}
.vl-tit{font-size:20px; color:#000; text-align:center;line-height:50px;border-bottom:1px solid #e0e0e0;}
.vl-top{overflow:hidden; display:table; width:calc(100% - 30px); margin:0 auto; padding:15px 0;}
.vl-top p{display:table-cell; font-size:14px; color:#555555; vertical-align:middle;}
.vl-top p span{color:#d82228;}
.vl-top a{display:table-cell; width:100px; height:30px; line-height:30px; text-align:center;border:1px solid #888; color:#888;font-size:15px; vertical-align:middle;}
.view-list .listT3{border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding-bottom:10px; margin-top: 1px;}
.view-list .listT3 ul{padding: 0px 10px;}
.view-list .listT3 ul li{width: 100%; padding: 10px; border-top:1px solid #e0e0e0; position: relative;}
.view-list .listT3 ul li:first-child{border: none;}
.view-list .listT3 ul li img{width: 115px; height: auto; margin-right: 0px;}
.view-list .listT3 ul li div{position: absolute; top: 50%; transform: translate(0, -50%); left: 140px; width: calc(100% - 140px);}
.view-list .sub-tit{font-size:13px; color:#666; width:100%; white-space:nowrap; word-wrap:break-word; overflow:hidden; text-overflow:ellipsis;}
.view-list .tit{font-size:15px; color:#130002; font-weight:bold; white-space:nowrap; word-wrap:break-word; overflow:hidden; text-overflow:ellipsis;}
.view-list .mPrice{font-size:14px; color:#d82228; font-weight:bold; display:table; float:left;}
.view-list .mPrice span{font-size:14px; font-weight:normal; display:table-cell; vertical-align:middle;}
.view-list .perPrice{display: inline-block; margin-right: 5px;}
.view-list .mPrice-gray{color:#555; text-decoration:line-through; margin: 0px; font-size:14px;}
.view-list .list-tag{clear: both;}
.view-list .list-tag span{display: inline-block; font-size: 12px; padding: 0px 5px; margin-top: 5px; color: #fff; background-color: var(--main-color);}
.view-list .list-tag span + span{margin-left: 5px;}
.view-list .list-tag span.cod{background-color: #753888;}
.vl-cart{display:inline-block; position:absolute; right:0; bottom:10px;}
.vl-close{display:inline-block; position:absolute; top:10px; right:15px; font-size: 20px;}
.vl-nolist{padding: 200px 15px 15px;; border-top:1px solid #e0e0e0; text-align: center; display: none;}
.vl-nolist i{font-size: 50px; color:#ccc;}
.vl-nolist p{font-size:20px; color:#ccc; margin-top:10px; text-align:center;}
/* footer css */
@font-face {
font-family: vni-swiss-condense;
src: url(../fonts/vni-swiss-condense.TTF);
font-display: swap;
}
@font-face {
font-family: icomoon;
src: url(../fonts/icomoon.eot?u3a1c9);
src: url(../fonts/icomoon.eot?u3a1c9#iefix) format("embedded-opentype"),
url(../fonts/icomoon.ttf?u3a1c9) format("truetype"),
url(../fonts/icomoon.woff?u3a1c9) format("woff"),
url(../fonts/icomoon.svg?u3a1c9#icomoon) format("svg");
font-weight: 400;
font-style: normal;
font-display: swap;
}
[class*=" icon-"],
[class^="icon-"] {
font-family: icomoon !important;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-diachi:before {
content: "\e90a";
}
.icon-hotline2:before {
content: "\e913";
}
.icon-email:before {
content: "\e90c";
}
#footer {
width: 100%;
background: #a91929;
line-height: 1.4;
}
#footer img{
max-width: 100%;
}
.footer {
max-width: 1200px;
margin: auto;
display: flex;
flex-flow: row wrap;
}
#footer1 {
width: 100%;
background: #801101;
padding-bottom: 65px;
}
#footer1 .footer p {
color: #fff;
padding: 10px 0;
}
#footer1 .footer p a {
color: #fff;
}
.left_footer {
width: 344px;
padding: 10px 0;
}
.logo_ft {
width: 100%;
padding-bottom: 10px;
}
.icon_ft {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #fff;
}
.icon_ft.icon-diachi:before {
color: #fff;
font-size: 17px;
margin-left: 11px;
margin-top: 10px;
float: left;
}
.icon_ft.icon-hotline2:before {
color: #fff;
font-size: 17px;
margin-left: 11px;
margin-top: 10px;
float: left;
}
.icon_ft.icon-email:before {
color: #fff;
font-size: 17px;
margin-left: 11px;
margin-top: 10px;
float: left;
}
.icon_ad_ft {
background: url(../images/icon_ad_ft.png) no-repeat;
width: 39px;
height: 39px;
float: left;
}
.icon-google:before {
content: "\e911";
}
.icon-facebook:before {
content: "\e90d";
}
.icon-twitter:before {
content: "\e92f";
}
.icon-youtube:before {
content: "\e932";
}
.logo_pc {
margin-top: 2px;
margin-bottom: -8px;
}
.text_add_company {
width: 100%;
}
.text_add_ft {
display: flex;
padding-bottom: 10px;
}
.text_right_ft {
color: #fff;
width: 285px;
margin-left: 10px;
display: table-cell;
vertical-align: middle;
line-height: 18px;
font-size: 13px;
}
.icon_p_ft {
background: url(../images/icon_p_ft.png) no-repeat;
width: 39px;
height: 39px;
}
.text_right_ft p {
font-family: Arial;
}
#email_letter {
width: 395px;
display: flex;
flex-flow: row wrap;
}
#input_email_letter {
padding: 10px 10px 10px 20px;
width: 340px;
outline: 0;
border-radius: inherit !important;
height: 36px;
}
.submit_letter {
background: #a86300;
color: #fff;
padding: 0 10px;
height: 36px;
outline: 0;
font-size: 16px;
cursor: pointer;
}
.right_footer {
width: 825px;
border-left: 1px solid #4f5d6e;
}
.email_letter_social {
display: flex;
flex-flow: row wrap;
width: 100%;
padding: 10px 0 10px 30px;
border-bottom: 1px solid #4f5d6e;
}
.menu_cate_footer {
display: flex;
flex-flow: row wrap;
width: 100%;
}
.social {
width: 354px;
}
.social p {
float: left;
color: #fff;
font-size: 14px;
text-transform: uppercase;
margin-top: 12px;
margin-right: 10px;
}
.footer_mangxh {
float: left;
}
.secoial_icon {
width: 36px;
height: 36px;
line-height: 36px;
color: #fff;
font-size: 18px;
margin-left: 5px;
display: inline-block;
border: 1px solid #fff;
text-align: center;
}
.cate_menu_khachhang {
width: 225px;
padding: 10px 0 0 30px;
}
.title_cate_ft {
float: left;
width: 100%;
margin-bottom: 15px;
}
.title_cate_ft p {
float: left;
width: 100%;
color: #fff;
font-size: 14px;
text-transform: uppercase;
padding-bottom: 10px;
}
.title_cate_ft b {
float: left;
width: 45px;
height: 1px;
background: #4f5d6e;
}
.menu_footer_ul_kh {
width: 100%;
}
.menu_footer_ul_kh li:before {
content: "\f04b";
font-size: 6px;
color: #fff;
float: left;
font-family: FontAwesome;
margin-right: 10px;
margin-top: 3px;
}
.menu_footer_ul_kh li {
width: 100%;
padding: 5px 0;
}
.menu_footer_ul_kh li a {
color: #fff;
}
.cate_menu_product_ft {
width: 370px;
padding: 10px;
}
.cate_menu_account_ft {
width: 225px;
padding: 10px;
}
.menu_footer_ul_sp {
float: left;
width: 100%;
}
.menu_footer_ul_sp li:before {
content: "\f04b";
font-size: 6px;
color: #fff;
float: left;
font-family: FontAwesome;
margin-right: 10px;
margin-top: 3px;
}
.menu_footer_ul_sp li {
float: left;
width: 49%;
padding: 5px 0;
}
.menu_footer_ul_sp li a {
float: left;
color: #fff;
}
.footer-company-info {
color: #fff;
padding: 10px 5px 5px 0;
}
.footer-company-info strong{
font-family: Arial,sans-serif;
font-weight: 700;
}
.footer-company-info > div {
padding-bottom: 3px;
}
.icons-chat {
position: fixed;
z-index: 93;
right: 10px;
bottom: 10px;
width: 60px;
}
.icons-chat .icon-chat {
border-radius: 100%;
text-align: center;
display: block;
position: relative;
transition: all 0.3s ease-out;
}
@media screen and (max-width: 1024px){
.footer {
width: 100%;
}
#footer {
padding: 0 10px;
}
.left_footer {
width: 32%;
}
.right_footer {
width: 68%;
}
.email_letter_social {
padding: 10px 0 10px 15px;
}
#email_letter {
width: 47%;
}
#input_email_letter {
width: 85%;
}
.social {
width: 50%;
}
.social p {
font-size: 12px;
}
.cate_menu_khachhang {
width: 25%;
padding: 10px 0 0 10px;
}
.cate_menu_product_ft {
width: 50%;
}
.cate_menu_account_ft {
width: 25%;
}
}
@media (max-width: 991px){
.top .srch-wrap{order: 1;}
.text_right_ft{
padding-left: 10px;
}
#dcma_url_mobile {
display: block !important;
}
#email_letter {
width: 55%;
}
.social {
width: 40%;
}
.social p {
margin: 0;
margin-bottom: 7px;
}
#footer1 .footer p {
text-align: center;
float: none;
}
}
@media screen and (max-width: 767px) {
footer{
font-size: 16px;
line-height: 1.4;
}
.text_right_ft{
font-size: 16px;
}
}
@media screen and (max-width: 500px) {
.footer {
width: auto !important;
padding: 0 5px;
}
.left_footer {
width: 100% !important;
}
.menu_cate_footer {
display: none;
}
.right_footer {
width: 100% !important;
border: none;
}
.social {
display: none;
}
.logo_ft {
text-align: center;
}
.logo_ft a {
display: inline-block;
text-align: center;
}
#footer1 .footer p {
text-align: center;
line-height: 20px;
}
.email_letter_social {
padding: 0 !important;
text-align: center;
}
#email_letter {
width: 100% !important;
margin-bottom: 15px;
text-align: center;
float: none !important;
display: inline-block;
}
#input_email_letter {
width: 77% !important;
}
.submit_letter {
width: 20% !important;
}
.logo_ft {
text-align: center;
}
.logo_ft a {
display: inline-block;
text-align: center;
}
#footer1 .footer p {
text-align: center;
line-height: 20px;
}
}
@media (min-width: 576px){
#main-menu .container{max-width: 540px;}
.mslide-wrap .mslide, .mslide-wrap .mslide div{width: 770px; height: 208.5px;}
.kv-bnr-wrap{margin-bottom: 20px; flex-direction: row;}
.tit-bgcolor{font-size: 18px;}
.discount-items .item{width: 50%;}
.discount-items .item:nth-child(9){display: none;}
.discount-items .item a{border-top: 0px;}
}
@media screen and (min-width: 501px) and (max-width: 700px) {
.footer{
width: 100% !important;
padding: 0 5px;
}
.menu_cate_footer {
display: none;
}
.left_footer,
.right_footer,
.social {
width: 100%;
}
.right_footer {
border: none;
}
.logo_ft {
text-align: center;
}
.email_letter_social {
border: none;
}
#email_letter {
width: 100%;
margin-bottom: 10px;
text-align: center;
}
#input_email_letter {
float: none;
display: inline-block;
}
.submit_letter {
float: none;
display: inline-block;
text-align: center;
}
.social {
text-align: center;
width: 100%;
display: inline-block;
float: none;
}
.footer_mangxh,
.social p {
text-align: center;
float: none;
display: inline-block;
vertical-align: middle;
margin-top: 0;
}
}
@media screen and (min-width: 701px) and (max-width: 900px) {
.menu_cate_footer {
display: none;
}
.left_footer,
.right_footer,
.social {
width: 100%;
}
.right_footer {
border: none;
}
.logo_ft {
text-align: center;
}
#email_letter {
width: 100%;
margin-bottom: 10px;
text-align: center;
}
#input_email_letter {
float: none;
display: inline-block;
}
.submit_letter {
float: none;
display: inline-block;
text-align: center;
}
.social {
text-align: center;
width: 100%;
display: inline-block;
float: none;
}
.footer_mangxh,
.social p {
text-align: center;
float: none;
display: inline-block;
vertical-align: middle;
margin-top: 0;
}
.left_footer,
.right_footer,
.social {
width: 100%;
}
.right_footer {
border: none;
}
.logo_ft {
text-align: center;
}
}
@media (min-width: 768px){
.ic-logo-laza{font-size: 78px;}
.top .srch-wrap input{line-height: 46px; width: calc(100% - 46px);}
.top .srch-wrap button{line-height: 46px; width: 46px;}
#main-menu .container{max-width: 720px;}
.mslide-wrap .mslide, .mslide-wrap .mslide div{width: 990px; height: 268px;}
.mslide-wrap .box-wrap{display: block; width:768px;}
.kv-bnr-wrap{margin-bottom: 30px;}
.tit-bgcolor{font-size: 20px;}
.listT1 .products .item{width: 25%;padding:10px}
/* .listT1 .products .item:nth-child(2n+1){margin-left: 40px;} */
.listT1 .products .item:nth-child(4n+1){margin-left: 0px;}
.evslide-wrap{margin-left: 49px; overflow: unset; padding-bottom: 0px;}
.evslide-wrap .bx-wrapper{width: 594px;}
.evslide-wrap .evslide > div{margin-right: 65px;}
.evslide-wrap .evslide > div .evbox{padding:8px 0; width: 594px; background: url(../images/section03-bg.png) no-repeat;}
.evslide-wrap .evslide > div .evbox img{float: left; margin: 0 10px;}
.evslide-wrap .evslide > div .evbox .ev-right{float: left; width: 247px; text-align: left;}
.evslide-wrap .bx-wrapper .bx-controls-direction{display: block;}
.evslide-wrap .bx-wrapper .bx-pager{margin-left:-49px; left: 50%;}
.evslide-wrap .evslide > div .evbox .ev-right .listT1-info{height: 120px;}
.banner-slick-thumb{display: block;}
.banner-slick-pagination{display: none;}
.footer .cont-wrap{padding: 40px 0 100px 0;}
.footer-gnb > a, .btn-family-site span{padding:10px 13px; font-size:15px;}
.footer-gnb > a:before, .btn-family-site:before{height:15px;top:15px;}
.footer-right{display: flex; flex-direction: row; padding: 0px 15px 15px;}
.footer-right div{padding-left: 20px; width: 50%;}
.footer-right div:first-child{padding-left: 0px;}
.footer-bottom{flex-direction: row; border-top: 1px solid #edebeb; padding: 25px 15px 35px; margin-bottom: 0px; border-bottom: none;}
.payment{padding: 0px; width: 30%;}
.payment img{display:block; margin-bottom:12px; float: none; width: auto;}
.payment p{font-size:14px; color:#fff; line-height:24px; float: none; width: 100%; margin: 10px 0px;}
.pym1{margin-left:0px; width: 40%;}
.pym2{margin-left:25px;}
.pym4{margin-left:25px;}
.section03{padding-bottom:50px;}
.line-bnr{margin:40px auto 0px;}
.space{height: 80px;}
/* .listT1-info{padding: 20px 0px 40px;} */
.footer-gnb{display: block;}
.fbtns2, .fbtns2-drop{display: none;}
.tab-bottom{display: none;}
.con_list li {width: 16.67%}
#footer1{
padding-bottom: 0px;
}
.logo_ft.logo_ft {
display: block;
}
}
@media (min-width: 992px){
.header{background-color: var(--background-color);}
.lnb{display: block;}
.top{padding: 25px 15px;}
.icon-logo-mobile, .icon-cart-mobile{display:none;}
.top .top-logo{text-align: left; width: 27%;}
.top .personal-menu{display: block; width: 27%; text-align: right;}
.ic-logo-laza{color: var(--main-color);}
.top .srch-wrap{width: 45%; border:2px solid var(--main-color)}
.top .srch-wrap button{color: #666;}
#main-menu{display: block;}
#main-menu .container{max-width: 960px;}
#main-menu .navbar-toggler{display: none;}
#main-menu .navbar-collapse{border-top: none;}
#main-menu .navbar-nav{flex-direction: row;}
#main-menu .nav-item.active, #main-menu .nav-item:hover a.nav-link{background: rgba(255, 255, 255, .2);}
#main-menu .dropdown-menu{position: absolute;}
#main-menu .dropdown-menu .dropdown-item>li:hover .dropdown-list{visibility: visible; opacity: 1;}
.mslide-wrap .mslide, .mslide-wrap .mslide div{width: 1200px; height: 325px;}
.mslide-wrap .direct-wrap, .mslide-wrap .box-wrap{width:990px;}
.kv-bnr-wrap{margin-bottom: 50px;}
.tit-bgcolor{font-size: 22px;}
.tag span{padding-top: 20px; margin-right: 15px;}
.tag span a{padding: 0px 20px;}
.beige-tag span.on{
position: relative;
}
.beige-tag span.on:after,
.beige-tag span.on:before {
top: 0;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.beige-tag span.on:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: var(--main-color);
border-width: 15px;
margin-left: -15px;
}
.footer-gnb > a, .btn-family-site span{padding:10px 25px; font-size:16px;}
.footer-gnb > a:before, .btn-family-site:before{height:15px;top:15px;}
.footer-bottom{padding: 15px 0 25px 0}
.pym1{width:350px;margin-left:45px;}
.pym2{width:240px;margin-left:95px;}
.pym4{width:275px;margin-left:95px;}
.menu-sort-best{flex-wrap: wrap;}
.discount-items .item{width: 33.33333%;}
.discount-items .item:nth-child(9){display: block;}
#main-menu .nav-link{padding: 10px 9px;}
.con_list li {width: 12%}
}
@media (min-width: 1200px){
.lnb, .top, .cont-wrap, .line-bnr, .footer-gnb{width: 1170px;}
.circle-list{width: 1170px;}
#main-menu .container{max-width: 1170px;}
#main-menu .nav-link{padding: 16px 20px;}
.kv-bnr-wrap{min-width: 1170px;}
.evslide-wrap{width: 1051px;}
.mslide-wrap .mslide, .mslide-wrap .mslide div{width: 1900px; height: 520px;}
.mslide-wrap .direct-wrap, .mslide-wrap .box-wrap{width: 1170px;}
.kv-bnr-wrap{margin-bottom: 80px;}
.tit-bgcolor{font-size: 24px;}
.tag {padding-bottom: 30px;}
.tag span a{font-size: 16px;}
.footer-gnb > a, .btn-family-site span{padding:10px 35px;}
.footer-right{padding: 0px;}
.footer-bottom{padding: 25px 0 35px 0;}
.wrap-promotiongoods-list{margin: 55px auto 0 auto; padding: 0px 0px 70px;}
}
@media (min-width: 1350px){
.quick-wrap{display: block; width: 1200px;}
}
/**
* Swiper 11.0.0
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: October 24, 2023
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/**
* Product Slider Component Styles
* Recommendation product carousel - Sử dụng cấu trúc có sẵn của project
*/
/* Wrapper cho slider */
.product-slider-wrapper {
position: relative;
margin: 0 0 20px 0;
}
.box-recomment-products {
max-width: 1200px;
margin: auto;
}
/* Swiper container */
.product-slider {
position: relative;
overflow: hidden;
padding: 0 50px;
margin: 0 -10px;
}
/* Swiper wrapper */
.product-slider .swiper-wrapper {
display: flex;
}
/* Swiper slide - chứa box_product_v2 */
.product-slider .swiper-slide {
height: auto;
display: flex;
}
/* Đảm bảo box_product_v2 fill toàn bộ slide */
.product-slider .swiper-slide .box_product_v2 {
width: 100%;
margin-top: 0;
margin-left: 0;
}
/* Navigation buttons */
.product-slider .swiper-button-prev,
.product-slider .swiper-button-next {
width: 40px;
height: 40px;
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 50%;
color: #333;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
z-index: 10;
}
.product-slider .swiper-button-prev {
left: 0;
}
.product-slider .swiper-button-next {
right: 0;
}
.product-slider .swiper-button-prev:after,
.product-slider .swiper-button-next:after {
font-size: 16px;
font-weight: 700;
}
.product-slider .swiper-button-prev:hover,
.product-slider .swiper-button-next:hover {
background-color: #007bff;
color: #fff;
border-color: #007bff;
}
.product-slider .swiper-button-prev.swiper-button-disabled,
.product-slider .swiper-button-next.swiper-button-disabled {
opacity: 0.3;
cursor: not-allowed;
}
/* Pagination */
.product-slider .swiper-pagination {
position: relative;
margin-top: 20px;
bottom: auto;
}
.product-slider .swiper-pagination-bullet {
width: 8px;
height: 8px;
background-color: #ccc;
opacity: 1;
}
.product-slider .swiper-pagination-bullet-active {
background-color: #007bff;
}
/* Responsive adjustments */
@media (max-width: 767px) {
.product-slider {
padding: 0 35px;
}
.product-slider .swiper-button-prev,
.product-slider .swiper-button-next {
width: 30px;
height: 30px;
}
.product-slider .swiper-button-prev:after,
.product-slider .swiper-button-next:after {
font-size: 14px;
}
}
@media (max-width: 575px) {
.product-slider {
padding: 0 10px;
}
.product-slider .swiper-button-prev,
.product-slider .swiper-button-next {
display: none;
}
.product-slider .swiper-slide .box_product_v2 {
margin: 0 5px;
width: 100% !important;
}
}