@font-face {
    font-family: 'Utm-Avo';
    src: url('https://9f955e.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/Utm-Avo/UTMAVO.eot');
    src: url('https://9f955e.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/Utm-Avo/UTMAVO.eot') format('embedded-opentype'),
         url('https://60a19c.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/Utm-Avo/UTMAVO.woff') format('woff'),
         url('https://340419.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/Utm-Avo/UTMAVO.ttf') format('truetype'),
         url('https://1ddf66.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/Utm-Avo/UTMAVO.svg#UTMAVO') format('svg');
}

@font-face {
    font-family: 'Utm-Caviar';
    src: url('https://c07783.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/Utm-Caviar/Utm-Caviar.eot');
    src: url('https://c07783.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/Utm-Caviar/Utm-Caviar.eot') format('embedded-opentype'),
         url('https://b70c04.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/Utm-Caviar/Utm-Caviar.woff') format('woff'),
         url('https://9d0807.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/Utm-Caviar/Utm-Caviar.ttf') format('truetype'),
         url('https://3aec30.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/Utm-Caviar/Utm-Caviar.svg#Utm-Caviar') format('svg');
}

@font-face {
    font-family: 'Utm-AvoB';
    src: url('https://a97f7f.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/Utm-Avo/UTM-AvoBold.eot');
    src: url('https://a97f7f.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/Utm-Avo/UTM-AvoBold.eot') format('embedded-opentype'),
         url('https://7d9101.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/Utm-Avo/UTM-AvoBold.woff') format('woff'),
         url('https://41cbbd.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/Utm-Avo/UTM-AvoBold.ttf') format('truetype'),
         url('https://61348b.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/Utm-Avo/UTM-AvoBold.svg#UTM-AvoBold') format('svg');
}

@font-face {
    font-family: 'Utm-Neutra';
    src: url('https://ae4a7b.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/Utm-Neutra/UTMNEUTRA.eot');
    src: url('https://ae4a7b.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/Utm-Neutra/UTMNEUTRA.eot') format('embedded-opentype'),
         url('https://d494b3.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/Utm-Neutra/UTMNEUTRA.woff') format('woff'),
         url('https://240066.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/Utm-Neutra/UTMNEUTRA.ttf') format('truetype'),
         url('https://16dc3a.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/Utm-Neutra/UTMNEUTRA.svg#UTMNEUTRA') format('svg');
}

