@import "_font.css"; .disavailable { display: none; } .mabot2em { margin-bottom: 2.5em } .bgsite { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -9; } .bgsite:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: -8; } #header { width: 100%; padding-top: 0; position: relative; z-index: 999; font-family: 'Calibri'; background: white; color: #1e1e1e; } header .headertitle { background: #285c2c; font-size: 14px; padding: 10px 0; } header .headertitle a { color: white; } header .headertitle .phonenx { } header .headertitle .phonenx a { padding-left: 1.25em; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAQAAABDNIUpAAAAt0lEQVQoU2XOoUpDcRQH4BMGkwsDFwSNti0YVhZsgm9gFG7UtiS+gmAQFvYCahBu2DsMDAuLYhPDYMWNvYB8Bu+497/7O+33wTknZHIzXy5FfcKj/0y1U/gpYWOYwtIudykUZb13JdyAsf7+8b4VrtNahLYC0yaE3K+NsyZ0feChCWGElYEQTh1VcGiOmWNXvr072UG4sMXCGjw7qLbeq+e2gpZJDd7qn3S8lPWn8+RFmSdrr3riD3TTD/QGy5uZAAAAAElFTkSuQmCC) left center no-repeat; } header .headertitle .phonenx span { } header .headertitle .menunx { text-align: right; } header .headertitle .menunx li:nth-last-child(1) { padding-left: 0; margin-left: 0.5em; } header .headertitle .menunx li:nth-last-child(2) { padding-left: 0; } header .headertitle .menunx li:nth-last-child(1) a { } header .headertitle .menunx li:nth-last-child(2) a { } header .headertitle .menunx li:nth-last-child(1):before { content: none } header .headertitle .menunx li:nth-last-child(2):before { content: none } header .headertitle .menunx li { display: inline-block; position: relative; margin-left: 1em; padding-left: 0.75em; } header .headertitle .menunx li:before { content: ''; position: absolute; top: 42%; left: 0; width: 3px; height: 3px; border-radius: 50%; background: white; } header .headertitle .menunx li a { } @media screen and (max-width:1024px) { header .headertitle .phonenx, header .headertitle .menunx { flex: 2 100%; width: 100%; text-align: center; max-width: none; } header .headertitle .row { } } header .bannersite { /* padding: 10px 0; */ padding-top: 1em; } header .bannersite .logosite { } header .bannersite .logosite a { } header .bannersite .logosite a img { } header .bannersite .searchblock { padding: 0 50px; } header .bannersite .searchblock form { width: 100%; border: 1px solid #e1e1e1; display: inline-block; outline: none; } header .bannersite .searchblock form input { width: calc(100% - 60px); float: left; height: 45px; padding: 1em; font-size: 1.25em; border: none; outline: none; } header .bannersite .searchblock form button { float: right; height: 45px; width: 60px; background: #285c2c; border: 1px solid #285c2c; cursor: pointer; } header .bannersite .searchblock form button:hover { } header .bannersite .cartblock { text-align: right; } header .bannersite .cartblock .cartinfo { display: inline-block; border: 1px solid #e1e1e1; } header .bannersite .cartblock .cartinfo .inforcart { height: 45px; float: left; padding: 10px; color: #7e7a7a; font-size: 1.1em; display: flex; align-items: center; justify-content: center; text-transform: uppercase; } header .bannersite .cartblock .cartinfo .inforcart span { } header .bannersite .cartblock .cartinfo .btncart { width: 60px; height: 45px; background: #285c2c; display: flex; align-items: center; justify-content: center; } header .bannersite .cartblock .cartinfo .btncart:hover { } header .bannersite .cartblock .cartinfo .btncart a { } header .bannersite .social-top { display: inline-block; } header .bannersite .social-top ul { } header .bannersite .social-top ul li { } header .bannersite .social-top ul li a { } header .bannersite .social-top ul li a img { } @media screen and (max-width:1024px) { header .bannersite .social-top { display: none } } #header .headermenu {/* border-top: 1px solid #EFEFEF; */border-bottom: 1px solid #e21919; } .headermenu.menufixed { position: fixed; top: 0; left: 0; width: 100%; background: white } #header >.container { display: flex; align-items: center; padding: 10px 0; } #header .blocklogo { } #header .blocklogo a { } #header .blocklogo a img { } #header .blockmenuinfo { width: 82%; float: right; } #header .blockmenuinfo .headerinfo { text-align: right; color: #333; padding: 0.5em 0; } #header .blockmenuinfo .headerinfo ul { display: inline-block; } #header .blockmenuinfo .headerinfo ul li { float: left; padding: 0 10px; } #header .blockmenuinfo .headerinfo ul li:nth-child(1) { padding-left: 30px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0Q2MzNFOTg4NUEyMTFFODg3QzhEMTBCM0FFMjBBQjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0Q2MzNFOTk4NUEyMTFFODg3QzhEMTBCM0FFMjBBQjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRDYzM0U5Njg1QTIxMUU4ODdDOEQxMEIzQUUyMEFCNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRDYzM0U5Nzg1QTIxMUU4ODdDOEQxMEIzQUUyMEFCNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm1g7Q0AAAE1SURBVHjafJI7S0NBEEY3NxFNJKYQDaQyWllbCf4By3QW4gt7K0uJEkux8VHEV2tpF63sJYWp0qaxCUZEUYkm6hmYleHCunD4hp359u7O3MTjeWbJOVeBF/f/SsIdrI+uvvVSBMewCDU2uiFX52K4gNRhGc7E2MJwRSIPKwFfg5pr8rfEedkQ4w8baTQLgwFjRnUI3r1RVkIOgK+Asa8aKX9Gp8Z+wPitOuZrUsYU6VX8GocBjZ9Ut6Edv6qc9GGMl2ZEHVXpwx49qXpjD3IwY4wndPLZjGMe2YcJOPLGEYru0YXADDfkRtQUiR+IbyLzxtDgZeBZTIfEJeId4rUo9vi4SQonKdzVn2OOuOqbMwWzJOrWRMEnUoZpcl1t4KbPi3ELTn2bzddqSFOf8cpBBzb/K8AAZpFmH1jqBD8AAAAASUVORK5CYII=') left 10px center no-repeat; } #header .blockmenuinfo .headerinfo ul li:nth-child(2) { } #header .blockmenuinfo .headerinfo ul li:nth-child(3) { padding-left: 30px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEFCQ0JENDQ4NUEyMTFFOEFBNjVGQzBENTcyM0I5NkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEFCQ0JENDU4NUEyMTFFOEFBNjVGQzBENTcyM0I5NkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QUJDQkQ0Mjg1QTIxMUU4QUE2NUZDMEQ1NzIzQjk2RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QUJDQkQ0Mzg1QTIxMUU4QUE2NUZDMEQ1NzIzQjk2RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PucYMZIAAAEPSURBVHjaYnwzj0uegYHBGYg5gZiNAT/4D8SfgHivcOLXh4xAzd+BHA4G0sAPILZhQtIIMtEYaCIjkOYDYgEYBolBxRdC1YL0eLMAid9AbA3E84H47Nv53D5AhVuRrQGKCQGpg0CsA8RtQFwKxDwgm1mBik8DMUhiJRBvASpegKQxG0QBsSwQywPVVYP0gMII5Of/UMFHUMXpQGoGEJ8A4odAHA5yFVA+CSoPMgSkdiIT1II/MJuAimYCKW0gtoBq9INphIK/MAYTtqAEKr4GpPiBWArI3owryFmg9BcsBnyCxgA6gKllhmkWAfrlM5FxLAKl2WGa7zKQDuazQOMuBGQSkZp+AvEaoLeuAgQYAHqLUI0Bj54kAAAAAElFTkSuQmCC') left 10px center no-repeat; } #header .blockmenuinfo .headerinfo ul li:nth-child(4) { } #header .blockmenuinfo .headerinfo ul li:nth-child(5) { padding-left: 30px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzBENkQ4NzA4NUEyMTFFOEFEMEY4MDlBQjUyQ0UyMzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzBENkQ4NzE4NUEyMTFFOEFEMEY4MDlBQjUyQ0UyMzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMEQ2RDg2RTg1QTIxMUU4QUQwRjgwOUFCNTJDRTIzMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMEQ2RDg2Rjg1QTIxMUU4QUQwRjgwOUFCNTJDRTIzMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnWgsNcAAAFXSURBVHjadJJNKERRFMfffT7SMCw0JcmCKQopOzvLsZzdrEgsRNmbkg0lLE2sKFZjIbFhwUbZ2JGFzJSPbHxMmShl8fyOztPtuXPr1/+ee885955zrwmCwIuOt636XuRKzRtYbB773LF9fHUchTlr/R1WJQBqYZv9S2gNHczrZmwSXVf7iMzD1skJ7Bd0EPMcvqGFtZJvBclI4TShQRvIM3qPPkIMauAivGopUuKH6jyMQ1wDq6EPOkg2I1fNYUyp8yzXWHI06wlpYK+J+TXzLjlxxfKJe+4xAo0E9aMLUOWT5c6qM8tmJhqFzwmyC19i/nZV3hFnw/wWOsMm4XzsOhrfHiRpwg/AQrs+dp36ZAjO694A0oZ98PeO9s/RGs6sWpfhAdbUPoU0Ccom+uUITiKH0F2hUfsEpn1HIwqI1JGrEFj8d1VHI6S2aRjS6++RWL6o9yPAAO7Zf8/fvtRwAAAAAElFTkSuQmCC') left 10px center no-repeat; } #header .blockmenuinfo .headerinfo ul li:nth-child(6) { } #header .blockmenuinfo .headerinfo ul li a { color: #ec9e0a; font-size: 1.075em; } #header .blockmenuinfo .headerinfo ul li span { color: #333; } #header .blockmenuinfo .headermenu { /*margin-top: 1em;*/ } #header .blockmenuinfo .headermenu nav { font-size: 15px; } #header .blockmenuinfo .headermenu nav ul { } #header .blockmenuinfo .headermenu nav ul li { } #header .blockmenuinfo .headermenu nav ul li a { } #header .titleheader .row span, #header .titleheader .row a { font-size: 14px; padding-left: 0.35em; color: white; } #header .blockmenusite { background: #1f93de; } .blockmenusite.menufixed { position: fixed; top: 0; left: 0; width: 100%; background: white; background-color: #fff; -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .22); -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .22); box-shadow: 0 5px 5px rgba(0, 0, 0, .22); margin-top: 0; z-index: 9999999 } @media (max-width:1024px) { .blockmenusite { display: none; } } #header .hotline { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABXklEQVQ4T42TMUuVYRiGrwskSgeRDBTEUJuEwKFSHBONxlTEoUUI/E+1hFBQmZAOurk0nMHBQRxMdBBUQgoLJGp44jm8B44ane8b34frvu/nvd9PgIh4CPQCNfVrnlX5LOB9YBd4BCyrx1XhBWBDPYmIFHkCLFVJkM5z6vuGU0SMACPq61buCc+qy03wFHBTXa0CzwOr6kVEPAb6gbfq7yrwM+BI3YqI3PeGutYKzHnGHgAm1ZeltkVgU91rJWABZoALdT0iBoFM80r98T+BBnwLeFEcdyJiDBgF3qhnxaALuKtuNwTrcBn2AM+Bj+phRDwAxlMQSIGnwB/gl/qhvnNzrBJ5GlhRDyKiD5gA7gCf1C9ZLdAGvLsElwRDZefPaq2cdTfiN93Rz2twGd4G5oBzYF39fiXhvUz0T7gI5GwSyCoT3ge+AdnGcP1/aNVlRHTkWwc6gfa8MGBLPf0L4ziX13KQYdIAAAAASUVORK5CYII=') left center no-repeat; } #header .address { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAPCAYAAAAyPTUwAAABWElEQVQoU22Sz0tWURRF11ICxSY1CESEHEZY1MRCaBCIRlqEjRr4xxkESZMsqIRwkhKGNDCFRiUFDYIokKIftOV83CffwDd4PM5d57x99r7SniRjwBQwCPwChoF/wGv1S2HWK8kkcAXYBt6qSTIAXAIuA5vqblVHgQXgofojyRBwFvig/k5yCrgLPCn4VjvYSXKuTfoJjABv1PdJLgLjBd9WHyc5DcwDz9SvSc4Ac8Cq+r3HJZlTnycpzQPqZt/S08BfdavHJZlXn7YlR9W1PngW+FzLJblZ8B1gA/gGLNYhsAecB8rOR0BJmiq47BlXV5OcBK4Df4ATwLp6UHqBjwWX1/eAV+p+8720/2/fE8BV9UEXShWuAcsVSJ/mCmap/WG/B7cJM82NF321GyVJfXkUd4OrsaZsq+9aEBfU+13z0eTW0AXzqZbuAjkWbg1lV92Fle62dfAhUsmqwBUaqK0AAAAASUVORK5CYII=') left center no-repeat; } .headersite .blocksearch form { position: relative; } .headersite .blocksearch input { float: left; width: 225px; height: 35px; border-radius: 7px; border: 1px solid #d0d0d0; padding: 5px 10px; padding-right: 30px; outline: none; } .headersite .blocksearch button { width: 35px; height: 35px; background: none; border: none; float: right; padding: 0; position: absolute; top: 0; right: 0; cursor: pointer; } #header .bannersite { } #header .banner { } #header .banner .banhot { display: flex; align-items: center; } #header .banner .banhot .ban { width: 60%; float: left; } #header .banner .banhot .hotbar { width: 40%; float: right; text-align: right; } #header .banner .banhot .hotbar a { color: #fde303; /* text color */ font-family: "Calibri"; font-size: 1.35em; font-weight: bold; padding-left: 1em; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAARCAQAAACs9u4XAAAAwUlEQVQoz23OMUoDYRAF4B+sLSwEDyBewxMI2hhtxEZscgTvYCkiWNqIIIiNIqKCnXWICp9dGjEIpkrxLLIsyW6Y7n28mSkptr26dOcoZXqKAxEPfrw3aSjiVs9zk8Yi7v35atK3iL4zh036EGNbs/GEnsSoDSnFqYjOPNoTMZhHSyKi26IUFyJGFtq0XPWOJ5HVmlLsVLhu0Ro+rVSU4qTCoTddPbFZb3ZdYfTtezR91nmNcWNj5icdL34NXNlN+QdrRR1XUMw01wAAAABJRU5ErkJggg==) left center no-repeat; } #header .sloganbar { color: white; background: #009f16; font-size: 14px; padding: 8px 0; } #header .sloganbar .col { float: left; } #header .sloganbar .col a { } #header .sloganbar .col span { padding-left: 1.0em; } #header .sloganbar .col marquee { } #header .sloganbar .col:nth-child(1) { , flex: 40%; flex: 1 35%; } #header .sloganbar .col:nth-child(2) { flex: 1 25%; } #header .sloganbar .col:nth-child(3) { flex: 1 15%; } #header .sloganbar .col:nth-child(4) { flex: 1 15%; text-align: right; } #header .sloganbar .col:nth-child(3) span { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAQAAABaOFzUAAAAtUlEQVQoFQXBgYDEMAAAwTUIwiEEIQiHUIRDKEoRHqEIRShCEOZnkiRJAo+fIUnJcvpKkuXrsr2mpByAKUmSj9s2pWzAKVnYLkNur6EA3JJhOWyPYdhOBeCWJBlel5xe5QbblCxccmCY+OQElyTDgWlgCSsfwEeSLEOWIctIbvBIkiRJUjIBlyRJkqQkJ+AxTH/+HIYkJckF2DZgW5KSJBcAgFNSkiRfLwD4SUqSJDncgFOS/gFISHXGVFoIPQAAAABJRU5ErkJggg==) left center no-repeat; padding-left: 1.5em; } #header .sloganbar .col:nth-child(2) span { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAQAAACIaFaMAAAArklEQVQoFQXBoS4EAACA4R87Jtt0m2BjExSVimKSzTNQvIHqAeiq4hkIoh1BOO0E2yUC5j7fl2TZpZGJD7e2JSWbxgD4cyZlyRgAMHWoXIAvZ9bseQavZjIE55Ks+gXr+QQbkmQIDvIO9iWZNwG7uQMvVmTBNZhazjHg25MJ4F6ZMwIAcKTkFADwZqBk1gMApnakJFt+ANxISpITwKNFSUmSK7xbkaQkycCdLUnSP7h8Jrb/8vaxAAAAAElFTkSuQmCC) left center no-repeat; } #header .sloganbar .col:nth-child(5) { } .topsite--gomsu { margin-bottom: 4em; } .topsite--gomsu .sliderbelow { display: inline-block; width: 100%; min-width: 250px; position: relative; } .topsite--gomsu .sliderbelow .blockslider { } .topsite--gomsu .sliderbelow .blockslider .simplebullets, .topsite--gomsu .sliderbelow .blockslider .tparrows { display: none } .topsite--gomsu .sliderbelow .blockslider .rv_slider { } .topsite--gomsu .sliderbelow .blockslider .rv_slider ul { } .topsite--gomsu .sliderbelow .blockslider .rv_slider ul li { } .topsite--gomsu .sliderbelow .blockslider .rv_slider ul li img { } .topsite--gomsu .blockapp { position: relative; } .topsite--gomsu .divpable { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: flex; padding: 0px 20px; } .topsite--gomsu .blockapp .masctone { display: flex; align-items: center; } .topsite--gomsu .blockapp .masctone .cols { } .topsite--gomsu .blockapp .masctone .cols:nth-child(1) { flex: 1 50%; } .topsite--gomsu .blockapp .masctone .cols:nth-child(2) { flex: 1 50%; padding-left: 2em; margin-left: 1em; } .topsite--gomsu .blockapp .masctone .filterbar { } .topsite--gomsu .blockapp .masctone .filterbar .blockrows { margin-bottom: 0.5em; } .topsite--gomsu .blockapp .masctone .filterbar .blockrows .title { font-size: 1.5em; color: white; margin: 0 0 0.5em 0; } .topsite--gomsu .blockapp .masctone .filterbar .blockrows .content { } .topsite--gomsu .blockapp .masctone .filterbar .blockrows .choosenow { } .topsite--gomsu .blockapp .masctone .filterbar .blockrows .choosenow li { display: inline-block; margin: 0.3em; } .topsite--gomsu .blockapp .masctone .filterbar .blockrows .choosenow li a { display: inline-block; } .topsite--gomsu .blockapp .masctone .information { } .topsite--gomsu .blockapp .masctone .information .sliderInfosli { line-height: 1.5em; background-color: #fff; -moz-box-shadow: 0 0 18px rgba(255, 255, 255, .75); -webkit-box-shadow: 0 0 18px rgba(255, 255, 255, .75); box-shadow: 0 0 18px rgba(255, 255, 255, .75); padding: 15px; } .topsite--gomsu .blockapp .masctone .information .sliderInfosli .title { font-size: 2em; color: #285c2c; margin-bottom: 0.5em; } .topsite--gomsu .blockapp .masctone .information .sliderInfosli .content { font-size: 1em; } .topsite--gomsu .blockapp .chooseColor { } .topsite--gomsu .blockapp .chooseColor ul { } .topsite--gomsu .blockapp .chooseColor ul li { } .topsite--gomsu .blockapp .chooseShape ul li a { border: 2px solid white; text-align: center; background: white; } .topsite--gomsu .blockapp .chooseShape ul li a img { width: 100%; } .topsite--gomsu .blockapp .chooseColor ul li span { height: 38px; width: 38px; display: inline-flex; border: 2px solid white; } .topsite--gomsu .blockapp .chooseselect a.selected { border-color: red !important } .topsite--gomsu .blockapp .chooseselect a.selected span { border-color: red !important } .topsite--gomsu .findbar { position: absolute; left: 0; width: 100%; top: calc(100% - 7px); z-index: 999999; } .topsite--gomsu .findbar button { width: 100%; padding: 0.75em 0; font-size: 1em; background-color: #275b2b; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhODg0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM5YjU0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom, #3a8840 0%, #39b549 100%); background-image: -o-linear-gradient(bottom, #3a8840 0%, #39b549 100%); background-image: -webkit-linear-gradient(bottom, #3a8840 0%, #39b549 100%); background-image: linear-gradient(bottom, #3a8840 0%, #39b549 100%); border: none; color: white; cursor: pointer; outline: none; } .topsite--gomsu .findbar button span { font-size: 1.1em; padding: 0.25em 0; padding-right: 2em; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAABFUlEQVQoz4XRzSqEYRQH8Id87NlQEspKygYLWUwSs5ktiSR3IMUdWNkoC2VyCywURUqJjQ0WbgHjY8yEEj+LeV8zrxHPWTyn02/x75wgRNVhwbYTRzZk1H3PgyCUvhrLHlS+M4M/Wa0seLVvXdYFKBhLsiWwqyca1puWQ05nmbV7xp76RJohRWyV2SKKupORBSvIa4nZDvaqUNDrHemYnWLtF9bkDvMxO8bmL6xVHjMx28SV2iqWBgMxy4CpKnaIa40xa3COnOEEWsWH2cr19ivixYo+zdpkHIA3I8mbjrmJbnkrH3WfeJSqZEGXrPvvw1+aM+oJTyWYXMG4edMGouCpMgz+qhIsSP/NgpQCJv5jwbhJ4QuWA9cVICmUhgAAAABJRU5ErkJggg==) center right no-repeat; } @media screen and (max-width:1024px) { .topsite--gomsu .divpable { position: relative; padding-top: 1em; background: #285c2c; } } .viewbar { margin: 1em 0; text-align: center; } .viewbar a { padding: 0.5em 1em; display: inline-block; border: 1px solid #2d6e32; color: #2d6e32; text-transform: uppercase; font-weight: 600; transition: all 0.5s; } .viewbar a:hover { color: white; background: #2d6e32 } .advindex { } .advindex ul { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; } .advindex ul li { position: relative; } .advindex ul li:nth-child(3n + 1) { grid-column: 1 /span 2; } .advindex .name { position: absolute; top: 5%; left: 0; max-width: 100%; padding: 10px; background: #2d6e32; max-height: 90%; } .advindex .name h3 { margin: 0; font-size: 1.5em; } .advindex .name h3 a { color: white; } .advindex .name img { } .specialnews { margin: 2em 0; } .specialnews .owlnews3 { } .specialnews .owlnews3 .items { text-align: center; } .specialnews .owlnews3 .items img { } .specialnews .owlnews3 .items .name { margin-top: 1em; padding: 5px; } .specialnews .owlnews3 .items .name h3 { font-size: 1.5em; line-height: 1.5em; margin: 0; } .specialnews .owlnews3 .items .name h3 a { color: #285c2c; font-weight: bold; text-transform: uppercase; } .specialnews .owlnews3 .items .name h4 { border-top: 1px solid #d9d9d9; padding-top: 15px; margin-top: 15px; font-size: 1.15em; color: #4b4747; line-height: 1.5em; } .contentleft { } .contentleft .leftmenu { border: 1px dashed #fff; border-radius: 7px; } .contentleft .leftmenu .bods { padding: 30px 10px; text-align: center; padding-bottom: 0; } .contentleft .leftmenu .mtitle { color: #fff; font-family: 'UTM Edwardian'; font-size: 60px; text-align: center; margin-bottom: 0.5em; } .contentleft .leftmenu .content { } .contentleft .leftmenu .content ul { } .contentleft .leftmenu .content ul li { padding: 1.15em 0; border-bottom: 1px dashed #fff; position: relative; } .contentleft .leftmenu .content ul li ul { position: absolute; top: 0; left: 100%; background: #cb1704; width: 100%; border-radius: 10px; display: none; } .contentleft .leftmenu .content ul li ul li { } .contentleft .leftmenu .content ul li:hover ul { display: block; } .contentleft .leftmenu .content ul li:last-child { border: none } .contentleft .leftmenu .content ul li a { color: #fff; font-family: "Calibri"; font-size: 18px; font-weight: normal; } .topsite { padding: 3em 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABVYAAACPAQMAAAAr/hIRAAAABlBMVEXv9/H3+/hyHsoaAAAAsklEQVR42u3USREAIAwEQWIcZyhBQFRw6NiqjoJ5ZLt6pNypHdS6YlpfzZjWG9Wa9ANJ22qtfOUrX/nKV77yla98ZRZf+cpXvvJVK1/5yle+8pWvfOUrX5nFV77yla981cpXvvKVr3zlK1/5yldm8ZWvfOUrX7Xyla985Stf+cpXvvKVWXzlK1/5yletfOUrX/nKV77yla98ZRZf+cpXvvJVK1/5yle+8pWvfOUrX3O29QHQS/j8UBNu1gAAAABJRU5ErkJggg==); } .topsite .col { } .topsite .col:nth-child(1) { flex: 1 50%; line-height: 2em; } .topsite .col:nth-child(2) { flex: 1 50%; text-align: right; } .topsite .col .itlte { color: #5d5d5d; font-family: "Calibri"; font-size: 18px; font-weight: bold; } .topsite .col .phone { color: #eb0000; padding: 0.25em 0; font-size: 24px; font-weight: bold; padding-left: 2em; background: url(data:image/png;base64,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) left center no-repeat; } .topsite .col span { color: #282828; font-size: 1em; font-weight: normal; } .topsite .col ul { } .topsite .col ul li:nth-child(2n) { background: #68c40b } .topsite .col ul li { display: inline-block; padding: 0.75em 1em; background: #009f16; margin: 0.25em; } .topsite .col ul li a { color: white; font-weight: bold; } .topinfomation { padding: 2em 0; } .topinfomation ul { } .topinfomation ul li { } .topinfomation .img { width: 25%; float: left; } .topinfomation .img img { } .topinfomation .name { width: 72%; float: right; text-align: justify; line-height: 2em; } .topinfomation .name h3 { color: #191919; font-size: 17px; font-weight: bold; } .topinfomation .name h5 { color: #b3b3b3; font-size: 12px; font-weight: normal; text-align: justify; line-height: 1.5em; } .bottombar { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABVYAAAByBAMAAABKEpemAAAAD1BMVEUoXCwzczcwbjQqYC4tZzEhQ6aOAAACO0lEQVR42uzbQW1EMRBEQVPonwCIFAKBEP6oFoFtaS87LVVhaM3hWV5h538xStj5WowStv4WkwSHtUTYehaThL2fxSDBYS0RZKsS4eB7MUeQrUoE2apEOHkc1jmCbFUiyFYlgmxVIshWJYLDWiLIViWC94ASQbYqEWSrEsFhLRFkqxJBtioRZKsSQbYqEXL3u/i8IFuVCLJViSBblQiyVYngsJYIslWJ4D2gRJCtSgTZqkRwWEsE2apEkK1KBNmqRJCtSgSHtUSQrUoE2apEcFhLBNmqRPAeUCLIViWCbFUi+H1dIshWJYJsVSLIViWCbFUiOKwlgmxVIngPKBFkqxJBtioRHNYSQbYqEWSrEkG2KhFkqxLhDY/DemerM8hWd7Y6g2x1Z6tDyFZXtjqEbHVlq1M4rDe2OoVsdWOrY8hWF7Y6hmx1YatjyFYXtjqHw3pmq3PIVme2OohsdWSrg8hWR7Y6iWx1YquTOKwntjqJbHViq6PIVge2OorDemCrs8hWe7Y6i/eAPVsdRrbastVhZKstWx3G7+stW51Gttqx1Vd7dmzDMBADQdC9uP8eFYvPDwVsMFPDgsGxxmx1o9Ucs9WFVnPMVhda7XFYd1rtMVvttBpktlppNchstdJqkNlqpdUih3Wj1SKz1UarSWarhVaTzFYLrTaZrU5abfr/mLTaZLY6aTXKbHXQapTZ6qDVKrPVpNUqh3XSapbZatBqln/AoNUss9Wg1S6z1ZtWuxzWN62Gma0+9QCWhiW3MrguFAAAAABJRU5ErkJggg=='); background-size: cover; padding: 2em 0; background-position: center; } .bottombar .cols { } .bottombar .lbl { font-size: 2.5em; color: white; font-weight: 450; } .bottombar .blok { } .bottombar .blok span { font-size: 2em; color: white; } .bottombar .blok ul { } .bottombar .blok ul li { } .bottombar .social-top { display: inline-block; } .bottombar .social-top ul { } .bottombar .social-top ul li { } .bottombar .cols:nth-child(1) { } .bottombar .cols:nth-child(2) { text-align: right; } .productindex { } .productindex .iList { } .productindex .iList .rowstitle { margin-top: 2em; } .productindex .iList .adv { } .productindex .iList .adv img { } .productindex .iList .block_prolist { display: block; width: 100%; } .block_prolist.grp-product { } .block_prolist.grp-product .slick-dots { margin-top: 0.5em; display: block; position: relative; margin-bottom: 2em; } .block_prolist.grp-product .slick-dots ul { } .block_prolist.grp-product .slick-dots li { } .block_prolist.grp-product .slick-dots li.slick-active button { color: white; background: #2194dd; } .block_prolist.grp-product .slick-dots li button:before { content: ''; } .block_prolist.grp-product .slick-dots li button { display: block !important; color: #2194dd; font-size: 1em; border: 1px solid #2194dd; } .block_prolist.grp-product button { display: none !important; } .block_prolist.grp-product .h-product { margin: 0 15px; } .hastab-index { } .hastab-index .title { } .hastab-index .title h2 { float: left; position: relative; } .hastab-index .title h2:before { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background: #009f16; } .hastab-index .title h2:after { content: ''; position: absolute; left: calc(100% + 10px); top: 8px; width: 32px; height: 15px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAPCAMAAACyXj0lAAAAeFBMVEUAAAD/MzP/NTL/Qi//SUn/Syz/WSn/XV3/Xyf/fX3/hR3/ihv/jIz/mpr/p6f/qxP/sBH/s7P/uA//v7//y8v/zwn/1gf/4OD/4wT/6+v/8Af/8hr/8iL/8yv/8zP/9Ev/9fX/92//93f/+qL/+qX/+7P//dj///9Y5PhHAAAAAXRSTlMAQObYZgAAANFJREFUGNN9Ue0SgjAMI1phTkU31IE6BUX7/m9oxzgP/MqPXZtmua1JktaXpW8bL0fSIRAC3zPtTgFqp1MoewnzixVCoFRkvAIRpgABtjmfzlbKgMjckxLEvAQcGyx0Oks1DAcYE5jrSDDpvP8IsHKVW4m3Y0cYCrbGVNLm3dU8qB1GguiJmnPKufoiiA5SELrjQxDfIMUc85eAMnr/ZsG1q7nALwdQIU+R+Ugw3CSQLTNA903c5DCLdUhBrQ/SpNr2WQzTvB33m/3x9ghN08Y0n9CIH0TYHMrtAAAAAElFTkSuQmCC) left center no-repeat; } .hastab-index .title .submenu-list { display: inline-block; float: right; } .hastab-index .title .submenu-list ul li:hover { background: #009f16; color: white; } .hastab-index .title .submenu-list ul li:hover a { } .hastab-index .title .submenu-list ul li { display: inline-block; padding: 0.35em 0.75em; margin: 0 0.15em; border: 1px solid #009f16; cursor: pointer; transition: all 0.3s; } .hastab-index .title .submenu-list ul li:last-child { background: #009f16; } .hastab-index .title .submenu-list ul li:last-child a { color: white; } .aboutbottom { padding: 3em 0; background: #eff7f0; } .aboutbottom .content { } .aboutbottom .content p { text-align: justify; } .aboutbottom .content .aimg { display: inline-block; float: left; margin-right: 1em; } .aboutbottom .content img { } .aboutbottom .content h3 { margin: 0; margin-bottom: 0.25em; } .aboutbottom .content h3 a { color: #d60000; font-size: 22px; font-weight: bold; } .aboutbottom .cols { float: left; } .aboutbottom .cols:nth-child(1) { width: 72%; } .aboutbottom .cols:nth-child(2) { width: 25%; float: right; } .aboutbottom .cols .title { margin-bottom: 1.5em; } .aboutbottom .cols .title span { color: #1e1e1e; font-family: "Calibri"; font-size: 20px; font-weight: bold; position: relative; } .aboutbottom .cols .title span:after { content: ''; position: absolute; bottom: -5px; left: 0; width: 50px; height: 2px; background: #009f16; } .aboutbottom .cols .title span:before { content: ''; } /*search*/ #search { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0; z-index: 9999999; } #search input[type="search"] { position: absolute; top: 50%; width: 100%; color: #fff; background: rgba(0, 0, 0, 0); font-size: 60px; font-weight: 300; text-align: center; border: 0px; margin: 0px auto; margin-top: -51px; padding-left: 30px; padding-right: 30px; outline: none; } #search .btn { position: absolute; top: 50%; left: calc(50% - 75px); margin-top: 60px; background-color: #031d62; border: black; width: 150px; height: 45px; } #search .close { position: fixed; top: 15px; right: 15px; color: #fff; background-color: #031d62; border-color: #0b45e0; opacity: 1; padding: 10px 17px; font-size: 27px; } #search.open { -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; } .marquee_slogan { padding: 0.5em 0; background: #F9F9F9; } .marquee_slogan { } .marquee_slogan i { width: 18px; height: 16px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAMAAAAs2N9uAAAAh1BMVEUAAAADHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWIDHWKCymL+AAAALHRSTlMA8gbt6aIRYCsm4ZeOgzX35dzZwK2onZGIf3ZpPjEfGPS3cVpJ0s7FxE9MI677UkkAAACtSURBVBjTTY5HFsMgDEQHA8a99xqXdN3/fAlkEf5CT/qzGMFi6YMeNn7Ps6JYLdGJS+sl7NSHMz1fKgzSdgZcPuA7K85YKiLfxLcGQMxVMs0uYFQl1YGghUVTj1ewwVZhrQTum/M3jpRDjZOVspLj+lOlTBYgIsoKLrpF1+eRTg6iEF6YsdjHelFaTSmJN+BHgsU7n7XycqLGLB2jh+lyS6LchZF7AkMcbKP1CD7YFAqm9tbZOAAAAABJRU5ErkJggg=='); display: inline-block; float: left; margin-right: 1em; } .marquee_slogan .container { } .marquee_slogan .container marquee { float: right; width: calc(100% - 3em); } .marquee_slogan .container a { margin-right: 3em; font-size: 15px; font-weight: 550; color: #031d62; } .social-top ul { display: inline-block; } .social-top ul li { display: inline-block; margin: 0 0.5em; } .social-top ul li a { } .social-top ul li a img { } /*BXSLIDER*/ .blockslider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 15px; } .blockslider .bx-wrapper .bx-pager.bx-default-pager a { width: 15px; height: 15px; border-radius: 50%; background: #00a606; } .blockslider .bx-wrapper { -webkit-box-shadow: none; box-shadow: none; border: none; margin-bottom: 0; } /*BXSLIDER*/ /*menusite*/ #menusite.menufixed { position: fixed; top: 0; left: 0; width: 100%; } #menusite.menufixed .menusite >ul>li { border-radius: 0 } #menusite { background: #fff; color: #e72f8f; font-weight: 600; border-bottom: 1px solid #e72f8f; font-family: 'Calibri' } #menusite .container { position: relative; } #menusite .iconmap { padding: 0.5em 2em; } .blockmenusite { margin: 1em 0; } .menusite { transition: all 0.5s; position: relative; font-family: 'Calibri'; width: 100%; background-color: #fff; -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .22); -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .22); box-shadow: 0 5px 5px rgba(0, 0, 0, .22); } .menusite a { font-size: 15px; text-transform: uppercase; font-weight: normal; color: black; font-family: "Calibri"; } .menusite >ul { display: flex; width: 100%; position: relative; } .menu-active, .menusite >ul>li { } .menu-active, .menusite >ul>li:hover { background-color: #285c2c; } .menu-active >a, .menusite >ul>li:hover >a { color: white; } .menusite >ul>li:hover> ul { display: block; } .menusite >ul>li:last-child:after { content: none } .menusite >ul>li img { } .menusite >ul>li:last-child { border-right: none } .menusite >ul>li { flex: 1 auto; transition: all 0.5s linear; text-align: center; display: inline-block; padding: 0.85em 0; border: 1px solid transparent; position: relative; border-right: 1px solid #dddddd; } /*.menusite >ul>li:after{content:'';top: 30%;right: -1px;height: 40%;width: 1px;background: white;position: absolute;}*/ /*.menusite >ul>li:nth-last-child(2):after{content: none;}*/ /*.menusite >ul>li:nth-last-child(2){border-left: none}*/ /*.menusite >ul>li:nth-last-child(2){border-right: none;}*/ .menusite ul li a { } .menusite >ul>li>a { display: block; z-index: 999; } .menusite >ul>li >ul { position: absolute; top: 100%; width: 250px; z-index: 999; display: none; transition: all 0.5s; text-align: left; left: 0; padding-top: 0; background: #1f93de; } .menusite >ul>li >ul >li { padding: 0.75em 1em; position: relative; transition: all 0.5s; width: 100%; float: left; text-align: left; } .menusite >ul>li >ul >li:hover >a { } .menusite >ul>li >ul >li >ul >li:hover a { color: #87d300; } .menusite >ul>li >ul >li:nth-child(4n+1) { clear: both } .menusite >ul>li ul li:hover { background: #285c2c; } .menusite >ul>li >ul >li ul { margin-top: 1.25em; position: relative; } .menusite >ul>li >ul >li ul:before { content: ''; position: absolute; top: -0.5em; left: 10%; width: 80%; height: 1px; background: rgb(135, 211, 0); } .menusite >ul>li >ul >li ul li { padding: 0.35em 0; } .menusite >ul>li >ul >li ul li a { font-weight: normal; } .menusite >ul>li ul li:hover >a { color: white; } .menusite >ul>li ul li a { display: block; font-weight: normal; } .menusite form { display: inline-block; background: white; border: 1px solid white; padding: 2px 5px; border-radius: 10px; margin-top: 0; width: 220px; margin-top: 5px; position: relative; } .menusite form:after { content: ''; position: absolute; bottom: -12px; left: 0; width: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJMAAAAMCAQAAADM3EcIAAABR0lEQVRIx92Wy3qDIBBGD9b3f8kus8oijVpksvCCwAy1X5ImVj5nELkefkZbHMvlNnby053a6JvZb5+a9U5tTB9KTmsR+9fGSeeynSmKTXNUy0DwdJw58cmJMx2+RdYGMlcqO9GGLzEuXluWM1HU8eXYbIBNtokoGPPViAHLbVoB0K4ENappd+UuOBWjM6yObz/AHJ+mvsbEZ8+rXE8gIEhcd8tPVw2gmDLeD7BMqf5yLUVv49PB2/jSGQkBj59R7cT0fIB2FHRV/dUioHaMnanBHFqgp2eIqO7B9C4Ac400qgbrUTBtJQx8cWVgJNyrpiMBXDRT02CEBiMdF658E56nptcD3OZKhKX+UvVBwNNzYWB8L0x/C9DS4PJXNoXxNTodAdPvATr1nfb11QFO/QjjdOSOoabH4NsPMNaS2f5TTI8DOJfcANITaSFHUkbuAAAAAElFTkSuQmCC) right top no-repeat; height: 12px; } .menusite form input { background: none; border: 1px solid transparent; padding: 0.1em 0.5em; outline: none; color: #054971; width: 80%; } .menusite form input::placeholder { color: #8c8c8c; } .menusite form button { border: 1px solid transparent; background: none; } .menusite form button i { font-size: 1.3em; } .menusite .buyguide { position: absolute; bottom: 0; right: 0; background: #e72f8f; transition: all 0.5s; } .menusite .buyguide a { color: white; } .menusite .buyguide a i { margin-right: 0.25em; } .menusite .buyguide:hover { background: white; border-left: 1px solid; border-right: 1px solid; border-top: 1px solid; } .menusite .buyguide:hover a { color: #e72f8f !important; } .menusite .buyguide:hover a i { } .menusite .hotlinebar span { padding-left: 1.5em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAgVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9d3yJTAAAAKnRSTlMAGuTOu6NvBPby6rA+KycO7djSqoN9Z1xORkMeFQoHxMGXko53VzkzMRS/qoCCAAAAoElEQVQY00WP1xaCQBBDI01BqlKk2lv+/wMNS/E+7Oy5mXkIJrY2ffeEmXAzmoCkszGpw11kkla/t+ZeWdojcYseHqktjniI9RZSByCjaICu8pnrosJNosTIN9ANbUQyLQw1j7AIuNTxBC1kMsOOygyfCE6qGZJ0MbNNIDypvWb8TDDzkLJfNRms1UouNGtbazZ3LAxXI6wOf+L87F9U9Adp2BHoMrViPAAAAABJRU5ErkJggg==') left center no-repeat; } .menusite .hotlinebar { background: #ED1C24; border-radius: 20px; } .menusite .hotlinebar a { font-size: 1.15em; font-weight: bold; } .menusite .submenu { } .menusite .submenu ul { width: 60%; float: left; } .menusite .submenu ul li { text-align: left; padding: 0.5em; } .menusite .submenu ul li a { } .menusite .submenu .img { width: 40%; float: right; padding-left: 1em; border-left: 1px solid #e1e1e1; } .menusite .submenu .img a { } .menusite .submenu .img img { } .menusite >ul { } .menusite >ul >li { } .menusite >ul >li .submenu { display: none; position: absolute; top: 100%; left: 0; background: white; z-index: 99999; width: 500px; padding: 15px; } .menusite >ul >li:hover .submenu { display: block; } .menusite .salem { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABcklEQVRIx2PQiNFhwIPlgLgCiHcC8WMg/gHEn4H4OhDvgMop4jMDn8HLgPgPEP8ngP9C1coRa4EfEH8iwmB0DPJZJCEL8qEu+k8m/gfEhbgsCIcq+E8h/gc1C8UCOagX/1MJf4bFCcyCpVQ0HIaXwyyQxxXurkUe/6/cu/ofBEA0iA+TM0u3+v/o5eP/dXMb8KUueZAF5bhcMXvz3P/HrhwHs0GGgfgwue0nd4IxAV+UM0AzDFYFK/etBmN0NsjVH798BPuCgAU7QBY8IdYHPSv6wMEEMrxgUhEx8fCEAZr9/+OKA5DBsDgAuRhEIwcVAfwTrwXoGOQDkIXBtWE4Ix+bBU+IMRxkKAiAaHyRjy2IdhJjASwO8EU+rkguJ2Q4yIWgoMAX+fiSqQK+Ai6xPQWcapDDGVvk48hoCrCiYjktiwq6FHYgHEHF4jqClhVOMS2rzChSKv3lRPrmL1Qt0ZU+rmYLKMf/guInUDGQnBI+MwCdg6rwEMRzYQAAAABJRU5ErkJggg==) center right 10px no-repeat; padding-right: 2em; } .menusite .salem b { } /*PHONE DES*/ .blck_hotline a { font-size: 1.5em; color: black; font-weight: bold; padding: 10px 20px; background: #fbeb5e; border-radius: 15px; } .blck_hotline { position: absolute; bottom: -140px; width: calc(100% + 130px); text-align: center; opacity: 0; transition: all 0.75s } .quick-alo-phone:hover .blck_hotline { opacity: 1; transition: all 0.75s } .blink_me { -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } @-moz-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @-webkit-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } /*phone*/ .quick-alo-phone.quick-alo-show { visibility: visible; } .quick-alo-phone { position: fixed; visibility: hidden; background-color: transparent; /* width: 200px; height: 200px;*/ width: 82px; height: 64px; cursor: pointer; z-index: 200000 !important; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition: visibility .5s; -moz-transition: visibility .5s; -o-transition: visibility .5s; transition: visibility .5s; right: 150px; top: 30px; } .quick-alo-phone.quick-alo-green .quick-alo-ph-circle { border-color: #e0ca0b; border-color: #e0ca0b; opacity: .5; } .quick-alo-ph-circle { width: 160px; height: 160px; 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: quick-alo-circle-anim 1.2s infinite ease-in-out; -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out; -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out; -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out; animation: quick-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%; } .quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill { background-color: rgba(250, 228, 38, 0.71); opacity: .75 !important; } .quick-alo-ph-circle-fill { width: 100px; height: 100px; top: 50px; left: 50px; position: absolute; background-color: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .1; -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: quick-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%; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle { background-color: #fae426; } .quick-alo-ph-img-circle { width: 60px; height: 60px; top: 70px; left: 70px; position: absolute; background: rgba(30, 30, 30, 0.1) url('data:image/png;base64,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') no-repeat center center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .7; -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } .quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle, .quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle { background-color: #ff9800; background-color: #ff9800 9; } @-moz-keyframes quick-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 quick-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 quick-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 quick-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 quick-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 quick-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 quick-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 quick-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 quick-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 } } .ui-slider-horizontal { height: 3px !important; background: #fff; } .ui-slider .ui-slider-handle { width: 8px !important; height: 8px !important; border-radius: 50% !important; } .ui-slider-horizontal .ui-slider-handle { top: -3px !important; margin-left: 0px !important; } .contain_slider_number { padding: 7px 0px; position: relative; } .num_before { position: absolute; right: 100%; margin-right: 5px; font-size: 13px; color: #fff; line-height: 20px; top: 0px; font-weight: bold; } .num_after { position: absolute; left: 100%; margin-left: 5px; font-size: 13px; color: #fff; line-height: 20px; top: 0px; font-weight: bold; } .ui-slider-handle { } .tooltip_slider { position: absolute; bottom: 100%; white-space: nowrap; padding: 3px; display: block; color: #fff; background: rgba(0, 0, 0, 0.5); margin-bottom: 5px; left: 50%; margin-left: -7px; display: none; } /*PHONE DES*/ /*Animation*/ .blink_me { -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } @-moz-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @-webkit-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } .support-online { position: fixed; z-index: 999; left: 0; bottom: 0px; display: none; } .support-online a { position: relative; margin: 20px 10px; text-align: left; width: 40px; height: 40px; } .support-online i, .support-online svg { width: 40px !important; height: 40px; background: #43a1f3; color: #fff; padding: 5px; border-radius: 100%; font-size: 20px; text-align: center; line-height: 1.9; position: relative; z-index: 999; } .support-online a span { border-radius: 2px; text-align: center; background: rgb(103, 182, 52); padding: 9px; display: none; width: 180px; margin-left: 10px; position: absolute; color: #ffffff; z-index: 999; top: 0px; left: 40px; transition: all 0.2s ease-in-out 0s; -moz-animation: headerAnimation 0.7s 1; -webkit-animation: headerAnimation 0.7s 1; -o-animation: headerAnimation 0.7s 1; animation: headerAnimation 0.7s 1; } .support-online a:hover span { display: block; } .support-online a { display: block; } .support-online a span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent rgb(103, 182, 52) transparent transparent; position: absolute; left: -10px; top: 10px; } .kenit-alo-circle-fill { width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(0, 175, 242, 0.5); opacity: .75; right: -10px; } .kenit-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; 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); opacity: .1; border-color: #0089B9; opacity: .5; } .support-online .btn-support { cursor: pointer; } #menu_mobile { opacity: 0; height: 0; } .menumobile i { font-size: 25px; color: white; } .menumobile { padding: 7px 15px; background: #285c2c; display: none; border-top: 1px solid white; z-index: 9999; /* margin-top: 1em; */ color: white; margin-bottom: 1em; } .menumobile a { color: white } .menumobile.menufixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 99999; } @media screen and (max-width:1024px) { .menumobile { display: block; } } .mm-menu { background: #285c2c; } .blockslider { } .blockslider ul { } .blockslider ul li { } .blockslider ul li img { width: 100%; } \ .blksilir { position: relative; } .blksilir .productlist_index.indexmas { } .productlist_index.indexmas { position: absolute; left: 0; width: 100%; top: calc(100% - 70px); } .productlist_index .owl-item { text-align: center; } .productlist_index .prolist-owl { margin-top: -150px; position: relative; z-index: 999; } .productlist_index .prolist-owl .items { position: relative; display: inline-block; padding-bottom: 70px; } .productlist_index .prolist-owl .items:after { content: ''; position: absolute; bottom: 0; background: url('../images/shadow.png'); width: 248px; height: 135px; left: calc(50% - 124px); } .productlist_index .prolist-owl .items .img { width: 300px; height: 300px; border-radius: 50%; overflow: hidden; position: relative; } .productlist_index .prolist-owl .items a { z-index: 1; } .productlist_index .prolist-owl .items .img:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bg.svg) center center; z-index: 99; background-size: contain; } .productlist_index .prolist-owl .items .img img { } .productlist_index .prolist-owl .items .name { position: absolute; top: 180px; left: 40px; width: calc(100% - 80px); text-align: center; z-index: 99; } .productlist_index .prolist-owl .items .name h3 { } .productlist_index .prolist-owl .items .name a { color: #fde304; /* text color */ font-family: "UTM Aristote"; font-size: 29px; text-shadow: 2px 4px 5px #000; / z-index:; } .hotlinesite { background-image: url(data:image/png;base64,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); width: 226px; height: 46px; position: fixed; left: 0; bottom: 0; z-index: 999999; } .hotlinesite a { color: #000; font-size: 1.5em; font-weight: bold; display: inline-block; padding-left: 3em; padding-top: 0.35em; } .coopandnews { padding: 3em 0; position: relative; margin-bottom: 5em; background: url(../images/bg_about.png) top center no-repeat; padding-top: 4em; background-color: white; margin-bottom: 0; } .coopandnews .title { text-align: center; color: #242222; text-transform: uppercase; margin-bottom: 2em; } .coopandnews .title h2 { text-align: center; font-size: 1.55em; display: inline-block; position: relative; font-weight: 550; } .coopandnews .title h2.sstis:after { content: ''; position: absolute; right: -110px; top: 5px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAANCAQAAAAXzBg0AAADiklEQVRIx7XVS2xVVRQG4K+FlhZBQKXhUWqRAk0jNEAfyG1Lvb1t6YO+oBZo2ioIFJIihtICBZSAvIyvGAhGZYYj4wNfURJMHGmMGmXUROOAmUZMjFNzHXA83HvbYoi4Jmevf//7X2vvvfY6TGQ5HglGk9yZrdDjST3a3JOEN+nxuD4Vd6iXHnwf9tC/k2ckebP86Spm+0H3OOxZE6hU2qVdkxVKdLvoVIDv8L4dqhSr0Wmb9gnW3zcOtsCPWrBH3JqkmXtNvuVM16RGp5gtsgLsorgH8Zm4wjGnXavBPkVjAvYZVJzg9xo1JE2HUaeTEttld2IKIN+gVlVKU/BMcX+BuJ9CtE1Mhzqt8mGyrZqDqSe8aC74w9fBws9TRBd6yiLLdDmYhE9z3nBQBItlg00qdblsjyK7Al6B6aDbJQVJCt12ypdjr0dTYh4Rl4lXxWUhw4hDwVyFvWayTj0WO6kXjV4J0n8h+H6QInlctVKdYjYnoHW+tDsYT3bAIpR7zXT8rBIXdSLD4fAWY77Tn6AR1WiZHiu8nBLzoLhJqBa3HCP2otoZJSg3wLBq9IgasAFbHMevhsAx8RTJ83pNtd1G9wfIbEddVpvAWWzAcSOWgetqMM9+Jw1aFT5ZCl1yzqLAm6lFv4VW+Sgl5leugaXiMrU6hiZnrXXIDAtcoNO2gNwcnO9zyrzrXID+4vkkyULvhEVIiX5DTpqaEjgjTG6/q06E1T97zHsa9ox+NaFf5EPrkxgt4uaBRlcUueABrHcg7ICHyXZWr5WqDQTnm27Ida8HpGLfqkySLXBKuwLrDTrrSEIK/xRVfjje5lNTnAhK9OZWslL4ZfZ5yZDNCkQ9qyrlLX6vLxiPGHVUXthQmizX4rRcyNaqw6qkdnrFb6E3xxnN8kwL/yJpIjrUi4koHNNx0pUYVq/RG76Qgyne8p5Naj2tQcaYG8mzWp11Noiaikw388pV4bSVIe+a3y1JWLdUu65xbjihyX3jRoK/WkStahFRlXIxV5mqlF6T2JQbtGhLQGI2ahCZgL9AlQp5mGW1mIhK9SqVB4cHn7hhvju2C95OKafs8DFGrbU29O+OlVuj7maBIEtaUtN408e3O/fbWbNjtuuyRJY0U+QoFlWqSd1d3sKtrbQrV61UrmzpMs3XYqv9dv434TL9turzmM3atIqY4/+1GVZq1m6TTj167U5q5uPa3+NlssFdpqlXAAAAAElFTkSuQmCC); width: 99px; height: 13px; } .coopandnews .title h2.sstis:before { content: ''; position: absolute; left: -110px; top: 5px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAANCAQAAAAXzBg0AAADiklEQVRIx7XVS2xVVRQG4K+FlhZBQKXhUWqRAk0jNEAfyG1Lvb1t6YO+oBZo2ioIFJIihtICBZSAvIyvGAhGZYYj4wNfURJMHGmMGmXUROOAmUZMjFNzHXA83HvbYoi4Jmevf//7X2vvvfY6TGQ5HglGk9yZrdDjST3a3JOEN+nxuD4Vd6iXHnwf9tC/k2ckebP86Spm+0H3OOxZE6hU2qVdkxVKdLvoVIDv8L4dqhSr0Wmb9gnW3zcOtsCPWrBH3JqkmXtNvuVM16RGp5gtsgLsorgH8Zm4wjGnXavBPkVjAvYZVJzg9xo1JE2HUaeTEttld2IKIN+gVlVKU/BMcX+BuJ9CtE1Mhzqt8mGyrZqDqSe8aC74w9fBws9TRBd6yiLLdDmYhE9z3nBQBItlg00qdblsjyK7Al6B6aDbJQVJCt12ypdjr0dTYh4Rl4lXxWUhw4hDwVyFvWayTj0WO6kXjV4J0n8h+H6QInlctVKdYjYnoHW+tDsYT3bAIpR7zXT8rBIXdSLD4fAWY77Tn6AR1WiZHiu8nBLzoLhJqBa3HCP2otoZJSg3wLBq9IgasAFbHMevhsAx8RTJ83pNtd1G9wfIbEddVpvAWWzAcSOWgetqMM9+Jw1aFT5ZCl1yzqLAm6lFv4VW+Sgl5leugaXiMrU6hiZnrXXIDAtcoNO2gNwcnO9zyrzrXID+4vkkyULvhEVIiX5DTpqaEjgjTG6/q06E1T97zHsa9ox+NaFf5EPrkxgt4uaBRlcUueABrHcg7ICHyXZWr5WqDQTnm27Ida8HpGLfqkySLXBKuwLrDTrrSEIK/xRVfjje5lNTnAhK9OZWslL4ZfZ5yZDNCkQ9qyrlLX6vLxiPGHVUXthQmizX4rRcyNaqw6qkdnrFb6E3xxnN8kwL/yJpIjrUi4koHNNx0pUYVq/RG76Qgyne8p5Naj2tQcaYG8mzWp11Noiaikw388pV4bSVIe+a3y1JWLdUu65xbjihyX3jRoK/WkStahFRlXIxV5mqlF6T2JQbtGhLQGI2ahCZgL9AlQp5mGW1mIhK9SqVB4cHn7hhvju2C95OKafs8DFGrbU29O+OlVuj7maBIEtaUtN408e3O/fbWbNjtuuyRJY0U+QoFlWqSd1d3sKtrbQrV61UrmzpMs3XYqv9dv434TL9turzmM3atIqY4/+1GVZq1m6TTj167U5q5uPa3+NlssFdpqlXAAAAAElFTkSuQmCC); width: 99px; height: 13px; } .coopandnews .signaler { } .coopandnews .signaler .content { } .coopandnews .largeee .content { } .coopandnews .largeee .owl-item { text-align: center; } .coopandnews .signaler .content .items { margin-bottom: 15px; background: white; background-color: #fff; /* layer fill content */ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); /* drop shadow */ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); /* drop shadow */ box-shadow: 0 1px 3px rgba(0, 0, 0, .3); /* drop shadow */ margin-top: 5px; margin-left: 2px; margin-right: 2px; } .coopandnews .largeee .content .items { display: inline-flex; align-items: center; justify-content: center; } .coopandnews .signaler .content .items img { } .coopandnews .largeee .content .items img { width: auto; } /*CATALOGY*/ .catalogytop { margin: 2em 0; } .catalogytop ul { } .catalogytop ul li { background-image: linear-gradient(to right, #0022B2, #001C98); padding: 1em 0; min-height: 70px; text-align: center; text-transform: uppercase; display: flex; align-items: center; justify-content: center; } .catalogytop ul li a { color: white; font-size: 1.25em; } /*CATALOGY*/ /*CONGTRINH*/ .congtrinh { background: #FAFAFA; padding: 3em 0; } .content-body.congtrinh .rowstitle .title >span { background: #fafafa; } .congtrinh .owlcongtrinh { } .congtrinh .owlcongtrinh .group { } .congtrinh .owlcongtrinh .items { margin-bottom: 2em; } .congtrinh .owlcongtrinh .items .img { } .congtrinh .owlcongtrinh .items .img img { } .congtrinh .owlcongtrinh .items .name { text-align: center; } .congtrinh .owlcongtrinh .items .name h3 a:hover { color: #2d50b0 } .congtrinh .owlcongtrinh .items .name h3 a { font-family: "Calibri"; font-size: 18px; font-weight: bold; text-transform: uppercase; color: #3f3f40; transition: all 0.5s; } .congtrinh p { margin-top: 1em; } .congtrinh .viewm { -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; background-color: #fff; font-family: "Calibri"; font-size: 14px; text-transform: uppercase; color: #1e1e1e; padding: 0.75em 1.25em; border: 1px solid #EFEFEF; transition: all 0.5s } .congtrinh .viewm:hover { color: #2b4da8; background: #efefef; } /*CONGTRINH*/ /*XAYDUNG*/ .xaydung { padding: 0; padding-top: 0; } .content-body.xaydung .rowstitle .title >span { } .xaydung .owlxaydung { } .xaydung .owlxaydung .group { } .xaydung .owlxaydung .items { margin-bottom: 2em; position: relative; transition: all 0.5s; } .xaydung .owlxaydung .items .img { } .xaydung .owlxaydung .items .img img { } .xaydung .owlxaydung .items .name { text-align: center; background-color: rgba(0, 34, 178, 0.7); position: absolute; bottom: 0; left: 0; width: 100%; height: auto; padding: 0.75em 0.5em; transition: all 0.5s; pointer-events: none; } .xaydung .owlxaydung .items:hover .name { height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); } .xaydung .owlxaydung .items:hover .name h3 { padding-bottom: 1em; position: relative; } .xaydung .owlxaydung .items:hover .name h3:after { content: ''; position: absolute; bottom: 0; width: 100px; left: calc(50% - 50px); height: 2px; background: #054da1; } .xaydung .owlxaydung .items:hover .name a { } .xaydung .owlxaydung .items .name h3 a:hover { color: #2d50b0 } .xaydung .owlxaydung .items .name h3 { font-size: 1.35em; margin: 0; } .xaydung .owlxaydung .items .name h3 a { transition: all 0.5s; font-weight: bold; color: #fff; } .xaydung p { margin-top: 1em; } .xaydung .viewm { -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; background-color: #fff; font-family: "Calibri"; font-size: 14px; text-transform: uppercase; color: #1e1e1e; padding: 0.75em 1.25em; border: 1px solid #EFEFEF; transition: all 0.5s } .xaydung .viewm:hover { color: #2b4da8; background: #efefef; } /*XAYDUNG*/ /*TINTUC*/ .newshightligh--minhlong { padding-bottom: 2em; } .newshightligh--minhlong .content { } .newshightligh--minhlong .content .items { } .newshightligh--minhlong .content .items .img { } .newshightligh--minhlong .content .items .img a { display: inline-block; overflow: hidden; } .newshightligh--minhlong .content .items .img a img { } .newshightligh--minhlong .content .items .info { } .newshightligh--minhlong .content .items .info .coldate { width: 17%; float: left; color: white; text-align: center; padding: 0; } .newshightligh--minhlong .content .items .info .coldate .datemonth p { padding-top: 0.55em; font-size: 1.8em; } .newshightligh--minhlong .content .items .info .coldate .datemonth p:last-child { padding-bottom: 0.5em; } .newshightligh--minhlong .content .items .info .coldate .datemonth { background: #0071bc; } .newshightligh--minhlong .content .items .info .coldate .datemonth .date { } .newshightligh--minhlong .content .items .info .coldate .datemonth .month { } .newshightligh--minhlong .content .items .info .coldate .year { background: #003c67; font-size: 1.2em; padding: 0.5em; } .newshightligh--minhlong .content .items .info .coldate .year .iyear { } .newshightligh--minhlong .content .items .info .colname { width: 80%; float: right; padding: 0; } .newshightligh--minhlong .content .items .info .colname a { } .newshightligh--minhlong .content .items .info .colname h3:hover { color: #7bc043; transition: all 0.3s; } .newshightligh--minhlong .content .items .info .colname h3 { margin: 0; font-size: 1.2em; color: black; margin: 0.5em 0; text-align: justify; transition: all 0.3s; } .newshightligh--minhlong .content .items .info .colname h4 { font-size: 1em; font-weight: normal; text-align: justify; line-height: 1.5em; } .cooporation--minhlong { background: url('data:image/png;base64,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'); padding: 2em 0; } /*TINTUC*/ /*SUBMAIL*/ .submailsreen { background: url('../images/bgmail.png'); background-size: cover; width: 100%; padding: 3em 0; } .submailsreen .col { } .submailsreen .col:nth-child(2) { width: 30%; float: right; } .submailsreen .col:nth-child(1) { width: 70%; float: left; padding-left: 15%; text-align: left; } .submailsreen .a-phone { font-weight: bold; color: red; font-size: 1.25em; margin-bottom: 0.5em; display: inline-block; } .submailsreen p { } .submailsreen .a-mail { color: #333; font-weight: 500; } .submailsreen .blk-submail { } .submailsreen h3 { font-size: 1.5em; font-family: 'Oswald'; font-weight: 500; color: rgba(226, 25, 25, 255); margin-right: 0; position: relative; display: inline-block; padding: 0; padding-bottom: 0; } .submailsreen h3:after { content: ''; position: absolute; bottom: -9px; left: 0; width: 30px; height: 2px; background: rgba(226, 25, 25, 255); } .submailsreen .blk-submail h4 { font-size: 14px; font-weight: normal; color: rgba(124, 124, 124, 255); font-size: 1em; margin: 1em 0; } .submailsreen .blk-submail .container { } .submailsreen .blk-submail .grp-input { } .submailsreen .blk-submail .grp-input input::placeholder { color: #808080 } .submailsreen .blk-submail .grp-input input { margin: 0.2em 0; background: rgba(255, 255, 255, 1); border: 1px solid #cdcdcd; border-radius: 5px; padding: 0.5em 0.5em; outline: none; color: #830101; } .submailsreen .blk-submail .grp-input input:nth-child(1) { width: 30%; } .submailsreen .blk-submail .grp-input input:nth-child(2) { width: 30%; } .submailsreen .blk-submail .grp-input input:nth-child(3) { width: 30%; } .submailsreen .blk-submail .grp-input input:nth-child(4) { width: 49.5%; } .submailsreen .blk-submail .grp-input input:nth-child(5) { width: 80%; } .submailsreen .blk-submail .grp-input textarea { margin: 0.2em 0; background: rgba(255, 255, 255, 0.7); border: 1px solid white; border-radius: 5px; padding: 0.3em 0.5em; outline: none; color: #830101; border: 1px solid white; width: 100%; } .submailsreen .blk-submail .grp-input button { color: white; font-size: 16px; padding: 0.45em 2em; position: relative; right: 4px; top: 6px; height: calc(100% - 18px); background: #e21919; border: none; outline: none; border-radius: 5px; } .submailsreen .blk-submail .grpin-btn { position: relative; } .submailsreen .col:nth-child(1) { } .submailsreen .col:nth-child(2) { } .submailsreen .col.support { } .submailsreen .col.support .content-sup { padding: 0.5em 1em; background: url(../images/htoline.png) left top no-repeat; padding-top: 3em; padding-left: 8em; padding-right: 0; margin-top: 1em; padding-bottom: 1em; } .submailsreen .col.support .content-sup a { font-size: 25px; color: rgba(221, 8, 8, 255); font-weight: bold; } #mapshow { height: 350px; } /*SUBMAIL*/ /*HEADER BAR*/ .searchbar-hotline { } .searchbar-hotline .grid3 { display: grid; grid-template-columns: 1fr 1fr 1fr; } .searchbar-hotline .grid3 .item { background-color: #464646 !important; color: white; padding: 1em; background-repeat: no-repeat !important; background-position: right center !important; min-height: 75px; display: flex; align-items: center; justify-content: left; font-size: 1.05em; } .searchbar-hotline .grid3 .item:nth-child(1) { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAgVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAjIyNjY2NmZmZkZGRiYmJhYWFhYWFeXl5ZWVlPT09ERERCQkI9PT1lZWVmZmZmZmZcXFxkZGRjY2NjY2NiYmJcXFxmZmb//v7BwcG3t7fm5eX39vaMjIzu7e3c29uAgICtra2Yl5fLysqjoqJ0dHRV0fqQAAAAHHRSTlMAAwcMDxEZv/Harp+biGI/MS0o3/ruasrCtqhuPD2QXwAAAjFJREFUWMO9mNl6gkAMRtvKsLgr7oZNcKnv/4B1FCfEiIApnpt+vfB8+RMYZubrg3xfEBoYcgvyruXH8IbLSBjNVNzCXW9oOjlNVUTTeYCoapWDFsuAruqiqEZLVAEto6rXHtQoNVn0HW8+m809p7+YKGVUaKrwaM1k4AHBG4yvKm7iHtSMuvCE7ghVZaaiR003UMJmqoqmCs/QhVLcITGVeyzL7sFLerZllZqKHgcqcIomXlCey15CJUtbpyMlsWD2Cmqwsmk4Hkz1oBY9hSYeTM8LaqJnh+FYQVO3rsidPikJC+pCbbpYEi9oBA0YYUmsoHUT0dqUxERjaMQYRSSZpQbNRANlYTaSzGsm8jAbFU2AsA9iKPAb3NmRbFykFlQU6p8wjkFyhpytIiLToj4Q0lMSclEaRHCnb5qEIt0iB2iUQ5YwT1jM65gmUZEPRbJUu3iwPf7no4gMzaWtDgHSGCjxJRgyx7EREc2gOx09tDuig5zVEaXZvSxkh3NkorJoh+CGbneS/4UYvSxaWbOzOG9uBBCFYRhhMNbsV+Pf3ZpK2r1PgiPx8PHzBzIMrlMm7c6CE/XwB5K/ImlmSjuZiaVnoGxV1Ut7wCcxTkyRdyL60sqXEV8xkXhhky+1rS3+8s+R/APZwidbvon4522NfKMl2/phsFY2o/LtsXzD3soRQn6okR+zmhz8fH3w82se/ORHUfnhWH5cb/8CQX6lIb9kkV/7yC+ipK4PXtbJ+QPYAOeOMRqr0AAAAABJRU5ErkJggg=='); padding-right: 110px; } .searchbar-hotline .grid3 .item:nth-child(2) { background-color: #2c2c2c !important; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAArlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAABmZmZjY2MfHx9lZWViYmJhYWFhYWFeXl5ZWVlERERCQkJmZmZkZGRkZGRjY2NjY2NiYmJcXFxNTU0/Pz87OzssLCxQUFBmZmZcXFxbW1tQUFBmZmb////19fXs7Ox5eXn6+vqwsLCDg4N+fn7Z2dmioqLy8vLY2Ni/v7+YmJjm5ubf39+ysrKdnZ1ubm7T09PLy8u2traJiYkRa0obAAAAInRSTlMAAgQIDRAK778Y3qqfm4hiMC362crCtrBqPiomHEDxbmlBdGxc9QAAAlBJREFUWMOk0WlOwzAQhuGyDM6epivdoJqk0B9QIUDc/2gI2+qMnXhpeQ/w6Bt75OvGahQqjFD/V6grmVvZFRQ3rC6hbMUulrKUOyPLimJIedCRRVSMc0budWcsLFkMIQCEWVTYUQoYKcsvkaMZpTT7MsnEZCKypNw30lIUSV5HMU01RaNpNZaUVyJHzgFYLXGg5QpAjiLJ4eg5mxwd5Rs1iiS3A1ALdCZqAKdkOmmB3orUlFzONsFAydaUbEjvmWGwmd5EUG8QpHOMaJ7CwCTjsAKjKoBLA4fVGFndP44fthaxkFj3JvFBOUaX80nWZbDDC9oBu40uk4MWyHo5nLzQQk6i29igseF0bfvhlcY0yYIqy2kPXqhikHnZlDnv7V9vPijjt/FBDVKfrayLvo1Dj0i1uqMPenZAJVKdZAKvVNqQfqIEqZOGvn1Qoh5JQ/TWGVJHybySE3ptggCe+O8rCL0JgEEIeT9S+vJCkxjotxYr2kEYBGK/sVeZU4Epm2ZR///HjBumWbCBpNCXvV0G3PXaun7FKVOIHg0Ia6G58GjpZQNbb/uyy06fH7A9KuWfP21IYNwqzc4YMw03SxqSjgjw+M3JMn0/YSEjwoYWeMVKcWCuIx9aQiNo8D08pRFGbLinPQixUaoF3kMPnC07GSd/ICR1GPnjlw7mH+wz1nF8HRUuSHfxw/HuyIJssLJ1EVFL1lQWWrr0qyxGdXlcWbDrFqKBqdFtVt74dTB+HTF+zayobo51u64HCI0jDT1k0WMfPYjSo7H2YZ0eH34AAtAbm9+gAd4AAAAASUVORK5CYII='); } .searchbar-hotline .grid3 .item:nth-child(3) { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAA0lBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAABmZmZmZmZjY2NDQ0MfHx9iYmJhYWFhYWFeXl5ZWVlAQEBmZmZlZWVkZGRPT09lZWVkZGRjY2NiYmJcXFw7OzssLCxcXFxbW1tNTU1mZmb////t7e3x8fH09PSSkpLX19dycnLn5+eLi4vp6enb29uXl5eOjo6FhYV3d3dubm76+vp8fHzj4+Pf39/FxcXAwMCPj4+AgID4+Pj29vbi4uLIyMi9vb2zs7Ovr6+fn59/f39qamrKysq4uLinp6cUSgCkAAAAIHRSTlMAAgUICw4Q/fC/Lxiun5uIYiv63dlA38q2qGomHG5pPhQzI58AAAKjSURBVFjDpNTbTgIxFIVhj2UGOQ14AEFYyEkCKkYEIyExRt//lSS1Ya9SOhT87+fL2r2Yo7SONzo6JAa4/yrcgcyJ7gDKMaR9KFtxC6U2lFOrDSuAYeXMJJZQIY6FWNhuiRmjnFsZi6ndjlEUZawUiR1mlEqahbgSlctRJS40E6WIYsnvaCZbvITVZTGrqVRJHMO0chk4ZXItQ4mU6qh6jRmmanXlSH6nFMFbVEqRbOcij9TyF7bkcxoxdhQ3XIkhs+cGO7sxmxiyB62cGAHFK8mdxI7KI6i8Ysk9TJUQWEnxcc6gJEJgUeJM4kE5BJfjSXSZHnSVQXCZKzNJA3KZHlTFHlX1JLmNBmVl0Hv/fmv9J5mUlUk2pIpY1297mmJdUTHEl9H/p+ODulhX4dv4sgTSyAeNIPFtfNktpPmLBxpDulPboQKoz+3SD6iCC+kniiE9Y7hwmYc5BpBi/UgGore+hrQY4+t701lO0JtCuqbXZiiC1G3PBhi+WnN6mCzbH5AiDwSq8/fhTJy3AR5XcAdSOQTS3/7WYu06CAJBsDX2WljNeTyPp6gRDAHR//8nQQrMClmTPbaimuS4m9mZyeAGI4yJ4feo/wFtKJCTAv51+HplQKdHIP5oewJ0TBE2T9zq2gWaBKWZgOjPptf/DWRKpFpdEgAII+WEKIIeiF4/8yC1Mt2A04/Xtt7noMmApMmD5ChSmQKhJnx1kZ1PHEUoaQskjiJz75G8BdIuyYgP11E/U8XIF2RkSdgQz5P2ASpsjNTmnj7OjI58Rmql4m9xHckX5BorW24ibNkay0ZLbv0sm1G5PbZs2OURggk1u/lQs2NCjSxm8cFve5iC32HLBj95FJWH43XjurxAkFca8pJFXvtYLqLk1dj6ZZ28PnwDcXYRG5OolEUAAAAASUVORK5CYII='); } /*HEADER BAR*/ .producthight { } .producthight .content { } .producthight .content .grp-root { } .producthight .content .grp-root ul { width: 100%; } .producthight .content .grp-root ul li { display: inline-block; text-align: center; cursor: pointer; padding: 0 0.5em; outline: none; } .producthight .content .grp-root ul li:hover { } .producthight .content .grp-root ul li:hover .ico { border-color: #ec9e0a; } .producthight .content .grp-root ul li:hover h3 { color: #ec9e0a; } .producthight .content .grp-root ul li.slick-current .ico { border-color: #ec9e0a !important; } .producthight .content .grp-root ul li.slick-current h3 { color: #ec9e0a !important; } .producthight .content .grp-root .ico { width: 80px; height: 80px; display: inline-block; border-radius: 50%; border: 2px solid transparent; transition: all 0.5s linear; } .producthight .content .grp-root .ico img { } .producthight .content .grp-root .name { } .producthight .content .grp-root .name h3 { font-weight: 600; font-size: 1.15em; transition: all 0.35s; margin: 0.5em 0; line-height: 1.5em; color: #3e3e3e; } .producthight .content .grp-master { margin-top: 2em; } .producthight .content .grp-master ul { } .producthight .content .grp-master ul li { } .producthight .content .grp-master .masterone { } .producthight .content .grp-master .masterone .gridmagic { display: grid; /* grid-template-columns: 1fr 1fr 1fr 1fr; */ grid-template-areas: 'menu menu header header' 'menu menu main right'; grid-gap: 10px; } .producthight .content .grp-master .masterone .gridmagic .item { position: relative; overflow: hidden; } .producthight .content .grp-master .masterone .gridmagic .item:nth-child(1) { /* grid-column: 1 / span 2; */ /* grid-row: 1 / span 2; */ grid-area: menu; position: relative; } .producthight .content .grp-master .masterone .gridmagic .item:nth-child(2) { /* grid-column: 1 / span 2; */ grid-area: header; } .producthight .content .grp-master .masterone .gridmagic .item:nth-child(3) { grid-area: main; } .producthight .content .grp-master .masterone .gridmagic .item:nth-child(4) { grid-area: right; } .producthight .content .grp-master .masterone .gridmagic .item .img { } .producthight .content .grp-master .masterone .gridmagic .item .img img { width: 100%; } .producthight .content .grp-master .masterone .gridmagic .item .name { position: absolute; left: 0; top: calc(100% - 4.5em); width: 100%; height: 100%; padding: 15px; text-align: center; /* display: none; */ background: rgba(0, 0, 0, 0.4); color: white; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .producthight .content .grp-master .masterone .gridmagic .item:hover .name { top: 0; } .producthight .content .grp-master .masterone .gridmagic .item .name h3 { padding: 0.3em 0; margin: 0; padding-top: 0; font-size: 1.35em; font-weight: 600; height: 2em; } .producthight .content .grp-master .masterone .gridmagic .item .name h4 { text-align: justify; font-size: 1em; line-height: 1.5em; } @media (max-width:768px) { .producthight .content .grp-master .masterone .gridmagic { grid-template-areas: 'menu menu menu menu' 'menu menu menu menu' 'header header header header' 'main main right right'; } .producthight .content .grp-master .masterone .gridmagic .item .name h3 { font-size: 1em; } .producthight .content .grp-master .masterone .gridmagic .item .name { top: calc(100% - 4em); } } .newsvideo { } .newsvideo .rowcontent { } .newsvideo .blockvideos { width: 32%; float: right; } .newsvideo .blocknews { width: 65%; float: left; } .newsvideo .rowcontent .col { } .newsvideo .rowcontent .col:nth-child(1) { width: calc(70% - 15px); float: left; } .newsvideo .rowcontent .col:nth-child(2) { width: 30%; float: right; } .newsvideo .rowcontent .itemsnews { width: calc(39% - 7px); float: left; position: relative; overflow: hidden; } .newsvideo .rowcontent .itemsnews:nth-child(1) { margin-right: 7px; } .newsvideo .rowcontent .itemsnews:nth-child(2) { width: calc(61% - 7px); float: right; margin-left: 7px; } .newsvideo .rowcontent .itemsnews:nth-child(3) { width: calc(61% - 7px); float: left; margin-right: 7px; margin-top: 15px; } .newsvideo .rowcontent .itemsnews:nth-child(4) { margin-left: 7px; margin-top: 15px; } .newsvideo .rowcontent .itemsnews:nth-child(5) { } .newsvideo .rowcontent .itemsnews .img { } .newsvideo .rowcontent .itemsnews .img img { width: 100%; } .newsvideo .rowcontent .itemsnews .name { position: absolute; top: 76%; left: 0; width: 100%; height: 100%; padding: 15px; background: rgba(0, 0, 0, 0.35); color: white; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .newsvideo .rowcontent .itemsnews:hover .name { top: 0; } .newsvideo .rowcontent .itemsnews .name a { color: white } .newsvideo .rowcontent .itemsnews .name h3 { font-size: 1.25em; margin: 0; height: 2em; } .newsvideo .rowcontent .itemsnews .name h4 { margin: 0; line-height: 1.5em; font-size: 1em; text-align: justify; } @media (max-width:768px) { .newsvideo .rowcontent .col:nth-child(1), .newsvideo .rowcontent .col:nth-child(2) { width: 100%; margin-top: 1em; } .newsvideo .rowcontent .itemsnews .name { top: 60%; } .newsvideo .rowcontent .itemsnews .name h3 { font-size: 1em; } } .submail { padding: 3em 0; text-align: center; } .submail .title { } .submail .title span { font-size: 1.75em; font-weight: bold; color: white; } .submail .title .sub { font-size: 1em; margin: 0.5em 0; color: white; margin-bottom: 1em; } .submail .content { } .submail .content input { padding: 0.45em 0.75em; width: 25%; } .submail .content input::placeholder { color: #666 } .submail .content input:nth-child(1) { } .submail .content input:nth-child(2) { } .submail .content button { padding: 0.55em 1em; background: #ec9e0a; border: 1px solid #ec9e0a; font-weight: bold; color: white; transition: all 0.5s; } .submail .content button:hover { background: white; color: #ec9e0a; } @media (max-width:768px) { .submail .content input { width: 100%; margin: 0.5em 0; } .submail { padding-left: 15px; padding-right: 15px; } } .headersite { } .owl-theme .owl-controls .owl-buttons div.owl-prev { } .owl-theme .owl-controls .owl-buttons div.owl-next { } .blockabout { padding: 3em 0; padding-bottom: 4em; position: relative; margin-bottom: 5em; background: url('../images/bg_about.png') top center no-repeat; padding-top: 10em; background-color: white; } .blockabout .container { position: relative } .blockabout .about_img { } .blockabout .about_img a { position: relative; z-index: 2; display: inline-block; padding: 10px; background: white; } .blockabout .contentabout { display: inline-block; width: 100%; padding: 1em 0; border: 1px solid #ebebeb; position: relative; min-height: 350px; } .blockabout .about_img .blockimg { width: 85%; } .blockabout .about_img .blockimg li { } .blockabout .about_img .blockimg li a { } .blockabout .about_img .blockimg li img { } .blockabout .about_img .blockimg1 { } .blockabout .about_img .blockimg2 { position: absolute; top: 3em; left: 4em; z-index: 9; display: inline-block; background: red; height: auto; } .blockabout .about_img .blockimg .contentimg { position: relative; width: 100%; height: auto; } .blockabout .about_content { } .blockabout .about_content .title { position: relative; } .blockabout .about_content .title p { font-family: 'UTM Beautiful Caps'; font-size: 3em; } .blockabout .about_content .title h2 { font-size: 4em; margin-top: 0.5em; color: #1f1f1f; /* text color */ font-family: "UTM Edwardian"; } .blockabout .about_content .title { } .blockabout .about_content .title .plabel { font-family: 'Reina'; font-size: 2em; color: #e72f8f;/* margin: 1em 0; */ overflow: hidden; padding: 1em 0; padding-bottom: 0.5em; position: relative; } .blockabout .about_content .title .plabel:after { content: ''; position: absolute; top: 50%; left: 13em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAR0AAAANAQMAAACuBSgXAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMAJqSeSMUAAAAVSURBVBjTY1hFGKxgIAaMmjQoTQIANQ6nSzkyI+UAAAAASUVORK5CYII='); height: 13px; width: 285px; } .blockabout .about_content .title .plabel span { color: #1159bb; } .blockabout .about_content .title .p-name { font-size: 1.35em; font-family: 'Avo'; color: #404040; margin: 0.5em 0; } .blockabout .about_content .content { } .blockabout .about_content .viewmore { margin-top: 2em; } .blockabout .about_content .viewmore a { padding: 0.65em 1em; border: 1px solid #fde303; color: #393939; /* text color */ transition: all 0.3s; background-color: #fde303; /* layer fill content */ } .blockabout .about_content .viewmore a:hover { background: #ffffff; color: #fde303; } .blockabout .about_content .content h4 { color: #464646; font-size: 1.2em; text-transform: uppercase; } .blockabout .about_content .content h5 { font-size: 1.0em; font-weight: normal; font-family: 'Arial'; line-height: 1.75em; text-align: justify; color: #333; } .contentleft { width: 270px; float: left; position: sticky; top: 1em; left: 0; z-index: 999; margin-top: 2em; background: #cb1704; border-radius: 10px;/* position: relative; */ padding: 5px; } .contentright { width: 900px; float: right; position: relative; margin-top: 2em; } /*LEFT SITE*/ .contentleft .leftitem { padding-top: 55px; position: relative; background: #F8F8F8; box-shadow: inset 0px 0px 20px #d5d5d5; border: 1px solid #d5d5d5; margin: 30px 0; } .contentleft .title { padding: 0.80em 0; text-align: left; z-index: 9; position: absolute; top: 8px; left: -11px; width: 243px; height: 52px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPMAAAA0CAMAAABoxf4BAAAC91BMVEUAAAD//77//77//77//77n59H//75QUFD//777+9vr69z29uHs7Oz4+Nb//77c3Nzm5uZZWVn//8LY2Nj//8Dx8fH//77+/sH//8Grq6u3t6xeXl6xsYne4bv//8H//77//75CQkL+/sPBwcH8/Lv//77//77//8Pq7bz//7/+/r7f39/Dw8OFhWzb3Lb1973//8DNzc3Dw8OcnIv9/cb//8PT09N+fnH+/sQ0VaoxT563t5LIyKPS0q3o6L/7+8j//7///775+cq5ubmwsLD//8H//8F9krO/v5qzs4eZmYKmpo+Dg2fz88f8/L79/b/z88r//76np6ewsLBQUEj//77Hx8c/Pz83WbNNa7CNnqufra+Ojnft7cT398hnZ13t7sbJybVoaGj//77+/sNjY1vj4+Pm5uZ+fnA/WpmQoraysppwcGrm5sR3d3eGhobV1b/j46mUlJTn58qampr//77v785SUkz29s+goKDHx5SysrLy8tmkpKRERER5jKZ1dWd/f3Jubl/c3KTCw6rLy7Cbm4z//8B7e3aHh4FeXld8fGDe3sWhoaFZWVbBwbiNjY2OjmxVVVCBgYH//7/T08f8/Mve3qaTk5NjY1pISEgzUJhCY7JAXadLZqJeebVbdapZcJ9shLBqgKe7u4zBy7e7u6OKimqIiHtqaluQkIPT07bZ2bufopnf37+trZ21taStrYG+vqySkoxwcFmcnJZXV1Curqa3t691dXWpqX/b283j49M+Pj7r69eIiIhrhLehsba1wrq0v7WzvbDI0bnExJLPz5rU27iTk3Dl6bxoaFWfn3e8vIvMzJilpZ9UVEzKysD//76turRoaFdtbW1pfqCisrrI0LXH0LXn56+0wLb//76GmsA6VZacrcWElaVdc5z5+sQtUbIuUrQnRZUmQ5InRJQoR5wpSJ4qS6QsT6srTaktULAsT64oRpgmRJMoR5knRZcqSqIqSqApSZ8rTKcrTKUuU7V1jMKots1RbraTpczLsV4BAAAA43RSTlMADy5bmAK/AgoHAwULBAwYEwYcJT0OIh8SBhIK58hjS0UMZzwtKCUVxH9yHwvTzMFfMSoXo54rIRn9/Obc1MGqlHZwRT42M+Li3M7FxLWRiXpqVEw8OTYR/PHa1NS8r42Cd2tYQCscGRnz27uUinBva2dmWFZTTkhFPTsnJB4a4Le0srCtpaGakYqGZ2FdXVZWVlNRT0Q5NTU0Ivr29vLs7Ozn59G1s7Kvq6qemJiSkYqHgoJ8eXdpYEdGPDQtLCrm19LS0szGvKqjoJmUfHJxZ01HwaU859fMzLCYTeHf0amNdzt4dNoAAAUgSURBVGje3dpVlNNAGAXgtCVD0pIAAcriC1RocXenuLu7u7u7u7u7u7u7u7u7wwPzz6TNUODAwc98D3v3bXun3fbunhEEUbFJkmrihKpKmIpJlKyIohBEtEkhmt3pMHPB4XTZo2pR7S4XyahRNbcqW4UgiuR2+UJH1rBwoUarOKGRS0UOjROHZOTIPodmkoOfaFuIK7LFWyRbGC5kK+zJXix2PK/HAxk7XmxLnNxRTUpQZ0nzWd5yZVa2ckxeaJU7XfATLdlDvTe5shWdYXKr97jLFPQbrTpHFrnJlbIJkpY1suz+ZLndNlFgmRw1st3kS32Uh8n62UPtalBnsyXMDb5MRLFuGjmxsMUcovDe+cZ2NIXJE96amiTy3nkK2s7klCKtnCYluPMj3sRCE5ncW6wU/rjivXMeVJ/JPJ44LjW482PelE2aIL2RZQvDxxXvnR9vQ9OZrJA9NKokft75AXfKoV1MlitcwxGi8N75wS5UjslZxSJrsvhZ54f8mY62MTndM9JpsvLeOX2CpOmNTL8/tg9GN9P5NYfw2GayfPbjdvWzzm84NAnFYnISGd1s5/s82oGmMklHN++dp6IdTE5lRzd0fsGlWGgSk+zohs4vuZQHlWeyC4xupvMrLmVImiCDkRmY0Q2d7/GpAprBJB3dvHeejM4yOdkY3dD5LqfOoclM0tHNe+cZqAKTM+jo1js/41SGBEknGJmBjm698xNelUddmKSjW+/8nFf1UJInRtajo5t2vsWtnWgak3R08955GtrJ5DQyumnnO9y6lQTVM/KWPrpNDku2O/zqgsoz2YVuMdXRqvBTfk1ImuCWkROqkj80VNdIz22OVUCnmbwaB2YJ3DO4zbF62Wbp2RN/vVzTjt/E5HSlkl35+PE9liDL+fM9iD3YbmwmyOcX83MZA/L6ZQrIHJBEF4vK4ldJV8ivsi5rQKqA1IY+xI/dqCni8caLXSy7x4MTbtTUCDWnk6z43pAzzvVL70CqIt5m1GHsELYMHMT2YXNAQb/EjIq6/H4F/BpQs0FP0ItYABaCxaARVZUq6pcjIJ4uNkhG/dDNqYtfvTklqprPUmTrByybd2QpM+ZwjCHaU+vBMGIAsRJUqVLlAHby5Ml5oDvo2r0r6EbMBfNBb2IRtgQsBctBNV1TaiDRgmpNtaVq1sSPeDTh8+XGzN8HRZzBN+RMkiLCBTF7zXj7y6VPn76IxaeZvhQdSwnq1q2bFtSqVWvcuHElsTZt2gwfPnzw4KPYatCfqAIaUn2JfsQKsAocwdaAtWAIcQwbRWwAG7HNGzdjHSn8kDUtHeZ2u0Own7kKKdusMLhFGb+6vXvxv0+y4zc14evCMiKCuEQZ0Llz5/Hjx28CJUEb/SSw6rrGVBOqOTWIKI6VwHKC+Fjp0qWTY2nSpImEJUyYsHbtOnXCh4+ARYkSJVy4cLIs2xSrVRSFn2eV3Y6LxS5keJaspl0VfkhYVkQQI0aMwDF0pqdQC4MXxKlTp9aBEcRQoiVVnDQ2Kv+dzsAquc2hNRbdOm7WJCHIT50BiEHBKdQFaYktYCzRjsoVENT4z3YWFSmdM3fka2Z7iCz8DmGZb+kpsOcA7w5EJ6oDlYIRSZfQqPx7O0Np1a3Z7VqIpAh/WFgqWkAiED0gQoTwX4hARYHKv6szlJZVU4gq2UThbxMJKxaNkuVEunB+UcJBW0qmlX+xMxCtis1mgyvt/x49BErBbJ9TSGHwO37Sf9H4S+I3CD/rE7um+soh0GkyAAAAAElFTkSuQmCC'); padding-left: 1.5em; } /* .contentleft .title:before{content:'';height: 20px;width: 20px;position: absolute;top: calc(50% - 10px);left: 1em;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAMAAACnUt2HAAAAjVBMVEUAAAD///////////8PDw////////////////8AAAD9/f339/f8/Pzx8fH///9ubm5qamr////Z2dnY2NjY2Nj5+fn6+vrf39/u7u75+fnw8PDMzMzS0tLJycnJycm1tbXCwsL///90dHRhYWHOzs7////9/f3////r6+v////q6urOzs4sLCxWVlb///8EEYGsAAAALnRSTlMArSl+H8SaJXgc+vEG0KGIhoQ0LQT16uHc2NjOzc3MxLKkkYl6bmlhTj08LxcTMbWtOAAAAIlJREFUGNNt0NcOgzAMBVC3cZIGWlro3nsx/P+fR5DAQg73yTqJEuuCHgXRYOxYxBqYgIwnxfM/bwfVw3RXhPim2TLALzXKuErvSWI0ER0yxmlEXfYZ44Y4Jwxvrh+ue/N2PF+uW2/xHPn3ChHLV2NOrPSheOFAoIq8Sfw9sT0dbKnfp+U+h5qvATIYDT4guAcNAAAAAElFTkSuQmCC');} */ /* .contentleft .title:after{content:'';height: 9px;width: 100%;position: absolute;bottom: -10px;left: 0;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOIAAAAJCAMAAAAYTQCkAAAAXVBMVEUAAAA1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTUR9r8gAAAAH3RSTlMAAwYJDREoIxUfGDk9GzBCLTVcUntMbkdXmWKQhmh0L3T+iAAAATxJREFUOMvV04mOgjAUheHeLpSCILiAwyjv/5jT5SCdFmdJTIxfYiKQkJwfYMQdIaVUqqwaY4x2Cq+Dtm37RR3sgr03Oue7o3OBA0xwC4a72TvFrt98xj422QvX02kepstx3PVtoZtSKcmJiDFGjBy7UggppKW8clE5DZiFXhUQWgBqAHIEI8RF4ihrkLwJpFHmeRhu03SwA/d132m3UErhJzoU4Z6IyJRKIMNWCR0p9Foii1EnrwYsLcZQYoUSK3t8PI/jfle3XaENFmJiijI8l0fIJRlQAh6lKBZ5iz5AiySG/VvXfdvZfdpUdmBYyH5A+Znf8AeiFFkOFSuTFoAUMeRI2HGmaarSfYVCcCx8BnpyCshzpMqE32YJv4+Tw16Ctmyf3orA8dvG/dPjuCV7I/Rfb7XuLl3w54Vfp+AzOfHZlBYAAAAASUVORK5CYII=');} */ .contentleft .title span { margin: 0; color: white; font-size: 15px; font-weight: 600; position: relative; } .contentleft .content { /* padding: 15px; */ /* border: 1px solid #00429b; */ z-index: 1; margin-bottom: 2em; } .catalogue_left .content { padding-right: 0; } .catalogue_left .content .catalog-list { } .catalogue_left .content .catalog-list >li { position: relative; /* background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPEAAAAPBAMAAADHfTRTAAAAGFBMVEX9/f3z8/P6+vr19fX4+Pj////w8PDt7e3SvQObAAAA7klEQVQ4y72RQQrDIBBFRfAApdBsRXKBkJyg8QCzkd4grrtJr1/H6cRqaAlF+0Y0hsHHV+G+oJwDwNmlKexBOcUdvEBcqIEBHJ8AkW0OAuJ3lMrN9HNDtAAI/GQzS8VfILsDHHupNPXJ7TjlWtOW8tFza9/bNrC8QBuDd2wTY0WSfOc2Jqg57Dy2gN1a67fAWkoWz+QdTlUZA1M4vbdFaGlQ3G95T5U5Bzep7RVTp8j4xlE8jTPmrc8QY7/euoyM0EW3UGPqmcxSbpmlzM3IpSYcmq6bMt98F2t5LOs9q9Wv3ndZLZ6bUnFTqkNN8AQ8BPYvLPeRjwAAAABJRU5ErkJggg==') left bottom no-repeat; */ } .catalogue_left .content .catalog-list >li >a { } .catalogue_left .content .catalog-list >li >ul { position: absolute; top: 0; left: 100%; width: 100%; display: none; z-index: 999; background: #f8f8f8; border: 1px solid #d5d5d5; /* box-shadow: inset 0px 0px 20px #d5d5d5; */ } .catalogue_left .content .catalog-list >li >ul >li { /* background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPEAAAAPBAMAAADHfTRTAAAAGFBMVEX9/f3z8/P6+vr19fX4+Pj////w8PDt7e3SvQObAAAA7klEQVQ4y72RQQrDIBBFRfAApdBsRXKBkJyg8QCzkd4grrtJr1/H6cRqaAlF+0Y0hsHHV+G+oJwDwNmlKexBOcUdvEBcqIEBHJ8AkW0OAuJ3lMrN9HNDtAAI/GQzS8VfILsDHHupNPXJ7TjlWtOW8tFza9/bNrC8QBuDd2wTY0WSfOc2Jqg57Dy2gN1a67fAWkoWz+QdTlUZA1M4vbdFaGlQ3G95T5U5Bzep7RVTp8j4xlE8jTPmrc8QY7/euoyM0EW3UGPqmcxSbpmlzM3IpSYcmq6bMt98F2t5LOs9q9Wv3ndZLZ6bUnFTqkNN8AQ8BPYvLPeRjwAAAABJRU5ErkJggg==') left bottom no-repeat; */ /* padding-left: 10px; */ } .catalogue_left .content .catalog-list >li >ul >li >a { } .catalogue_left .content .catalog-list li { padding: 0.8em 0; position: relative; transition: all 0.5s; border-bottom: 1px dotted #E7E7E7; } .catalogue_left .content .catalog-list li:last-child { border: none } .catalogue_left .content .catalog-list li:hover { padding-left: 10px; transition: all 0.5s; } .catalogue_left .content .catalog-list >li:before { content: none; position: absolute; top: 0; right: -1px; height: 100%; width: 1px; background: white; z-index: 9999; } .catalogue_left .content .catalog-list >li:hover:before {/* content: '' !important */ } .catalogue_left .content .catalog-list li:hover >a { color: red; transition: all 0.5s } .catalogue_left .content .catalog-list li:hover >ul { display: block; transition: all 0.5s } /*.catalogue_left .content .catalog-list li:after{content:'';position: absolute;left: 0;bottom: 0;height: 1px;width: calc(100% - 25px);/* background: #ccc; */ } */ .catalogue_left .content .catalog-list li:last-child:after { content: none; } .catalogue_left .content .catalog-list li a { padding-left: 18px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEUAAADdAAQnW9u1AAAAAXRSTlMAQObYZgAAABRJREFUCNdjaGBwYFjAEADEDgwNABV+AxHFjhr4AAAAAElFTkSuQmCC') left center no-repeat; color: #464646; font-weight: 500; transition: all 0.5s; margin-left: 1em; font-size: 15px; font-family: 'Saira'; font-weight: normal; } .catalogue_left .content .catalog-list li ul { } #style-4::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } #style-4::-webkit-scrollbar { width: 5px; background-color: #0071d8; } #style-4::-webkit-scrollbar-thumb { background-color: #0071d8; border: 2px solid #0071d8; } /*LEFT SITE*/ /*News Video*/ .newsvideo { padding: 3em 0; background: #F9F9F9; } .newsvideo .blocknews { } .newsvideo .blockvideos { } .newsvideo .title h2 { font-size: 24px; color: red; text-transform: uppercase; margin: 0; font-weight: bold; } .newsvideo .title h2:before { content: ''; } .newsvideo .title h2:after { content: ''; position: absolute; top: calc(50% - 7px); left: 115%; height: 14px; width: 800px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjUAAAAOBAMAAAAlGfDsAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAACHRSTlMAHRoVAxALB8ig1lYAAAJMSURBVEjH7JXLbqtADIatclvPcJKzZSZJ2UKFlC1t1T2p+gAkT0DJ+0v1BayhoKoP0G3kP/Y3/pzAs4fIDYn7yFwD9X9438Etb1/tkNgudVVWl/HlEa4HePFtZPrUVLE/whMVtmM+RLZPHBY2cf0IlxN85oDZN9tltgL/D572cM1byro+pSZnwMLrDkZq0qdUWMR1ydkDPLg2ocImdiVlb7v2zk1S02XS5IqFHl7NkBhpgqPs55kNZbP6DDRzDqNt36hJFduCZr7s6CPklZm5L/PemZcK3XHmLYBTeyFFeEmdJ9IxIKUnuewptSTFLJEOE6mrQlKe1jSYnUmtkp4DUnxhfqUlqRPSUkm5CY1SYF/EwuxEmm2Qmipz4Wad9A02S31Nx01ks1jIvNgECghJyyWp0Y6SYlL1gUhHJKVVBaSjVR90VXn74IRUvo6ygACy08wfOUukoKRQh69k+02Hu9DhNrLDd4fvwWbFYcpSk7XDiRQqL4CSovlCiqkaSdfmC6mYvyLNZ1InpIcFqQCo+Up6YlJ8ThOYrw4vSG8zabp2OAkdvikpOxxPDvuVw2O+dvhAhzI5DGL++sYTSinpSX6X5MZpVesbL4FJVZxKrzW4cRkiND8Lb1wdVvNBzV86LH0x+5PDoQ/gZbPosJfNftDM9WKzHTmslw7TjbMi0frG1fzYEymbr1L+9sYRHrPhjasPSmoX18oOC4DbdNgFDke62W+kW5s1zeavt8y83Ozf/9Tf/9TXRuup0XpqtJ4aradG66nRemq41VMALOhc55+90W4AAAAASUVORK5CYII='); } .newsvideo .title { margin-bottom: 1em; overflow: hidden; color: #0078de; padding-bottom: 0.5em; position: relative; } .newsvideo .title:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #cfcfcf; } .newsvideo .blocknews { } .newsvideo .blocknews .details { } .newsvideo .blocknews .details .newsest { width: 45%; float: left; } .newsvideo .blocknews .details .newsest >a { display: inline-block; overflow: hidden; width: 100%; } .newsvideo .blocknews .details .newsest >a img { width: 100%; } .newsvideo .blocknews .details .newsest .views { } .newsvideo .blocknews .details .newsest .views >a { } .newsvideo .blocknews .details .newsest .views >a h3 { font-size: 1.2em; color: #434343; transition: all 0.5s; margin: 0.3em 0; font-weight: bold; } .newsvideo .blocknews .details .newsest .views h4 { font-size: 1em; font-weight: normal; text-align: justify; line-height: 1.5em; color: #666; } .newsvideo .blocknews .details .newsest .views .viewmore { text-align: right; margin-right: 0; margin-top: 0; } .newsvideo .blocknews .details .newsest .views .viewmore a { font-weight: normal; color: #cfcfcf; font-size: 1em; padding: 0.35em 0.5em; border: 1px solid; float: left; } .newsvideo .blocknews .details .newslist { width: 53%; float: right; } .newsvideo .blocknews .details .newslist .vert1 { margin: 0; padding: 0; height: 345px; } .newsvideo .blocknews .details .newslist ul { border-bottom: 1px solid #cfcfcf; } .newsvideo .blocknews .details .newslist ul li { text-align: justify; border: none; padding: 0.5em 0; border-bottom: 1px solid #cfcfcf; } .newsvideo .blocknews .details .newslist ul li .img { width: 30%; float: left; } .newsvideo .blocknews .details .newslist ul li .views { width: 68%; float: right; } .newsvideo .blocknews .details .newslist ul li .img a { display: inline-block; overflow: hidden; } .newsvideo .blocknews .details .newslist ul li .img a img { width: 100%; } .newsvideo .blocknews .details .newslist ul li .views a { } .newsvideo .blocknews .details .newslist ul li .views a h3 { font-size: 15px; color: #434343; margin-top: 0; transition: all 0.5s; font-weight: bold; } .newsvideo .blocknews .details .newslist ul li .views h4 { font-size: 13px; font-weight: normal; line-height: 1.5em; text-align: justify; color: #444; } .newsvideo .blockvideos .details .view_video { padding: 0 0.2em; } .newsvideo .blockvideos .details .result_video iframe { height: 250px; } /*News Video*/ .content-body { margin: 2em 0; } .content-body { } .content-body .blockleft { margin-top: 2em; } .content-body .blockleft .blockitem { } .content-body .blockleft .blockitem .titleb { } .content-body .blockleft .blockitem .titleb span { } .content-body .blockleft .blockitem .contentb .vert1 { height: 450px; } .content-body .blockright { } .content-body .blockleft .blockitem .title span.iconsalesafter { padding-right: 1.25em; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABcklEQVRIx2PQiNFhwIPlgLgCiHcC8WMg/gHEn4H4OhDvgMop4jMDn8HLgPgPEP8ngP9C1coRa4EfEH8iwmB0DPJZJCEL8qEu+k8m/gfEhbgsCIcq+E8h/gc1C8UCOagX/1MJf4bFCcyCpVQ0HIaXwyyQxxXurkUe/6/cu/ofBEA0iA+TM0u3+v/o5eP/dXMb8KUueZAF5bhcMXvz3P/HrhwHs0GGgfgwue0nd4IxAV+UM0AzDFYFK/etBmN0NsjVH798BPuCgAU7QBY8IdYHPSv6wMEEMrxgUhEx8fCEAZr9/+OKA5DBsDgAuRhEIwcVAfwTrwXoGOQDkIXBtWE4Ix+bBU+IMRxkKAiAaHyRjy2IdhJjASwO8EU+rkguJ2Q4yIWgoMAX+fiSqQK+Ai6xPQWcapDDGVvk48hoCrCiYjktiwq6FHYgHEHF4jqClhVOMS2rzChSKv3lRPrmL1Qt0ZU+rmYLKMf/guInUDGQnBI+MwCdg6rwEMRzYQAAAABJRU5ErkJggg==) right center no-repeat; } .blockleft .blockitem .quesst { } .blockleft .blockitem .quesst li { line-height: 2em; text-align: justify; padding: 5px 0; /* border-bottom: 1px dashed #d6d5d5; */ } .blockleft .blockitem .quesst .img img { width: 100%; } .blockleft .blockitem .quesst .cont h4 { font-size: 1.5em; } .blockleft .blockitem .quesst .cont h5 { font-size: 1em; font-weight: normal; line-height: 1.5em; } .blockleft .blockitem .pro_salse { } .blockleft .blockitem .pro_salse ul { } .blockleft .blockitem .pro_salse ul li { padding: 0.5em 0; } .blockleft .blockitem .pro_salse .img { } .blockleft .blockitem .pro_salse .img a { } .blockleft .blockitem .pro_salse .img a img { } .blockleft .blockitem .pro_salse .cont { } .blockleft .blockitem .pro_salse .cont h3 { font-size: 1.25em; margin: 0; margin-bottom: 0.5em; text-align: justify; } .blockleft .blockitem .pro_salse .cont h3 a { color: #4b4747; } .blockleft .blockitem .pro_salse .cont h4 { font-size: 1.5em; text-align: left; color: #2d6e32; } .blockleft { } .blockleft .blockitem { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #d6d5d5; } .blockleft .blockitem .contentb { } .blockleft .blockitem .contentb .choosenow { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 5px; } .blockleft .blockitem .contentb .choosenow.colorit { grid-row-gap: 0; } .blockleft .blockitem .contentb .choosenow.shapeit li.selected { border-color: red !important; box-shadow: 0 0 3px rgba(255, 0, 0, 0.35); } .blockleft .blockitem .contentb .choosenow li { transition: all 0.3s } .blockleft .blockitem .contentb .choosenow.shapeit li { border: 1px solid #d6d5d5; /* background: white; */ border-radius: 5px; padding: 3px; text-align: center; } .blockleft .blockitem .contentb .choosenow li span { width: 100%; display: -webkit-box; padding-top: 100%; border: 1px solid #d6d5d5; } .blockleft .blockitem .contentb .choosenow.colorit li { } .blockleft .blockitem .contentb .choosenow.colorit li a { display: inline-block; width: 100%; padding: 3px; border: 1px solid #d6d5d5; border-radius: 5px; transition: all 0.5s } .blockleft .blockitem .contentb .choosenow li img { width: 100%; /* border-radius: 4px; */ } .blockleft .blockitem .contentb .choosenow.colorit li a.selected { border-color: red; box-shadow: 0 0 3px rgba(255, 0, 0, 0.35); } .blockleft .blockitem .contentb .choosenow.colorit li { } .blockleft .blockitem .contentb .choosenow.colorit li span { } .content-body .rowstitle { text-align: center; display: inline-block; width: 100%; padding: 1em 0; margin-bottom: 1em; position: relative; } .content-body .rowstitle:after { content: none; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #D7D7D7; } .content-body .rowstitle .title { position: relative; display: inline-block; } .content-body .rowstitle .title >span { color: #285c2c; /* text color + color overlay */ position: relative; z-index: 9; font-size: 2em; font-weight: bold; } .content-body .rowstitle .title .num { position: absolute; top: 0; right: -23px; height: 44px; width: 44px; 0% */border-radius: 50%; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .content-body .rowstitle .title .num span { color: #424242; font-size: 1.1em; } .content-body .rowstitle .subtitle { width: 100%; margin: 0.5em 0; margin-top: 2em; position: relative; } .content-body .rowstitle .subtitle a { } .content-body .rowstitle .subtitle i { } .content-body .rowstitle .subtitle { } .content-body .rowstitle .subtitle ul { } .content-body .rowstitle .subtitle ul li { display: inline-block; margin: 0 0.5em; padding: 0.75em 1.5em; /* background: linear-gradient(#eebc5c, #ec9f0d); */ border: 1px solid transparent; border-radius: 3px; cursor: pointer; font-weight: 600; text-transform: uppercase; transition: all 0.3s; } .content-body .rowstitle .subtitle ul li:hover, .content-body .rowstitle .subtitle ul li.active { color: white; background: linear-gradient(#eebc5c, #ec9f0d); border: 1px solid #ec9f0d; } .content-body .rowstitle .subtitle ul li a { color: black; } .productsales .content { } .productsales .content .saleadv_long { width: 75%; float: left; } .productsales .content .saleadv { width: 25%; float: right; } .productsales .content .saleadv_long li { } .productsales .content .saleadv_long li img { } .productsales .content .saleadv li { } .productsales .content .saleadv li img { } .productsales .content .pro_salse { position: relative; padding: 0; border: 1px solid #f5f5f5; } .productsales .content .pro_salse .owl-theme .owl-controls .owl-buttons div.owl-prev { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAbCAMAAABVyG9ZAAAAQlBMVEXo6Ojn5+dvb2+Li4twcHDi4uLc3NyxsbHk5OS1tbWnp6eXl5eIiIiEhISBgYHe3t7a2tq9vb2ioqKenp6bm5uPj4+kQpI5AAAAbElEQVQoz7WS2w6AIAxDVxiIIHj//19V4utGDNG+nqTtLkQEeiUQOkjTH59ltacIh1V4SGaXvVziTY53J0c50FkTlSbWDFrpwivkybAUHkmRz0ZmIPipxkGk880gQFRPm9Xt4mnYc8x/hOarXkllAZ/p12uKAAAAAElFTkSuQmCC'); width: 26px; height: 27px; left: -13px; } .productsales .content .pro_salse .owl-theme .owl-controls .owl-buttons div.owl-next { width: 26px; height: 27px; right: -13px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAbCAMAAABVyG9ZAAAAQlBMVEXo6Ojn5+dvb2+Li4twcHDi4uLc3NyxsbHk5OS1tbWnp6eXl5eIiIiEhISBgYHe3t7a2tq9vb2ioqKenp6bm5uPj4+kQpI5AAAAcklEQVQoz62SWQ6AIAxE7QIuCO73v6rl09gJiXH6RV9oO9AOiB4HCyDMahozqHYvjEFWzgFdOThBtmsKXtWamPQK7jhkjCWgmj0LcEWbFmBi1LL63kbO0bVsjeZohd+AjCzgGbNEdwKq4YHWf/ykLytxA0WJAZ/aslYnAAAAAElFTkSuQmCC'); transform: scale(1); } .advcenter { margin-bottom: 2em; } .advcenter .col { float: left; width: 26.25%; } .advcenter .col:nth-child(1) { } .advcenter .col:nth-child(1) .img { } .advcenter .col:nth-child(2) { padding: 0 10px; width: 47.5%; } .advcenter .col .img:nth-child(2) { margin-top: 10px; } .advcenter .col .img { } .advcenter .col .img img { width: 100%; } .productindex { } .productindex.bgccc { background: #f7f7f7; margin: 0; padding: 2em 0; } .productindex .contentimg { width: 240px; } .productindex .contentproduct {/* width: calc(100% - 255px); *//* margin-bottom: 15px; */ } .productindex .grp-product { grid-template-columns: 1fr 1fr 1fr 1fr; position: relative; } .productindex .content { /* border: 1px solid #f5f5f5; */ } @media (max-width:768px) { .productindex .contentimg { display: none; } .productindex .contentproduct { width: 100%; } } .blocklogin { } .blocklogin .active_member { position: relative; width: 100%; } .blocklogin .active_member:hover ul { height: auto; } .blocklogin .active_member a b { } .blocklogin ul { position: absolute; width: 110%; left: -5%; top: 100%; background: white; /* padding: 1em 0; */ border-radius: 0 0px 10px 10px; height: 0; overflow: hidden; transition: all 1.5s } .blocklogin ul li { padding: 0.35em 0; } .blocklogin ul li:hover { background: #2960e2 } .blocklogin ul li:hover a { color: white !important } .blocklogin ul li a { color: #2960e2 !important; font-size: 1.15em; } #top--emy { padding: 5px; } #top--emy .adv-left { width: 265px; float: left; display: inline-block; } #top--emy .adv-center #slider { } #top--emy .adv-center { width: 602px; float: left; padding-left: 5px; position: relative; } #top--emy .adv-right { width: 333px; float: right; position: relative; padding-left: 5px; } #top--emy .adv-right ul { border: 1px solid #ebebeb; padding: 15px; } #top--emy .adv-right ul li { padding: 0 2px 0 0; border-bottom: 1px dashed #d2d0d0; padding: 0.4em 0; display: flex; align-items: center; } #top--emy .adv-right ul li:last-child { border: none; padding-bottom: 0; } #top--emy .adv-right ul li:first-child { padding-top: 0 } #top--emy .adv-right ul li .img { width: 25%; float: left; } #top--emy .adv-right ul li .img img { } #top--emy .adv-right ul li .text { width: 75%; float: right; } #top--emy .adv-right ul li .text p { font-size: 14px; text-transform: uppercase; color: #1c1c1c; margin-bottom: 0.25em; } #top--emy .adv-right ul li .text a { font-size: 18px; font-weight: bold; text-transform: uppercase; color: #e41b1b; } #top--emy .adv-right ul li img { } @media only screen and (max-width:1200px) { #top--emy .adv-left { width: 0; display: none !important; } #top--emy .adv-center { width: 62%; } #top--emy .adv-right { width: 38%; } } @media only screen and (max-width:768px) { #top--emy .adv-center { width: 100%; } #top--emy .adv-right { display: none; } } .bigsale--emy { margin: 1em 0; } .bigsale--emy .col { width: 100%; } .bigsale--emy .container { border-top: 4px solid #2960e2; } .bigsale--emy .col .adv { } .bigsale--emy .col .adv .adv-slider { } .bigsale--emy .col .adv .adv-slider li { } .bigsale--emy .col .adv .adv-slider li img { } .bigsale--emy .col .itemsales { } .bigsale--emy .guides { } .bigsale--emy .guides .blockguides { background: #f5f5f5; } .bigsale--emy .guides .blockguides ul { } .bigsale--emy .guides .blockguides .title { padding: 0.9em 0; text-align: center; background: #ededed; } .bigsale--emy .guides .blockguides .title h2 { margin: 0; font-size: 1.1em; } .bigsale--emy .guides .blockguides ul { padding: 15px 10px; } .bigsale--emy .guides .blockguides ul li { padding: 0.45em 0; } .bigsale--emy .guides .blockguides ul li a { color: #2d2d2d; } .bigsale--emy .guides .blockguides ul li a img { } .bigsale--emy .guides .blockguides ul li a span { transition: all 0.5s } .bigsale--emy .guides .blockguides ul li a span:hover { transition: all 0.5s; color: red } .bigsale--emy .itemsales { position: relative; } /*.bigsale--emy .itemsales .owl-item .item{border-right: none;}*/ .bigsale--emy .itemsales .owl-item:last-child .item { border-right: 1px solid; } .bigsale--emy .itemsales .owl-item .item { width: 100% !important; } .bigsale--emy .itemsales .owl-item .item { margin-left: 0; } .bigsale--emy .itemsales .h-product { /* padding: 0 6px; */ } /* INDEX PRODUCT MASTER -- BOOOOOMMMMMMM BIGBANG */ .content-indexsite .block_prolist { } .content-indexsite .block_prolist .title { display: inline-block; width: 100%; background: #f5f5f5; /* margin-bottom: 2em; */ display: flex; align-items: center; } .content-indexsite .block_prolist .title .mastitle { display: inline-block; float: left; padding: 0.25em 1.5em 0.25em 0.5em; box-shadow: 5px 0px 0 #c3bdbd; padding-bottom: 0; } .content-indexsite .block_prolist .title .mastitle img { } .content-indexsite .block_prolist .title .mastitle h2 { display: inline-block; margin: 0; font-size: 1.2em; color: white; font-weight: bold; margin-left: 0.5em; } .content-indexsite .block_prolist .title .subtitle span { Ư } .content-indexsite .block_prolist .title .subtitle ul { } .content-indexsite .block_prolist .title .subtitle ul li { display: inline-block; padding: 0.5em 1.0em; color: #5d5d5d; text-transform: uppercase; transition: all 0.5s; cursor: pointer } /*.content-indexsite .block_prolist .title .subtitle ul li:hover{color: #ed0075}*/ .content-indexsite .block_prolist .content { } .content-indexsite .block_prolist .content .imglist { width: 280px; float: left; } .content-indexsite .block_prolist .content .imglist a { } .content-indexsite .block_prolist .content .imglist a img { } .content-indexsite .block_prolist .content .show-product { width: calc(100% - 280px); float: right; } .content-indexsite .setcolor-pink .title .subtitle li:hover { color: #ed0075; } .content-indexsite .setcolor-pink .mastitle { background: #ed0075; } .content-indexsite .setcolor-pink .title { border-bottom: 5px solid #ed0075; } .content-indexsite .setcolor-red .title .subtitle li:hover { color: #df0000; } .content-indexsite .setcolor-red .mastitle { background: #df0000; } .content-indexsite .setcolor-red .title { border-bottom: 5px solid #df0000; } .content-indexsite .setcolor-orange .title .subtitle li:hover { color: #ff6c00; } .content-indexsite .setcolor-orange .mastitle { background: #ff6c00; } .content-indexsite .setcolor-orange .title { border-bottom: 5px solid #ff6c00; } .content-indexsite .setcolor-blue .title .subtitle li:hover { color: #005faf; } .content-indexsite .setcolor-blue .mastitle { background: #005faf; } .content-indexsite .setcolor-blue .title { border-bottom: 5px solid #005faf; } .content-indexsite .block-productlist { width: 960px; float: left; } .content-indexsite .block-productlist .col { } .content-indexsite .block-productlist .col:nth-child(1) { width: 240px; float: left; } .content-indexsite .block-productlist .col:nth-child(2) { width: 716px; float: right; margin-top: 2px; } .content-indexsite .block-productlist .col:nth-child(3) { } .content-indexsite .block-productlist .catalog { } .content-indexsite .block-productlist .catalog .title { width: 100%; height: 65px; display: flex; align-items: center; justify-content: center; } .content-indexsite .block-productlist .catalog .title h2 { margin: 0; font-family: 'Calibri'; font-weight: bold; color: white; font-size: 20px; text-transform: uppercase; } .content-indexsite .block-productlist .catalog h3 { margin: 0; font-size: 14px; color: #2e2e2e; margin: 0.5em 0; } .content-indexsite .block-productlist .catalog .cat-items { } .content-indexsite .block-productlist .catalog .cat-items .item { width: calc(50% - 2px); float: left; text-align: center; height: 110px; display: flex; align-items: center; justify-content: center; margin: 1px; background: #f5f5f5; transition: all 0.5s } .content-indexsite .block-productlist .catalog .cat-items .item:hover { background: #c2ffbd } .content-indexsite .block-productlist .catalog .cat-items .item a { display: inline-block; /* width: 100%; */ /* height: 100%; */ } .content-indexsite .block-productlist .catalog .cat-items .item a img { } .content-indexsite .block-productlist .catalog .adv-list { width: 100%; padding: 1px; } .content-indexsite .block-productlist .catalog .adv-list a { } .content-indexsite .block-productlist .catalog .adv-list a img { width: 100%; transition: all 0.5s } .content-indexsite .block-productlist .adv-product { } .content-indexsite .block-productlist .adv-product .content { } .content-indexsite .block-productlist .adv-product .content .show-imglist { width: 358px; float: left; position: relative; } .content-indexsite .block-productlist .adv-product .content .show-imglist ul { } .content-indexsite .block-productlist .adv-product .content .show-imglist ul li { } .content-indexsite .block-productlist .adv-product .content .show-imglist ul li img { } .content-indexsite .block-productlist .adv-product .content .show-product { } .content-indexsite .block-productlist .adv-product .content .show-product .h-product { padding: 1px; } .content-indexsite .block-productlist .adv-product .content .show-product .h-product .item { } .content-indexsite .block-productlist .adv-product .content .show-product .h-product .item img { } .content-indexsite .block-productlist .adv-product .content .show-product { width: 355px; float: right; } .content-indexsite .block-productlist .adv-product .submenucat { width: 100%; } .content-indexsite .block-productlist .adv-product .submenucat ul { width: 100%; display: flex; } .content-indexsite .block-productlist .adv-product .submenucat ul li { float: left; /* padding: 0.80em 1.5em; */ border: 1px solid #ccc; flex: 2; text-align: center; padding-top: 0.8em; padding-bottom: 0.8em; transition: all 0.5s } .content-indexsite .block-productlist .adv-product .submenucat ul li:hover { background: #c2ffbd; transition: all 0.5s } .content-indexsite .block-productlist .adv-product .submenucat ul li:hover a { } .content-indexsite .block-productlist .adv-product .submenucat ul li a { color: #4a4a4a; transition: all 0.5s } .content-indexsite .colorred { border-left: 2px solid #cd1717; border-top: 2px solid #cd1717; } .content-indexsite .coloryellow { border-top: 2px solid #e5c721; border-left: 2px solid #e5c721; } .content-indexsite .colorred .title { background: #e82121; } .content-indexsite .coloryellow .title { background: #efcf21; } .content-indexsite .block-productlist .adv-product .content .show-product .h-product .item h3 { height: 16px; } .content-indexsite .block-productlist .adv-product .content .show-product .h-product .details { margin-top: 0; } .content-indexsite .block-productlist .adv-product .content .show-product .group { width: 100%; float: left; } .content-indexsite >div { margin-bottom: 2.5em; } .content-indexsite .block-productview { width: 220px; float: right; } .content-indexsite .block-productview .h-product .item { background: #f5f5f5; margin-bottom: 0.5em; } .content-indexsite .block-productview .h-product .details { margin-top: 0em !important; } .content-indexsite .block-productview .vert1 { height: 510px; } @media only screen and (max-width:1200px) { .content-indexsite .block_prolist .content .imglist { display: none; } .content-indexsite .block_prolist .content .show-product { width: 100%; } } @media only screen and (max-width:500px) { .content-indexsite .block_prolist .title .mastitle { } .content-indexsite .block_prolist .title .subtitle { } .content-indexsite .setcolor-pink .title { flex-wrap: wrap; } .content-indexsite .block_prolist .title .subtitle ul { margin-top: 1em; } .content-indexsite .block_prolist .title .subtitle ul li { padding: 0.5em; } } /*PRODUCT CUSTOMER*/ .productcustom { position: relative; margin-bottom: 2em; margin-top: 2em; } .productcustom .title { margin-bottom: 1em; padding: 0.5em 0; border-bottom: 1px solid #999; } .productcustom .title h2 { } .productcustom .title h2 { margin: 0; font-size: 25px; color: #1b1b1b; display: inline-block; text-transform: uppercase; /* color: #999999; */ } .productcustom .content { } .productcustom .content .grp-product { } .productcustom .content .grp-product .h-product { padding: 0 10px; } .productcustom .content .grp-product .item { } .productcustom .content .grp-product .details { } .productcustom .content .grp-product .details h3 { } .productcustom .content .owl-prev { } .productcustom .content .owl-theme .owl-controls .owl-buttons div.owl-prev { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAMAAAApB0NrAAAASFBMVEWZmZmfn5+cnJz///+ioqKampqkpKShoaHc3Nyurq74+Pjh4eHV1dW2trazs7P8/PzZ2dnR0dHNzc3FxcWwsLCrq6vi4uLKyspd3CbJAAAAmklEQVQ4y93TSw7CMAwE0Ezi2G0pv1Lg/jdlsm2lCTtQvX5y/EuK3I2E1I2DmMromOp45CxNNQzlnasyQTKt0rQs19HFWyS3Ui4OUbNjJjGI3s3umyw7E0FyNogZIhaSQFLG5pYmK5MCRGtDquZg5yORMEQDkeydCKc2ZmzNDk1PuYuGXkR679WZaaHp3hi+uNV/+ju/NY5ufADcpQQxZ+bEuQAAAABJRU5ErkJggg=='); width: 35px; height: 35px; top: 0; right: 3em; left: auto; } .productcustom .content .owl-theme .owl-controls .owl-buttons div.owl-next { width: 35px; height: 35px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAMAAAApB0NrAAAAS1BMVEWZmZmfn5+cnJyenp7///+ioqKkpKShoaGbm5uampqurq7h4eH4+Pjb29vV1dXQ0NC2traysrL8/Pzd3d3Ly8urq6vX19fGxsbDw8OK6GgXAAAAmElEQVQ4y9XTSxbDIAgFUAFRsEn6/+x/pRUnHeU5TRnfA5wnJp5WTfOS/zdm5hPD/KFi0Bg/8p3UsWlLRxXPKu2WV1G4M5VrDgRMR9rRRgXmI9HprAozFL10VCvMWepAhAxHo02RYW2xNZo1yKuinSXIGmTXSAR9IoVv8VwG2TfOPwJuo5PiyCThN76xKHP3I/2dAxiaVvkCF+MFEQ5r5ZwAAAAASUVORK5CYII='); top: 0; left: auto; right: 0; transform: scale(1); } .mabot1em { margin-bottom: 2em; } .contentright .content-body { margin: 0; } .content-body .bodyleft { width: 70%; float: left; } .content-body .bodyright { width: 28%; float: right; position: sticky; top: 1em; right: 0; background: rgba(255, 255, 255, 0.75); } .content-body .bodyright .title { margin: 0; background: #285c2c; padding: 0.75em 0; border: 1px solid #285c2c; text-align: center; } .content-body .bodyright .title h2 { margin: 0; padding: 0; font-size: 18px; color: white; font-family: 'Calibri'; font-weight: normal; } .content-body .bodyright .title h2:before, .content-body .bodyright .title h2:after { content: none; } .content-body .bodyright .content { background: rgba(40, 92, 44, 0.15); padding: 0 15px; border: 1px solid #285c2c; } .content-body .bodyright .content ul { width: 100%; } .content-body .bodyright .content ul li { padding: 15px 0; border-bottom: 1px solid #ccc; } .content-body .bodyright .content ul li a { } .content-body .bodyright .content .img { display: inline-block; float: left; width: 40%; } .content-body .bodyright .content .img img { width: 100%; } .content-body .bodyright .content .name { width: 57%; float: right; } .content-body .bodyright .content .name h3 { margin: 0; font-size: 13px; color: #474747; line-height: 1.5em; text-align: justify; } .content-body .bodyright .content .name h5 { color: #454545; } .content-body .bodyright .content .name h5 b { color: #e01919; } @media (max-width:768px) { .content-body .bodyright { display: none; } .content-body .bodyleft { width: 100%; } } /*PRODUCT DETAILS LAYOUT*/ .product-shortinfo { } .product-shortinfo ul { } .product-shortinfo ul li { padding: 0.5em 0; } .product-shortinfo .content { } .product-shortinfo .content .name { } .product-shortinfo .content .name a { } .product-shortinfo .content .name h1 { margin: 0; font-size: 1.75em; color: black; } .product-shortinfo .content .code { } .product-shortinfo .content .code b { } .product-shortinfo .content .grp_price { } .product-shortinfo .content .grp_price .price { width: 50%; float: left; text-align: left !important; color: #444; margin: 0; } .product-shortinfo .content .grp_price .price b { color: #e01919; font-size: 1.2em; } .product-shortinfo .content .grp_price .priceold { width: 50%; float: right; text-align: left; } .product-shortinfo .content .grp_price .priceold span { padding: 0 0.5em; text-decoration: line-through; } .product-shortinfo .content .color span { width: 20%; float: left; } .product-shortinfo .content .color .color-content { width: 80%; float: right; text-align: left; } .product-shortinfo .content .color .color-content li { height: 25px; width: 25px; display: inline-block; margin-right: 0.5em; cursor: pointer; position: relative; border-radius: 50%; margin-bottom: 0.5em; } .product-shortinfo .content .color .color-content li:active { } .product-shortinfo .content .color { } .color-active { } .color-active:after { content: ''; width: 10px; height: 10px; position: absolute; top: 8px; left: 8px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAXVBMVEUAAABPTSFQTiFHRRaUkniKiWtjYjvx8e7w8Ozr6+bf39jf39fU08ja2dDR0cXHxrjBwLHY2M7CwbGwr5vg4NihoIiYln2xsJyKiWySkHWTk3izsqBubEj////6+vhQJZO4AAAAHXRSTlMACQsFTyIS8uni29nTwsK7t6WhmIx5a2dgXEA/KZqKfSQAAABPSURBVAjXFc3HEcBAEALBuT157z3KP0ytmg8fCsLPyI6UYA56lQTvkVkSLrJK704yJFySFpDyrZJGoNWvNjydt+LxOWSNdGMWMNLpJPrPB+lmBIrYhKKgAAAAAElFTkSuQmCC'); background-size: cover; } .product-shortinfo .content .size { width: 40%; float: left; } .product-shortinfo .content .quanlity { width: 60%; float: left; position: relative; /* margin-top: 0.25em; */ padding: 0 15px; padding-left: 10%; padding-top: 0.5em; } .product-shortinfo .content .quanlity input { width: 60px; position: relative; /* padding: 1em; */ text-align: center; border-radius: 0; margin: 0; float: left; } .product-shortinfo .content .quanlity span { float: left; margin-right: 2em; padding-top: 0.5em; } .product-shortinfo .content .quanlity input { width: 50%; } .product-shortinfo .content .quanlity .btn-add { top: 5px; height: 16px; width: 16px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAIVBMVEX///8dHR3Z2dmcnJxCQkKx6f//6bFjHWNkZGSVzf//zZU8Gg0VAAAAN0lEQVQI12NgdhQEAhEDBgsFBiBgamZwYgADFQYBCIMRxEgPwMHgAuqWxKsGZg6CAbcCbincGQC8HglpStkF5wAAAABJRU5ErkJggg=='); padding: 0; right: -5px; } .product-shortinfo .content .quanlity .btn-sub { position: absolute; right: 0; bottom: 0px; padding: 0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEX///8dHR3Z2dmcnJxCQkJkZGSVzf//zZX5iDBRAAAAMUlEQVQI12NgdhQEAhEDBlMFBiBgCmZwYgADFQYBCIMRL4MdqFsMLkIcA24F3FK4MwBWagSzCnrdOgAAAABJRU5ErkJggg=='); height: 16px; width: 16px; right: -5px; } .product-shortinfo .content .quanlity button { position: absolute; right: 0; } .product-shortinfo .content .shipper, .product-shortinfo .content .shipto { display: flex; align-items: center; margin: 0.3em 0; } .product-shortinfo .content .shipto >span, .product-shortinfo .content .shipper >span { width: 20%; display: inline-block; float: left; } .product-shortinfo .content .shipto .blockselect, .product-shortinfo .content .shipper .blockselect { width: 30%; float: left; } .product-shortinfo .content .shipto .log, .product-shortinfo .content .shipper .log { float: right; width: 50%; padding-left: 2em; } .product-shortinfo .content .shipto .log span, .product-shortinfo .content .shipper .log span { color: #4267b2; font-weight: bold; } .product-shortinfo .content .shipto .blockselect .select2, .product-shortinfo .content .shipper .blockselect .select2 { width: 100% !important; } .product-shortinfo .content .shipto .blockselect .select2-container--default .select2-selection--single, .product-shortinfo .content .shipper .blockselect .select2-container--default .select2-selection--single { border-left: 1px solid #ccc; border-right: 1px solid #ccc } .product-shortinfo .content .shipper { } .product-shortinfo .content .shipper >span { } .product-shortinfo .content .shipper .log { } .product-shortinfo .content .shipper .log span { } .product-shortinfo .content .numview { } .product-shortinfo .content .numview b { } .product-shortinfo .content .static_p { } .product-shortinfo .content .static_p b { font-size: 1.2em; color: #4267b2; } .product-shortinfo .content .grp_btn { } .product-shortinfo .content .grp_btn .btn_buynow { float: left; padding: 9px 9px; margin-right: 10px; background: #e12929 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAPCAMAAAA4caRkAAAAkFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+WABnwAAAAL3RSTlMAIr8QwhXMu586NjG2kUo/r6qmcUQtG9zXz8ayh1lPKicE+PHkmot8Yw0K7HghH1PemiwAAACySURBVBjTbc1HDsMgFATQb9ywMbj33kva/W8XQuwFSt5mpGG+AD9Nsyf8im3boZAokocKHJmOShPQqTDEDQqhiwmxbct1oyhibAlE32Qwa8g0HacsPc8PyqETfZ81vdLGhO8j1tT1guErRED5gcO3eKZ4aM9enayki/mc1Vu4+hgu99H8zANMqzXcdLj0RQV/JSlTL9KDmxeGoFGQWEQXLCLV7SsXud9GXfogxyIPE+083jmXDBzwbZh5AAAAAElFTkSuQmCC') left 8px center no-repeat; padding-left: 42px; cursor: pointer; color: #fff; font-weight: bold; border: 1px solid #e12929; text-transform: uppercase; border-radius: 5px; } .product-shortinfo .content .grp_btn .btn-booking { float: left; padding: 9px 22px; margin-right: 10px; background: #f2b309 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAMAAABl5a5YAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAInRSTlMA9+vtZWr7TiJW18i+PAzMtKSVjWJGQxLv4N5xX11PLx0H0jZoYQAAAIBJREFUGNO1zFcOg0AMBNBZb8myjQ7pxfc/ZByIQDlA3oflGVnGYgxEpxt29yOzMtgd9B+KkaS4bvHRN4rZpS5jNTe8SE98+ZrFOa/BF2D6/KiA4j1iLQsuzD2AKUY4thBtKjIrxSA5Fa8ZIpMGudZYa4dBhukUQbNTG8cagX6ENxxWCNbwjPKJAAAAAElFTkSuQmCC') left 8px center no-repeat; padding-left: 42px; cursor: pointer; color: #fff; font-weight: bold; border: 1px solid #f2b309; text-transform: uppercase; border-radius: 5px; } .product-shortinfo .content .grp_btn .btn-booking a { color: white; } .product-shortinfo .content .grp_social { } .advoflist { margin-top: 1em; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px; } .advoflist .img { } .advoflist .img img { width: 100%; } /*selectbox customer*/ .custom-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: auto; padding: 5px 38px 5px 16px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEX///+Xl5fLy8uEwcGnAAAAH0lEQVQI1wXBQREAAAgDIM6fQYy0aOsrMCxHTWxcNA8UXwLfGgwDbgAAAABJRU5ErkJggg==') #fff no-repeat right bottom; background-size: 10px; transition: border-color .1s ease-in-out, box-shadow .1s ease-in-out; border-bottom: 1px solid #ccc; /* border-top: none; */ /* border-left: none; */ border-right: none; position: relative; } .custom-select:after { content: ''; } .custom-select:hover { /*border: 1px solid #999;*/ } .custom-select:focus { /*border: 1px solid #999;*/ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2); outline: none; } /* remove default arrow in IE */ select::-ms-expand { display: none; } /*selectbox customer*/ /*TAB PRODUCT*/ .blktab_details { border-bottom: 2px solid #285c2c; margin-bottom: 1em; margin-top: 2em; } .blktab_details ul { } .blktab_details ul li:hover { transition: all 0.5s; border-top: 1px solid #285c2c; border-left: 1px solid #285c2c; border-right: 1px solid #285c2c; } .blktab_details ul li { display: inline-block; padding: 10px 20px; font-size: 1.2em; cursor: pointer; transition: all 0.5s; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; } .details_content ul li { display: none; } .details_content ul { } .details_content { } .active_tabs { background: #285c2c; color: white; border-top: 1px solid #285c2c; border-left: 1px solid #285c2c; border-right: 1px solid #285c2c; } .active_contents { display: block !important; } /*TAB PRODUCT*/ /*PRODUCT DETAILS LAYOUT*/ .bxslider { } .bxslider .adv-center { position: relative; } .aboutindex--banhmi { background: url('../images/bg_about.png'); padding: 4em 0; } .aboutindex--banhmi .blockcontent { height: auto; } .aboutindex--banhmi .label { margin-bottom: 0em; display: inline-block; position: relative; } .aboutindex--banhmi .label:after { content: ''; position: absolute; top: calc(50% - 2px); left: 105%; height: 4px; width: 70%; background: #A8A8A8; } .aboutindex--banhmi .blockcontent h3 { font-size: 2.5em; font-weight: normal; margin: 0.5em 0; } .aboutindex--banhmi .blockcontent h2 { margin: 0; color: #ec243b; font-family: 'UVN Bui Doi'; font-size: 2.2em; } .aboutindex--banhmi .blockcontent h4 { text-align: justify; line-height: 1.75em; font-size: 1em; color: #333; } .aboutindex--banhmi .blockimg { position: absolute; top: -10px; right: 0; } .aboutindex--banhmi .blockimg a:after { content: ''; position: absolute; bottom: -20px; left: -20px; background: #CCCCCC; z-index: -1; height: 250px; width: 350px; } .aboutindex--banhmi .blockimg a { display: inline-block; position: relative; z-index: 9; } .aboutindex--banhmi .blockimg a img { background: white; z-index: 2; padding: 8px; } .aboutindex--banhmi .container { position: relative; } .aboutindex--banhmi .contentvideo { } .aboutindex--banhmi .contentvideo ul { } .aboutindex--banhmi .contentvideo ul li { position: relative; } .aboutindex--banhmi .contentvideo ul li img { width: 100%; } .aboutindex--banhmi .contentvideo ul li:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0000004a; } .aboutindex--banhmi .contentvideo ul li i { font-size: 3em; } /*CSS LAYOUT VIDEO*/ .itemvideo { /* margin: 8px 0; */ } .itemvideo img { /* border-radius: 10px; */ } .itemvideo .btn-playvideo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 9; } .itemvideo #btn_playvideo:hover { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color: red } .itemvideo .btn-playvideo i { font-size: 75px; color: #06a215; cursor: pointer; transition: all 0.5s; } #layout_video { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0; z-index: 9999999; } #layout_video input[type="search"] { position: absolute; top: 50%; width: 100%; color: #fff; background: rgba(0, 0, 0, 0); font-size: 60px; font-weight: 300; text-align: center; border: 0px; margin: 0px auto; margin-top: -51px; padding-left: 30px; padding-right: 30px; outline: none; } #layout_video .btn { position: absolute; top: 50%; left: 50%; margin-top: 61px; margin-left: -45px; background-color: #fae426; border: black; } #layout_video .close { position: fixed; top: 15px; right: 15px; color: #fff; background-color: #06a215; border-color: #04480a; opacity: 1; padding: 10px 17px; font-size: 27px; } #layout_video.open { -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; } #layout_video .layout_video { width: 80%; margin: 2% auto; } /*CSS LAYOUT VIDEO*/ .index-product { padding: 2em 0; } .index-product .row-product { } .index-product .row-product .h-product { display: block; } .index-product .row-product .h-product .img { display: inline-block; /* width: 100%; */ position: relative; } .index-product .row-product .h-product .img >a { display: inline-block; } .index-product .row-product .h-product .img >a img { } .index-product .row-product .h-product .img >a .img-mas { } .index-product .row-product .h-product .img >a .img-hov { position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.5s linear; } .index-product .row-product .h-product .img >a:hover .img-hov { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; opacity: 1; } .index-product .row-product .h-product .img >a img { } .index-product .row-product .h-product .details { } .index-product .row-product .h-product .details .name { margin-top: 3em; } .index-product .row-product .h-product .details .name >a { display: flex; align-items: center; } .index-product .row-product .h-product .details .name .numstt { display: inline-block; padding: 1.5em 0; } .index-product .row-product .h-product .details .name .numstt span { font-family: 'Calibri'; font-size: 5em; color: #dfdfdf; border-bottom: 3px solid #dfdfdf; padding-bottom: 0; transition: all 0.5s; } .index-product .row-product .h-product .details .name a:hover h3 { transition: all 0.5s; color: #28398b; } .index-product .row-product .h-product .details .name a:hover .numstt span { color: #ec243b; transition: all 0.5s; border-color: #ec243b; } .index-product .row-product .h-product .details .name h3 { font-family: 'Arial'; color: #1a191f; text-transform: uppercase; font-weight: 900; font-style: normal; display: inline-block; margin: 0; padding-left: 1em; font-size: 1.5em; transition: all 0.5s; } .index-product .row-product .h-product .details h3 { color: #666666; font-size: 1em; line-height: 1.5em; text-align: justify; } .index-product .row-product .h-product .pal0 { padding-right: 3em; } .index-product .row-product .h-product .par0 { padding-left: 3em; } .grp-product { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 10px;/* position: relative; */ } .grp-product-in { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px;/* position: relative; */ } .grp-product .h-product .item .iconsaling { display: inline-block; position: absolute; top: 0; right: 0; } .grp-product .h-product .item .iconsaling img { } .grp-product .h-product .item { position: relative; } .grp-product .h-product .item .img { position: relative; padding: 0; background-size: contain; background-repeat: no-repeat; width: 100%;/* float: left; */ } .grp-product .h-product .item .img a { display: inline-block; width: 100%; } .grp-product .h-product .item .img a img { width: 100%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity: 1; } /* .grp-product .h-product .item .img a:hover img{opacity: 0; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in;} */ .grp-product .h-product .item .details { } .grp-product .h-product .item .details a { line-height: 1.35em; color: black; transition: all 0.3s; } .grp-product .h-product .item .details a.viewmore { color: #0021b0; font-size: 1.05em; margin-top: 0.5em; display: inline-block; transition: all 0.3s; } .grp-product .h-product .item .details .views { margin-top: 1em; } .grp-product .h-product .item .details .views a { margin: 0 0.5em; padding: 0.5em 1em; background: linear-gradient(#f9f9f9, #e2e2e2); border: 1px solid #e2e2e2; border-radius: 3px; color: black; } .grp-product .h-product .item .details .views a:nth-child(1) { } .grp-product .h-product .item .details .views a:nth-child(2) { color: white; background: linear-gradient(#eebc5c, #ec9f0d); border: 1px solid #ec9f0d; } .grp-product .h-product .item .details h3 { margin: 0; font-size: 1.2em; transition: all 0.5s; text-align: center; line-height: 1.25em; padding: 0; color: #4b4747; font-weight: normal; text-overflow: ellipsis; height: 3em; margin-bottom: 0.5em; } .grp-product .h-product .item .details h5 { color: #4b4747; font-size: 1em; line-height: 1.5em; text-align: center; } .grp-product .h-product .item .details h3:hover { transition: all 0.5s; color: red } .grp-product .h-product .item .details h4 { font-size: 1.5em; display: inline-block; width: 100%; font-weight: normal; text-align: justify; line-height: 1.5em; padding-bottom: 0; text-transform: uppercase; margin: 0; padding: 0; text-align: center; } .grp-product .h-product .item .details h4 b { color: #2d6e32; } .grp-product .h-product .item .details h4.p-price-old { color: #a1a1a1; text-decoration: line-through; font-size: 13px; } .grp-product .h-product .item .details span {/* color: #e90d0d; */ } .grp-product .h-product .item .details .priceold span { color: #999; text-decoration: line-through; } .grp-product .h-product .item .details .pricenone span { } .grp-product .h-product .item .details { position: relative; width: 100%; padding: 5px; text-align: center; } .grp-product .h-product .item .details .btn_buynow { padding: 0.5em 1em; background: #ec243b; color: white; border: 1px solid #ec243b; margin-top: 0.5em; display: inline-block; transition: all 0.5s; cursor: pointer; } .grp-product .h-product .item .details .btn_buynow:hover { transition: all 0.5s; color: #ec243b; background: none; } .grp-product .h-product .item .details .btn_buynow img { } .grp-product .h-product .item .details .showaddcart { color: #555; margin-top: 0.75em; padding: 0.25em 1em; display: inline-block; border: 1px solid #f5f5f5; border-radius: 5px; cursor: pointer; transition: all 0.3s; } .grp-product .h-product .item { } .grp-product .h-product { padding: 10px; background: white; } .productindex .grp-product { position: relative; } .productindex .grp-product .h-product .item { } .productindex .grp-product .h-product { padding: 15px 15px; } .grp-product .h-product .morename:before { content: ''; position: absolute; top: -12px; left: 0; width: 100%; height: 4px; border: 1px dashed #ccc; } .grp-product .h-product .morename { position: relative; margin-top: 1.25em; } .grp-product .h-product .morename .hot { width: 50%; float: left; } .grp-product .h-product .morename .hot img { } .grp-product .h-product .morename .hot a { color: #e51313; font-weight: bold; font-size: 1.15em; } .grp-product .h-product .morename .code { width: 50%; float: right; position: absolute; top: 0; right: -10px; width: 109px; height: 29px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG0AAAAdCAYAAACg2uKXAAACV0lEQVRoQ+2av2/TQBTHv0+R3CWB6t5ZKm1h5McICms7IMZKlWDt1D8gG4wwwtZ27tQR1IEJsXSKBEipxMLewXYlYGB2hB+yJULSprGbnquT/DJa777ve59vkrPujlDxExuzDaL9iuVaViMBqqKdWNsVkT6AhSr1WlMvgdLQTpeWwmw4HAC4U68VVa9KYGZoArQS5o8AnlYV1Lr6CcwMLWZ+A+Bl/Ta0w2UIXBhaYswzIXoPoPQv9DINtfbqBKYGkjDfF+ArgBtXb6EKrgmcC+2ntZ1UJA/sgetmqueGwERoAtAp8zsBnruRV5U6CEyEFjO/APC2jkaq6Y7AKLSI+QkBnwC03MmrUh0EitBiY26D6BhAWEcT1XRLgL4DwU3mPgGPx6VbKytY3N1F0O0iHQzwu9fDnzh2213V5iJAsbX7ENk+O5oPD7Gwvj56nPb7+LW5OVcTHeSWAEXMBwRsnZW9dXICarf/P05TJMvLbrur2lwE6EcYtodZlq9nd8cV9Jc2F89rGVS8iCTWPhKRzwCCf12LNW1vb3JNi6JrMaVNZhMYvfInxvSEaEeB+U9gFFq+G5IwfwCw4b/tZjuc2BGJOh2mIPgGYLXZWPye/bkN4yQM1yTLjnRnxN/gph7NxNa+hsgrf20329nU0IprBsYcgWit2Xj8nP2Fp9KRMatElK9v7Kf15rqafUfE2g2I5G+UeuXAo+9IaRgR8w4BPY88N95KaWj5KcAi8xcADxtPyxMApaHlPmNr70Ekv7A6toPsyQwaaKNSaMX+JPOWAAcNZOTdlP8C9wGBQOvnMyUAAAAASUVORK5CYII='); color: white; font-weight: 550; padding: 0.3em; padding-left: 1.5em; font-size: 1.05em; } .grp-product .p-color { display: inline-block; width: 100%; text-align: center; } .grp-product .p-color .coloris { display: inline-block; cursor: pointer; } .grp-product .p-color .coloris span { width: 20px; height: 20px; display: inline-block; border-radius: 50%; border: 1px solid; border-color: #d7d7d7; } .grp-product .p-color .coloris:hover span { } .grp-product .p-color .coloris:hover { } .grp-product .p-color .coloris.actColor { } .grp-product .p-color .coloris.actColor span { border-color: red; box-shadow: 0 0 5px rgba(255, 0, 0, 0.5); } @media screen and (max-width:768px) { .grp-product {/* grid-template-columns: 1fr 1fr; */ } } @media screen and (max-width:500px) { .grp-product { grid-template-columns: 1fr 1fr; } } .grp-product .h-product .item .details .showaddcart i { margin-right: 0.25em; } .grp-product .h-product .item .details .showaddcart:hover { color: white; background: #e541a2; border: 1px solid #e541a2; } .viewmoring { text-align: center; margin: 1em 0; } .viewmoring a { font-size: 1.2em; padding: 0.3em 0.75em; background: #db1818; border-radius: 5px; color: white; cursor: pointer; transition: all 0.5s; border: 1px solid #db1818; } .viewmoring a:hover { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background: none; color: #28398b; } .buynow { margin: 0.5em 0; } .buynow .input-group { width: 150px; text-align: center; float: left; margin: 0; margin-right: 1em; padding-top: 0.5em; } .buynow .input-group .input-group-btn { } .buynow .btn_muahang:hover { color: #d60c0c; background: none; } .buynow .btn_muahang { float: left; display: inline-block; font-size: 16px; padding: 5px 10px; background: #d60c0c; color: white; border: 1px solid #d60c0c; border-radius: 5px; transition: all 0.5s; outline: none; } .buynow input { text-align: center; font-size: 16px; outline: none; font-weight: bold; } .a-viewmore img { padding-right: 0.2em; display: inline-block; padding-bottom: 0.15em; } .a-viewmore { display: inline-block; padding: 0.5em 1em; border: 1px solid #dadada; color: #333; margin-top: 1em; position: relative; transition: all 0.75s linear; margin: 1em; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGAQMAAADEy024AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABRJREFUCNdjaGBoYWhj+M/AxsACABLrApQju3qnAAAAAElFTkSuQmCC'); margin: 0; float: right; background-position: left 1em center; background-repeat: no-repeat; color: rgba(89, 89, 89, 255); } .a-viewmore a { color: white } .a-viewmore:hover:after { width: 100%; z-index: -1; transition: all 0.75s ease; } .a-viewmore:hover {/* text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 0px 1px 3px #000; */transition: all 0.5s ease; color: white; z-index: 9; } .a-viewmore:after { content: ''; top: -1px; right: 0; height: calc(100% + 2px); width: 0px; background: #ec243b; position: absolute; transition: all 0.5s; } .hastab-index .grp-tab { width: 100%; text-align: center; /* margin-bottom: 1em; */ } .content-right .content { position: relative; margin-bottom: 1.5em; } .content-right .content figure:hover { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); } .content-right .content figure .labelnews { position: absolute; top: 0; left: 0; } .content-right .content figure .labelnews img { } .content-right .content figure { margin-bottom: 2em; border: 1px solid #e6e6e6; transition: all 0.3s; position: relative; padding: 5px; box-shadow: 2px 2px 0 #e6e6e6; background: white; } .content-right .content figure .image { display: inline-block; overflow: hidden; } .content-right .content figure .image img { } .content-right .content figure figcaption { padding: 0 0.2em; min-height: 5.5em; } .content-right .content figure figcaption h3:hover { transition: all 0.5s; color: red } .content-right .content figure figcaption h3 { font-size: 1em; color: #333; transition: all 0.5s; margin: 0; margin: 0.5em 0; line-height: 1.5em; font-weight: bold; text-align: center; } .content-right .content figure figcaption h4 span, .content-right .content figure figcaption h4 a { color: red; font-weight: bold; } .content-right .content figure figcaption h4 { margin: 0; color: #595959; font-size: 1em; text-align: center; line-height: 1.5em; font-weight: normal; margin: 0.1em 0; } .estateindex--bdsmphat { padding: 2em 0; position: relative; margin-bottom: 0; } .estateindex--bdsmphat .title { } .estateindex--bdsmphat figure h3 { text-align: justify; } .estateindex--bdsmphat figure h4 { } .guidelist--bdsmphat .content { } .guidelist--bdsmphat .content .items { } .guidelist--bdsmphat .content .items a:hover .name { top: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .guidelist--bdsmphat .content .items a { display: inline-block; position: relative; overflow: hidden; } .guidelist--bdsmphat .content .items .img { } .guidelist--bdsmphat .content .items .name { position: absolute; width: 100%; height: 100%; top: 85%; left: 0; padding: 1em 1em; background: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .guidelist--bdsmphat .content .items .name h3 { text-align: center; margin: 0; text-transform: uppercase; font-size: 1.3em; color: white; padding-bottom: 1em; } .guidelist--bdsmphat .content .items .name h4 { font-size: 1em; line-height: 1.5em; font-weight: normal; text-align: justify; color: white; } .guidelist--bdsmphat .content .items .img img { } .submail--bdsmphat { position: relative; min-height: 470px; padding: 2em 0; } .submail--bdsmphat .blocksubmail { width: 485px; background: rgba(4, 4, 4, 0.5); height: 365px; overflow: hidden; margin-left: 23em; border-radius: 10px; } .submail--bdsmphat .blocksubmail .content { } .submail--bdsmphat .blocksubmail .content h3 { font-size: 1em; text-align: center; font-weight: normal; font-family: 'SFU Futura'; color: white; line-height: 1.5em; padding: 0 3em; } .submail--bdsmphat .blocksubmail .content .groupinput { padding: 1em 6em; text-align: right; } .submail--bdsmphat .blocksubmail .content .groupinput input::placeholder { color: #666 } .submail--bdsmphat .blocksubmail .content .groupinput input { width: calc(100% - 50px); /* margin: 0.2em 0; */ padding: 0.68em 1em; background: #E9E9E9; border: none; /* float: right; */ } .submail--bdsmphat .blocksubmail .content .groupinput .inp:nth-child(1):before { content: ''; position: absolute; top: 0; left: 0; width: 50px; height: 40px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAqCAMAAAApppNLAAAAPFBMVEX/ghP/////+PH/xpP/jyr/iB7/9ez/8uf/v4f/s2//rmT/7t//6tj/59L/0an/0Kb/o1H/nkn/iiP/hBiEPwlwAAAAdklEQVRIx+3RywqAMAxE0U4S7cO3/v+/KlaE7jrLQs/+Qpi4rmuTbdO0GZVcMx7zxTQJr8Q0ITeBaTQ3yjQxN5FphhGPcXCMXQDZqeQ8LCU7TuKyIPCqHhJqrzOPnzdm6I8Sm2W120V8iB8tKCw1zSqF1XVdc26jtAJ9gUSJawAAAABJRU5ErkJggg=='); } .submail--bdsmphat .blocksubmail .content .groupinput .inp:nth-child(2):before { content: ''; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAqCAMAAAApppNLAAAAS1BMVEX/ghP/////3sH/3b7/jCX/iiL/hxv//Pn/6dX/oEz/xZL/v4X/uHn/ljj/+PL/9+//9u7/7Nz/tHD/rWT/n0v/4MP/yJb/m0L/lDXP7fkaAAAAf0lEQVRIx+3RSQ6EMAxEUZdNSGdqpm7g/icl4QTUEil/5c2TJVt6vTe2/weWrMCHRMEZjcwaypSZoM505PagIo5IBrAJ1+mBJGQR8IE04wJ8j3vKj09e5opCJUr86ecBn7ZBwaAZNW1I5WlluZEzROIQsSFzqzCVpJMF6fXe1wXjcALs8Fm8fAAAAABJRU5ErkJggg=='); position: absolute; top: 0; left: 0; width: 50px; height: 40px; } .submail--bdsmphat .blocksubmail .content .groupinput .inp:nth-child(3):before { content: ''; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAqCAMAAAApppNLAAAASFBMVEX/ghP//////fv/+vT/8+j/tXL/plb/2LX/xZH/m0H/kS//jij/9+//69n/48n/0qr/yZj/wov/u3//r2j/ql//oEv/lzv/kjBTk6vpAAAAeUlEQVRIx+3SOw6AIBREUYevgn8F9r9TC0JCOSZ2vtNQXSYhDEKILx3ojFTiw9ElxTMNzGRVLZSdDKgG2jkNtJNp2v11j26gY1iWEjXA7zi7xbhZ92LnuhXWFeq+6OZM7d3SSTZ7noFqzjvVjMEAjQnkR0DHD0L8wwMkigNHeyQhfwAAAABJRU5ErkJggg=='); position: absolute; top: 0; left: 0; width: 50px; height: 40px; } .submail--bdsmphat .blocksubmail .content .groupinput input:nth-child(1) { } .submail--bdsmphat .blocksubmail .content .groupinput input:nth-child(2) { } .submail--bdsmphat .blocksubmail .content .groupinput input:nth-child(3) { } .submail--bdsmphat .blocksubmail .content .groupinput p { position: relative; margin: 0.65em 0; } .submail--bdsmphat .blocksubmail .content .groupinput p button { padding: 0.65em 1.2em; background: #ff8213; border: none; font-family: 'SFU Futura'; color: white; } .submail--bdsmphat .blocksubmail .content .bottom { padding: 0.75em; text-align: center; background: #ff8213; color: white; font-family: 'SFU Futura'; } .submail--bdsmphat .blocksubmail .content .bottom a { font-weight: 550; color: yellow; } .submail--bdsmphat .imgwo { display: inline-block; position: absolute; bottom: -18px; left: 0; } .submail--bdsmphat .imgwo img { } .newssupport--bdsmphat { padding: 2em 0; background: white; } .bx-wrapper img { width: 100% !important; } .newssupport--bdsmphat .blocknews { } .newssupport--bdsmphat .title { background-repeat: repeat-x; margin-bottom: 1.5em; } .newssupport--bdsmphat .blocknews .title { } .newssupport--bdsmphat .blocknews .title ul { } .newssupport--bdsmphat .blocknews .title ul li { display: inline-block; margin-right: 1em; padding-bottom: 0.5em; } .newssupport--bdsmphat .blocknews .title ul li a { color: #00a30f; /* text color */ font-family: "Calibri"; font-size: 20px; font-weight: bold; } .newssupport--bdsmphat .blocknews .title ul li.active { position: relative; } .newssupport--bdsmphat .blocknews .title ul li.active:after { position: absolute; bottom: 0; left: 0; height: 2px; background: #00a30f; width: 80px; } .newssupport--bdsmphat .blocknews .title ul li.more { padding: 2px 5px; border: 1px dashed #ccc; } .newssupport--bdsmphat .blocknews .title ul li.more a { color: #595959; /* text color */ font-family: "Calibri"; font-size: 15px; font-weight: normal; } .newssupport--bdsmphat .blocknews .title ul li.active:after { content: '' } .newssupport--bdsmphat .blocknews .title ul li.active a { color: #262626; font-family: "Calibri"; font-size: 20px; } .newssupport--bdsmphat .blocknews .details { } .newssupport--bdsmphat .blocknews .details .newsest { } .newssupport--bdsmphat .blocknews .details .newsest >a { display: inline-block; overflow: hidden; } .newssupport--bdsmphat .vert1 { height: 415px; } .newssupport--bdsmphat .blocknews .details .newsest >a img { } .newssupport--bdsmphat .blocknews .details .newsest .views { } .newssupport--bdsmphat .blocknews .details .newsest .views >a { } .newssupport--bdsmphat .blocknews .details .newsest .views >a h3 { font-size: 1.2em; color: black; transition: all 0.5s; margin: 0.5em 0; } .newssupport--bdsmphat .blocknews .details .newsest .views h4 { font-size: 1em; font-weight: normal; text-align: justify; line-height: 1.5em; } .newssupport--bdsmphat .blocknews .details .newsest .views .a-viewmore { margin: 0; } .newssupport--bdsmphat .blocknews .details .newslist ul li .img { } .newssupport--bdsmphat .blocknews .details .newslist ul li .img a { width: 100%; display: inline-block; overflow: hidden; } .newssupport--bdsmphat .blocknews .details .newslist ul li .img a img { width: 100%; } .newssupport--bdsmphat .blocknews .details .newslist ul li .views a { } .newssupport--bdsmphat .blockvideos .details .imgshow { display: inline-block; position: relative; } .newssupport--bdsmphat .blockvideos .details .imgshow img { } .newssupport--bdsmphat .blockvideos .details .imgshow a { position: absolute; top: 3.75em; left: 3em; font-size: 1.5em; font-family: 'UTM HelvetIns'; color: white; } .newssupport--bdsmphat .blockvideos .details .info { text-align: center; padding: 2em 0.5em; } .newssupport--bdsmphat .blockvideos .details .info p { color: #3b3b3b; padding: 0.2em 0; font-weight: normal; } .newssupport--bdsmphat .blockvideos .details .info a { color: #3b3b3b; } .news_hightlight--haian:after { content: ''; width: 100%; position: absolute; bottom: -25px; min-height: 50px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABVYAAAAyCAMAAACAunDLAAAAdVBMVEUAAADMzMzMzMzMzMzMzMzNzc3R0dHMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMz////8/Pzj4+Po6Oj+/v709PTw8PDQ0NDg4ODd3d3a2trOzs739/fU1NTc3Nzl5eXq6urT09O/1BqKAAAAFHRSTlMA2bofCPD+raOXk2BWMRj67nzGg/NlBdIAAAKISURBVHja7N3ZbqMwFIBhQyCB7Mn4eGHJAm3f/xFnegdKATNTaaj0f9dcol8I28cKWLrVbhtH59PpHMXb3UoBAP7B6hJVN1c+jffmWbpbFV0oKwD8rcPmYQvpKexjc1AAgPmO2doZeWHcOjsqAMBM+9Qa+ZKx6V4BAOZI8qaQQUWTJwoAECyJ70ZGmHtMVwEgWHKtvYzy9ZWuAkCgJK5lUs33KgAEylsvk3ybKwBAgP2HkQDmg/0AABDgmBYSpEjZvwoA0zIrgWymAAATDmsjgcyac6wAMGXjJJjbKADAqFVlJJipmGcFAOMuVmawvxQAYExUyAxFpAAAI1aVzMJfAAAYtbvJLLedAgAM2zqZxW0VAGBYXEpX2Rrpq13/gVgBAIZFT+lq9N1Il9UP6XqyZgUAY1IjXeWj31WrtZMuc1YAgGFa5LWr/ar2nRQAYDyrr10drqonqwAwJjXDXX3T+k1E+AkAADOXrPpKrVvfqSpLVlg2DSxAb4PVV129eXFaW3lRxrzNWBYFLMvWyQtfal1/VpXjAADwPYdX3/UflsOr+BE0sACTo1beB6oq1Yq3GcuigIUZGAzoagYDAgBjrAHgv+PSFQD4xBWBALBQXGgNAN8rsxLIZgoAMOWYFhKkSI8KADBp3xgJYJq9AgAEyFsvk3ybKwBAiCSuZVIdJwoAECS51l5G+fpKVQEgWBLfjYwwd75VAWCOJG8KGVQ0OVX93c694wAIQkEUDRo/8W/BA4UQ2P8mrY02YGNxzyKmmhkAyDM1RvQrMQ0dAADItvStFf0gtu3pqwJAibmL5tQ3p4kdi1UAKFXvygfrkhyHJGeDVzufVQDwST0OldrWdVPVMJKp+L0LITZt1tXpanQAAAAASUVORK5CYII='); background-position: center; background-size: inherit; } .news_hightlight--haian { padding: 3em 0; position: relative; } .news_hightlight--haian .newsest { } .news_hightlight--haian .newsest figure { /* border-color: transparent; */ } .news_hightlight--haian .newsest figure .img { display: inline-block; overflow: hidden; } .news_hightlight--haian .newsest figure .img img { } .news_hightlight--haian .newsest figure figcaption { } .news_hightlight--haian .newsest figure figcaption h3 { } .news_hightlight--haian .newsest figure figcaption h4 { } .news_hightlight--haian .newslist { } .news_hightlight--haian .newslist figure { border-color: transparent; } .news_hightlight--haian .newslist figure .img { width: 40%; float: left; } .news_hightlight--haian .newslist figure .img a { display: inline-block; overflow: hidden; } .news_hightlight--haian .newslist figure .img a img { } .news_hightlight--haian .newslist figure figcaption { width: 60%; float: right; padding-right: 0; } .news_hightlight--haian .newslist figure figcaption h3 { margin: 0.3em 0; text-align: -webkit-auto; font-size: 1em; } .news_hightlight--haian .newslist figure figcaption h4 { font-size: 0.95em; } .news_hightlight--haian .newslist .group { display: inline-block; } .banner_adv { margin-bottom: 2em; } .banner_adv .item_adv { margin: 0 auto; width: 100%; max-width: 1366px; } .banner_adv .item_adv a { } .banner_adv .item_adv img { width: 100%; } .blockalbum--catgia { } .blockalbum--catgia .title h3 { font-size: 1em; color: #969696; font-weight: normal; margin: 0; margin-top: 0.5em; margin-bottom: 2em; } .blockalbum--catgia .content { position: relative; } .blockalbum--catgia .content .items { display: inline-block; padding: 5px; background: #eeeeee; } .blockalbum--catgia .content .items a { display: inline-block; position: relative; } .blockalbum--catgia .content .items a img { } .blockalbum--catgia .content .items a .mask_view { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.55); transition: all 0.5s linear; opacity: 0; } .blockalbum--catgia .content .items a .mask_view h3 { color: white; font-size: 1.5em; margin: 0; } .blockalbum--catgia .content .items a:hover .mask_view { transition: all 0.5s linear; opacity: 1; } .blockalbum--catgia .content .items a:hover .mask_view h3 { } .news_video_contact--catgia { margin: 0.75em 0; background: #F2F2F2; padding: 2em 0; margin-bottom: 0; padding-bottom: 3em; } .bx-wrapper img { width: 100% !important; } .news_video_contact--catgia .blocknews { } .news_video_contact--catgia .blocknews .details .row-title { /* padding: 3em 2em; */ /* padding-bottom: 0; */ } .news_video_contact--catgia .blocknews .details .row-title .col { width: 50%; float: left; } .news_video_contact--catgia .blocknews .details .row-title .col img { } .news_video_contact--catgia .blocknews .details .row-title .col ul { } .news_video_contact--catgia .blocknews .details .row-title .col ul li { display: inline-block; padding: 0 0.2em; } .news_video_contact--catgia .blocknews .details .row-title .col ul li img { } .news_video_contact--catgia .blocknews .details .row-hotline { margin: 0.8em 0; margin-bottom: 2em; } .news_video_contact--catgia .blocknews .details .row-hotline p { margin: 0.5em 0; } .news_video_contact--catgia .blocknews .details .row-hotline p:last-child { } .news_video_contact--catgia .blocknews .details .row-hotline p:last-child a { font-size: 2em; font-weight: bold; font-family: 'Myriad Pro'; color: red; } .news_video_contact--catgia .blocknews .details .row-content .col { width: 50%; float: left; text-align: center; } .news_video_contact--catgia .blocknews .details .row-content .col .name:after { content: ''; height: 1px; width: 80%; position: absolute; left: 10%; bottom: 0; border: 0.5px dashed #a8a8a8; } .news_video_contact--catgia .blocknews .details .row-content .col .name { color: red; padding: 0.1em 0; display: inline-block; position: relative; /* width: 100%; */ } .news_video_contact--catgia .blocknews .details .row-content .col .hotline { font-weight: bold; margin-bottom: 0.5em; color: #464545; } .news_video_contact--catgia .blocknews .details .row-content .col a { display: inline-block; margin: 0 0.15em; } .news_video_contact--catgia .blocknews .details .row-content .col a img { } .news_video_contact--catgia .blockvideos { } .news_video_contact--catgia .title h2 { display: block; margin: 0; font-size: 1.75em; padding: 0.5em 2em 0.5em 0; color: #1a99e3; position: relative; text-transform: uppercase; font-family: 'UTM Colossalis'; } .news_video_contact--catgia .title h2:before { content: ''; bottom: -1px; height: 2px; position: absolute; left: 0; width: 3em; background: #4d4d4d; z-index: 1; } .news_video_contact--catgia .title { background-repeat: repeat-x; margin-bottom: 1.5em; border-bottom: 1px dotted #ccc; } .news_video_contact--catgia .blockvideos .details .view_video { padding: 0 0.2em; } .news_video_contact--catgia .blockvideos .details .result_video iframe { height: 250px; } .news_video_contact--catgia .blockcontact .details { /* padding: 15px; */ /* padding-top: 3em; */ } .news_video_contact--catgia .blockcontact .details form { } .news_video_contact--catgia .blockcontact .details ul { } .news_video_contact--catgia .blockcontact .details ul li:last-child { text-align: center; } .news_video_contact--catgia .blockcontact .details ul li { margin-bottom: 1.1em; } .news_video_contact--catgia .blockcontact .details form span { width: 30%; float: left; color: #4D4D4D; font-size: 1em; font-family: 'Arial'; } .news_video_contact--catgia .blockcontact .details form textarea { width: 70%; float: right; background: rgba(255, 255, 255, 0.7); border: 1px solid white; outline: none; } .news_video_contact--catgia .blockcontact .details form input:focus { background: white; } .news_video_contact--catgia .blockcontact .details form input { width: 70%; float: right; background: white; border: 1px solid white; outline: none; padding: 0.3em; } .news_video_contact--catgia .blockcontact .details form a:hover { background: white; color: #ca1f27 } .news_video_contact--catgia .blockcontact .details form a { font-size: 1.3em; text-transform: uppercase; font-family: 'Myriad Pro'; font-weight: 600; background: #ca1f27; padding: 0.3em 1.5em; display: inline-block; border: 1px solid #ca1f27; border-radius: 20px; color: white; } #map1 { height: 550px !important; } .page-album { } .page-album .h-album { margin-bottom: 2em; } .page-album .h-album .img { } .page-album .h-album .img:hover a:before { opacity: 1; transition: all 0.5s linear } .page-album .h-album .img a { display: inline-block; overflow: hidden; position: relative; } .page-album .h-album .img a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAA3CAMAAADNJh8/AAAAqFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8j1z1tAAAAN3RSTlMABOzKCsH7z/DetosjJ/f05+Pa05GEUEYUZzJwPB+7paKWemIYxTctDmx/VKp0XkocW0CxmkKfOmC5zwAABMNJREFUWMOtWNmCqjAMjSwqIKKCgrIIuKDjruPw/392p9AW2sIdZzlPFmhPkp4krfAiOqa7N5ZRbzIejbWJrMfT1TOEP0RncVraVi5Akj/mZudPGFzD7uatsOQ0+C3F1rHzLyG/DX7hxEzv5i/BWj5/RqH4rBOS1ueWZixQbz/wYj6pL6HFh5NqcRxyLDNRm32T49bLK9jO7Lp2xqK6Hu79VH+sXr5Bkek1H5K7AnDJGyGlClxiqXoQvyoBxenWIr0DhCsxeKIvDecYjcgHozvAYF/53U9f4phVMyKXplqAxpt0UXKC9zSILHxk102uJm2/pPAM+vXjXn9h5McnZ82m/G5ajC4bOvHtiyqwoLLtHTj2mahAv9TbvBytNBrk/+6MPyShnbd8MTj4/ml/8cqRWUbJLUe7KdlMadW+4x9UJGbzBytVwvt9nJXrborRjlQhKsuk0xIqsuNaS/Ky+blxCxYV/V5WsSB6lhtDdiBVQ19DM94qhmrH18WqVSU2iQDGlwYzydQ9oylmdGQ4sAOXwi2okJLXZ55jSkLlMtv86VdQRffKF2UHPY3Rr21d2xJxlRXjkuSGJ1J/VON9zmGFAobi/F6fFkZk++uq0Sk1ix7/UOVI+sgoZKGkMBMd/P5Iw7CWce3mkyProum7T0+nAY7fsGHz7+gHl6sp0SBW0Q5L13KBw4rsbpB3kxArTHSlg6Rt8GLF5siFiyHmmGTAwyFhT5BHxhU9kzmWM34dCWmn4fr0Oc2zMUcIAoqtCujKo6n3OZcjibHHtpDiJmaxPWLZ5trQgtE7aQ1wJXk68RUsdgoZAFxkgZjCoUw+wbMbSxWK9dgD2FZrTuZcSmq70rs+LSOiGKHcH2veRKJhC7dMmu+HzM6HJYnVUFPNSbk4rEjytnnCkIhHobHX6snWotq44TlLRdiTHvbEHOat6CGFYzIWGa4up6LUkH62a1JXN8MutUAHgHOTuhaY460cun1sFB/WhKTyo50kxSVO5znwgYYWtQCzSEFDxhv4RwuQYaqY8U8Lc4jZOZyz1hQaRRIY/S9aIdrVSyPHsf7wSlqvIVZht2ppIraonglVeIXF9AEM1hExLeT7iY6FxqJapaNxnQNOOeuH2AJGB2BbYRdZm1mN+kX277nO2HlvTz3YN5wAP2gDdxs4tJCcJNRay1YZDh4HepzJ6Iwu3ShXuDuoRU0s4nwXF2k7eZuycDY3ctr2Qp3leFdoF4uh+r6EdWi/XyXUyntdYMOyud51eqOTllnVKcc7knAkVOMF/AdniR53UDGideuGffXjKIr0ZB7WT1IuNvE0JJ3dbGdggzLeK7XS5tBEEPYYZ/DFzmmyfYlTl71qnpvvErBLR7UKmMW0w5y/eWXsnZVPFswqpwMqbmVhaHnlxyCh3eDx6rXRlyiN7YeV6izV2M+CYOYnPRJTtB/bhKbq8AQv4/petT8p3no3LW9C1wHYnaPqwcOE7+Ae1e8iq/lD7I6j91B5JrUCra3gu7iozN9Off7suElvscZc6j34AQ4VjYi+JjFDYwA/RBBb+SsYpQP4BQZT+UuKaO7BbxG89drPREP1tIA/QSfzl/ZQJLCPfga/g/h/qrNUbfR/6sRWj47vZp3Xpv4DWIPWOCl06q0AAAAASUVORK5CYII=') center center no-repeat; background-color: #00000087; opacity: 0; transition: all 0.5s linear; } .page-album .h-album .img a img { } .page-album .h-album .name { } .page-album .h-album .name h3 { font-size: 16px; text-align: center; margin: 0; text-transform: uppercase; font-family: 'Myriad Pro'; color: #1c1c1c; } .content-body .content { } .content-body .content .item { } .content-body .content figure:hover { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); border: 0px solid #e6e6e6; } .content-body .content figure { /* width: 32%; */ /* float: left; */ margin-bottom: 2em; /* border: 1px solid #e6e6e6; */ transition: all 0.3s; position: relative; } .content-body .content figure .image { display: inline-block; overflow: hidden; width: 100%; } .content-body .content figure .image img { width: 100%; } .content-body .content figure figcaption { padding: 0 0.2em; min-height: 9.5em; } .content-body .content figure figcaption h5 { color: #ccc; font-weight: normal; font-size: 0.9em; margin: 0.75em 0; } .content-body .content figure figcaption h5 i { } .content-body .content figure figcaption h3 { font-size: 1em; text-align: justify; margin: 0.3em 0; color: #333; transition: all 0.5s; /* height: 2em; */ } .content-body .content figure figcaption h3:hover { transition: all 0.5s; color: red; } .content-body .content figure figcaption h4 { font-size: 1em; font-weight: normal; line-height: 1.5em; margin: 0; /* height: 4.5em; */ color: #333; /* height: auto; */ } .content-body .content-details { } .content-body .content-details .dateview { font-style: italic; font-size: 1em; color: #666; margin: 0.3em 0; } .content-body .content-details figure { margin-bottom: 1em; } .content-body .content-details figure .img-news { } .content-body .content-details figure .img-news img { } .content-body .content-details figure figcaption { } .content-body .content-details figure figcaption h1 { margin: 0; font-size: 1.5em; } .content-body .content-details figure figcaption h3 { font-size: 1em; font-weight: normal; line-height: 1.5em; font-style: italic; } .bodyright { width: 80%; float: right; } .content-left { width: 19%; float: left; background: #f8f8f8; z-index: 9; } .content-left .titlecata { padding: 10px 15px; background: #e0030c; border-bottom: 2px solid #c00a0a; } .content-left .titlecata h2 { text-align: center; margin: 0; font-size: 1.5em; text-transform: uppercase; font-weight: bold; color: white; } .content-left .block-catalogue {/* padding: 15px 0 15px 15px; */padding-bottom: 15px; } .content-left .block-catalogue ul { background: #f9dedf; } .content-left .block-catalogue ul li:hover >a { color: white; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .content-left .block-catalogue ul li:hover { padding-left: 1.5em; transition: all 0.5s; background: #fd4149; } .content-left .block-catalogue ul li:last-child { border: none; } .content-left .block-catalogue ul li { padding: 0.5em 1em; border-bottom: 1px dashed white; position: relative; transition: all 0.5s; } .content-left .block-catalogue ul li a { color: #c00a0a; font-size: 1.2em; transition: all 0.5s; } .content-left .block-catalogue >ul { } .content-left .block-catalogue >ul >li { } .content-left .block-catalogue >ul >li >ul { position: absolute; top: 0; left: 100%; width: 100%; background: #f7e5d2; z-index: 9; display: none; } .content-left .block-catalogue >ul >li >ul li { } .content-left .block-catalogue ul >li:hover >ul { display: block; } .content-left .block-catalogue >ul >li >ul >li { } .content-left .block-catalogue >ul >li >ul >li a { } .content-left .block-catalogue >ul >li >a { } .content-left .block-catalogue >ul >li a { } .blockproduct_left { } .blockproduct_left .content { padding: 15px; } .contentproduct_left { padding: 15px; } .contentproduct_left .h-product { text-align: center; margin-bottom: 1.5em; } .blockproduct_left .vert1 { height: 600px; } .contentproduct_left .item { } .contentproduct_left .item .img { } .contentproduct_left .item .img img { } .contentproduct_left .item .details { padding: 0.75em 0; } .contentproduct_left .item .details h3 { font-size: 16px; color: #3c3c3c; text-transform: uppercase; font-weight: 550; transition: all 0.5s; } .contentproduct_left .item .details h3:hover { color: #2d51b2 } .contentproduct_left .item .details .p-price { font-size: 16px; color: #3c3c3c; } .contentproduct_left .item .details .p-price span { color: red; } /*MARK PRODUCT*/ .maskitem { position: absolute; top: 150%; left: 15%; width: 60%; height: 20%; display: flex; align-items: center; justify-content: center; /* background: rgba(0, 0, 0, 0.3); */ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 0; } .grp-product .item:hover .maskitem { top: 40%; opacity: 1; } .maskitem ul { list-style-type: none; display: flex; align-items: center; justify-content: center; } .maskitem ul li { display: inline-block; margin: 0.5em 1em; padding: 0.25em; border: 2px solid #f20000; cursor: pointer; height: 3em; width: 3em; } .maskitem ul li i { font-size: 2em; color: #f20000; font-weight: normal; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .maskitem ul li:hover { border-color: #2452bd; background: rgba(255, 255, 255, 0.5); } .maskitem ul li:hover i { color: #2452bd; } .wap_item { } .wap_item .items { position: relative; } .sp_img { position: relative; } #cart_information { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0; z-index: 9999999; display: flex; align-items: center; justify-content: center; } #cart_information .close { position: absolute; top: -25px; right: -25px; color: #0a0000; opacity: 1; padding: 0.5em; font-size: 27px; line-height: 0; height: 40px; width: 40px; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #efefef; border: 1px solid #ccc; } #cart_information.open { -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; } #cart_information .table_cart { width: 50%; height: auto; display: inline-block; background: white; position: relative; padding: 15px; } .hidden { display: none !important; } #cart_information .content_pro { font-family: 'body'; font-weight: normal; } #cart_information .content_pro .img { } #cart_information .content_pro .img img { } #cart_information .content_pro .col { width: 50%; float: left; } #cart_information .content_pro .col:nth-child(1) { } #cart_information .content_pro .col:nth-child(2) { } #cart_information .content_pro h2 { font-size: 20px; } #cart_information .content_pro h3 { font-size: 18px; color: #753005; } #cart_information .content_pro h4 span { font-size: 1.5em; color: red; } #cart_information .content_pro h4 { font-size: 1.2em; margin-top: 1em; } #cart_information .content_pro h5 { font-size: 1.2em; font-weight: 300; font-family: 'SVN-Avo'; } .buynow { margin: 1em 0; } .buynow .input-group { text-align: center; float: left; margin: 0; margin-right: 1em; padding-top: 0.5em; width: 50%; } .buynow { } .buynow .btn_buynow { width: 40%; float: right; } .buynow .btn_buynow_details { width: 40%; float: right; } .buynow .btn_buynow_details span:hover { background: white; color: #652a08; } .buynow .btn_buynow_details span { padding: 0.75em 1.5em; display: inline-block; background: #652a08; color: white; cursor: pointer; text-transform: uppercase; border: 1px solid #652a08; transition: all 0.5s; } .buynow .btn_buynow span:hover { background: white; color: #652a08; } .buynow .btn_buynow span { padding: 0.75em 1.5em; display: inline-block; background: #1f48a9; color: white; cursor: pointer; text-transform: uppercase; border: 1px solid #1f48a9; transition: all 0.5s; } .buynow .input-group input { width: 50%; float: left; } .buynow .input-group .input-group-btn { width: 25%; float: left; } .buynow .input-group .input-group-btn button { width: 100%; padding: 0.45em; background: #1f48a9; color: white; border: 1px solid #1f48a9; } .buynow .btn_muahang:hover { color: #d60c0c; background: none; } .buynow .btn_muahang { float: left; display: inline-block; font-size: 16px; padding: 5px 10px; background: #d60c0c; color: white; border: 1px solid #d60c0c; border-radius: 5px; transition: all 0.5s; outline: none; } .buynow input { text-align: center; font-size: 16px; outline: none; font-weight: bold; } .buynow_details { } .buynow_details .input-group { width: 30%; } .buynow_details .input-group .input-group-btn button { padding: 0.5em 0; } .buynow_details .input-group span { } .buynow_details .input-group input { padding: 0.225em 0; } .buynow_details .btn_buynow_details { width: 65%; } .swal2-container.swal2-shown, .swal2-container.swal2-shown .swal2-popup { z-index: 99999999999; } /*MARK PRODUCT*/ /*BLOCK NEWS */ .blocknews-hight { } .blocknews-hight a { display: inline-block; position: relative; } .blocknews-hight .title { background: #f5f5f5; margin-bottom: 1em; color: #2d2d2d; } .blocknews-hight .title h2 { margin: 0; font-size: 1.5em; padding: 0.5em; } .blocknews-hight .content { } .blocknews-hight .content .row { } .blocknews-hight .content .row:nth-child(1) { } .blocknews-hight .content .row:nth-child(2) { margin: 0; } .blocknews-hight .content .grp-items { } .blocknews-hight .content .item { padding: 5px 15px; } .blocknews-hight .content .item a { color: black; } .blocknews-hight .content .item .img { } .blocknews-hight .content .item .img img { width: 100%; } .blocknews-hight .content .item .details { position: absolute; left: 10%; width: 80%; bottom: 0; background: white; padding: 15px; } .blocknews-hight .content .item .details h3 { margin: 0; font-size: 1.2em; text-align: justify; } .blocknews-hight .content .item .details h4 { font-size: 1em; font-weight: normal; line-height: 1.5em; text-align: justify; margin-bottom: 0; } @media only screen and (max-width:768px) { .blocknews-hight .content .item a { width: 100%; } } /*BLOCK NEWS */ /*CUSTOMER VOIDE*/ /*CAM KET CHAT LUONG*/ .camket--tiptop { padding: 2em 0; background: #f1f2f2; } .camket--tiptop .content { } .camket--tiptop .content .item { padding: 0 15px; } .camket--tiptop .content figure { } .camket--tiptop .content figure .img { width: 30%; float: left; padding: 0.5em 0; } .camket--tiptop .content figure .img img { } .camket--tiptop .content figure figcaption { width: 70%; float: right; padding-left: 10px; padding-top: 0.5em; } .camket--tiptop .content figure figcaption h3 { margin: 0.3em 0; font-size: 1.0em; text-align: justify; color: red; text-transform: uppercase; } .camket--tiptop .content figure figcaption h4 { text-align: justify; font-size: 1em; font-weight: normal; line-height: 1.5em; } /*CAM KET CHAT LUONG*/ /*DOI TAC CSS*/ .block_doitac { position: relative; margin: 1em 0; display: inline-block; width: 100%; } .block_doitac .container { /* background: #eee; */ /* padding: 15px; */ } .block_doitac .label-doitac { width: 150px; float: left; padding: 0.25em 0; font-size: 1.15em; color: #595959; font-weight: bold; position: relative; margin-top: 2em; } .block_doitac .label-doitac:after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background: red; } .block_doitac .content-doitac { position: relative; } .block_doitac .content-doitac .item { display: inline-block; padding: 15px; background: white; margin: 0; /* border: 1px dashed #ccc; */ } .block_doitac .content-doitac .item a { } .block_doitac .content-doitac .item a img { } /*DOI TAC CSS*/ /*GIO HANG CSS*/ .g_muatiep { float: left; cursor: pointer; line-height: 35px; height: 35px; padding: 0px 15px; color: #fff; text-transform: uppercase; border: #fff; background: linear-gradient(top, rgba(170, 0, 0, 0.6), rgba(170, 0, 0, 1)); background: -webkit-linear-gradient(top, rgb(82, 70, 255), rgb(34, 29, 111)); background: -moz-linear-gradient(top, rgba(170, 0, 0, 0.6), rgba(170, 0, 0, 1)); background: -o-linear-gradient(top, rgba(170, 0, 0, 0.6), rgba(170, 0, 0, 1)); border-radius: 3px; margin: 0px 10px 10px 0px; } .thanhtoan_nt { width: 155px; float: right; height: 33px; border: 0; background: #06779C; color: #000; text-shadow: -1px 1px #fff, 1px -1px #fff, -1px -1px #fff, 1px 1px #fff; font-weight: bold; text-transform: capitalize; cursor: pointer; } .g_muatiep:hover { background: rgb(218, 14, 136); } .menu_giohang { background: rgb(40, 92, 44); height: 30px; line-height: 30px; color: white; font-weight: bold; text-transform: uppercase; } .capnhat_full { color: #FA0000 } .giohang_tk { margin-bottom: 10px; } .giohang_tk td { text-align: center; border-top: 1px solid #CCCCCC; line-height: 30px; padding-top: 5px; } .tonggia td { background: #eeeeee; height: 30px; color: rgba(255, 255, 0, 1); line-height: 30px; font-size: 16px; text-align: right; color: #555; padding: 5px 10px 5px 10px; } .tonggia td b { color: #FF0000 } .ahaa td { } .thanhtoan tr { width: 100%; float: left; padding: 10px 0px 0px 10px; clear: both; } .thanhtoan td { float: left; } .thanhtoan input { width: 200px; padding: 5px; } .phuongthuc input { width: auto; height: auto; } .thanhtoan select { padding: 5px; } .thanhtoan textarea { padding: 10px; width: 100%; } .titleinformation { font-weight: bold; white-space: nowrap; height: 30px; line-height: 40px; text-transform: uppercase; color: rgba(0, 102, 153, 1); width: 100%; border-bottom: 1px solid rgba(0, 102, 153, 0.2); padding-bottom: 5px; } .titleinformation img { float: left; } .phuongthuc { margin: 10px 0px 10px 0px; } .phuongthuc p { font-weight: bold; float: left; width: 100%; font-size: 12px; margin-bottom: 10px; color: rgba(0, 102, 153, 1); text-transform: uppercase; } .phuongthuc span { } .phuongthuc input { margin-right: 10px; margin-left: 0px; float: left; margin-top: 3px; cursor: pointer; } .phuongthuc img { margin-right: 20px; } .form_giohang td { padding: 10px 0; } .form_giohang .tt_cart { text-align: left; font-family: Helvetica, Arial, sans-serif; } .form_giohang .img { width: 100px; float: left; border: 1px solid #ccc; padding: 1px; margin-right: 10px; } .form_giohang .tt_cart h3 { text-align: left; color: #333; padding: 5px 0px 0px 0px; text-align: left; color: #333; padding: 5px 0px 0px 0px; font-size: 1.25em; margin: 0.5em 0; } .form_giohang .tt_cart h4 { font-size: 1em; color: #285c2c; } .form_giohang .tt_cart span { color: #FF0000; } .form_giohang .tt_cart:hover { opacity: 0.8; } .cl_input { margin: 20px 0px 0px 0px; } .cl_input label { width: 30%; float: left; font-weight: 100; } .cl_input label img { width: 16px; margin-right: 5px; } .cl_input input { width: 60%; float: left; padding: 2px; } .cl_area label { width: 100%; float: left; margin: 15px 0px 10px 0px; font-weight: 100; } .cl_area label img { width: 20px; margin-right: 5px; } .cl_area textarea { width: 100%; height: 115px; padding: 5px; } .form_giohang input { width: 50px; text-align: center; } .giohang_form .cl_input { width: 50%; float: left; } .giohang_form .cl_input input { padding: 5px; } @media (max-width:768px) { .res_cart { display: none; } .form_giohang .img { width: 50px; margin-top: 5px; } } @media (max-width:500px) { .cl_input label { width: 100%; float: left; font-weight: 100; } .cl_input input { width: 100%; float: left; padding: 2px; } ..menu_giohang td { font-size: 11px; text-transform: capitalize; } } .grp-button-cart { text-align: right; } .grp-button-cart input { display: inline-block; float: none; padding: 2px 15px; height: auto; } .grp-button-cart input:nth-child(1) { background: green; } .grp-button-cart input:nth-child(2) { background: #d80f00; } .grp-button-cart input:nth-child(3) { border: 1px solid #FF5722; background: #FF5722; height: auto; padding: 10px 30px; transition: all 0.5s; } .grp-button-cart input:nth-child(3):hover { background: none; color: #FF5722; } .cart-shopee { } .cart-shopee h2 { display: inline-block; text-transform: uppercase; font-size: 1.25em; margin: 0; } .cart-shopee .title { text-align: left; padding: 0.5em 0; margin-top: 1em; } .cart-shopee .title h2 { } .cart-shopee .cartleft { width: 58%; float: left; } .cart-shopee .cartleft h2 { float: left; } .cart-shopee .cartleft .blockcontent { padding: 25px 20px; border: 1px solid #ccc; } .cart-shopee .cartleft .blockcontent label { width: 20%; float: left; } .cart-shopee .cartleft .blockcontent .clearfix { margin-bottom: 1em; } .cart-shopee .cartleft .blockcontent input { width: 80%; float: right; padding: 4px 10px; border: 1px solid #ccc; border-radius: 3px; } .cart-shopee .cartleft .blockcontent textarea { width: 80%; padding: 4px 10px; border: 1px solid #ccc; } .cart-shopee .cartright { width: 38%; float: right; } .cart-shopee .cartright .a-editorcart { float: right; color: red; font-size: 1.2em; font-style: italic; } .cart-shopee .cartright .blockcontent { } .cart-shopee .cartright .blockcontent .cart_productlist { height: 350px; overflow-y: scroll; } .cart-shopee .cartright .blockcontent .cart_productlist >li { padding: 15px 0; border-bottom: 1px solid #ccc; } .cart-shopee .cartright .blockcontent .cart_productlist .img { width: 30%; float: left; } .cart-shopee .cartright .blockcontent .cart_productlist .img img { } .cart-shopee .cartright .blockcontent .cart_productlist .details { width: 70%; float: right; padding-left: 15px; } .cart-shopee .cartright .blockcontent .cart_productlist .details h3 { font-size: 1em; } .cart-shopee .cartright .blockcontent .cart_productlist .details h4 { font-size: 1em } .cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo { margin: 0.5em 0; } .cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo li { width: 30%; float: left; } .cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo li:nth-child(1) { text-align: left; } .cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo li:nth-child(2) { text-align: center; } .cart-shopee .cartright .blockcontent .cart_productlist .details .detailsinfo li:nth-child(3) { text-align: right; color: red; font-weight: bold; } .cart-shopee .cartright .blockcontent .billtotal { } .cart-shopee .cartright .blockcontent .billtotal p { padding: 5px 0; } .cart-shopee .cartright .blockcontent .billtotal label { float: left; } .cart-shopee .cartright .blockcontent .billtotal span { float: right; } .cart-shopee .cartright .blockcontent .billtotal .pricepay { font-size: 1.2em; color: red; font-weight: bold; } .cart-shopee .cartleft .choosepay { } .cart-shopee .cartleft .choosepay ul { } .cart-shopee .cartleft .choosepay ul li { } .cart-shopee .cartleft .choosepay .choosepay-content { } .cart-shopee .cartleft .choosepay .choosepay-content input { margin-right: 0.75em; display: inline-block; margin-top: 0; } .cart-shopee .cartleft .choosepay .choosepay-content { padding: 25px 20px; border: 1px solid #ccc; } .scrollbar { margin-left: 30px; float: left; height: 300px; width: 65px; background: #F5F5F5; overflow-y: scroll; margin-bottom: 25px; } #style-5::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } #style-5::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; } #style-5::-webkit-scrollbar-thumb { background-color: #0ae; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent)); } .cart-shopee .btnbar { margin: 1em 0; text-align: center; background: #f1f1f1; padding: 15px 0; margin-bottom: 2em; } .cart-shopee .btnbar button { padding: 10px 20px; background: #dc4444; border: 1px solid #dc4444; color: white; border-radius: 5px; } .cart-shopee .btnbar button:hover { background: none; color: #dc4444; } .cart-shopee .select2 { width: 80% !important; } .temp_redirect { background: url('images/bg_redirect.png') right top; background-size: cover; padding: 20px; position: relative; margin-top: 4em; } .temp_redirect .redirect_title { } .temp_redirect .redirect_title h2 { font-size: 1.5em; font-weight: bold; color: white; text-transform: uppercase; width: 50%; float: left; } .temp_redirect .redirect_img { position: absolute; top: -40px; right: 50px; padding: 15px; border-radius: 50%; background: white; border: 10px solid rgb(2, 83, 216); } .temp_redirect .redirect_img img { } .temp_redirect .redirect_content { margin-top: 3em; padding: 15px; background: white; } .block-banking { height: 0; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .block-banking .title { } .block-banking .bankingcontent { padding: 0; /* border: 1px solid #ccc; */ } .block-banking .bankingcontent >ul { display: inline-block; width: 100%; } .block-banking .bankingcontent >ul >li { padding: 15px; border: 1px solid #ccc; width: 50%; float: left; display: flex; align-items: center; justify-content: center; position: relative; } .block-banking .bankingcontent .img { width: 100%; /* text-align: left; */ display: inline-block; text-align: center; cursor: pointer; } .block-banking .bankingcontent .img img { } .block-banking .bankingcontent .details { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px; background: rgba(241, 241, 241, 0.85); } .block-banking .bankingcontent .details li { } .block-banking .bankingcontent .details li span { width: 40%; display: inline-block; } .block-banking .bankingcontent .details li b { width: 60%; display: inline-block; color: red; font-size: 1.15em; } .block-banking.active { height: auto; } .nhanhang_block { height: 0; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .nhanhang_block { padding-top: 1em; } .select2 { width: 100% !important; } .billtotal p input { width: 78%; padding: 5px; text-align: right; background: none; border: 0; border-bottom: 1px solid #ccc; } .content_payment { } .content_payment .totalpay { font-size: 16px; color: red; } .content_payment .totalpay label { } .content_payment .totalpay input { font-weight: bold; font-size: 20px; } .content_payment ul { } .content_payment ul li { margin: 1em 0; } .content_payment ul li label { width: 40%; float: left; padding-top: 0.75em; background-position: left bottom !important; background-repeat: no-repeat !important; padding-left: 2.5em; } .content_payment ul li input { width: 60%; padding: 5px; text-align: right; background: none; border: 0; border-bottom: 1px solid #ccc; } .content_payment ul li:nth-child(1) label { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEZElEQVR42qWUX0xbdRTHz6+FlgqUP8XRYViBoQkkhmZ9AR+2h5nFuIXoIMZNJxoTfVHjYgwsmTiSLWMVXhYNMfoyTMCk3SBEIpHFMAiWB7SVkQxSiED/wCAIbWlv/9x7f55zvSw8wHanJ/ml9/ae3/n8fud8z2HwFNZ7q9eUlZXlMBgMUVHMzL557pz8pD3sSQ6hUOj5jY2ND+I78Zf0ev0xDtyIzxCLRX2vnz177H8DNjc3L+Tm5vYiBO6NjcHOzg6nfaIoBra3I9WXv7ic/k+AlZWVI5iODkzHabPZXLK0tAQDd+5AOp0BzjkYjUYoLi5eLS8vv1ZYVPhtfX29pBmwurpqwwCenJycwzqdDuNxJssyEMTv9/Ps7GxWWFDI8/LymDHHCOjjSSQS5+12+5ImwNrq2vemZ0zv4w3olcuSzCRZAoLg4slkkiWFJMfdlCoIh8I8EAz82NLScl4bYG1tzpRjeoG+bm1tQX5+vhJckiSIx+OQyWQwVWnweX3kq3xjjPW2trW+qxUQxDQ85/N6wfu7l7/1ztssFotBKpkErDAKCRimkft8PmW/kkPGvkPAh5oA4XDYi5K0L/oXYO7BHD956mW2/vAhDA0NQUNDAy8ttbL19XU+MzOzF/A1Aj7RBEAF3cINF0gty1hYq/UwkEzdbhcgGI6fOEEpgdn7s+SewTWCq7PtUptHE2BhYeE1rN8A5ZyKioVklOvBwQFAZXGbzcaOVlfzWDS2iEI42dTctAIH2L6A4Z+GdRUVFdMyl+2SKAGqRiluIBAAS4kFioqKlMJTL+iYblyUxNO1tbVxzQCyqampWtT3JN6gILIdUfoAGw5Kni1ROhmNc5kr8kVVuerq6t54KsDFTy86ysrKrtXU1JzCII/8CswFvPxIOcNbcTEjsnQmDelUmo/dG3u1o6PjLsqXDkBDkB8IGBwcvDkxPvExndhisXCr1brXjyOYGYwGLiQElkqlKIV8fGL8ttPpfA+/02ySdiH7AkZHR2/ixo+CwSCdWBE+FVyv0ytHQgFAZWUloFRBSAogCAJNXX97e3sd+hFA91gA6r0TG63VZDJRx3IcHYwAXp8XHA4HbmLsUOkhjiOCUXBcHKdu+Hrn9Rdxu6gu5Sb7Atwu9+c4vJw4SaHqaBVHvSvFdLlc0NjYyHGMMErd/Pz8v4CEQLPoz77+vjO4XcAVVSH716CnpycX5TeMjXZc8cBykSTn5h6AzVZB0xPMBWbw/uEFPIiSounp6e6Z+zPfoHcSV0QFHayirq+6crGp+vHxjCpLoOmKklRkiinkHo9HmaqhcGh08rfJSyjlmBqYemL7wBrs2pUvr+iwqT7Dm1zFV8OuighAswh7ZXZ5ZfkqNuAk1sqi5l1Qg0cee4O91t3VvYA/VdFoFKguf6GNjPz8QzAU+kUNSorJqMH/VgGyZoDzhvMV4vT390WTqdSNxcXFX/HEefifUb0RBU/g2lGfH5kmAFlzU7PefdstafXftX8AuNloOOTw06wAAAAASUVORK5CYII='); } .content_payment ul li:nth-child(2) label { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACj0lEQVR42mNkoDFgHLWAoAUN4WJ88qJshqRa9p+B4UvSlCdnCFrwfYX2JSCtS47rPn//lyuWeH0KXgu+LtP8D3EQPMjwsZHFGL7/Y58rEnMhFa8Fn5eok23BETb3T3OEml6CxBgZGW99enija1eS+REUCz4sVP3PQCY4xOHNsFu6niFImoHh46//DEsfMfz++v5NxLYwtXVwC97NVybbBwfZvRgvKjf+L1BnAqvZ8ODH//UvWH5/f/M8cFeM7jaw4Ju5ikAN/6GaGBnxs5HFQBZ4M+6QqvvvLf4PrOjff4b/Sx4zMvz6z/Tj28vHvvsSjfcyvpotR7YPDrB5M84XqsOl/sun+9ccGF/MlCE7DoAWMMwTrMWnZC/j02lSFMXBXIFafOr/MD6eIoHig/PPOBm23RQAs73UPzAYSn3H4wMvhrkCNQz/3z5h+HsCmHC+fWRgVLNgYNZ3hathvNotfp+H/b88iHP/HRtj1U6p/0bGZmC5c2dP/W9zf8agKPQLwwegqF7Clsq4kzvi/68FJQzKEsKMSkpK//fu3cvA6JzMyKzj8P//758/GLPd+aTF+ZntQZqvfxAP+sCsGLhhwwawBQEBAf/5/z5YryXwYh26618zijPs4QpiYPv6Tp/5zqmSTZs2MYqJif2vrKxkOHD28qWvypZdf358v4xSwKmqqsbz8/Mv6O/vB/MLCwsZPn/+nHDz5s2FuIJJWlpaQ1hY+FpJSQmjkZERQ2lpKcOTJ0+mX758OQsWGXAgICDAJikpuQnIdIPK7Xz58qXfu3fvfuFLKhoaGh3AoqIMyr396dMnp6dAgGEBDAC9agCiX716dYGBSCAqKqoMtET0169f5z58+AB30DCo0Ya8BQA8cB7ZuODIUQAAAABJRU5ErkJggg=='); } .content_payment ul li:nth-child(3) label { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEhklEQVR42s2UWWhUZxTHzzdz7+x7MlnGOiYmxkoSo6mlgk1CKcViHnyQFNSiUqko2JZiWymJJrZQK6J9abUiVEQkaVP6EEjBxGhro2QkajLZJsvITGbLZJZk9pm7zOlNodJQl6gVel6+h+/y/333f875E3jBRf6XgKYjR3IpitbbbGNTba2t+J8CWpo+NnzeeNTOZWltMpUOxWKJm7Ozs70WS98fPVc67nZ0drPPBdi/p153ovn9T9W6/O0gMRZnRRpMphHaL3xF/L5pR/uv/SvvjbjwmQF/1+nmnWRzXfktlUK9Ua7RwbVrNyCTYey7D10sfeY/OPXdudXmouK6TCICNUXuinho7gNKLMIMIqTSLEx7QzsaDpxre2pAY/MX6u17dn3Nc7DP5/GIOy6fggPvVEBBgYFIlXLkMwzcHQ7ag1j6Uf+w0zU6PDTW+cuP3JIAnV09G9TGbJuDOVsi14mBCZuAjeRAJiQFKUuDkkpCKBACylAN6zfWgJiiwON0zHld02daL11oeSyg80r3u/nmwvOR+ITMF7mF3jkLCScmMRGQgxi0YMzPJXl5ZszVF4NSVElMOa+gbcgK9skJolKpkOf5xkcCLrf9dLh8ueT4fWMY6PlCokwpkc8CMRbqcNzXB6P2mzDtu0MIsrhubQVUr9xLxu+F0elwgEgkIkqlEsVi8dmHAn64eOlLlamk0en3QLn4Pqw2sMSgpDFsLCNOByCRGCDm8UFCayCml5SIwpj29d4mTIZBlmMhHAqSMdswplOZqn8Bvv3+/LFVK4uOciwPTBZhKCSclAIiyQyYpWHYoAnAMmkK9FAIgaLXYGBoBKxWK0Qj86DXG8DrdUMyGQc+m71hHRh8exHg+MnThyrWvHwyHotDPB4nMrkMxSIRSCQSYjYvx0lPgPg4OVJSGbxZooPrv/1O7FNTyLIs0BKaBGdnUHAnw3Jc023L7W/u2+3ZB4DDTS07Xl1fdcnt8oiyWR4UCgUQQhbEQafTCcAYyGRyMBpzQVCBnp7rEAoFQSrcz8+Hwe12QmGB6a5vZmbX1a6ukUV78N7+gzVv1Gzqdk+7pMlkEuVyhdAoQgTIXyu/0DStVosGg55kOB57e3shGAyARq0hgjAmUwle+PbE2MjosXHb+OIs2rJ12/La2tp+vVpp9Li9JCfHgAzDCD4mibCgKJHQIJXKhHE0IlAUsfRZMCL4TdMUuF0OIlgzkUqld1/rvtr3sIEh+z785Gf7+OQ2rVoFa6sqQKtRAy946vf7IS8vHxZgMpkUNIYcGBwYgFgsCqmUsFwhPwqvPmOfnPpsdGQ0+ahxJ1sbdr7lnwnvFWKgnmUzKlqMaF6xDCory4lCLsdUIgHGggIyNmbDaDRCAgEfchzj4Tl+b0/31a4nJcGDJhcVr1IY85ZtoWXqBobh6jkmraQpxE11r4OIAPG6XRgMeBempVXo1cEh69Dck1PsEVlkXlGqUGty6vNNpoayNWWbo+GgJh6dm0gkok3Cq9uXIvxYwD+rYl01LSakZPDeHdvTCC8Z8Lz1wgF/AiUYH+Kxk88IAAAAAElFTkSuQmCC'); } .content_payment ul li:nth-child(4) label { background: url('data:image/png;base64,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'); } .h-auto { height: auto } .phantrang { text-align: center; margin-top: 1em; } .phantrang .pagination { display: inline-block; } .phantrang .pagination li { display: inline-block; margin: 0 0.5em; } .phantrang .pagination li a { color: #666; border-radius: 50%; height: 27px; width: 27px; background: #f2f2f2; border: 1px solid #d6d6d6; box-shadow: inset 0 0 5px #d6d6d6; display: flex; align-items: center; justify-content: center; } .phantrang .pagination .current { color: white; background: #285c2c; box-shadow: none; } /*NEWS HORIZONTAL*/ .newshorizontal { } .newshorizontal .content { display: grid; grid-gap: 20px; grid-template-columns: 1fr 1fr; margin-bottom: 3em; } .newshorizontal .content .item { } .newshorizontal .content .h-entry { } .newshorizontal .content .h-entry .image { width: 30%; float: left; overflow: hidden; padding: 2px; border: 1px solid #ccc; } .newshorizontal .content .h-entry .image img { width: 100%; } .newshorizontal .content .h-entry .details { width: 67%; float: right; text-align: left; } .newshorizontal .content .h-entry .details h3 { margin: 0; font-size: 1.15em; color: black; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .newshorizontal .content .h-entry .details h3:hover { color: black } .newshorizontal .content .h-entry .details h4 { color: #333; font-size: 1em; text-align: justify; font-weight: normal; } .newshorizontal .content .h-entry .details h5 { margin: 0.35em 0; font-size: 0.85em; color: #666; font-weight: normal; } .newshorizontal .content .h-entry .details h5 i { } .newshorizontal .content .viewsmore { float: right; padding: 0.35em 1em;/* background: white; */ color: #009f16; border-radius: 50px; border: 1px solid #009f16; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .newshorizontal .content .viewsmore:hover { color: white; background: #009f16; } @media screen and (max-width:768px) { .newshorizontal .content { grid-template-columns: auto } } /*/*NEWS HORIZONTAL*/ .btn-guiyeucau { color: white; background: linear-gradient(#eebc5c, #ec9f0d); border: 1px solid #ec9f0d; padding: 0.5em 1em; } .slick-prev, .slick-next { display: none; right: 0; left: 0; } footer { color: white; padding-top: 4em; position: relative; padding-bottom: 0; background-position: bottom center !important; background-size: cover !important; } footer .tieuchi { background: #fde304; color: black; padding: 2em 0; font-size: 1.15em; text-align: center; line-height: 1.5em; } footer .tieuchi .content { } footer .formbar { } footer .formbar form { } footer .formbar form input { width: 100%; margin-bottom: 0.5em; padding: 5px; background: rgba(125, 125, 125, 0.5); border: 1px solid #676767; } footer .formbar textarea { width: 100%; margin-bottom: 0.5em; padding: 5px; background: rgba(125, 125, 125, 0.5); border: 1px solid #676767; } footer .formbar button { width: 100%; padding: 7px; background: #fde304; border: 1px solid #fde304; font-weight: bold; } footer .formbar button:hover { background: white; } footer .formbar textarea::placeholder { } footer .formbar input::placeholder { } footer .footerrow { } footer .company { } footer .company .title { } footer .company.col .title span { color: #fff; /* text color */ font-family: "Calibri"; font-size: 22px; /* text color */ text-transform: uppercase; font-weight: bold; } footer .company.col .title span:after { content: none } footer .menuadd { } footer .menuadd ul { } footer .menuadd li { } footer .menuadd li p { margin-bottom: 0.75em; } footer .policy { width: 100%; float: left; } footer .policy a { color: white; } footer .xcol.w50 span { display: inline-block; padding: 0.5em 0; } footer .xcol.w50 { width: 50%; float: left; } footer .policy ul li:hover a { color: red } footer .policy ul li { margin: 0.5em 0; background-repeat: no-repeat !important; background-position: top 3px left !important; font-size: 1.05em; width: 100%; transition: all 0.3s; position: relative; } footer .policy .statis ul li { padding-left: 0 } footer .policy .statis ul li b { display: inline-block; width: 30%; float: right; } footer .policy .statis ul li:before { content: none } footer .block-keywords { padding: 2em 0; } footer .block-keywords .title { margin-bottom: 1em; } footer .block-keywords h2 { font-size: 14px; color: #474545; font-weight: bold; text-transform: uppercase; margin: 0; } footer .block-keywords ul { } footer .block-keywords ul li { display: inline-block; margin: 0 1em; } footer .block-keywords ul li a { color: #454545; } footer .title { margin-bottom: 2em; } footer .title span { margin: 0; font-weight: bold; position: relative; padding-bottom: 0.5em; /* text color */ /* text color */ font-family: "Calibri"; font-size: 1.25em; line-height: 22px; color: rgb(255, 255, 255); } footer .title span:after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background: white; } footer .content { } footer .content-footer { padding: 1em 0; padding-bottom: 2em; border-top: 1px solid #ccc; padding-bottom: 1em; padding-top: 2em; } footer .content-footer .company { padding-right: 60px; } footer .content-footer .company .copyright { font-size: 12px; color: #888; } footer .content-footer .company .copyright span { } footer .content-footer .company .copyright a { } footer .content-footer .log-footer input { } footer .content-footer .log-footer a { } footer .content-footer .submail .content .grp-input { } footer .content-footer .submail .content .grp-input input { width: 70%; padding: 0.2em 1em; outline: none; } footer .content-footer .submail .content .grp-input button { background: red; border: 1px solid red; outline: none; color: white; padding: 0.3em 1em; } footer .content-footer .connectus .title { } footer .content-footer .connectus .socialitem { } footer .content-footer .connectus .socialitem ul { } footer .content-footer .connectus .socialitem ul li { display: inline-block; } footer .content-footer .connectus .socialitem ul li a { } footer .content-footer .connectus .socialitem ul li a img { } footer .blcktag { color: #979797; margin-top: 2em; font-weight: 550; margin-bottom: 1em; } footer .blcktag span { } footer .blcktag a { text-transform: uppercase; color: #979797; margin: 0.3em; padding: 0.3em 0.75em; border: 1px solid #979797; border-radius: 5px; } footer .blcktag a:hover { background: #595959; color: white; } footer .copyright { padding: 5px 0; background: none; margin-top: 0em; color: white; position: relative; padding-top: 3em; padding-bottom: 10em; text-align: right; } footer .copyright .colcop { width: 65%; float: left; } footer .copyright .colcop:nth-child(2) { text-align: right; width: 35%; } footer .copyright .colcop:nth-child(1) { } footer .copyright .backtotop { position: absolute; bottom: 0; left: calc(50% - 62px); } footer .copyright .backtotop a { } footer .copyright .backtotop img { } footer .rowssupport { display: flex; margin-top: 1em; padding: 1em 0; border-top: 1px solid #f55cac; } footer .rowssupport .logopolicy { width: 20%; padding: 0.5em 0; } footer .copyright a, footer .copyright b { color: #979797; } footer .rowssupport .col { } footer .rowssupport .logopolicy img { } footer .rowssupport .support { width: 30%; } footer .rowssupport .support .listupport { } footer .rowssupport .support .listupport li { margin-bottom: 0.5em; } footer .rowssupport .support .listupport li h3 { width: 35%; float: left; margin: 0; font-size: 1em; } footer .rowssupport .support .listupport li .iconsup { } footer .rowssupport .support .listupport li .iconsup { width: 35%; float: left; } footer .rowssupport .support .listupport li .phone { width: 30%; float: left; } footer .rowssupport .container { } footer .rowssupport .title { } footer .rowssupport .title span { font-size: 1.1em; margin: 0; font-weight: bold; } footer .rowssupport .submailbar { width: 50%; padding-right: 0; } footer .rowssupport .submailbar .inpbar { border-radius: 5px; } footer .rowssupport .submailbar .inpbar input { width: 80%; float: left; padding: 0.35em 1em; background: #bf156e; border: 1px solid #bf156e; border-radius: 5px 0 0 5px; } footer .rowssupport .submailbar .inpbar input { } footer .rowssupport .submailbar .inpbar input::placeholder { color: #f5f5f5 } footer .rowssupport .submailbar .inpbar button { width: 20%; background: #67344f; border: 1px solid #67344f; padding: 0.35em 0; border-radius: 0 5px 5px 0; } footer .rowssupport .submailbar .inpbar button:hover { } footer .social-top { display: inline-block; margin-top: 1em; } footer .bocongthuong { display: inline-block; margin: 0; margin-top: 1em; width: 100%; text-align: left; } footer .infcop { float: left; width: 100%; padding: 10px 0; color: #979797; } footer .infcop a { font-weight: bold; color: white; } footer .infcop ul { } footer .infcop ul li { display: inline-block; margin: 0 0.25em; } footer .phobox { } footer .phobox h4 { font-size: 1em; font-weight: normal; text-align: justify; line-height: 1.5em; } footer .phobox ul { } footer .phobox ul li { display: inline-block; width: 50%; float: left; padding: 10px; text-align: center; } footer .phobox img { } footer .grp-input { margin: 1em 0; } footer .grp-input input::placeholder { color: #ccc } footer .grp-input input { padding: 0.4em 0.5em; float: left; width: 80%; border: 1px solid white; color: #407300; outline: none; } footer .grp-input button { width: 20%; padding: 0.3em 0; color: white; background: #285c2c; border: 1px solid #285c2c; float: right; } footer .grp-input button:hover { } /*CSS LAYOUT VIDEO*/ .itemvideo { /* margin: 8px 0; */ position: relative; } .itemvideo img { /* border-radius: 10px; */ } .itemvideo .btn-playvideo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 9; } .itemvideo #btn_playvideo:hover { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color: red } .itemvideo .btn-playvideo i, .itemvideo .btn-playvideo svg { font-size: 20px; color: #0000fe; cursor: pointer; transition: all 0.5s; } #layout_video { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0; z-index: 9999999; } #layout_video input[type="search"] { position: absolute; top: 50%; width: 100%; color: #fff; background: rgba(0, 0, 0, 0); font-size: 60px; font-weight: 300; text-align: center; border: 0px; margin: 0px auto; margin-top: -51px; padding-left: 30px; padding-right: 30px; outline: none; } #layout_video .btn { position: absolute; top: 50%; left: 50%; margin-top: 61px; margin-left: -45px; background-color: #fae426; border: black; } #layout_video .close { position: fixed; top: 15px; right: 15px; color: #fff; background-color: #054da1; border-color: #04480a; opacity: 1; padding: 10px 17px; font-size: 27px; } #layout_video.open { -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; } #layout_video .layout_video { width: 80%; margin: 2% auto; } /*magic NEW*/ .newsmagic { } .newsmagic .content { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px; } .newsmagic .content .item { } .newsmagic .content .item h5 { } .newsmagic .content .item h3 { font-size: 1.2em; font-weight: bold; color: #054da1; } .newsmagic .content .item h4 { } .newsmagic.content-body .content figure figcaption { min-height: auto; } /*magic NEW*/ /*PRODUCT INDEX*/ .hastab-index .title { margin-bottom: 1em; width: 100%; display: inline-block } .hastab-index .img-productlist { width: 25%; } .hastab-index .show-productlist { width: 100%; grid-template-columns: 1fr 1fr 1fr 1fr; } .pull-left { float: left; } .pull-right { float: right; } .blockadv { margin-bottom: 0; } .blockadv .owladv { position: relative; } .blockadv .owladv li { } .blockadv .owladv li img { width: 100%; } /* New video */ .newssupport--bdsmphat .blocknews { } .newssupport--bdsmphat .blockvideos { } .newssupport--bdsmphat .title h2 { font-weight: 500; margin-right: 0; position: relative; display: inline-block; padding: 0; padding-bottom: 0; font-family: "Calibri"; font-size: 1.55em; text-transform: uppercase; color: #373737; font-weight: 550; } .newssupport--bdsmphat .title h2:after { content: ''; position: absolute; top: 5px; left: calc(100% + 15px); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAkwAAAAPCAQAAAC8PlijAAACnUlEQVR42u3cTU/iBxRG8R9/3kEEBRFERAQZRBHkXZxx/P6fqhtKmCZN03TTTO5Zn9XZ3Gd12UlZyZk6N3Sto6/uRcla2h4fElt5czUjN24NXXhRsJDYYCuxUvCqZujGjaGaVwVrid3BWCp4UTPQ0TZUNZW3OhppC0XPLvV1XHt07lXOWurEKJmo6+u6NlIxOzE2Mt6UPWno6boydmYua3NizJWNXenpuTJWNpexwU7KRtbcmbErXT0NT8reToy1nJmKkWtdfXUTJQtp2xPj1bnHQ89Lz4onRmIlb6pqqK1joOZFwVJyYhRM1Qy0tQ3UTBVOakXP6Pl79wyCIPi/8SXlu7y1momOnpGGN2V7aT/xJfGhYOXCxK2eb+oWikfjp8SHoqVLY11dY5eWij4kByNtr2ih7pueWxMXVgo+JL6ORtmbhpGejomatbzvUgcj413ZXNOjvhsvqtZyfhyMT1k7Z2aahh60TZ3bHo2UT1lbFa9aBgZaXlVsZX0ejB9yts5NtT0Yapo5s5P1eaj1Q85a1YsbfY+a5sreZQ61omf0jJ7/vWcQBEEsprhI0TN6Rs9YTEEQxGKKixQ9o2f0jMUUBEEsprhIceGjZ/SMxRQEQSymuEhx4aNn9IzFFARBEIspLlL0jJ6xmIIgCP4de6nD74CqkZaugbrpP34X+PN3wDv2EhsFMxcedXQ8ujBTsJHY411irWjqwtCtGyNVM/kTI22lZOrSg1stI1VzeVupo7FU8qzhwZ2WsYq53NHYyVgqe9Zw707Tk4o3WTspeyk7WQtnJpru3WuaOLP4i/Gm4knTnXsNz8qWMnbHWjlzFWMtdx40PCtZSh9a/Nrz1oNLUyWro5HYyJupnvScKv7Sc/233xqiZ/T87Xv+AdlePUCKHhKWAAAAAElFTkSuQmCC); width: 500%; height: 15px; } .newssupport--bdsmphat .title h2:before { content: ''; position: absolute; left: calc(100% + 15px); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAIAAABiEdh4AAAAFklEQVQoz2P4+5iFJMQwqmFUw5DRAABzo8XQQSyw8AAAAABJRU5ErkJggg==); width: 16px; height: 15px; top: 5px; z-index: 1; } .newssupport--bdsmphat .title { background-repeat: repeat-x; margin-bottom: 1em; overflow: hidden; } .newssupport--bdsmphat .blocknews { } .newssupport--bdsmphat .blocknews .details { } .newssupport--bdsmphat .blocknews .details .newsest { } .newssupport--bdsmphat .blocknews .details .newsest >a { display: inline-block; overflow: hidden; width: 100%; } .newssupport--bdsmphat .blocknews .details .newsest >a img { width: 100%; } .newssupport--bdsmphat .blocknews .details .newsest .views { } .newssupport--bdsmphat .blocknews .details .newsest .views >a { } .newssupport--bdsmphat .blocknews .details .newsest .views >a h3 { transition: all 0.5s; margin: 0.25em 0; color: #262626; /* text color */ font-size: 18px; font-weight: bold; } .newssupport--bdsmphat .blocknews .details .newsest .views h4 { font-weight: normal; line-height: 1.5em; color: #3d3d3d; text-align: justify; font-size: 1em; font-weight: 500; } .newssupport--bdsmphat .blocknews .details .newsest .views .a-viewmore { margin: 0; float: left; background: #fde304; } .newssupport--bdsmphat .blocknews .details .newsest .views .a-viewmore a { } .newssupport--bdsmphat .blocknews .details .newslist { } .newssupport--bdsmphat .blocknews .details .newslist ul { } .newssupport--bdsmphat .blocknews .details .newslist ul li { /* margin-bottom: 1em; */ } .newssupport--bdsmphat .blocknews .details .newslist ul li .img { } .newssupport--bdsmphat .blocknews .details .newslist ul li .img a { width: 100%; display: inline-block; overflow: hidden; } .newssupport--bdsmphat .blocknews .details .newslist ul li .img a img { width: 100%; } .newssupport--bdsmphat .blocknews .details .newslist ul li .views a { } .newssupport--bdsmphat .blocknews .details .newslist ul li .views a h3 { margin-top: 0; transition: all 0.5s; text-align: justify; color: #039900; /* text color */ font-family: "Calibri"; font-size: 18px; font-weight: bold; } .newssupport--bdsmphat .blocknews .details .newslist ul li .views h4 { line-height: 1.5em; text-align: justify; font-weight: 500; color: #464646; /* text color */ font-family: "Calibri"; font-size: 14px; } .newssupport--bdsmphat .blockvideos { } .newssupport--bdsmphat .blockvideos .details { /* background: #EDF0F0; */ } .newssupport--bdsmphat .blockvideos .details .imgshow { display: inline-block; position: relative; } .newssupport--bdsmphat .blockvideos .details .imgshow img { } .newssupport--bdsmphat .blockvideos .details .imgshow a { position: absolute; top: 3.75em; left: 3em; font-size: 1.5em; font-family: 'UTM HelvetIns'; color: white; } .newssupport--bdsmphat .blockvideos .details .info { text-align: center; padding: 2em 0.5em; } .newssupport--bdsmphat .blockvideos .details .info p { color: #3b3b3b; padding: 0.2em 0; font-weight: normal; } .newssupport--bdsmphat .blockvideos .details .info a { color: #3b3b3b; } .sub_mail { width: 100%; background: #e9e9e9; text-align: center; margin: 0; padding: 1em 0; color: white; } .sub_mail .container { display: flex; align-items: center; } .sub_mail .title { background: url(data:image/png;base64,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) left center no-repeat;/* background-position: left 3em center; */ text-align: left; padding: 0.75em 0; padding-left: 5em; width: 510px; float: left; padding-right: 36px; } .sub_mail .title .mastitle { color: #1f1f1f; /* text color */ font-family: "Calibri"; font-size: 15px; } .sub_mail .title .mastitle h2 { color: #007d11; /* text color */ font-family: "Calibri"; font-size: 20px; font-weight: bold; } .sub_mail .title .subtitle { } .sub_mail .title .subtitle h3 { } .sub_mail .title h2 { font-size: 1.3em; font-family: 'Calibri'; font-weight: bold; -webkit-margin-before: 0.2em; -webkit-margin-after: 0.2em; color: #444; text-transform: uppercase; } .sub_mail .title h3 { font-size: 1em; font-family: 'Calibri'; -webkit-margin-before: 0; -webkit-margin-after: 0; font-weight: normal; color: #444; line-height: 1.5em; } .sub_mail .content { /* padding-bottom: 35px; */ display: inline-flex; width: 450px; float: left; } .sub_mail .content input { font-size: 17px; padding: 10px; background: white; border: none; box-shadow: none; float: left; width: 80%; font-size: 14px; outline: none; font-family: 'Calibri'; color: black } .sub_mail .content button { font-size: 1em; float: left; /* margin-left: 5px; */ border: none; background: red; color: white; padding: 7px 10px; font-weight: bold; cursor: pointer; transition: all 0.5s; width: 20%; text-transform: uppercase; } .sub_mail .content button:hover { transition: all 0.5s; background: white; color: red; } .sub_mail .content input::placeholder { font-style: italic; color: #333 } .sub_mail .blocksoci { width: 260px; float: right; } .sub_mail .blocksoci .social-top { margin: 0; width: 100%; text-align: right; } #news13-video { background: white; padding: 2em 0; } #news13-video .blocknews { width: 58%; float: right; } #news13-video .blockvideos { width: 40%; float: left; } #news13-video .title h2 { display: block; margin: 0; font-weight: 500; color: #1f93dd; font-family: 'UTM Edwardian'; position: relative; z-index: 9; font-size: 60px; display: inline-block; padding-right: 15px; } #news13-video .title { background-repeat: repeat-x; margin-bottom: 1.5em; overflow: hidden; } #news13-video .title h2:after { content: ''; position: absolute; top: 50%; left: 100%; width: 500px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAMCAYAAACJOyb4AAAAV0lEQVQ4y2N4K6PynwycBcQMhDADmYb/AWJnWhkOwh+AWJVWhoPwbSAWoJXhILwXiFloZTgIT6Ol4VhTEDUNx0hB1DQcIwVR23CUFEQLw+EpiFaGg1MQAF2uG9V2s1UnAAAAAElFTkSuQmCC) center left no-repeat; height: 13px; } #news13-video .title h2:before { content: ''; position: absolute; top: 50%; left: 100%; width: 900px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASQAAAANAQMAAAA644HlAAAABlBMVEXY19dZWVnB/x+WAAAAAnRSTlMaOO68j30AAAArSURBVBiVY3ASaFHkIEQwEFbSosjAQIxRDQxEGMXhwECEUS0KDKOuJ8n1AAtXX4dKEvDeAAAAAElFTkSuQmCC); height: 13px; } #news13-video .blocknews { } #news13-video .blocknews .details { } #news13-video .blocknews .details .newsest { } #news13-video .blocknews .details .newsest >a { display: inline-block; overflow: hidden; } #news13-video .blocknews .details .newsest >a img { } #news13-video .blocknews .details .newsest .views { } #news13-video .blocknews .details .newsest .views >a { } #news13-video .blocknews .details .newsest .views >a h3 { font-size: 1.2em; color: black; transition: all 0.5s; } #news13-video .blocknews .details .newsest .views h4 { font-size: 1em; font-weight: normal; text-align: justify; line-height: 1.5em; } #news13-video .blocknews .details .newsest .views .viewmore { text-align: right; margin-right: 0; margin-top: 0; } #news13-video .blocknews .details .newsest .views .viewmore a { border: 1px solid; font-weight: normal; } #news13-video .blocknews .details .newslist { padding: 0; } #news13-video .blocknews .details .newslist ul { } #news13-video .blocknews .details .newslist .nav_date { font-family: 'Arial'; font-size: 19px; padding: 0; text-align: left; width: 10%; float: left; padding-top: 2.5em; text-align: left; position: relative; } #news13-video .blocknews .details .newslist .nav_date:after { content: ''; position: absolute; top: -10px; right: -30px; height: 145px; width: 1px; background: #ccc; } #news13-video .blocknews .details .newslist .nav_date .content { display: inline-block; color: white; padding-top: 7%; text-align: center; margin: 0; padding: 0; } #news13-video .blocknews .details .newslist .nav_date .content p { width: 100%; display: inline-block; color: #989898; margin: 0; font-size: 14px; font-style: italic; } #news13-video .blocknews .details .newslist .nav_date .content p span { color: #333; } #news13-video .blocknews .details .newslist .nav_date .content p:nth-child(2) { font-size: 14px; font-weight: normal; color: #5b5b5b; } #news13-video .blocknews .details .newslist ul { margin: 0; padding: 0; } #news13-video .blocknews .details .newslist ul li .img:before { content: ''; position: absolute; top: calc(50% - 9px); left: -9px; height: 18px; width: 18px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAPFBMVEUAAAAz448z448z448z448z448z448z448z448z448z448z448z448z448z448z44/////x/fin88+h8ssfNgKUAAAAD3RSTlMARSj689zHmgHwP9i/oinxZT9xAAAAcUlEQVQY023QWxKDMAgF0At5EF/F2P3vtemtddR4fsIwgQFAYimEZII/nX03K2iMfogj/wx+MihQsl/kAvEbgTlttW5OhvTLrM2bYULgW9emMgyIfWrqC5d7++VpiH7UbqHXw9qk+ahS7Mr3hHEyKWg+jCcOYWZ7UNwAAAAASUVORK5CYII='); } #news13-video .blocknews .details .newslist ul li { /* margin-bottom: 1em; */ padding: 0; position: relative; margin-bottom: 0; border: none; } #news13-video .blocknews .details .newslist ul li .views { width: 80%; float: right; /* height: 110px; */ /* padding: 1em; */ margin-top: 0; background-size: contain !important; position: relative; border: 1px solid #ccc; margin: 0.5em 0; padding-left: 0; padding-right: 15px; } #news13-video .blocknews .details .newslist ul li .views >a { padding-top: 1em; display: inline-block; } #news13-video .blocknews .details .newslist ul li .views >h4 { margin-bottom: 1em; } #news13-video .blocknews .details .newslist ul li .views:before { content: ''; position: absolute; top: calc(50% - 9px); left: -50px; height: 18px; width: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAwElEQVQ4y62UOw6DMAxAzcJZeosu0J6NDVZGLsLYGyAk6BFACHXJ5NqpMxQc9YMjPSly4iclcQwIAAo5URMd8RA6ieVvexE9W8GJaDn8gVb2qqIzsX4hCaw+ZyNi+/KDJLD4XBElxO0PSYBzExZdD0gCFxY16mKaIlYV4jy/4DnHdFHDol5dLEvcjaKIie4Qfalp2os4posci5yVaDQ42ghS9kcvu2ZRZvD8mWlBmn0R009r2ka0xjZInTmZRxvbE4lKkyr+3N3EAAAAAElFTkSuQmCC) center center no-repeat; } #news13-video .blocknews .details .newslist ul li .views .imgthum a { /* border-radius: 50%; */ overflow: hidden; display: inline-block; float: left; margin-right: 1em; /* width: 20%; */ } #news13-video .blocknews .details .newslist ul li .views a h3:hover { color: red } #news13-video .blocknews .details .newslist ul li .views a h3 { font-size: 1.2em; color: black; margin-top: 0; transition: all 0.5s; text-align: justify; } #news13-video .blocknews .details .newslist ul li .views h4 { font-size: 1em; font-weight: normal; line-height: 1.5em; text-align: justify; color: #5e5e5e; } #news13-video .blocknews .details .nav_date { } #news13-video .blocknews .details .nav_date .imgthum { } #news13-video .blocknews .details .nav_date .imgthum a { display: inline-block; overflow: hidden; padding: 2px; border: 1px solid #ccc; } #news13-video .blocknews .details .nav_date .imgthum a img { width: 100%; } #news13-video .blockvideos .details .view_video { width: 100%; display: inline-block; } #news13-video .blockvideos .details .result_video iframe { height: 250px; } #owl-videos { position: relative; } #owl-videos .item { width: 100%; } #owl-video { } #owl-video img { width: 100%; } #owl-video .item { } /*NEWS LIST*/ /*CART*/ #share-buttons { margin: 1em 0; text-align: center } #share-buttons a { display: inline-block; padding: 0 0.25em } #share-buttons img { width: 50px } @media screen and (max-width:768px) { .content-body .blockleft { flex: 1 100%; max-width: none; } .content-body .blockright { flex: 1 100%; max-width: none; } .content-body .blockleft .blockitem.minhidden { display: none; } .blockleft .blockitem .contentb .choosenow { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } .content-body .rowstitle { padding: 0; } .cart-shopee .cartleft { width: 100%; } .cart-shopee .cartright { width: 100%; } .support-online { display: block } .slideInUp.addthis-animated{display: none;} } @media screen and (max-width:500px) { header .bannersite .logosite, header .bannersite .searchblock, header .bannersite .cartblock { flex: 1 100%; max-width: none; text-align: center; /* padding-top: 15px; */ padding-bottom: 15px; } header .bannersite .searchblock { max-width: 50%; padding: 0; flex: 1 50%; padding-bottom: 7px;padding-left: 15px} header .bannersite .cartblock { flex: 1 50%; } .topsite--gomsu .blockapp .masctone { flex-wrap: wrap; } .topsite--gomsu .blockapp .masctone .cols:nth-child(1) {flex: 1 100%;order: 2;} .topsite--gomsu .blockapp .masctone .cols:nth-child(2) {flex: 1 100%;padding-left: 0;margin-left: 0;margin-bottom: 2em;order: 1;} .advindex ul { grid-template-columns: 1fr; } .advindex ul li:nth-child(3n + 1) { grid-column: 1 /span 1; } .bottombar .cols:nth-child(1) { display: none; } .bottombar .cols:nth-child(2) { width: 100%; flex: 1 100%; max-width: none } footer .col-3 { max-width: none; flex: 1 100%; } footer .xcol { padding: 15px; } footer .phobox >div { padding: 15px; } footer .blcktag a { margin: 0.25em; display: inline-block; } } .zaloicon{ position: fixed; top: 50%; right: 1em;} .zaloicon img{} .back-to-top { position: fixed; z-index: 123; right: -60px; bottom: -60px; text-align: center; color: #EC000A !Important; text-decoration: none !Important; font-weight: bold; font-size: 14px; box-shadow: chartreuse; }