@font-face
{
    font-family: 'FR';
    src: url('../css/font/Roboto-Regular.eot'); /* IE9 Compat Modes */
    src: url('../css/font/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/font/Roboto-Regular.woff') format('woff'), /* Modern Browsers */
    url('../css/font/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/font/Roboto-Regular.svg#Roboto-Regular') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'FB';
    src: url('../css/font/Roboto-Bold.eot'); /* IE9 Compat Modes */
    src: url('../css/font/Roboto-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/font/Roboto-Bold.woff') format('woff'), /* Modern Browsers */
    url('../css/font/Roboto-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/font/Roboto-Bold.svg#Roboto-Bold') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'FO';
    src: url('../css/font/UTMTrajanProBold.eot'); /* IE9 Compat Modes */
    src: url('../css/font/UTMTrajanProBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/font/UTMTrajanProBold.woff') format('woff'), /* Modern Browsers */
    url('../css/font/UTMTrajanProBold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/font/UTMTrajanProBold.svg#UTMTrajanProBold') format('svg'); /* Legacy iOS */
}

.imgc, .imgc0{position:relative;z-index:1;display: block}
.imgc:before, .imgc0:before{content:"";display:block;padding-bottom: 66.66%}
.imgc img {object-fit: cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block}
.imgc0 img {width: 100%;height: 100%;position: absolute;object-fit: scale-down;display: block;top: 0;left: 0}
.imgc iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

.TextSize {margin-bottom: 20px;line-height: 22px}
.TextSize b, .TextSize strong {font-weight: normal;font-family: 'FB'}
.TextSize img {max-width: 100%;height: auto !important}
.TextSize table, .TextSize iframe {max-width: 100%}
.TextSize .imgc.video:before {padding-bottom: 56.25%}
.TextSize.miniSize {max-width: 850px;margin: 0 auto 20px auto}
.slick-arrow {border: none;outline: none;cursor: pointer;position: absolute;z-index: 3;box-sizing: border-box;width: 40px;height: 40px;border-radius: 4px;left: 10px;top: calc(50% - 20px);border: 1px solid  var(--main-color);background-color: transparent;border-radius: 0}
.slick-next {left: auto;right: 10px}
.slick-arrow:hover {background-color: var(--main-color)}
.slick-arrow:hover:after {color: white}
.slick-prev:after {content: "\f104";font: 14px FontAwesome;color: var(--main-color)}
.slick-next:after {content: "\f105";font: 14px FontAwesome;color: var(--main-color)}
.slick-list * {outline: none}
.slick-list {overflow: hidden}
.slick-slider {-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;}
.fancybox-caption {text-align: center}
.slick-dots {position: absolute;left: 0;bottom: 15px;padding: 0;margin: 0;text-align: center;width: 100%;z-index: 5}
.slick-dots li {display: inline-block;margin: 0 4px}
.slick-dots button {font-size: 0;width: 11px;height: 11px;background: none;border: 1px solid white;border-radius: 50%;margin: 0;padding: 0}
.slick-dots .slick-active button {border-radius: 0;background-color: var(--main-color);border-color: var(--main-color);width: 30px;border-radius: 6px}
.cb {clear: both}
.dn {display: none !important}
#CommonCuoiChiTietTin .fb_iframe_widget span, .commonTool .fb_iframe_widget span {display: block}
#CommonCuoiChiTietTin .fb_iframe_widget, .commonTool .fb_iframe_widget {float: left}