@font-face {
    font-family: 'UTM-CopperplateB';
    src: url('https://af753a.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/UTM-CopperplateB/UTM-CopperplateB.eot');
    src: url('https://af753a.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/UTM-CopperplateB/UTM-CopperplateB.eot') format('embedded-opentype'),
         url('https://f793e3.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/UTM-CopperplateB/UTM-CopperplateB.woff') format('woff'),
         url('https://321353.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/UTM-CopperplateB/UTM-CopperplateB.ttf') format('truetype'),
         url('https://ed7a82.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/fonts/UTM-CopperplateB/UTM-CopperplateB.svg#UTMCopperplateB') format('svg');
}
/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal normal 100% Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
.clear {clear: both; }
a{
-webkit-transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
-moz-transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
-o-transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
}
.tm-ic{background: url(https://3f24f8.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/images/front/sprite.png) no-repeat;}
.m-ic{background: url(https://3f24f8.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/images/front/sprite.png) no-repeat;}

/*===================================================================*/

.header-bot {}

.header-bot a.logo {display: block;width: 150px; height: 120px;}
a.logo img {width: 100%; height: 100%;}
.mcn-menu{height: 50px;text-align: center;}
ul.menu{display: inline-block;margin: 0 auto;}
ul.menu li{float: left; text-transform: uppercase; position: relative; z-index: 100;}
ul.menu li:not(:last-child) {padding-right: 70px;}
ul.menu li a{display: block;font: 600 14px/24px 'Utm-Avo', sans-serif;color: #555555;padding: 56px 0 35px;position: relative;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;overflow: hidden;}
ul.menu li:hover a,
ul.menu li.active a{color: #3078F1;border-bottom: 5px solid #3078F1;}
.mcn-menu ul.menu li ul {width: 205px; position: absolute; background: rgba(0,0,0,0.7); opacity: 0; visibility: hidden; transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; z-index: 90; left: 0px; top: 100px;text-align: left;}
.mcn-menu ul.menu li:hover > ul{display: block; opacity: 1; visibility: visible; top: 50px;left: 0;}
.mcn-menu ul.menu li ul:before{content: ''; display: block; width: 100%; border-top: 2px solid transparent; position: absolute; left: 0; top: -2px;}
.mcn-menu ul.menu li ul li{float: none; padding: 0;}
.mcn-menu ul.menu li ul li a{font-size: 15px; line-height: 20px; text-transform: initial; padding: 12px 15px;color: #fff; background: rgba(0,0,0,0.7)}
.mcn-menu ul.menu li li a:before{display: none;}
.mcn-menu ul.menu li li:hover a{background: #f96a0e;color: #fff;}

a.menu-mobile{display: none; width: 32px; height: 20px; background: url(https://47dcc1.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/images/front/ic-menu7.png) no-repeat; text-indent: -9999px; margin: 15px 0;}
.mm-menu{background: #000;}
.mm-listview>li>a, .mm-listview>li>span{font: 400 14px/20px 'Open Sans', sans-serif; color: #fff; text-transform: uppercase;}
.mm-menu .mm-navbar a, 
.mm-menu .mm-navbar>*{font: 700 18px/20px 'Open Sans', sans-serif; color: #fff; text-transform: uppercase;}
.mm-navbar,
.mm-listview>li, 
.mm-listview>li .mm-next, 
.mm-listview>li .mm-next:before, 
.mm-listview>li:after,
.mm-listview>li:not(.mm-divider):after{border-color: #270f00;}
.mm-listview>li:not(.mm-divider):after{left: 0; z-index: 3;}
.mm-menu .mm-btn:after, 
.mm-menu .mm-btn:before,
.mm-menu .mm-listview>li .mm-arrow:after, 
.mm-menu .mm-listview>li .mm-next:after{border-color: #fff;}
.mm-menu .mm-listview>li.mm-selected>a, 
.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), 
.mm-menu .mm-listview>li.mm-selected>span {background: #f96a0e; border-radius: 0; color: #fff;}
.mm-menu .mm-listview>li a:not(.mm-next) {-webkit-tap-highlight-color: #f96a0e; tap-highlight-color: #f96a0e; color: #fff;}
#mm-1 ul.mm-listview>li>a{text-transform: initial;} 



/*MCN SLICER*/

.mcn-slider{position: relative; overflow: hidden;margin-bottom: 49px}
.mcn-slider .camera_wrap{margin-bottom: 0 !important;}
.camera_pie{position: relative; z-index: -1;}
.camera_caption{height: 100%;}
.camera_caption > div{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; background: transparent; padding: 0;}
.yl-block{width: 100%;text-align: center;margin-left:50px;}
.yl-block h3{}
.yl-block p{font: 400 25px/24px 'Utm-AvoB', sans-serif; color: white; text-transform: uppercase;margin-bottom: 19px}
.yl-block span{font: 400 28px/24px 'Utm-Caviar', sans-serif; color: #fff; text-transform: inherit;padding-top: 0px;letter-spacing: 1px}

.camera_prev,
.camera_next{background: transparent; width: 36px; height: 36px;opacity: 1 !important;}
.camera_prev {left: calc((100% - 1200px) / 2);}
.camera_next {right: calc((100% - 1200px) / 2);}
.camera_prev span{width: 36px; height: 36px; background: url(https://3f24f8.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/images/front/sprite.png) no-repeat 0 -56px; transition: background .35s ease-in-out;}
.camera_next span{width: 36px; height: 36px; background: url(https://3f24f8.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/images/front/sprite.png) no-repeat -48px -56px; transition: background .35s ease-in-out;}
.camera_prev span:hover {background-position-y: -92px}
.camera_next span:hover {background-position-y: -92px}

.camera_wrap{margin-bottom: 0 !important;}
.camera_pie{position: relative; z-index: -1;}
.camera_pag{position: absolute; left: 0; bottom: 25px; width: 100%;}
.camera_wrap .camera_pag .camera_pag_ul{width: 100%; text-align: center;}
.camera_wrap .camera_pag .camera_pag_ul li{background: url(https://3f24f8.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/images/front/sprite.png) no-repeat -24px -223px; width: 19px; height: 19px; cursor: pointer; padding: 0; margin: 0 5px; border-radius: 0;}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent{background-position: 0px -223px;}
.camera_wrap .camera_pag .camera_pag_ul li span{display: none;}

/*About Us*/
.m-about-us {margin-bottom: 30px;}
.m-about-us .img-about img {margin: 0 auto; display: block; width: 100%; height: 400px;}
.m-about-us img.images {display: block; margin: 0 auto;}
.m-about-us h3 {font: 400 22px/24px 'Utm-AvoB'; color: #333; margin-bottom: 45px; text-transform: uppercase;}
.m-about-us h3 span {display: block; position: relative;}
.m-about-us h3 span:after {display: block;position: absolute;content: '';width: 60px;height: 3px;background: #3078F1;bottom: -15px;left: 0;}
.m-about-us p {font: 400 14px/24px 'Roboto'; color: #555; margin-bottom: 30px;}
.m-about-us span a {font: 400 14px/24px ''Roboto; color: white; padding: 15px 30px; background: #0c4da2; border-radius: 5px;}
.m-about-us span a:hover {background: #3078F1;}

/*Service*/
.m-service {background: url(https://a86bf4.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/images/bg-service.png) no-repeat center; background-size: cover; padding: 60px 0 30px; margin-bottom: 55px; color: white;}
.m-service h3 {margin-bottom: 40px;}
.m-service h3 span {font: 400 22px/24px 'Utm-AvoB'; text-transform: uppercase; position: relative;}
.m-service h3 span:after {display: block;position: absolute;content: '';width: 60px;height: 3px;background: #3078F1;bottom: -15px;left: calc(100% - 78px);}
.m-service img {margin-bottom: 30px;}
.m-service a.img {display: block; position: relative;}
.m-service a.img:before {display: block; position: absolute; content: ''; width: 100%; height: 100%; background: url(https://625270.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/images/front/house.png) no-repeat center; opacity: 0; visibility: hidden;}
.m-service a.img:hover:before {opacity: 1; visibility: visible;}
.m-service .detail h4 {margin-bottom: 10px;}
.m-service .detail h4 a {font: 500 15px/24px 'Roboto'; color: white; text-transform: uppercase;}
.m-service .detail h4 a:hover {color: #fda100;}
.m-service .detail p {font: 400 14px/24px 'Roboto'; margin-bottom: 15px; height: 48px;}
.m-service .detail span a {font: 400 14px/24px 'Roboto'; color: white; padding: 10px 20px; border: 1px solid white; border-radius: 5px;}
.m-service .detail span a:hover {background: #3078F1;}
.service {margin-bottom: 30px;}

/*Project*/
.m-project {margin-bottom: 55px; color: white;}
.m-project h3 {margin-bottom: 45px;}
.m-project h3 span {font: 400 22px/24px 'Utm-AvoB'; text-transform: uppercase; position: relative; color: #333;}
.m-project h3 span:after {display: block;position: absolute;content: '';width: 60px;height: 3px;background: #3078F1;bottom: -15px;left: calc(100% - 103px);}

.m-project ul.project1 {margin-bottom: 35px; padding: 0 15px;}
.m-project ul.project1 li {width: calc(100% / 2); position: relative; float: left; margin-bottom: 35px;}
.m-project figure .img-pro {display: block; position: relative;}
.m-project figure .img-pro h4.pro-title {position: absolute; content: ''; top: 50%; left: 0; right: 0; opacity: 1; visibility: visible; margin: auto; text-shadow: 1px 1px 5px black;}
.m-project figure h4 {font: 600 16px/24px 'Roboto'; text-transform: uppercase; margin-bottom: 30px;}
.m-project figure:hover .img-pro h4.pro-title {opacity: 0; visibility: hidden;}
.m-project figure {display: block; position: relative;}
.m-project figure figcaption {display: block; position: absolute; content: ''; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; visibility: hidden; padding: 75px 90px; background: rgba(12,77,162,0.9);}
.m-project figure:hover figcaption {opacity: 1; visibility: visible;}
.m-project figure figcaption p {font: 400 14px/24px 'Roboto'; padding: 30px 35px; border: 1px solid white; margin-bottom: 30px;}
.m-project figure figcaption a {font: 400 14px/24px 'Roboto'; padding: 10px 30px; color: white; border: 1px solid white; border-radius: 5px;}
.m-project figure figcaption a:hover {background: #fda100;}

.m-project ul.project2 li {width: calc(100% / 5); float: left; margin: 0 15px;}
.m-project ul.project2 li a {position: relative; display: block;}
.m-project ul.project2 li a:after {position: absolute; display: block; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: url(https://5b29bd.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/images/front/eye.png) no-repeat center rgba(0,0,0,0.8); opacity: 0; visibility: hidden;}
.m-project ul.project2 li a:hover:after {opacity: 1; visibility: visible;}

.project2 button {width: 36px; height: 36px; background: url(https://3f24f8.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/images/front/sprite.png) no-repeat 0; padding: 0; margin: 0; text-indent: -9999px; border: none; position: absolute; top: calc(50% - 18px);}
.project2 .slick-prev {background-position: 0px -56px; left: -5px; transition: background .35s ease-in-out;}
.project2 .slick-next {background-position: -48px -56px; right: -5px; transition: background .35s ease-in-out;}
.project2 .slick-prev:hover, .project2 .slick-next:hover {background-position-y: -92px;}

/*News*/
.m-news {margin-bottom: 60px;}
.m-news h3 {margin-bottom: 45px;}
.m-news h3 span {font: 400 22px/24px 'Utm-AvoB'; text-transform: uppercase; position: relative; color: #333;}
.m-news h3 span:after {display: block;position: absolute;content: '';width: 60px;height: 3px;background: #3078F1;bottom: -15px;left: calc(100% - 73px);}
.m-news .new1 {display: block; position: relative;}
.m-news .new1 .detail {display: block; position: absolute; content: ''; bottom: 0; padding: 20px; color: white; background: rgba(0,0,0,0.5);}
.new1 .detail h4 {margin-bottom: 10px;}
.new1 .detail h4 a {font: 600 15px/24px 'Roboto'; color: white; text-transform: uppercase;}
.new1 .detail h4 a:hover {color: #fda100;}
.new1 .detail p {font: 400 14px/24px 'Roboto'; margin-bottom: 10px;}
.new1 .detail span {font: 400 14px/24px 'Roboto';}
.new2 a.img-news {display: block; width: 150px; height: 110px; overflow: hidden; float: left;}
.new2 .detail {display: block; width: calc(100% - 150px); height: 110px; overflow: hidden; float: right; padding: 15px 20px 20px;}
.new2 .detail h4 {margin-bottom: 5px;}
.new2 .detail h4 a {font: 600 15px/24px 'Roboto'; color: #444; text-transform: uppercase;}
.new2 .detail h4 a:hover {color: #fda100;}
.new2 .detail span {font: 400 15px/24px 'Roboto'; color: #999;}
ul.new2 li:not(:last-child) {display: inline-block; margin-bottom: 15px;}

/*Partner*/
.m-partner {margin-bottom: 60px;}
.m-partner ul.partner li {width: calc(100% / 6); display: inline-block; margin: 0 15px; border: 1px solid #e1e1e1;}
.m-partner ul.partner li a {display: block;}
.m-partner ul.partner li a:hover { -webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.7); -moz-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.7); box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.7);}
ul.partner .slick-list {height: 115px;}
.partner button {width: 15px; height: 7px; background: url(https://3f24f8.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/images/front/sprite.png) no-repeat 0; padding: 0; margin: 0; text-indent: -9999px; border: none; position: absolute; top: calc(50% - 3.5px);}
.partner .slick-prev {background-position: 0px -144px; left: -5px;}
.partner .slick-next {background-position: -33px -144px; right: -5px;}

/*Footer*/
footer {background: url(https://47ed25.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/images/bg-footer.png) no-repeat; background-size: cover; padding-top: 35px; color: white;}
.footer-top {margin-bottom: 35px;}
.footer-top h3, .footer-top p strong {font: 600 16px/24px 'Roboto'; text-transform: uppercase;}
.footer-top h3 {margin-bottom: 30px;}
.footer-top i {float: left; width: 15px; height: 24px;}
.footer-top p {font: 400 14px/24px 'Roboto'; padding-left: 20px; margin-bottom: 5px;}
.ic-address {background-position: 2px -165px;}
.ic-phone {background-position: -15px -161px;}
.ic-mail {background-position: -38px -160px;}
.menu-bot {float: right; margin-bottom: 10px;}
.menu-bot li {float: left; padding: 20px;}
.menu-bot li a {font: 400 14px/24px 'Utm-Avo'; color: white; text-transform: uppercase;}
.menu-bot li a:hover {color: #fda100;}
.menu-bot li:nth-child(1), .menu-bot li:nth-child(2), .menu-bot li:nth-child(3), .menu-bot li:nth-child(4) {padding-top: 0; border-bottom: 1px solid white}
.social li {display: inline-block; padding-left: 10px;}
.social li a {display: block;width: 25px;height: 22px;}
.social li a.ic-fb {background-position: 0 0}
.social li a.ic-tw {background-position: -24px 1px}
.social li a.ic-go {background-position: -59px 1px}
.social li a.ic-sk {background-position: -92px 1px}
.social li a.ic-in {background-position: -125px 1px}
.social li a:hover {background-position-y: -24px;}
.footer-bot .m-copyright {padding: 15px 0 25px; border-top: 1px solid #02b6e7; font: 400 14px/24px 'Roboto';}
.footer-bot .pull-left span {padding-left: 15px;}
.footer-bot .pull-left span a, .footer-bot .pull-right span a {color: white;}
.footer-bot .pull-left span a:hover, .footer-bot .pull-right span a:hover {color: #fda100;}
.footer-bot .pull-right span {color: white; position: relative;}
.footer-bot .pull-right span:before {display: block; position: absolute; content: ''; width: 20px; height: 20px; top: 0; left: -25px; background: url(https://3f24f8.claudeassets.com/20250322155318im_/https://vesinhcongtrinh.net/wp-content/themes/longnhutphat/images/front/sprite.png) no-repeat; background-position: 0 -192px;}

/*Archive*/
.dich-vu ul li {margin-bottom: 30px;}
.dich-vu ul li .detail .txt-news {border: 1px solid #e1e1e1; background: #fafafa}
.dich-vu ul li .detail .txt-news h4 {padding: 10px;text-align: center;font: 400 14px/24px 'Utm-AvoB';height: 68px; overflow: hidden; text-overflow:  ellipsis;}
.dich-vu ul li .detail .txt-news h4 a {color: #555555;}
.dich-vu ul li .detail .txt-news h4 a:hover {color: #fda100;}

/*Single*/
.ct-post {margin-bottom: 30px;}
.block-news-tinlienquan {margin-bottom: 30px;}
.block-news-tinlienquan h2 {margin-bottom: 20px;}
.block-news-tinlienquan h2 span {font: 400 18px/24px 'utm-hanzel'; text-transform: uppercase; color: #fda100;}
ul.lst-news li .detail .m-txt-news {padding: 15px 10px; border: 1px solid #e1e1e1; background: #fafafa}
ul.lst-news li .detail .m-txt-news h4 a {font: 600 14px/24px 'Utm-Avo'; color: #333;}
ul.lst-news li .detail .m-txt-news h4 a:hover {color: #fda100;}

.slider__hotline p{
    color: red;
}
.beha-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:beha-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation:beha-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation:beha-alo-circle-anim 1.2s infinite ease-in-out;-o-animation:beha-alo-circle-anim 1.2s infinite ease-in-out;animation:beha-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%}
.beha-alo-phone.beha-alo-active .beha-alo-ph-circle{-webkit-animation:beha-alo-circle-anim 1.1s infinite ease-in-out!important;-moz-animation:beha-alo-circle-anim 1.1s infinite ease-in-out!important;-ms-animation:beha-alo-circle-anim 1.1s infinite ease-in-out!important;-o-animation:beha-alo-circle-anim 1.1s infinite ease-in-out!important;animation:beha-alo-circle-anim 1.1s infinite ease-in-out!important}
.beha-alo-phone.beha-alo-static .beha-alo-ph-circle{-webkit-animation:beha-alo-circle-anim 2.2s infinite ease-in-out!important;-moz-animation:beha-alo-circle-anim 2.2s infinite ease-in-out!important;-ms-animation:beha-alo-circle-anim 2.2s infinite ease-in-out!important;-o-animation:beha-alo-circle-anim 2.2s infinite ease-in-out!important;animation:beha-alo-circle-anim 2.2s infinite ease-in-out!important}
.beha-alo-phone.beha-alo-hover .beha-alo-ph-circle,.beha-alo-phone:hover .beha-alo-ph-circle{border-color:#00aff2;opacity:.5}
.beha-alo-phone.beha-alo-green.beha-alo-hover .beha-alo-ph-circle,.beha-alo-phone.beha-alo-green:hover .beha-alo-ph-circle{border-color:#75eb50;border-color:#baf5a7 9;opacity:.5}
.beha-alo-phone.beha-alo-green .beha-alo-ph-circle{border-color:#00aff2;border-color:#bfebfc 9;opacity:.5}
.beha-alo-phone.beha-alo-gray.beha-alo-hover .beha-alo-ph-circle,.beha-alo-phone.beha-alo-gray:hover .beha-alo-ph-circle{border-color:#ccc;opacity:.5}
.beha-alo-phone.beha-alo-gray .beha-alo-ph-circle{border-color:#75eb50;opacity:.5}
.beha-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:beha-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:beha-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:beha-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:beha-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:beha-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%}
.beha-alo-phone.beha-alo-active .beha-alo-ph-circle-fill{-webkit-animation:beha-alo-circle-fill-anim 1.7s infinite ease-in-out!important;-moz-animation:beha-alo-circle-fill-anim 1.7s infinite ease-in-out!important;-ms-animation:beha-alo-circle-fill-anim 1.7s infinite ease-in-out!important;-o-animation:beha-alo-circle-fill-anim 1.7s infinite ease-in-out!important;animation:beha-alo-circle-fill-anim 1.7s infinite ease-in-out!important}
.beha-alo-phone.beha-alo-static .beha-alo-ph-circle-fill{-webkit-animation:beha-alo-circle-fill-anim 2.3s infinite ease-in-out!important;-moz-animation:beha-alo-circle-fill-anim 2.3s infinite ease-in-out!important;-ms-animation:beha-alo-circle-fill-anim 2.3s infinite ease-in-out!important;-o-animation:beha-alo-circle-fill-anim 2.3s infinite ease-in-out!important;animation:beha-alo-circle-fill-anim 2.3s infinite ease-in-out!important;opacity:0!important}
.beha-alo-phone.beha-alo-hover .beha-alo-ph-circle-fill,.beha-alo-phone:hover .beha-alo-ph-circle-fill{background-color:rgba(0,175,242,0.5);background-color:#00aff2 9;opacity:.75!important}
.beha-alo-phone.beha-alo-green.beha-alo-hover .beha-alo-ph-circle-fill,.beha-alo-phone.beha-alo-green:hover .beha-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);background-color:#baf5a7 9;opacity:.75!important}
.beha-alo-phone.beha-alo-green .beha-alo-ph-circle-fill{background-color:rgba(0,175,242,0.5);background-color:#a6e3fa 9;opacity:.75!important}
.beha-alo-phone.beha-alo-gray.beha-alo-hover .beha-alo-ph-circle-fill,.beha-alo-phone.beha-alo-gray:hover .beha-alo-ph-circle-fill{background-color:rgba(204,204,204,0.5);background-color:#ccc 9;opacity:.75!important}
.beha-alo-phone.beha-alo-gray .beha-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);opacity:.75!important}
.beha-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,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==") no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px
solid transparent;opacity:1;-webkit-animation:beha-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:beha-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:beha-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:beha-alo-circle-img-anim 1s infinite ease-in-out;animation:beha-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%}
.beha-alo-phone.beha-alo-active .beha-alo-ph-img-circle{-webkit-animation:beha-alo-circle-img-anim 1s infinite ease-in-out!important;-moz-animation:beha-alo-circle-img-anim 1s infinite ease-in-out!important;-ms-animation:beha-alo-circle-img-anim 1s infinite ease-in-out!important;-o-animation:beha-alo-circle-img-anim 1s infinite ease-in-out!important;animation:beha-alo-circle-img-anim 1s infinite ease-in-out!important}
.beha-alo-phone.beha-alo-static .beha-alo-ph-img-circle{-webkit-animation:beha-alo-circle-img-anim 0s infinite ease-in-out!important;-moz-animation:beha-alo-circle-img-anim 0s infinite ease-in-out!important;-ms-animation:beha-alo-circle-img-anim 0s infinite ease-in-out!important;-o-animation:beha-alo-circle-img-anim 0s infinite ease-in-out!important;animation:beha-alo-circle-img-anim 0s infinite ease-in-out!important}
.beha-alo-phone.beha-alo-hover .beha-alo-ph-img-circle,.beha-alo-phone:hover .beha-alo-ph-img-circle{background-color:#00aff2}
.beha-alo-phone.beha-alo-green.beha-alo-hover .beha-alo-ph-img-circle,.beha-alo-phone.beha-alo-green:hover .beha-alo-ph-img-circle{background-color:#75eb50;background-color:#75eb50 9}
.beha-alo-phone.beha-alo-green .beha-alo-ph-img-circle{background-color:#00aff2;background-color:#00aff2 9}
.beha-alo-phone.beha-alo-gray.beha-alo-hover .beha-alo-ph-img-circle,.beha-alo-phone.beha-alo-gray:hover .beha-alo-ph-img-circle{background-color:#ccc}
.beha-alo-phone.beha-alo-gray .beha-alo-ph-img-circle{background-color:#75eb50}
@-moz-keyframes beha-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 beha-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 beha-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 beha-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 beha-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 beha-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 beha-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 beha-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 beha-alo-circle-img-anim{
    0%{-o-transform:rotate(0) scale(1) skew(1deg)}
    10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
    20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
    30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
    40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
    50%{-o-transform:rotate(0) scale(1) skew(1deg)}
    100%{-o-transform:rotate(0) scale(1) skew(1deg)}
}
@-moz-keyframes
fadeInRight{
    0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-webkit-keyframes
fadeInRight{
    0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-o-keyframes
fadeInRight{
    0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@keyframes
fadeInRight{
    0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-moz-keyframes
fadeOutRight{
    0%{opacity:1}
    100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@-webkit-keyframes
fadeOutRight{
    0%{opacity:1}
    100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@-o-keyframes
fadeOutRight{
    0%{opacity:1}
    100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes
fadeOutRight{
    0%{opacity:1}
    100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@-moz-keyframes beha-alo-circle-anim{
    0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}
    30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
    100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}
@-webkit-keyframes beha-alo-circle-anim{
    0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}
    30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
    100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}
@-o-keyframes beha-alo-circle-anim{
    0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}
    30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
    100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}
@keyframes beha-alo-circle-anim{
    0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}
    30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
    100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}
@-moz-keyframes beha-alo-circle-fill-anim{
    0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
    50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}
    100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
@-webkit-keyframes beha-alo-circle-fill-anim{
    0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
    50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}
    100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
@-o-keyframes beha-alo-circle-fill-anim{
    0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
    50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}
    100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
@keyframes beha-alo-circle-fill-anim{
    0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
    50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}
    100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}
}
@-moz-keyframes beha-alo-circle-img-anim{
    0%{transform:rotate(0) scale(1) skew(1deg)}
    10%{transform:rotate(-25deg) scale(1) skew(1deg)}
    20%{transform:rotate(25deg) scale(1) skew(1deg)}
    30%{transform:rotate(-25deg) scale(1) skew(1deg)}
    40%{transform:rotate(25deg) scale(1) skew(1deg)}
    50%{transform:rotate(0) scale(1) skew(1deg)}
    100%{transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes beha-alo-circle-img-anim{
    0%{transform:rotate(0) scale(1) skew(1deg)}
    10%{transform:rotate(-25deg) scale(1) skew(1deg)}
    20%{transform:rotate(25deg) scale(1) skew(1deg)}
    30%{transform:rotate(-25deg) scale(1) skew(1deg)}
    40%{transform:rotate(25deg) scale(1) skew(1deg)}
    50%{transform:rotate(0) scale(1) skew(1deg)}
    100%{transform:rotate(0) scale(1) skew(1deg)}
}
@-o-keyframes beha-alo-circle-img-anim{
    0%{transform:rotate(0) scale(1) skew(1deg)}
    10%{transform:rotate(-25deg) scale(1) skew(1deg)}
    20%{transform:rotate(25deg) scale(1) skew(1deg)}
    30%{transform:rotate(-25deg) scale(1) skew(1deg)}
    40%{transform:rotate(25deg) scale(1) skew(1deg)}
    50%{transform:rotate(0) scale(1) skew(1deg)}
    100%{transform:rotate(0) scale(1) skew(1deg)}
}
@keyframes beha-alo-circle-img-anim{
    0%{transform:rotate(0) scale(1) skew(1deg)}
    10%{transform:rotate(-25deg) scale(1) skew(1deg)}
    20%{transform:rotate(25deg) scale(1) skew(1deg)}
    30%{transform:rotate(-25deg) scale(1) skew(1deg)}
    40%{transform:rotate(25deg) scale(1) skew(1deg)}
    50%{transform:rotate(0) scale(1) skew(1deg)}
    100%{transform:rotate(0) scale(1) skew(1deg)}
}
.beha-alo-phone{position:fixed;right:200px;bottom:200px}



@-moz-document url-prefix() { 
    
}

@media (max-width: 1190px){
    .camera_next{right: 40px}
    .camera_prev{left: 40px}
    .header-bot a.logo {display: block; width: 200px;}
    ul.menu li a {padding: 40px 0 35px}
}
@media (max-width: 990px){
    
    a.menu-mobile{display: block;}
    .yl-block {width: 315px;}
    .yl-block p{font-size: 15px;}
    .mcn-menu {height: auto; margin-top: 40px;}
    .yl-block h3 img {width: 100%}
    .yl-block p{font-size: 14px;padding-top: 4px}
    .yl-block p.hot-slider {padding: 9px 0;margin-top: 4px}
    .yl-block p.hot-slider strong {font-size: 17px}
    .yl-block p.hot-slider span {font-size: 17px}
    .m-service a.img {margin-bottom: 10px; height: 230px; width: 100%;}
    .m-service a.img img {width: 100%; height: 100%;}
    .m-service .detail {margin-bottom: 30px;}
    .m-project ul.project1 li {width: 100%;}
    .m-project ul.project1 li figure .img-pro img {width: 100%; height: 100%;}
    .m-news .new1 {margin-bottom: 30px;}
    .m-news .new1 a img {width: 100%;}
    .menu-bot li {padding: 20px !important; border-bottom: 0 !important;}
    ul.social {display: inline-block; width: 100%; text-align: center;}
}
@media (max-width: 750px){

}
@media (max-width: 680px){
    .camera_commands > .camera_stop {display: none}
    .camera_next {right: 60px}
}
@media (max-width: 630px){
    
}
@media (max-width: 500px){}
@media (max-width: 420px){
    .camera_next, .camera_prev{display: none}
    .yl-block {width: 100%}
    .yl-block p{font-size: 12px}
    .img-about {margin-top: 30px;}
    .m-project figure:hover figcaption {padding: 20px;}
    .m-project figure h4 {margin-bottom: 10px;}
    .m-project figure figcaption p {padding: 15px; margin-bottom: 15px;}
    .menu-bot li {padding: 10px !important;}
}
@media (max-width: 375px){
 
}
@media (max-width: 320px){

}
/*
     FILE ARCHIVED ON 08:11:35 Mar 24, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:50:40 Jul 11, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.605
  exclusion.robots: 0.069
  exclusion.robots.policy: 0.056
  esindex: 0.009
  cdx.remote: 15.029
  LoadShardBlock: 129.87 (3)
  PetaboxLoader3.datanode: 385.408 (5)
  load_resource: 435.469
  PetaboxLoader3.resolve: 92.206
  loaddict: 212.901
*/