.commonTool {margin-bottom: 20px;font-size: 14px;color: #999}
.commonTool span {display: inline-block;padding: 0 10px;line-height: 28px;border: 1px solid #ececec;position: relative;margin-right: 5px}
.commonTool span sup {position: absolute;right: 5px;top: 6px;line-height: 10px}
.commonTool span:nth-child(n+3) {cursor: pointer}
.commonTool span:nth-child(n+3):hover {color: white;background-color: var(--main-color);border-color: var(--main-color)}

#CommonCuoiChiTietTin {padding: 7px 0 5px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin-bottom: 20px;overflow: hidden}
#CommonCuoiChiTietTin .apd {float: left}
#CommonCuoiChiTietTin .apd a {font-size: 13px;float: left;text-decoration: none;color: #999;padding: 0 12px;margin-right: 5px;border-radius: 5px;line-height: 26px;position: relative;background-color: #f0f0f0}
#CommonCuoiChiTietTin .apd a:hover {color: white;background-color: var(--main-color)}
#CommonCuoiChiTietTin .right {float: right;margin-bottom: 0}
#CommonCuoiChiTietTin .right .shareItem {float: left;margin-left: 5px}
.SplitPages {text-align: right;margin-bottom: 30px;padding-top: 15px;border-top: 1px solid #ececec}
.SplitPages a {font-size: 14px;display: inline-block;margin: 0 3px;height: 32px;line-height: 32px;min-width: 32px;text-decoration: none;border: 1px solid #cecece;color: #000;text-align: center;background-color: white}
.SplitPages .dau, .SplitPages .cuoi, .SplitPages .truoc, .SplitPages .sau {transform: translateY(2px);-webkit-transform: translateY(2px);-moz-transform: translateY(2px)}
.SplitPages .truoc:before, .SplitPages .sau:before, .SplitPages .dau:before, .SplitPages .cuoi:before {content: "\f104";font: 24px FontAwesome;line-height: 26px;display: inline-block}
.SplitPages .dau:before {content: "\f100"}
.SplitPages .cuoi:before {content: "\f101"}
.SplitPages a:hover, .SplitPages a.hientai {background-color: var(--main-color);color: white}


.road {padding: 10px 0;margin-bottom: 60px;background-color: #f5f5f5}
.road a {text-decoration: none;color: #000;margin-right: 10px}
.road a:not(:first-child) i {margin-right: 10px}
.road a:hover {color: var(--main-color)}

#wrap {overflow: hidden;position: relative}
body {padding: 0;margin: 0;font: 16px 'FR';color: #000;position: relative;background-color: white}
.container {width: 80%;margin: 0 auto;min-width: 1200px}


@media(min-width: 1200px){
    #menu {padding: 0;margin: 0;text-align: center;height: 44px;background-color: var(--main-color)}
    #menu > li {list-style: none;position: relative;display: inline-block;margin-right: -2px}
    #menu > li:not(:last-child):before {content: "";display: block;width: 1px;height: 100%;position: absolute;top: 0;left: 100%;background-color: #196b9a;border-right: 1px solid #005180}
    #menu > li > a {display: block;color: white;font: 16px 'FO';line-height: 44px;text-decoration: none;text-transform: uppercase;padding: 0 30px}
    #menu > li:hover > a, #menu > li.active > a {background-color: var(--other-color)}
    
    #menu ul {position: absolute;top: 100%;left: 0;z-index: 3;width: 260px;padding: 0;margin: 0;text-align: left;display: none;background-color: rgba(255,255,255,0.9);border: 1px solid var(--main-color);border-top: none}
    #menu li:hover > ul {display: block}
    #menu ul li {list-style: none;display: block;position: relative;border-bottom: 1px solid #ececec}
    #menu ul li:last-child {border-bottom: none}
    #menu ul li a {display: block;text-decoration: none;color: #333;font-family: 'FB';line-height: 22px;padding: 10px 15px;position: relative}
    #menu ul ul {top: 0;left: 100%}
    #menu ul li:hover > a {background-color: var(--main-color);color: white}
    #menu ul .openMN {position: absolute;right: 10px;top: 12px;z-index: 2}
    #menu ul .openMN:before {content: "\f105";font: 15px 'FontAwesome'}
    #menu ul li:hover .openMN:before {color: white}
}


#header .logo {float: left;width: 171px;padding: 10px 0}
#header .logo .imgc0:before {padding-bottom: 70px}
#header .right {float: right;padding: 25px 0}
#header .search {float: left;border: 1px solid var(--main-color);overflow: hidden}
#header .search a {float: left;color: white;text-decoration: none;padding: 0 15px;font-family: 'FB';line-height: 38px;background-color: var(--main-color)}
#header .search input {float: left;padding: 0 20px;height: 38px;width: 500px;border: none;outline: none;font: 16px 'FR';color: #333}
#header .search a:hover {background-color: var(--other-color)}
#header .hotline {float: left;color: white;padding: 0 20px 0 10px;background-color: red;text-decoration: none;font-family: FB;line-height: 40px;margin-left: 20px}
#header .hotline i {display: inline-block;color: red;background-color: white;border-radius: 50%;width: 20px;height: 20px;text-align: center;font-size: 14px;line-height: 20px;transform: translateY(-1px);-webkit-transform: translateY(-1px);-moz-transform: translateY(-1px)}
#header .hotline:hover {background-color: var(--other-color)}
#header .hotline:hover i {color: var(--other-color)}

#slide_home {margin-bottom: 50px}
#slide_home .imgc:before {padding-bottom: 39.47368421%}
#slide_home .slick-prev {left: calc(10% - 40px)}
#slide_home .slick-next {right: calc(10% - 40px)}

.banner:before {padding-bottom: 25.789473684%}

#footer {background-color: var(--main-color);color: white;padding-top: 40px}
#footer .logo_ft img {display: block;max-height: 70px;margin-bottom: 20px}
#footer .info_ft {float: left;width: 560px;margin-right: 40px}
#footer .col_mnb, #footer .mxh_hotline {width: calc((100% - 680px)/3);float: left;margin-right: 40px;padding-top: 30px}
#footer .mxh_hotline {margin-right: 0}

#footer .info_ft .item {padding-left: 25px;margin-top: 10px;position: relative;line-height: 22px}
#footer .info_ft .item i {position: absolute;left: 0;top: 0;width: 20px;height: 22px;text-align: center;line-height: 20px}

#footer .title {font: 18px 'FO';margin-bottom: 33px}
#footer .mnFooter a {display: block;text-decoration: none;color: white;line-height: 22px;margin-bottom: 10px}
#footer .mnFooter a:hover {opacity: 0.7}
#footer .hotline {display: inline-block;color: red;text-decoration: none;font: 18px 'FB';background-color: white;padding: 0 20px 0 15px;line-height: 40px;margin-bottom: 30px}
#footer .mxh_footer {margin-top: -15px}
#footer .mxh_footer .imgc0 {display: inline-block;width: 40px;height: 40px;border: 1px solid var(--other-color);border-radius: 50%;margin-right: 2px}
#footer .mxh_footer .imgc0:hover {background-color: var(--other-color)}
#footer .license {padding: 15px 0;text-align: center;color: rgba(255,255,255,0.8);background-color: rgba(0,0,0,0.1);margin-top: 30px}
#footer .license a {text-decoration: none;color: rgba(255,255,255,0.8)}
#footer .license a:hover {color: white}

#fixRight {position: fixed;right: 10px;bottom: 100px;width: 44px;z-index: 5}
#fixRight a {display: block;margin-bottom: 10px}
#fixRight a img {display: block;max-width: 100%}
#fixRight a#page_head {background-color: #000;width: 44px;height: 44px;border-radius: 50%;text-align: center;line-height: 44px;color: white}

.bao_tt {text-align: center;margin-bottom: 25px}
.bao_tt .title {display: inline-block;text-decoration: none;color: #000;font: 30px 'FO';text-transform: uppercase}
.bao_tt a.title:hover {color: var(--main-color)}
.btn_more {text-align: center}
.btn_more a {display: inline-block;text-decoration: none;padding: 0 60px 0 15px;border: 1px solid #cecece;color: #000;position: relative;line-height: 42px;background-color: white}
.btn_more a span {position: absolute;right: 1px;top: 1px;width: 42px;height: 42px;border-left: 1px solid #cecece}
.btn_more a span:before {content: "";display: block;width: 1px;height: 19px;background-color: var(--main-color);position: absolute;left: 21px;top: 12px}
.btn_more a span:after {content: "";display: block;width: 19px;height: 1px;background-color: var(--main-color);position: absolute;left: 12px;top: 21px}
.btn_more a:hover {background-color: var(--main-color);color: white}
.btn_more a:hover span {border-left-color: white}
.btn_more a:hover span:before, .btn_more a:hover span:after {background-color: white}

.slide_cate .slick-list {width: calc(100% + 30px)}
.slide_cate .imgc {margin-right: 30px}
.slide_cate .slick-prev {left: -60px}
.slide_cate .slick-next {right: -60px}
.slide_cate .title {position: absolute;z-index: 3;left: 0;bottom: 0;padding: 10px 60px 10px 20px;text-decoration: none;color: white;text-transform: uppercase;background-color: var(--main-color);font: 16px 'FO';box-sizing: border-box;max-width: 100%;line-height: 24px}
.slide_cate .title span {position: absolute;top: 1px;right: 1px;background-color: white;width: 42px;height: 42px}
.slide_cate .title span:before {content: "";display: block;width: 1px;height: 19px;background-color: var(--main-color);position: absolute;left: 21px;top: 12px}
.slide_cate .title span:after {content: "";display: block;width: 19px;height: 1px;background-color: var(--main-color);position: absolute;left: 12px;top: 21px}
.slide_cate .title:hover, .slide_cate .title:hover span:before, .slide_cate .title:hover span:after {background-color: var(--other-color)}

.list_sp {overflow: hidden}
.list_sp:not(.slick-slider) .item {width: calc((100% - 120px)/5);float: left;margin: 0 0 30px 30px}
.list_sp:not(.slick-slider) .item:nth-child(5n+1) {margin-left: 0;clear: both}
.list_sp .imgc0 {border: 1px solid #ececec;margin-bottom: 15px;background-color: white}
.list_sp .imgc0:hover {border-color: var(--main-color)}
.list_sp .imgc0:before {padding-bottom: 100%}
.list_sp .title {display: block;text-decoration: none;color: #000;text-align: center;margin-bottom: 10px;line-height: 22px}
.list_sp .title:hover {color: var(--main-color)}
.list_sp .price {color: red;font-family: 'FB';text-align: center}

.spHome, .cusHome, .sp_CateHome {margin-bottom: 90px}

.list_dt:not(.slick-slider) {overflow: hidden;margin-bottom: 60px}
.list_dt:not(.slick-slider) .imgc0 {width: calc((100% - 100px)/6);float: left;margin: 0 20px 20px 0}
.list_dt:not(.slick-slider) .imgc0:nth-child(6n) {margin-right: 0}
.list_dt .imgc0 {border: 1px solid #cecece;box-sizing: border-box}
.list_dt.slick-slider .imgc0 {margin: 0 10px}
.list_dt .slick-list {width: calc(100% + 20px);margin-left: -10px}
.list_dt .imgc0:before {padding-bottom: 50%}
.list_dt .slick-prev {left: -60px}
.list_dt .slick-next {right: -60px}

.list_cate {text-align: center;margin: -10px 0 20px 0}
.list_cate a {display: inline-block;text-decoration: none;color: #000;padding: 0 15px;border: 1px solid #cecece;line-height: 38px;margin: 5px}
.list_cate a:hover {color: var(--main-color);border-color: var(--main-color)}

.spIndex .block_sp {padding: 60px 0}
.spIndex .block_sp:first-child {padding-top: 0}
.spIndex .block_sp:nth-child(2n) {background-color: #f5f5f5}
.contentCate {margin-bottom: 50px}

.list_news .date {margin: 15px 0 10px 0;color: #888;font-size: 15px}
.list_news .date i {font-size: 13px;transform: translateY(-2px);-webkit-transform: translateY(-2px);-moz-transform: translateY(-2px);margin-right: 2px}
.list_news .title {display: block;text-decoration: none;color: #000;font-family: 'FB';line-height: 22px;margin-bottom: 10px;height: 44px;overflow: hidden}
.list_news .title:hover {color: var(--main-color)}
.list_news .desc {line-height: 22px;height: 66px;overflow: hidden;margin-bottom: 15px}
.list_news .btn {display: inline-block;text-decoration: none;color: var(--main-color)}
.list_news .btn:hover {color: var(--other-color)}

.list_news.slick-slider {margin-bottom: 30px}
.list_news.slick-slider .item {margin: 0 15px}
.list_news.slick-slider .slick-list {width: calc(100% + 30px);margin-left: -15px}

.list_news:not(.slick-slider) {overflow: hidden}
.list_news:not(.slick-slider) .item {width: calc((100% - 90px)/4);float: left;margin: 0 30px 30px 0}
.list_news:not(.slick-slider) .item:nth-child(4n) {margin-right: 0}

.slide4 .slick-prev {left: -60px}
.slide4 .slick-next {right: -60px}

.newsIndex .block_news:first-child {padding-top: 0}
.newsIndex .block_news {padding: 60px 0}
.newsIndex .block_news:nth-child(2n) {background-color: #f5f5f5}

.col_left {width: calc(100% - 330px);float: left}
.col_right {width: 300px;float: right}
.newsRight {padding: 15px;border-radius: 20px;box-shadow: 0 0 15px rgba(0,0,0,0.1);margin-bottom: 40px}
.title_r {font: 18px 'FO';color: var(--main-color);text-decoration: none;display: inline-block;text-transform: uppercase}
.tinRight .item {overflow: hidden;padding: 15px 0;border-bottom: 1px solid #ececec}
.tinRight .item:last-child {padding-bottom: 0;border-bottom: 0}
.tinRight .imgc {width: 100px;float: left}
.tinRight .title {width: calc(100% - 110px);float: right;text-decoration: none;font-family: 'FB';line-height: 22px;max-height: 66px;overflow: hidden;color: #000}
.tinRight .title:hover {color: var(--main-color)}

.bao_nd {padding: 40px 50px;border-radius: 20px;box-shadow: 0 0 15px rgba(0,0,0,0.1);margin-bottom: 40px}
.title_CT {font: 22px 'FO';text-transform: uppercase;color: var(--main-color);margin-bottom: 15px}

.tags span {font-family: 'FB';margin-right: 10px}
.tags a {display: inline-block;text-decoration: none;color: #000;padding: 0 15px;line-height: 30px;border: 1px solid var(--main-color);border-radius: 16px;margin: 5px}
.tags a:hover {color: white;background-color: var(--main-color)}

.bao_other {overflow: hidden;margin-bottom: 15px}
.bao_other .title {font: 28px 'FO';text-transform: uppercase;text-decoration: none;color: #000}
.bao_other .title:hover {color: var(--main-color)}
.bao_other .viewAll {float: right;text-decoration: none;color: #000;margin-top: 20px}
.bao_other .viewAll i {font-size: 11px;transform: translateY(-2px);-webkit-transform: translateY(-2px);-moz-transform: translateY(-2px)}
.bao_other .viewAll:hover {color: var(--main-color)}


.nameCty {text-align: center;color: var(--other-color);font: 30px 'FO';margin-bottom: 20px;text-transform: uppercase}
.infoCty {margin-bottom: 40px;display: flex}
.infoCty .item {width: calc((100% - 60px)/4);float: left;margin: 0 0 20px 20px;box-sizing: border-box;border: 2px solid #ececec;box-sizing: border-box;padding: 30px 20px;text-align: center;background-color: white;line-height: 24px}
.infoCty .item i {font-size: 28px;width: 40px;height: 40px;text-align: center;margin: auto;line-height: 40px;color: var(--main-color)}
.infoCty .thuoctinh {text-transform: uppercase;margin-bottom: 5px;font-family: 'FB'}
.infoCty .item:first-child {margin-left: 0}

.form_lh {width: calc(50% - 10px);float: left;margin-bottom: 70px}
.map_lh {width: calc(50% - 10px);float: right;margin-bottom: 70px}
.map_lh .iframeMap {height: 390px}
.map_lh iframe {width: 100%;height: 100%}
.title_lh {font: 20px 'FO';margin-bottom: 10px;text-transform: uppercase}
.form_lh .item {border: 1px solid #eee;margin-bottom: 10px;background-color: #f5f6f8;padding-left: 40px;box-sizing: border-box;border-radius: 3px;overflow: hidden;position: relative}
.form_lh .item.captcha {width: 400px}
.form_lh .item i {font-size: 20px;position: absolute;top: 0;left: 0;width: 40px;height: 40px;text-align: center;line-height: 40px;color: var(--main-color)}
.form_lh input, .form_lh textarea {display: block;width: 100%;box-sizing: border-box;padding: 0 10px;background-color: white;margin: 0;border: none;outline: none;height: 40px;font: 15px 'FR';color: #000;resize: none}
.form_lh .item:nth-child(2) {width: calc(50% - 5px);float: left}
.form_lh .item:nth-child(3) {width: calc(50% - 5px);float: right}
.form_lh .item:nth-child(4) {clear: both}
.form_lh textarea {padding: 10px;height: 150px}
.form_lh .name, .form_lh .phone {width: calc(50% - 5px);float: left}
.form_lh .btn {margin-bottom: 15px}
.form_lh .btn a {display: inline-block;margin-right: 8px;text-decoration: none;color: #000;padding: 0 30px;border: 1px solid #cecece;font-family: 'FB';line-height: 40px}
.form_lh .btn a:first-child {color: white;background-color: var(--main-color);text-transform: uppercase}
.form_lh .btn a:hover {color: white;background-color: #999}
.form_lh .btn a:first-child:hover {background-color: var(--other-color)}
.form_lh .item.captcha input {width: calc(100% - 174px);float: left}
.form_lh .item.captcha img {height: 34px;float: left;border: 3px solid white}
.form_lh .item.captcha a {float: left;background-color: white}
.form_lh .item.captcha a i {position: static}

.other {margin-top: 40px}

.alert {text-align: center}
.nd_alert {max-width: 750px;margin: 70px auto}
.nd_alert .fa-check {width: 80px;height: 80px;border-radius: 50%;background-color: var(--main-color);color: white;font-size: 40px;line-height: 80px}
.nd_alert .title {margin: 30px 0 10px 0;font: 30px 'FB';text-transform: uppercase;color: var(--main-color)}
.nd_alert .desc {margin-bottom: 20px}
.nd_alert .content {margin-bottom: 20px;line-height: 24px}
.nd_alert .content a {text-decoration: none;font-family: 'FB';color: red;font-size: 18px}
.nd_alert .btn a {display: inline-block;text-decoration: none;color: white;text-transform: uppercase;padding: 0 30px;background-color: var(--main-color);line-height: 40px;font-family: 'FB'}
.nd_alert .btn a:hover {background-color: var(--other-color)}


.title_tab {padding-top: 10px;border-top: 3px solid var(--main-color);font: 20px 'FO';text-transform: uppercase;color: var(--main-color);margin-bottom: 20px}

.albumProduct {width: calc((100% - 60px)*2/3 + 30px);float: left;margin-bottom: 50px}
.infoProduct {width: calc((100% - 60px)/3);float: right;box-shadow: 0 0 10px rgba(0,0,0,0.1);box-sizing: border-box;padding: 20px 30px;border-radius: 10px;margin-bottom: 50px}
.infoProduct .title_CT {font: 30px 'FB';color: #000;text-transform: none}
.infoProduct .price {margin-bottom: 15px}
.infoProduct .price span {color: red;font: 18px 'FB'}
.infoProduct .dactinh {margin-bottom: 15px}
.infoProduct .dactinh ul {padding: 0;margin: 0}
.infoProduct .dactinh ul li {list-style: none;padding-left: 15px;position: relative;margin-bottom: 10px}
.infoProduct .dactinh ul li:before {content: "";display: block;width: 5px;height: 5px;border: 1px solid var(--main-color);border-radius: 50%;position: absolute;left: 0;top: 6px}
.infoProduct .desc {line-height: 24px;margin-bottom: 20px}
.infoProduct .hotline {border: 1px solid var(--main-color);margin-bottom: 10px;text-align: center;color: red;font: 20px 'FB';padding: 10px}
.infoProduct .hotline a {text-decoration: none;color: red}
.infoProduct .hotline a:hover {color: var(--main-color)}
.infoProduct .btn_yc {display: block;text-decoration: none;color: white;text-align: center;text-transform: uppercase;background-color: red;font: 16px 'FB';line-height: 40px}
.infoProduct .btn_yc:hover {background-color: var(--main-color)}

.albumProduct .imgc0 {width: calc((100% - 90px)/4);float: left;margin: 30px 30px 0 0;box-shadow: 0 0 10px rgba(0,0,0,0.1)}
.albumProduct .imgc0:before {padding-bottom: 100%}
.albumProduct .imgc0:nth-child(4n+2) {margin-right: 0}
.albumProduct .imgc0:nth-child(1), .albumProduct .imgc0:nth-child(2) {width: calc(50% - 15px);margin-top: 0}
.albumProduct .imgc0:nth-child(n+7) {display: none}
.albumProduct .imgc0:hover .zoom {position: absolute;z-index: 2;right: 5px;bottom: 5px;width: 41px;height: 41px;background-color: rgba(0,0,0,0.5)}
.albumProduct .imgc0:hover .zoom:before {content: "";display: block;width: 1px;height: 17px;background-color: white;position: absolute;left: 20px;top: 12px}
.albumProduct .imgc0:hover .zoom:after {content: "";display: block;width: 17px;height: 1px;background-color: white;position: absolute;left: 12px;top: 20px}
.albumProduct .imgc0 .viewAll {position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: white;text-decoration: none;display: flex;align-items: center;justify-content: center;background-color: rgba(0,0,0,0.5);box-sizing: border-box;padding: 0 10px;text-align: center}
.albumProduct .imgc0 .viewAll b {padding: 0 5px}


.popup {position: fixed;z-index: 111;top: 0;left: 0;display: flex;align-items: center;justify-content: center;background-color: rgba(0,0,0,0.6);width: 100%;height: 100%}
.popup .closepOpup {position: absolute;top: -8px;right: -8px;width: 82px;height: 72px;background-color: #7f7f7f;text-align: center;line-height: 50px;clip-path: polygon(0 0, 100% 0, 100% 100%);text-indent: 17px;cursor: pointer;color: white}
.popup .nd_popup {display: inline-block;position: relative}
.popupBack .nd_popup a {display: block;padding: 5px;background-color: var(--other-color);clip-path: polygon(0 0, calc(100% - 73px) 0, 100% 63px, 100% 100%, 0 100%)}
.popupBack .nd_popup a img {display: block;max-width: 1000px;max-height: 90vh;clip-path: polygon(0 0, calc(100% - 70px) 0, 100% 60px, 100% 100%, 0 100%)}
.popupBack .closepOpup i {font-size: 20px}
.popupTV .closepOpup {width: 65px;height: 55px;top: -5px;right: -5px;line-height: 35px;text-indent: 14px}
.formTV {background-color: var(--main-color);clip-path: polygon(0 0, calc(100% - 60px) 0, 100% 50px, 100% 100%, 0 100%);padding: 3px}
.formTV .bg_form {background-color: white;clip-path: polygon(0 0, calc(100% - 58px) 0, 100% 48px, 100% 100%, 0 100%);padding: 20px 60px 60px 60px}
.formTV .title {text-align: center;text-transform: uppercase;font: 18px 'FO';margin-bottom: 20px}
.formTV .item {padding-left: 35px;margin-bottom: 12px;border: 1px solid #ececec;position: relative}
.formTV .item i:not(.fa-repeat) {width: 35px;height: 38px;position: absolute;left: 0;top: 0;text-align: center;line-height: 38px;color: var(--main-color)}
.formTV .item input, .formTV .item textarea {width: 100%;height: 38px;border: none;outline: none;padding: 0;font: 15px 'FR';color: #000;box-sizing: border-box}
.formTV .item textarea {display: block;margin: 0;border-radius: 0;resize: none;padding: 10px 10px 10px 0;height: 100px}
.formTV .item.captcha {overflow: hidden}
.formTV .item.captcha a {float: left;width: 30px;height: 38px;text-align: center;line-height: 38px;color: #3e43a7}
.formTV .item.captcha img {height: 30px;margin-top: 4px;float: left}
.formTV .item.captcha input {width: calc(100% - 145px);float: left}
.formTV .btn {display: block;text-align: center;color: white;background-color: var(--main-color);text-transform: uppercase;text-decoration: none;font: 18px 'FB';line-height: 44px}
.formTV .btn:hover {background-color: var(--other-color)}