/*!
Theme Name: mh3
Theme URI: http://underscores.me/
Author: vantoan
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dkqthn
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

qh is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

@media screen and (min-width: 320px) and (max-width: 321px) {
  html {
    font-size: 62.5%; } }

@media screen and (min-width: 321px) and (max-width: 322px) {
  html {
    font-size: 62.6953125%; } }

@media screen and (min-width: 322px) and (max-width: 323px) {
  html {
    font-size: 62.89062500000001%; } }

@media screen and (min-width: 323px) and (max-width: 324px) {
  html {
    font-size: 63.08593749999999%; } }

@media screen and (min-width: 324px) and (max-width: 325px) {
  html {
    font-size: 63.28125%; } }

@media screen and (min-width: 325px) and (max-width: 326px) {
  html {
    font-size: 63.4765625%; } }

@media screen and (min-width: 326px) and (max-width: 327px) {
  html {
    font-size: 63.671875%; } }

@media screen and (min-width: 327px) and (max-width: 328px) {
  html {
    font-size: 63.86718750000001%; } }

@media screen and (min-width: 328px) and (max-width: 329px) {
  html {
    font-size: 64.0625%; } }

@media screen and (min-width: 329px) and (max-width: 330px) {
  html {
    font-size: 64.2578125%; } }

@media screen and (min-width: 330px) and (max-width: 331px) {
  html {
    font-size: 64.453125%; } }

@media screen and (min-width: 331px) and (max-width: 332px) {
  html {
    font-size: 64.6484375%; } }

@media screen and (min-width: 332px) and (max-width: 333px) {
  html {
    font-size: 64.84375%; } }

@media screen and (min-width: 333px) and (max-width: 334px) {
  html {
    font-size: 65.0390625%; } }

@media screen and (min-width: 334px) and (max-width: 335px) {
  html {
    font-size: 65.234375%; } }

@media screen and (min-width: 335px) and (max-width: 336px) {
  html {
    font-size: 65.4296875%; } }

@media screen and (min-width: 336px) and (max-width: 337px) {
  html {
    font-size: 65.625%; } }

@media screen and (min-width: 337px) and (max-width: 338px) {
  html {
    font-size: 65.8203125%; } }

@media screen and (min-width: 338px) and (max-width: 339px) {
  html {
    font-size: 66.015625%; } }

@media screen and (min-width: 339px) and (max-width: 340px) {
  html {
    font-size: 66.2109375%; } }

@media screen and (min-width: 340px) and (max-width: 341px) {
  html {
    font-size: 66.40625%; } }

@media screen and (min-width: 341px) and (max-width: 342px) {
  html {
    font-size: 66.6015625%; } }

@media screen and (min-width: 342px) and (max-width: 343px) {
  html {
    font-size: 66.796875%; } }

@media screen and (min-width: 343px) and (max-width: 344px) {
  html {
    font-size: 66.9921875%; } }

@media screen and (min-width: 344px) and (max-width: 345px) {
  html {
    font-size: 67.1875%; } }

@media screen and (min-width: 345px) and (max-width: 346px) {
  html {
    font-size: 67.3828125%; } }

@media screen and (min-width: 346px) and (max-width: 347px) {
  html {
    font-size: 67.578125%; } }

@media screen and (min-width: 347px) and (max-width: 348px) {
  html {
    font-size: 67.7734375%; } }

@media screen and (min-width: 348px) and (max-width: 349px) {
  html {
    font-size: 67.96875%; } }

@media screen and (min-width: 349px) and (max-width: 350px) {
  html {
    font-size: 68.1640625%; } }

@media screen and (min-width: 350px) and (max-width: 351px) {
  html {
    font-size: 68.359375%; } }

@media screen and (min-width: 351px) and (max-width: 352px) {
  html {
    font-size: 68.5546875%; } }

@media screen and (min-width: 352px) and (max-width: 353px) {
  html {
    font-size: 68.75%; } }

@media screen and (min-width: 353px) and (max-width: 354px) {
  html {
    font-size: 68.9453125%; } }

@media screen and (min-width: 354px) and (max-width: 355px) {
  html {
    font-size: 69.140625%; } }

@media screen and (min-width: 355px) and (max-width: 356px) {
  html {
    font-size: 69.3359375%; } }

@media screen and (min-width: 356px) and (max-width: 357px) {
  html {
    font-size: 69.53125%; } }

@media screen and (min-width: 357px) and (max-width: 358px) {
  html {
    font-size: 69.7265625%; } }

@media screen and (min-width: 358px) and (max-width: 359px) {
  html {
    font-size: 69.921875%; } }

@media screen and (min-width: 359px) and (max-width: 360px) {
  html {
    font-size: 70.1171875%; } }

@media screen and (min-width: 360px) and (max-width: 361px) {
  html {
    font-size: 70.3125%; } }

@media screen and (min-width: 361px) and (max-width: 362px) {
  html {
    font-size: 70.5078125%; } }

@media screen and (min-width: 362px) and (max-width: 363px) {
  html {
    font-size: 70.703125%; } }

@media screen and (min-width: 363px) and (max-width: 364px) {
  html {
    font-size: 70.8984375%; } }

@media screen and (min-width: 364px) and (max-width: 365px) {
  html {
    font-size: 71.09375%; } }

@media screen and (min-width: 365px) and (max-width: 366px) {
  html {
    font-size: 71.2890625%; } }

@media screen and (min-width: 366px) and (max-width: 367px) {
  html {
    font-size: 71.484375%; } }

@media screen and (min-width: 367px) and (max-width: 368px) {
  html {
    font-size: 71.6796875%; } }

@media screen and (min-width: 368px) and (max-width: 369px) {
  html {
    font-size: 71.875%; } }

@media screen and (min-width: 369px) and (max-width: 370px) {
  html {
    font-size: 72.0703125%; } }

@media screen and (min-width: 370px) and (max-width: 371px) {
  html {
    font-size: 72.265625%; } }

@media screen and (min-width: 371px) and (max-width: 372px) {
  html {
    font-size: 72.4609375%; } }

@media screen and (min-width: 372px) and (max-width: 373px) {
  html {
    font-size: 72.65625%; } }

@media screen and (min-width: 373px) and (max-width: 374px) {
  html {
    font-size: 72.8515625%; } }

@media screen and (min-width: 374px) and (max-width: 375px) {
  html {
    font-size: 73.046875%; } }

@media screen and (min-width: 375px) and (max-width: 376px) {
  html {
    font-size: 73.2421875%; } }

@media screen and (min-width: 376px) and (max-width: 377px) {
  html {
    font-size: 73.4375%; } }

@media screen and (min-width: 377px) and (max-width: 378px) {
  html {
    font-size: 73.6328125%; } }

@media screen and (min-width: 378px) and (max-width: 379px) {
  html {
    font-size: 73.828125%; } }

@media screen and (min-width: 379px) and (max-width: 380px) {
  html {
    font-size: 74.0234375%; } }

@media screen and (min-width: 380px) and (max-width: 381px) {
  html {
    font-size: 74.21875%; } }

@media screen and (min-width: 381px) and (max-width: 382px) {
  html {
    font-size: 74.4140625%; } }

@media screen and (min-width: 382px) and (max-width: 383px) {
  html {
    font-size: 74.609375%; } }

@media screen and (min-width: 383px) and (max-width: 384px) {
  html {
    font-size: 74.8046875%; } }

@media screen and (min-width: 384px) and (max-width: 385px) {
  html {
    font-size: 75%; } }

@media screen and (min-width: 385px) and (max-width: 386px) {
  html {
    font-size: 75.1953125%; } }

@media screen and (min-width: 386px) and (max-width: 387px) {
  html {
    font-size: 75.390625%; } }

@media screen and (min-width: 387px) and (max-width: 388px) {
  html {
    font-size: 75.5859375%; } }

@media screen and (min-width: 388px) and (max-width: 389px) {
  html {
    font-size: 75.78125%; } }

@media screen and (min-width: 389px) and (max-width: 390px) {
  html {
    font-size: 75.9765625%; } }

@media screen and (min-width: 390px) and (max-width: 391px) {
  html {
    font-size: 76.171875%; } }

@media screen and (min-width: 391px) and (max-width: 392px) {
  html {
    font-size: 76.3671875%; } }

@media screen and (min-width: 392px) and (max-width: 393px) {
  html {
    font-size: 76.5625%; } }

@media screen and (min-width: 393px) and (max-width: 394px) {
  html {
    font-size: 76.7578125%; } }

@media screen and (min-width: 394px) and (max-width: 395px) {
  html {
    font-size: 76.953125%; } }

@media screen and (min-width: 395px) and (max-width: 396px) {
  html {
    font-size: 77.1484375%; } }

@media screen and (min-width: 396px) and (max-width: 397px) {
  html {
    font-size: 77.34375%; } }

@media screen and (min-width: 397px) and (max-width: 398px) {
  html {
    font-size: 77.5390625%; } }

@media screen and (min-width: 398px) and (max-width: 399px) {
  html {
    font-size: 77.734375%; } }

@media screen and (min-width: 399px) and (max-width: 400px) {
  html {
    font-size: 77.9296875%; } }

@media screen and (min-width: 400px) and (max-width: 401px) {
  html {
    font-size: 78.125%; } }

@media screen and (min-width: 401px) and (max-width: 402px) {
  html {
    font-size: 78.3203125%; } }

@media screen and (min-width: 402px) and (max-width: 403px) {
  html {
    font-size: 78.515625%; } }

@media screen and (min-width: 403px) and (max-width: 404px) {
  html {
    font-size: 78.7109375%; } }

@media screen and (min-width: 404px) and (max-width: 405px) {
  html {
    font-size: 78.90625%; } }

@media screen and (min-width: 405px) and (max-width: 406px) {
  html {
    font-size: 79.1015625%; } }

@media screen and (min-width: 406px) and (max-width: 407px) {
  html {
    font-size: 79.296875%; } }

@media screen and (min-width: 407px) and (max-width: 408px) {
  html {
    font-size: 79.4921875%; } }

@media screen and (min-width: 408px) and (max-width: 409px) {
  html {
    font-size: 79.6875%; } }

@media screen and (min-width: 409px) and (max-width: 410px) {
  html {
    font-size: 79.8828125%; } }

@media screen and (min-width: 410px) and (max-width: 411px) {
  html {
    font-size: 80.078125%; } }

@media screen and (min-width: 411px) and (max-width: 412px) {
  html {
    font-size: 80.2734375%; } }

@media screen and (min-width: 412px) and (max-width: 413px) {
  html {
    font-size: 80.46875%; } }

@media screen and (min-width: 413px) and (max-width: 414px) {
  html {
    font-size: 80.6640625%; } }

@media screen and (min-width: 414px) and (max-width: 415px) {
  html {
    font-size: 80.859375%; } }

@media screen and (min-width: 415px) and (max-width: 416px) {
  html {
    font-size: 81.0546875%; } }

@media screen and (min-width: 416px) and (max-width: 417px) {
  html {
    font-size: 81.25%; } }

@media screen and (min-width: 417px) and (max-width: 418px) {
  html {
    font-size: 81.4453125%; } }

@media screen and (min-width: 418px) and (max-width: 419px) {
  html {
    font-size: 81.640625%; } }

@media screen and (min-width: 419px) and (max-width: 420px) {
  html {
    font-size: 81.8359375%; } }

@media screen and (min-width: 420px) and (max-width: 421px) {
  html {
    font-size: 82.03125%; } }

@media screen and (min-width: 421px) and (max-width: 422px) {
  html {
    font-size: 82.2265625%; } }

@media screen and (min-width: 422px) and (max-width: 423px) {
  html {
    font-size: 82.421875%; } }

@media screen and (min-width: 423px) and (max-width: 424px) {
  html {
    font-size: 82.6171875%; } }

@media screen and (min-width: 424px) and (max-width: 425px) {
  html {
    font-size: 82.8125%; } }

@media screen and (min-width: 425px) and (max-width: 426px) {
  html {
    font-size: 83.0078125%; } }

@media screen and (min-width: 426px) and (max-width: 427px) {
  html {
    font-size: 83.203125%; } }

@media screen and (min-width: 427px) and (max-width: 428px) {
  html {
    font-size: 83.3984375%; } }

@media screen and (min-width: 428px) and (max-width: 429px) {
  html {
    font-size: 83.59375%; } }

@media screen and (min-width: 429px) and (max-width: 430px) {
  html {
    font-size: 83.7890625%; } }

@media screen and (min-width: 430px) and (max-width: 431px) {
  html {
    font-size: 83.984375%; } }

@media screen and (min-width: 431px) and (max-width: 432px) {
  html {
    font-size: 84.1796875%; } }

@media screen and (min-width: 432px) and (max-width: 433px) {
  html {
    font-size: 84.375%; } }

@media screen and (min-width: 433px) and (max-width: 434px) {
  html {
    font-size: 84.5703125%; } }

@media screen and (min-width: 434px) and (max-width: 435px) {
  html {
    font-size: 84.765625%; } }

@media screen and (min-width: 435px) and (max-width: 436px) {
  html {
    font-size: 84.9609375%; } }

@media screen and (min-width: 436px) and (max-width: 437px) {
  html {
    font-size: 85.15625%; } }

@media screen and (min-width: 437px) and (max-width: 438px) {
  html {
    font-size: 85.3515625%; } }

@media screen and (min-width: 438px) and (max-width: 439px) {
  html {
    font-size: 85.546875%; } }

@media screen and (min-width: 439px) and (max-width: 440px) {
  html {
    font-size: 85.7421875%; } }

@media screen and (min-width: 440px) and (max-width: 441px) {
  html {
    font-size: 85.9375%; } }

@media screen and (min-width: 441px) and (max-width: 442px) {
  html {
    font-size: 86.1328125%; } }

@media screen and (min-width: 442px) and (max-width: 443px) {
  html {
    font-size: 86.328125%; } }

@media screen and (min-width: 443px) and (max-width: 444px) {
  html {
    font-size: 86.5234375%; } }

@media screen and (min-width: 444px) and (max-width: 445px) {
  html {
    font-size: 86.71875%; } }

@media screen and (min-width: 445px) and (max-width: 446px) {
  html {
    font-size: 86.9140625%; } }

@media screen and (min-width: 446px) and (max-width: 447px) {
  html {
    font-size: 87.109375%; } }

@media screen and (min-width: 447px) and (max-width: 448px) {
  html {
    font-size: 87.3046875%; } }

@media screen and (min-width: 448px) and (max-width: 449px) {
  html {
    font-size: 87.5%; } }

@media screen and (min-width: 449px) and (max-width: 450px) {
  html {
    font-size: 87.6953125%; } }

@media screen and (min-width: 450px) and (max-width: 451px) {
  html {
    font-size: 87.890625%; } }

@media screen and (min-width: 451px) and (max-width: 452px) {
  html {
    font-size: 88.0859375%; } }

@media screen and (min-width: 452px) and (max-width: 453px) {
  html {
    font-size: 88.28125%; } }

@media screen and (min-width: 453px) and (max-width: 454px) {
  html {
    font-size: 88.4765625%; } }

@media screen and (min-width: 454px) and (max-width: 455px) {
  html {
    font-size: 88.671875%; } }

@media screen and (min-width: 455px) and (max-width: 456px) {
  html {
    font-size: 88.8671875%; } }

@media screen and (min-width: 456px) and (max-width: 457px) {
  html {
    font-size: 89.0625%; } }

@media screen and (min-width: 457px) and (max-width: 458px) {
  html {
    font-size: 89.2578125%; } }

@media screen and (min-width: 458px) and (max-width: 459px) {
  html {
    font-size: 89.453125%; } }

@media screen and (min-width: 459px) and (max-width: 460px) {
  html {
    font-size: 89.6484375%; } }

@media screen and (min-width: 460px) and (max-width: 461px) {
  html {
    font-size: 89.84375%; } }

@media screen and (min-width: 461px) and (max-width: 462px) {
  html {
    font-size: 90.0390625%; } }

@media screen and (min-width: 462px) and (max-width: 463px) {
  html {
    font-size: 90.234375%; } }

@media screen and (min-width: 463px) and (max-width: 464px) {
  html {
    font-size: 90.4296875%; } }

@media screen and (min-width: 464px) and (max-width: 465px) {
  html {
    font-size: 90.625%; } }

@media screen and (min-width: 465px) and (max-width: 466px) {
  html {
    font-size: 90.8203125%; } }

@media screen and (min-width: 466px) and (max-width: 467px) {
  html {
    font-size: 91.015625%; } }

@media screen and (min-width: 467px) and (max-width: 468px) {
  html {
    font-size: 91.2109375%; } }

@media screen and (min-width: 468px) and (max-width: 469px) {
  html {
    font-size: 91.40625%; } }

@media screen and (min-width: 469px) and (max-width: 470px) {
  html {
    font-size: 91.6015625%; } }

@media screen and (min-width: 470px) and (max-width: 471px) {
  html {
    font-size: 91.796875%; } }

@media screen and (min-width: 471px) and (max-width: 472px) {
  html {
    font-size: 91.9921875%; } }

@media screen and (min-width: 472px) and (max-width: 473px) {
  html {
    font-size: 92.1875%; } }

@media screen and (min-width: 473px) and (max-width: 474px) {
  html {
    font-size: 92.3828125%; } }

@media screen and (min-width: 474px) and (max-width: 475px) {
  html {
    font-size: 92.578125%; } }

@media screen and (min-width: 475px) and (max-width: 476px) {
  html {
    font-size: 92.7734375%; } }

@media screen and (min-width: 476px) and (max-width: 477px) {
  html {
    font-size: 92.96875%; } }

@media screen and (min-width: 477px) and (max-width: 478px) {
  html {
    font-size: 93.1640625%; } }

@media screen and (min-width: 478px) and (max-width: 479px) {
  html {
    font-size: 93.359375%; } }

@media screen and (min-width: 479px) and (max-width: 480px) {
  html {
    font-size: 93.5546875%; } }

@media screen and (min-width: 480px) and (max-width: 481px) {
  html {
    font-size: 93.75%; } }

@media screen and (min-width: 481px) and (max-width: 482px) {
  html {
    font-size: 93.9453125%; } }

@media screen and (min-width: 482px) and (max-width: 483px) {
  html {
    font-size: 94.140625%; } }

@media screen and (min-width: 483px) and (max-width: 484px) {
  html {
    font-size: 94.3359375%; } }

@media screen and (min-width: 484px) and (max-width: 485px) {
  html {
    font-size: 94.53125%; } }

@media screen and (min-width: 485px) and (max-width: 486px) {
  html {
    font-size: 94.7265625%; } }

@media screen and (min-width: 486px) and (max-width: 487px) {
  html {
    font-size: 94.921875%; } }

@media screen and (min-width: 487px) and (max-width: 488px) {
  html {
    font-size: 95.1171875%; } }

@media screen and (min-width: 488px) and (max-width: 489px) {
  html {
    font-size: 95.3125%; } }

@media screen and (min-width: 489px) and (max-width: 490px) {
  html {
    font-size: 95.5078125%; } }

@media screen and (min-width: 490px) and (max-width: 491px) {
  html {
    font-size: 95.703125%; } }

@media screen and (min-width: 491px) and (max-width: 492px) {
  html {
    font-size: 95.8984375%; } }

@media screen and (min-width: 492px) and (max-width: 493px) {
  html {
    font-size: 96.09375%; } }

@media screen and (min-width: 493px) and (max-width: 494px) {
  html {
    font-size: 96.2890625%; } }

@media screen and (min-width: 494px) and (max-width: 495px) {
  html {
    font-size: 96.484375%; } }

@media screen and (min-width: 495px) and (max-width: 496px) {
  html {
    font-size: 96.6796875%; } }

@media screen and (min-width: 496px) and (max-width: 497px) {
  html {
    font-size: 96.875%; } }

@media screen and (min-width: 497px) and (max-width: 498px) {
  html {
    font-size: 97.0703125%; } }

@media screen and (min-width: 498px) and (max-width: 499px) {
  html {
    font-size: 97.265625%; } }

@media screen and (min-width: 499px) and (max-width: 500px) {
  html {
    font-size: 97.4609375%; } }

@media screen and (min-width: 500px) and (max-width: 501px) {
  html {
    font-size: 97.65625%; } }

@media screen and (min-width: 501px) and (max-width: 502px) {
  html {
    font-size: 97.8515625%; } }

@media screen and (min-width: 502px) and (max-width: 503px) {
  html {
    font-size: 98.046875%; } }

@media screen and (min-width: 503px) and (max-width: 504px) {
  html {
    font-size: 98.2421875%; } }

@media screen and (min-width: 504px) and (max-width: 505px) {
  html {
    font-size: 98.4375%; } }

@media screen and (min-width: 505px) and (max-width: 506px) {
  html {
    font-size: 98.6328125%; } }

@media screen and (min-width: 506px) and (max-width: 507px) {
  html {
    font-size: 98.828125%; } }

@media screen and (min-width: 507px) and (max-width: 508px) {
  html {
    font-size: 99.0234375%; } }

@media screen and (min-width: 508px) and (max-width: 509px) {
  html {
    font-size: 99.21875%; } }

@media screen and (min-width: 509px) and (max-width: 510px) {
  html {
    font-size: 99.4140625%; } }

@media screen and (min-width: 510px) and (max-width: 511px) {
  html {
    font-size: 99.609375%; } }

@media screen and (min-width: 511px) and (max-width: 512px) {
  html {
    font-size: 99.8046875%; } }

@media screen and (min-width: 512px) and (max-width: 513px) {
  html {
    font-size: 100%; } }

@media screen and (min-width: 513px) and (max-width: 514px) {
  html {
    font-size: 100.1953125%; } }

@media screen and (min-width: 514px) and (max-width: 515px) {
  html {
    font-size: 100.390625%; } }

@media screen and (min-width: 515px) and (max-width: 516px) {
  html {
    font-size: 100.5859375%; } }

@media screen and (min-width: 516px) and (max-width: 517px) {
  html {
    font-size: 100.78125%; } }

@media screen and (min-width: 517px) and (max-width: 518px) {
  html {
    font-size: 100.9765625%; } }

@media screen and (min-width: 518px) and (max-width: 519px) {
  html {
    font-size: 101.171875%; } }

@media screen and (min-width: 519px) and (max-width: 520px) {
  html {
    font-size: 101.3671875%; } }

@media screen and (min-width: 520px) and (max-width: 521px) {
  html {
    font-size: 101.5625%; } }

@media screen and (min-width: 521px) and (max-width: 522px) {
  html {
    font-size: 101.7578125%; } }

@media screen and (min-width: 522px) and (max-width: 523px) {
  html {
    font-size: 101.953125%; } }

@media screen and (min-width: 523px) and (max-width: 524px) {
  html {
    font-size: 102.1484375%; } }

@media screen and (min-width: 524px) and (max-width: 525px) {
  html {
    font-size: 102.34375%; } }

@media screen and (min-width: 525px) and (max-width: 526px) {
  html {
    font-size: 102.5390625%; } }

@media screen and (min-width: 526px) and (max-width: 527px) {
  html {
    font-size: 102.734375%; } }

@media screen and (min-width: 527px) and (max-width: 528px) {
  html {
    font-size: 102.9296875%; } }

@media screen and (min-width: 528px) and (max-width: 529px) {
  html {
    font-size: 103.125%; } }

@media screen and (min-width: 529px) and (max-width: 530px) {
  html {
    font-size: 103.3203125%; } }

@media screen and (min-width: 530px) and (max-width: 531px) {
  html {
    font-size: 103.515625%; } }

@media screen and (min-width: 531px) and (max-width: 532px) {
  html {
    font-size: 103.7109375%; } }

@media screen and (min-width: 532px) and (max-width: 533px) {
  html {
    font-size: 103.90625%; } }

@media screen and (min-width: 533px) and (max-width: 534px) {
  html {
    font-size: 104.1015625%; } }

@media screen and (min-width: 534px) and (max-width: 535px) {
  html {
    font-size: 104.296875%; } }

@media screen and (min-width: 535px) and (max-width: 536px) {
  html {
    font-size: 104.4921875%; } }

@media screen and (min-width: 536px) and (max-width: 537px) {
  html {
    font-size: 104.6875%; } }

@media screen and (min-width: 537px) and (max-width: 538px) {
  html {
    font-size: 104.8828125%; } }

@media screen and (min-width: 538px) and (max-width: 539px) {
  html {
    font-size: 105.078125%; } }

@media screen and (min-width: 539px) and (max-width: 540px) {
  html {
    font-size: 105.2734375%; } }

@media screen and (min-width: 540px) and (max-width: 541px) {
  html {
    font-size: 105.46875%; } }

@media screen and (min-width: 541px) and (max-width: 542px) {
  html {
    font-size: 105.6640625%; } }

@media screen and (min-width: 542px) and (max-width: 543px) {
  html {
    font-size: 105.859375%; } }

@media screen and (min-width: 543px) and (max-width: 544px) {
  html {
    font-size: 106.0546875%; } }

@media screen and (min-width: 544px) and (max-width: 545px) {
  html {
    font-size: 106.25%; } }

@media screen and (min-width: 545px) and (max-width: 546px) {
  html {
    font-size: 106.4453125%; } }

@media screen and (min-width: 546px) and (max-width: 547px) {
  html {
    font-size: 106.640625%; } }

@media screen and (min-width: 547px) and (max-width: 548px) {
  html {
    font-size: 106.8359375%; } }

@media screen and (min-width: 548px) and (max-width: 549px) {
  html {
    font-size: 107.03125%; } }

@media screen and (min-width: 549px) and (max-width: 550px) {
  html {
    font-size: 107.2265625%; } }

@media screen and (min-width: 550px) and (max-width: 551px) {
  html {
    font-size: 107.421875%; } }

@media screen and (min-width: 551px) and (max-width: 552px) {
  html {
    font-size: 107.6171875%; } }

@media screen and (min-width: 552px) and (max-width: 553px) {
  html {
    font-size: 107.8125%; } }

@media screen and (min-width: 553px) and (max-width: 554px) {
  html {
    font-size: 108.0078125%; } }

@media screen and (min-width: 554px) and (max-width: 555px) {
  html {
    font-size: 108.203125%; } }

@media screen and (min-width: 555px) and (max-width: 556px) {
  html {
    font-size: 108.3984375%; } }

@media screen and (min-width: 556px) and (max-width: 557px) {
  html {
    font-size: 108.59375%; } }

@media screen and (min-width: 557px) and (max-width: 558px) {
  html {
    font-size: 108.7890625%; } }

@media screen and (min-width: 558px) and (max-width: 559px) {
  html {
    font-size: 108.984375%; } }

@media screen and (min-width: 559px) and (max-width: 560px) {
  html {
    font-size: 109.1796875%; } }

@media screen and (min-width: 560px) and (max-width: 561px) {
  html {
    font-size: 109.375%; } }

@media screen and (min-width: 561px) and (max-width: 562px) {
  html {
    font-size: 109.5703125%; } }

@media screen and (min-width: 562px) and (max-width: 563px) {
  html {
    font-size: 109.765625%; } }

@media screen and (min-width: 563px) and (max-width: 564px) {
  html {
    font-size: 109.9609375%; } }

@media screen and (min-width: 564px) and (max-width: 565px) {
  html {
    font-size: 110.15625%; } }

@media screen and (min-width: 565px) and (max-width: 566px) {
  html {
    font-size: 110.3515625%; } }

@media screen and (min-width: 566px) and (max-width: 567px) {
  html {
    font-size: 110.546875%; } }

@media screen and (min-width: 567px) and (max-width: 568px) {
  html {
    font-size: 110.7421875%; } }

@media screen and (min-width: 568px) and (max-width: 569px) {
  html {
    font-size: 110.9375%; } }

@media screen and (min-width: 569px) and (max-width: 570px) {
  html {
    font-size: 111.1328125%; } }

@media screen and (min-width: 570px) and (max-width: 571px) {
  html {
    font-size: 111.328125%; } }

@media screen and (min-width: 571px) and (max-width: 572px) {
  html {
    font-size: 111.5234375%; } }

@media screen and (min-width: 572px) and (max-width: 573px) {
  html {
    font-size: 111.71875%; } }

@media screen and (min-width: 573px) and (max-width: 574px) {
  html {
    font-size: 111.9140625%; } }

@media screen and (min-width: 574px) and (max-width: 575px) {
  html {
    font-size: 112.109375%; } }

@media screen and (min-width: 575px) and (max-width: 576px) {
  html {
    font-size: 112.3046875%; } }

@media screen and (min-width: 576px) and (max-width: 577px) {
  html {
    font-size: 112.5%; } }

@media screen and (min-width: 577px) and (max-width: 578px) {
  html {
    font-size: 112.6953125%; } }

@media screen and (min-width: 578px) and (max-width: 579px) {
  html {
    font-size: 112.890625%; } }

@media screen and (min-width: 579px) and (max-width: 580px) {
  html {
    font-size: 113.0859375%; } }

@media screen and (min-width: 580px) and (max-width: 581px) {
  html {
    font-size: 113.28125%; } }

@media screen and (min-width: 581px) and (max-width: 582px) {
  html {
    font-size: 113.4765625%; } }

@media screen and (min-width: 582px) and (max-width: 583px) {
  html {
    font-size: 113.671875%; } }

@media screen and (min-width: 583px) and (max-width: 584px) {
  html {
    font-size: 113.8671875%; } }

@media screen and (min-width: 584px) and (max-width: 585px) {
  html {
    font-size: 114.0625%; } }

@media screen and (min-width: 585px) and (max-width: 586px) {
  html {
    font-size: 114.2578125%; } }

@media screen and (min-width: 586px) and (max-width: 587px) {
  html {
    font-size: 114.453125%; } }

@media screen and (min-width: 587px) and (max-width: 588px) {
  html {
    font-size: 114.6484375%; } }

@media screen and (min-width: 588px) and (max-width: 589px) {
  html {
    font-size: 114.84375%; } }

@media screen and (min-width: 589px) and (max-width: 590px) {
  html {
    font-size: 115.0390625%; } }

@media screen and (min-width: 590px) and (max-width: 591px) {
  html {
    font-size: 115.234375%; } }

@media screen and (min-width: 591px) and (max-width: 592px) {
  html {
    font-size: 115.4296875%; } }

@media screen and (min-width: 592px) and (max-width: 593px) {
  html {
    font-size: 115.625%; } }

@media screen and (min-width: 593px) and (max-width: 594px) {
  html {
    font-size: 115.8203125%; } }

@media screen and (min-width: 594px) and (max-width: 595px) {
  html {
    font-size: 116.015625%; } }

@media screen and (min-width: 595px) and (max-width: 596px) {
  html {
    font-size: 116.2109375%; } }

@media screen and (min-width: 596px) and (max-width: 597px) {
  html {
    font-size: 116.40625%; } }

@media screen and (min-width: 597px) and (max-width: 598px) {
  html {
    font-size: 116.6015625%; } }

@media screen and (min-width: 598px) and (max-width: 599px) {
  html {
    font-size: 116.796875%; } }

@media screen and (min-width: 599px) and (max-width: 600px) {
  html {
    font-size: 116.9921875%; } }

@media screen and (min-width: 600px) and (max-width: 601px) {
  html {
    font-size: 117.1875%; } }

@media screen and (min-width: 601px) and (max-width: 602px) {
  html {
    font-size: 117.3828125%; } }

@media screen and (min-width: 602px) and (max-width: 603px) {
  html {
    font-size: 117.578125%; } }

@media screen and (min-width: 603px) and (max-width: 604px) {
  html {
    font-size: 117.7734375%; } }

@media screen and (min-width: 604px) and (max-width: 605px) {
  html {
    font-size: 117.96875%; } }

@media screen and (min-width: 605px) and (max-width: 606px) {
  html {
    font-size: 118.1640625%; } }

@media screen and (min-width: 606px) and (max-width: 607px) {
  html {
    font-size: 118.359375%; } }

@media screen and (min-width: 607px) and (max-width: 608px) {
  html {
    font-size: 118.5546875%; } }

@media screen and (min-width: 608px) and (max-width: 609px) {
  html {
    font-size: 118.75%; } }

@media screen and (min-width: 609px) and (max-width: 610px) {
  html {
    font-size: 118.9453125%; } }

@media screen and (min-width: 610px) and (max-width: 611px) {
  html {
    font-size: 119.140625%; } }

@media screen and (min-width: 611px) and (max-width: 612px) {
  html {
    font-size: 119.3359375%; } }

@media screen and (min-width: 612px) and (max-width: 613px) {
  html {
    font-size: 119.53125%; } }

@media screen and (min-width: 613px) and (max-width: 614px) {
  html {
    font-size: 119.7265625%; } }

@media screen and (min-width: 614px) and (max-width: 615px) {
  html {
    font-size: 119.921875%; } }

@media screen and (min-width: 615px) and (max-width: 616px) {
  html {
    font-size: 120.1171875%; } }

@media screen and (min-width: 616px) and (max-width: 617px) {
  html {
    font-size: 120.3125%; } }

@media screen and (min-width: 617px) and (max-width: 618px) {
  html {
    font-size: 120.5078125%; } }

@media screen and (min-width: 618px) and (max-width: 619px) {
  html {
    font-size: 120.703125%; } }

@media screen and (min-width: 619px) and (max-width: 620px) {
  html {
    font-size: 120.8984375%; } }

@media screen and (min-width: 620px) and (max-width: 621px) {
  html {
    font-size: 121.09375%; } }

@media screen and (min-width: 621px) and (max-width: 622px) {
  html {
    font-size: 121.2890625%; } }

@media screen and (min-width: 622px) and (max-width: 623px) {
  html {
    font-size: 121.484375%; } }

@media screen and (min-width: 623px) and (max-width: 624px) {
  html {
    font-size: 121.6796875%; } }

@media screen and (min-width: 624px) and (max-width: 625px) {
  html {
    font-size: 121.875%; } }

@media screen and (min-width: 625px) and (max-width: 626px) {
  html {
    font-size: 122.0703125%; } }

@media screen and (min-width: 626px) and (max-width: 627px) {
  html {
    font-size: 122.265625%; } }

@media screen and (min-width: 627px) and (max-width: 628px) {
  html {
    font-size: 122.4609375%; } }

@media screen and (min-width: 628px) and (max-width: 629px) {
  html {
    font-size: 122.65625%; } }

@media screen and (min-width: 629px) and (max-width: 630px) {
  html {
    font-size: 122.8515625%; } }

@media screen and (min-width: 630px) and (max-width: 631px) {
  html {
    font-size: 123.046875%; } }

@media screen and (min-width: 631px) and (max-width: 632px) {
  html {
    font-size: 123.2421875%; } }

@media screen and (min-width: 632px) and (max-width: 633px) {
  html {
    font-size: 123.4375%; } }

@media screen and (min-width: 633px) and (max-width: 634px) {
  html {
    font-size: 123.6328125%; } }

@media screen and (min-width: 634px) and (max-width: 635px) {
  html {
    font-size: 123.828125%; } }

@media screen and (min-width: 635px) and (max-width: 636px) {
  html {
    font-size: 124.0234375%; } }

@media screen and (min-width: 636px) and (max-width: 637px) {
  html {
    font-size: 124.21875%; } }

@media screen and (min-width: 637px) and (max-width: 638px) {
  html {
    font-size: 124.4140625%; } }

@media screen and (min-width: 638px) and (max-width: 639px) {
  html {
    font-size: 124.609375%; } }

@media screen and (min-width: 639px) and (max-width: 640px) {
  html {
    font-size: 124.8046875%; } }

@media screen and (min-width: 640px) {
  html {
    font-size: 125%; } }

input, textarea, button {
  font-family: 'Arial';
  outline: none; }

img {
  max-width: 100%;
  height: auto; }

a { text-decoration: none; }

body {
    font-size: 16px;
    font-family: Roboto;
    line-height: 1.8;
    max-width: 640px;
    margin: 0 auto;
    color: #222222;
    font-weight: normal
}

.ctn {
  width: calc( 100% - 2rem);
  display: block;
  margin: 0 auto; }
@charset "UTF-8";

@font-face {
  font-family: 'utm-he';
  font-weight: 400;
  src: url("./a/f/utm-helvetins.ttf"); }

@font-face {
  font-family: 'imogen';
  font-weight: 400;
  src: url("./a/f/IMOGEN-AGNES.OTF"); } 


 
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
/*.slick-loading .slick-list {
  background: #fff url("./a/f/ajax-loader.gif") center center no-repeat; }*/

/* Icons */
/*@font-face {
  font-family: "slick";
  src: url("./a/f/slick.eot");
  src: url("./a/f/slick.eot?#iefix") format("embedded-opentype"), url("./a/f/slick.woff") format("woff"), url("./a/f/slick.ttf") format("truetype"), url("./a/f/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }*/
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "?"; }
    [dir="rtl"] .slick-prev:before {
      content: "?"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "?"; }
    [dir="rtl"] .slick-next:before {
      content: "?"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
a {
    text-decoration: none;
    color: inherit;
}
 input{
    margin: 0;
    padding: 0;
    border: none;
    text-align: justify;
}
div, ul, li, ol, dl, dt, dd, input, h1, h2, h3, h4, h5, h6, span, strong {
    margin: 0;
    padding: 0;
    border: none;
}
html {
    margin-top:0 !important;
}
:before,
:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.row {
  margin-left: -15px;
  margin-right: -15px; }

.mn-mb {
        position: fixed;
    top: 0;
    background: #006a63f5;
    width: 100%;
    z-index: 999999999999;
    display: none;
    height: 100vh;
}

.menu li {
    list-style: none;
    border-bottom: 1px solid #fff;
    width: 100%;
}  
.menu li a {
    color: #fff;
    padding: 5px 0 5px 4%;
    font-size: 16px;
    width: 96%;
    display: inline-block;
    line-height: 35px;
    text-transform: uppercase;
}  

.close-mn {
	color: #fff;
    font-size: 40px;
    text-align: center;
    display: block;
    cursor: pointer; 
} 


.mb #htl {
    width: 80%;
    padding: 5px 1%;
    border-right: 2px solid #59b880;
    text-align: center;
    float: left;
    font-size: 20px;
    line-height: 20px;
    color: #ffffff;
    font-family: utm-he;
    font-weight: normal;
    text-transform: uppercase;
    border-left: 2px solid #59b880;
}

.mb #lc {
    width: 40px;
    height: 40px;
    float: left;
    background: url(./a/i/ic.png) no-repeat !important;
    background-position: -25px 0 !important;
    position: absolute;
    right: 5px;
}

.mb #frm {
    position: relative;
    margin-bottom: 20px;
}
.mb .wpr {
    width: 94%;
    margin: 0 auto;
}
.mb #frm input[type="text"] {
    height: 48px;
    border: 2px solid #dbdadb;
    padding: 0 4%;
    width: 100%;
    border-radius: 5px;
}
.mb #frm input[type="submit"] {
    background: url(./a/i/ic.png) center no-repeat;
    width: 50px;
    height: 25px;
    background-position: -55px -5px;
    position: absolute;
    top: 12px;
    right: 15px;
    border-left: 1px solid #ccc;
}
.item a.dh {
    border-radius: 20px;
    font-size: 12px;
    padding: 6px 20px;
    font-weight: normal;
    line-height: 18px;
    color: #d03d3f;
    display: inline-block !important;
    background: transparent;
    background-color: transparent !important;
    border: 1px solid #d03d3f;
    width: auto !important; }

.htt{
    color: #106634;
    text-align: center;
    font-family: utm-he;
    font-weight: normal;
    font-size: 22px;
    line-height: 35px;
    margin-bottom: 0;
} 


.scroll.fixed {
    position: fixed!important;
    width: 100%;
    height: auto;
    top: 0;
    z-index: 9999;
    -webkit-box-shadow: 0 2px 3px -1px #8f8f8f;
    box-shadow: 0 2px 3px -1px #8f8f8f;
   
    
    padding: 4px 12px; 
  
    background: #fff;
}  

.scroll.fixed .fr-sr {
     display: -webkit-flex !important;
    display: -moz-flex !important; 
    display: -ms-flex !important;
    display: -o-flex !important; 
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 46px;
    gap: 10px;
}  
#text-cd {
    text-align: center;
   
    font-weight: bold;
    animation: pulse 1600ms infinite linear;
    -webkit-animation: pulse 1600ms infinite linear;
    -moz-animation: pulse 1600ms infinite linear;
    color: #006760;
}
#text-cd p{
     margin: 5px 0 !important;
     font-size: 15px; 
}
#menu-nav-mb2 .ic-menu1, #menu-nav-mb2 .d-send {
    flex: 0 0 38px;
    height: 38px;
}
#menu-nav-mb2 .ic-menu2 {
    width: 100%;
}
#menu-nav-mb2 .d_contact {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex; 
    display: -o-flex;
    display: flex;
}
#menu-nav-mb2 .d_contact input {
    width: 100%;
    background: #f2f2f2;
    border-radius: 5px 0 0 5px;
    margin-right: -5px;
    padding: 9px 10px;
    font-size: 15px;
    border: 1px solid #bdd5cd;
}
#menu-nav-mb2 .d_contact input::placeholder { 
    color:  red;
    font-weight:  500;
    font-size:  14px;
} 
.ic-menu2 button {
    background: #006760 url(https://chuyende.ytequocte.com/i/ic-send-top.png) center no-repeat;
    width: 38px;
    height: 38px;
    border: 0;
    background-size: 24px;
    border-radius: 5px;
}
.ic-menu3 a {
    background: #d62027;
    border-radius: 5px;
    width: 50%;
    display: inline-block;
    width: 38px;
    height: 38px;
    padding: 6px;
}
.ic-menu3 img {
    -webkit-animation: fp-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: fp-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: fp-circle-img-anim 1s infinite ease-in-out;
    -o-animation: fp-circle-img-anim 1s infinite ease-in-out;
    animation: fp-circle-img-anim 1s infinite ease-in-out;
}
@keyframes fp-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 fp-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 fp-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 fp-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 fp-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)}}

 body {
        overflow-x: hidden;
    }
	.click-menu {
		width: 50px;
    height: 50px;
    background: transparent;
    position: absolute;
    left: 0;
	}
	.sc-top {
		position: absolute;
		top: 7px;
		left: 45px;
		display: flex
	}
	.sc-top input {
    height: 30px;
    width: 250px;
    background: #f2f2f2;
    padding: 0 15px;
    border-radius: 30px;
}
	.sc-top input::placeholder {
		font-size: 12px;
		color: #0a9560;
	}
	.sc-top .d-send {
		width: 33px;
		height: 34px;
		background: transparent;
		border: 0;
	}
	#bn {
		max-height: 282px;
		overflow: hidden;
	}

    #bn .slick-prev {
    z-index: 100;  
    cursor: pointer;
    background: url(./a/i/large_left.png) no-repeat 0 0;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 20px;
    text-indent: -9999px; 
}
#bn .slick-next{
    z-index: 100;
    cursor: pointer;
    background: url(./a/i/large_right.png) no-repeat 0 0;
    width: 40px; 
    height: 40px;
    position: absolute;
    top: 50%;
    right: 20px;
     text-indent: -9999px;
}   
#bn .slick-arrow{ 
    opacity: 1;
}
#bn:hover .slick-arrow{
    opacity: 1;
} 
.scroll {
    display: none;
}

.mb #logo {
    padding: 35px 25px 5px;
    text-align: right;
    position: relative;
    z-index: 2
}

header {
    position: relative;
}

header:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 81px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://chuabenhxahoihn.vn/wp-content/themes/mb/img/bfhd-mb.png) no-repeat 0 0;
}

#mhc {
    position: absolute;
    bottom: 37px;
    left: 15px;
    z-index: 3
}

#btm span {
    width: 35px;
    height: 6px;
    background: #fff;
    border-radius: 15px;
    margin-bottom: 5px;
    display: block;
    -webkit-transition: all .5s ease;
    -o-transition: .5s all ease;
    transition: all .5s ease;
}

#btm.active .line-1 {
    -webkit-transform: rotate(-45deg) translate(-7px, 8px);
    -ms-transform: rotate(-45deg) translate(-7px, 8px);
    transform: rotate(-45deg) translate(-7px, 8px);
}

#btm.active .line-2 {
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -webkit-filter: opacity(0);
    transform: translateX(200%);
    filter: opacity(0);
}

#btm.active .line-3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    -ms-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}


#s1{padding-top: 15px;}    
#s1 .ctn div{
    text-align: center;
}
#s1  h4{
    margin: 10px 0;
    color: #29814e;
    font-size: 18px;
}
#s1 .cmd3 img{
    max-width: 200px;
}
#s1 p{
    line-height: 25px;
    margin-bottom: 25px;}
   
#s3{
    background: url(./a/i/s3nen.jpg) no-repeat;
    background-size: contain;
    padding: 35px 0 75px;
}
#s3 h3 {
    font-family: utm-he;
    font-weight: normal;
    text-align: center;
    font-size: 24px;
    color: #000000;
    margin: 15px 0 0;
}
#s3 #form_dt {
    width: 78%;
    margin: 0 auto;
}
#s3 input {
    width: 100%;
    padding: 9px 0 9px 45px;
    margin-top: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 50px;
}
#s3 input:first-child {
    background: #fff url(./a/i/s31.png) no-repeat left 8px;
    background-position-x: 15px;
}
#s3 input:nth-child(2) {
    background: #fff url(./a/i/s32.png) no-repeat left 8px;
    background-position-x: 15px;
}
#s3 .d-send {
    float: right;
    margin-top: 15px;
    background: #d7384e;
    border: 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 13px;
    border-radius: 5px;
}
#form_dt div a {
    display: inline-block;
    margin-top: 15px;
    width: 38px;
    height: 38px;
    background:  url(./a/i/ic.png) no-repeat;
    background-position: -222px -5px !important;
}
#form_dt div a:nth-child(2) {
    background-position: -262px -5px !important;
}
.d{
    text-align: center;
    font-size: 17px;
    margin: 0;
    font-family: 'UTM-Isadora';
    color: #787878;
}
#s4{padding-top:20px;}
#s4 .dt2{
   margin: 0 30px;
    border: 1px solid #ccc;
    text-align: center;
}
#s4 .dt2 h4{
    font-size: 18px;
    margin: 10px 0;
}
#s4 .slick-dots li {
    height: 10px;
    width: 10px;
    border: 1px solid #5ead7f;
    border-radius: 50%;
}
#s4 .slick-dots li.slick-active{
    background: #53a776;
}
.dtt1{
    color: #2d9057;
    margin-top: 0;
}
.tc a{
    border-radius: 20px;
    font-size: 12px;
    padding: 6px 20px;
    font-weight: normal;
    line-height: 18px;
    color: #d03d3f;
    display: inline-block !important;
    background: transparent;
    background-color: transparent !important;
    border: 1px solid #d03d3f;
    width: auto !important;
    text-transform: uppercase;
} 
#s5{
    padding-top: 20px;
}   
#s6{
    background: url(./a/i/s6nen.jpg) no-repeat;
    padding: 20px 0;
    height: 640px;
}
#s6 .cmd4 h2 {
        float: left;
    width: 24%;
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    font-family: utm-he;
    font-weight: normal;
    padding: 27px 10px 30px;
    background: #328f59;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0;
    text-align: center
}
#s6 .cmd4 div:before {
    content: '';
    display: inline-block;
    width: 145px;
    height: 150px;
    background: url(./a/i/icon.png) no-repeat;
    background-position: -8px -165px;
    position: absolute;
    bottom: -180px;
    right: 0;
}
#s6 .cmd4 div {
    background: #eef3f0;
    float: left;
    width: 75%;
    padding: 10px 10px 3px;
    position: relative;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}
#s6 .cmd4 ul li {
    color: #787878;
    position: relative;
    padding-left: 15px;
}
#s6 .cmd4 ul li:before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 1px solid #52aa77;
    border-radius: 50%;
    left: 0;
    position: absolute;
    top: 8px;
}
#s6 .cmd4 div:after {
    content: '';
    display: inline-block;
    border-top: 10px solid #eef3f0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: -8px;
    right: 25%;
}
#s6 .cmd4.cd2 div:before {
    background-position: -155px -165px;
}
#s6 .cmd4.cd3 div:before {
    background-position: -305px -165px;
}
#s6 .cmd4 div h4{
    margin: 0;
}
#s6 .cmd4 div ul{
    margin: 5px 0;
    padding: 0 0 0 5px;
}
#s6 .cmd4{
    margin:  0 20px;
}
#s6 .cmd4 div ul li{
    list-style: none;
}
#s6 .slick-list{
    overflow: visible;
}
#s6 h3{
    margin-top: 0;
    color:#fff; 
}
#s6 .slick-dots li {
    height: 10px;
    width: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
}
#s6 .slick-dots li.slick-active {
    background: #fff;
}
#s6 .slick-dots {
    position: absolute;
    bottom: -200%;
    right: 60px;
    list-style: none;
    display: block;
    text-align: right;
    padding: 0;
    margin: 0;
    width: 100%;
}
.post .cmd4 .ct {
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}
.post .cmd4.p1 .des {
    padding: 10px 15px;
}
.des h5 {
    font-size: 12px;
    text-transform: uppercase;
    color: #2e8f56;
    font-weight: normal;
    display: inline-block;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    margin: 10px 0;
    background: transparent;
}
#l3 .des p {
    overflow: hidden;
    color: #787878;
    height: 47px;
}
.des a.xct {
    float: right;
    color: #d7384e;
    font-size: 13px;
    display: inline-block;
    margin: 10px 0;
}
.post .p1 {
    margin-bottom: 15px;
}
.post .p2 .cmd4 .ct {
    overflow: hidden;
    padding: 15px;
    border: 0;
    border-radius: 5px;
    border: 1px solid #ccc;
}
.post .p2 .cmd4 {
    margin-bottom: 15px;
}
.post .p2 .cmd4 img {
    float: left;
    width: 35%;
    margin-right: 5%;
}
.post .p2 .cmd4 h4 {
    margin: 0 0 10px;
    line-height: 25px;
    height: 45px;
    overflow: hidden;
}
.post .des p {
    overflow: hidden;
    color: #787878;
    height: 47px;
    margin-bottom: 0;
}
.xemct {
    background: #e2e2e2;
    text-align: center;
    color: #787878;
    font-size: 12px;
    font-weight: bold;
    clear: both;
    padding: 10px 0;
   }
#s7{
    padding: 30px 0 ;
    background: url(./a/i/s7nen.jpg) repeat;
    border-bottom: 2px solid #dbdbdb;
    border-top: 2px solid #dbdbdb;
        margin-top: 25px;
}   
#s7 .slick-slide img {
    margin: 0 auto;
    border-radius: 50%;
    border: 4px solid #6db48b;
}
#s7 .slick-slide p {
    text-align: center;
    margin: 20px 0 10px;
}
#s7 .slick-slide h5 {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
#s7 .slick-dots li {
    height: 10px;
    width: 10px;
    border: 1px solid #8d8c8c;
    border-radius: 50%;
}
#s7 .slick-dots li.slick-active{
    background: #53a776;
}
#s7 .slick-dotted.slick-slider {
    margin-bottom: 0;
}

#s8{
        padding: 30px 0;
    background: url(./a/i/s7nen.jpg) repeat; 
}
#s8 .slick-slide img {
    margin: 0 auto;
    border-radius: 10px;
}
#s8 .slick-next.slick-arrow, #s8 .slick-prev.slick-arrow {
    display: inline-block !important;
    width: 25px;
    height: 35px;
    background: url(./a/i/icon.png) no-repeat;
    background-position: -220px -65px;
    position: absolute;
    top: 50%;
    right: 15px;
    text-indent: -9999px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
#s8 div .slick-prev.slick-arrow {
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    right: auto;
    left: 20px;
    top: 40%;
}
#s9 {
    background: #257247;
    margin-top: 1.5rem;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}
#s9 .tit{
    color: #fff;
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 27px;
    font-family: utm-he;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
}
#s9 .des {
    display: block;
    font-size: 12px;
    color: #a4dbbc;
    text-align: center;
}
#s9 .f {
    position: relative;
    margin-top: 1.85rem;
}
#s9 .f input {
    width: 100%;
    background: #2A7B4E;
    border: 0.1rem solid #4E9D6F;
    font-size: 1.2rem;
    font-style: italic;
    padding: 12px;
    border-radius: 2rem;
    -moz-border-radius: 2rem;
    -webkit-border-radius: 2srem;
    color: #fff;
}
#s9 .f input::placeholder {
    color: #479569;
    font-size: 15px;
    padding-left:10px;
}
#s9 .f button {
        content: "";
    width: 55px;
    height: 30px;
    position: absolute;
    display: block;
    background: url(./a/i/icon1.png);
    background-position: -117px -332px;
    right: 9px;
    top: 7px;
    z-index: 9999;
    border: 0;
}
#s9 .p:before {
    content: '';
    width: 13.5rem;
    height: 0.75rem;
    /*background: url(./i/bgt.png) repeat-x;*/
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -6.75rem;
}
#s9 .p a:first-child {
    padding-right: 5rem;
}
#s9 .p {
    position: relative;
    margin-top: 1.2rem;
    padding-top: 2rem;
}
#s9 .p a {
    display: inline-block;
    color: #fff;
    font-size: 22px;
    font-family: utm-he;
    position: relative;
}
#s9 .p a:first-child:before {
    content: '';
    width: 45px;
    height: 65px;
    position: absolute;
    right: 0px;
    background: url(./a/i/icon1.png);
    background-position: -192px -321px;
    bottom: -22px;
}
#s9 .a {
    margin-top: 1.25rem;
    padding-bottom: 1.65rem;
    border-bottom: 1px dashed #8ac3a2;
    overflow: hidden;
}
#s9 .a > div {
    width: 49%;
    float: left;
    padding: 0.8rem 0;
}
#s9 .a > div:first-child {
    border-right: 1px dashed #8ac3a2;
}
#s9 .a > div span:first-child {
    font-size: 1.55rem;
    font-family: utm-he;
    color: #fff;
    padding-top: 5.05rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
}

#s9 .a > div span {
    display: block;
    margin-right: 1.1rem;
    position: relative;
    text-align: right;
}
#s9 .a > div span:first-child:before {
    content: '';
    width: 3.85rem;
    height: 3.85rem;
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 0;
    background: url(./a/i/icon1.png);
    background-position: -10px -322px;
}
#s9 .a > div:last-child span {
    margin-left: 1.1rem;
    margin-right: 0;
    text-align: left;
}

#s9 .a > div span:last-child {
    color: #a4dbbc;
    text-align: justify;
    font-size: 13px
}
#s9 .a > div:last-child span:first-child:before {
    background-position: -65px -322px;
    right: auto;
    left: 0;
}
#s9 .tt{
    padding-bottom: 10px;
}
#s9 .tt:before{
    display: none;
}
footer .mxh {
    text-align: center; 
        padding-bottom: 10px;
}
.mxh a { 
    display: inline-block;
    margin-top: 15px;
}
.mxh a:before {
    content: "";
    display: inline-block;
    float: left; 
    width: 5px;
    height: 50px;
    position: relative;
    background: url(./a/i/icon.png);
    background-position: -1px -401px;
}
.mxh a:nth-child(2):before {
    background-position: -58px -401px;
}
footer .mxh a:nth-child(3):before {
    background-position: -117px -401px;
}
footer .mxh a:nth-child(4):before {
    background-position: -176px -401px;
}
.map{
    height: 239px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: url(./a/i/map.jpg);
    margin-bottom: -20px;
}
.last-ft {
    background: #257247 url(./a/i/bus.jpg) no-repeat left;
    padding: 15px 0 15px 72px;
    background-position-x: 15px;
    margin-bottom: 33px;
}
.last-ft div span {
    width: 40px;
    height: 40px;
    font-family: utm-he;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    font-size: 25px;
    border: 1px solid #4d9a6e;
    margin-right: 0;
    border-radius: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    color: #fff;
}  
.f_lienhe {
    margin: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    text-align: center;
    color: #fff;
    font-family: utm;
    font-weight: normal;
}
.f_lienhe li {
    float: left;
    width: 25%;
    background: #fff;
  
    padding: 6px 0;
    cursor: pointer;
    list-style: none;
       font-family: tahoma; 
}
.f_lienhe li:nth-child(2) {
    border-right: 1px dashed #47cb82;
}
.f_lienhe li:first-child {
    width: 50%;
    background: #2e9057;
    padding: 12px 0;
}
.rung {
    animation: shake-phone linear 1s;
    animation-iteration-count: infinite;
}
.f_lienhe li a{  
   color: #000;
    font-family: 'utm-he';
    font-weight: normal;
}
  
 @keyframes shake-phone {
		0%{transform:translate(0px,0px) rotate(0deg)}
		10%{transform:translate(0px,5px) rotate(-25deg)}
		12%{transform:translate(0px,5px) rotate(-23deg)}
		20%{transform:translate(0px,0px) rotate(-15deg)}
		21%{transform:translate(0px,5px) rotate(-15deg)}
		30%{transform:translate(0px,0px) rotate(-20deg)}
		40%{transform:translate(0px,5px) rotate(-10deg)}
		51%{transform:translate(0px,0px) rotate(0deg)}
		100%{transform:translate(0px,0px) rotate(0deg)}
	}  
   
.f_lienhe li img{   
    display: block;
    margin: 0 auto 5px;
    
} 
.f_lienhe li:first-child img {
    float: left;
    margin-left: 20px;
    vertical-align: middle; 
    height: 20px;
}
.f_lienhe li:first-child p img {
    height: 25px !important;
    margin-left: 20px !important;
}

 
#f2 h4 {
    text-transform: none;
    padding-top: 20px;
    font-family: utm-he;
    margin-bottom: 30px;
    font-size: 22px;
    margin-bottom: 30px;
    font-weight: normal;
}
.f21 li {
    padding-left: 45px;
    margin: 10px 0 30px;
    position: relative;
    line-height: 26px;
    color: #fff;
    width: 100%;
    list-style: none;
}
.f21 li:before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(./a/i/ic.png) no-repeat;
    background-position: -3px -50px !important;
    position: absolute;
    left: 0;
    top: 0;
}
.f21 li:after {
    content: '';
    display: inline-block;
    width: 42px;
    height: 42px;
    position: absolute;
    left: -5px;
    top: -10px;
    border-radius: 50%;
    border: 1px solid #fff;
}
.f21 li:nth-child(2):before {
    background-position: -38px -50px !important;
    top: -2px;
}
.f21 li:nth-child(3):before {
    background-position: -77px -50px !important;
    top: -5px;
}
.f21 li:nth-child(4):before {
    top: -5px;
    background-position: -115px -50px !important;
}
.f21 span {
    color: #8bdbac;
}
/** Danh m?c **/


#list_cat {
    border: 1px solid #ccc;
    padding: 12px;
    border-radius: 10px;
        margin-bottom: 15px;
}
#list_cat h3 {
    padding: 10px 0 10px 0;
    text-align: center;
    position: relative;
    clear: both;}
  
#list_cat p {
    font-size: 14px;
    color: #787878;
    margin-top: 15px;
   
}

#cat .ct{
    float: left;
    display: block
}
#list_cat .cate-img {
    width: 40% !important;
    margin-right: 5%;
    float: left;
}
.desc-dm{
    float: left;
    width: 55%;
}
.desc-dm  h3 {
    padding:  0 !important;
    text-align: left !important;
    font-size: 14px;}
.desc-dm p{
    display: none;
}   
.xemthem{
      color: #da4d5f; 
      font-size: 12px;
} 


.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.slidertt .dt1 {
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
}
.slidertt h4 {
    padding: 10px 20px;
    text-align: center;
    line-height: 25px;
    margin-bottom: 10px;
}
.slidertt p a {
    padding: 7px 20px 7px 20px;
    border: 1px solid #ccc;
    border-radius: 20px;
    display: block;
    width: 100px;
    text-align: center;
    text-transform: uppercase;
    margin: 0px auto;
    margin-bottom: 20px;
    font-size: 12px;
    color: #da4d5f;
}
.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}
.slidertt .slick-dots li.slick-active {
    background: #6db48b;
}

.slidertt .slick-dots li {
    height: 8px;
    width: 8px;
    border: 1px solid #6db48b;
    border-radius: 50%;
}
.kt {
    margin-top: 50px;
}
h2.title-sb {
    font-family: utm-he;
    font-weight: normal;
    font-size: 20px;  
    margin: 0;
    color: #282828;  
    position: relative;
   padding: 0;
    margin: 20px 0 0;
    text-align: center;
    text-transform: uppercase;
}
.kt h2:before {
    background-position: -300px -10px;
    width: 50px;
}
.kt .dt3 {
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 10px;
}
.kt .dt3 img {
    float: left;
    width: 28%;
    border-radius: 10px;
    margin-right: 5%;
}
#siderbar{
        clear: both;
}
#siderbar #s8 {
    background: none;
}
#siderbar #s8 .slick-prev.slick-arrow {
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    right: auto;
    left: 20px;
    top: 40%;
}
#article h1 {
    color: #006a63;
    font-size: 20px;
    font-family:  utm-he;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.desxx p span {
    font-size: 13px;
    color: #787878;
}
.desxx p span.color {
    color: #2e8f56;
}

.desxx {
    margin-bottom: 15px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding: 5px 0;
}
#article h2 {
    font-family: 'Roboto';
    font-size: 18px;
    color: #0d0d0d;
    line-height: 28px;
    background: transparent !important;
    position: relative;
    display: block !important;
    margin-bottom: 15px;
    text-transform: uppercase;
    padding-left: 40px;
}
#article h2 strong{
    font-weight: normal;
}
#article h2:before {
    content: '';
    display: inline-block;
    width: 33px;
    height: 33px;
    background: url(https://chuabenhxahoihn.vn/wp-content/themes/pc/img/ic-heading.png) no-repeat;
    background-position: 0 0;
    position: absolute;
    left: 0;
    top: -4px;
}
.wp-caption-text{
    font-size: 12px;
    text-align: center;
}
.single-post #article ul li {
    position: relative;
    padding-left: 20px;
    list-style: none;
    line-height: 28px;
    margin-bottom: 12px;
}
.single-post #article ul li:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00bf9d;
    background-position: -320px -67px;
    position: absolute;
    left: 4px;
    top: 11px;
}
#blqh {
    font-size: 22px;
     color: #282828;
    font-family: utm-he;
    position: relative;
    display: block;
    text-transform: uppercase;
}

#blqh span {
        text-align: center;
    display: block;
}
.lq-mb .item {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
}
.lq-mb .item img {
    width: 30%;
    float: left;
    margin-right: 3%;
    border-radius: 5px;
}
.lq-mb h5 {
    font-size: 12px;
    text-transform: uppercase;
    color: #2d9057;
    font-weight: normal;
    padding-top: 7px;
}
.lq-mb h4 {
    /* padding-top: 10px; */
}
#blqxt {
    background: #e2e2e2;
    font-weight: bold;
    font-size: 12px;
    height: 42px;
    color: #787878;
    width: 100%;
    line-height: 42px;
    display: block;
    text-align: center;
        clear: both;
}
.single-post #siderbar  .tt{display: none;}
.single-post #siderbar  .kt{display: none;}
.social a {
    display: inline-block;
    width: 38px;
    height: 40px;
    background: url(./a/i/icon.png) no-repeat;
    background-position: -350px -65px;
}
.social a:nth-child(2){
     background-position: -390px -65px;
}
.social a:nth-child(3){
     background-position: -430px -65px;
}
.social{
    text-align: right;
}
.pagination {
    text-align: center;
    margin-bottom: 10px;
}   
.pagination span, .pagination a {
    display: inline-block;
    border: 1px solid #ccc;
    font-size: 13px;
    font-weight: bold;
    color: #282828;
    padding: 8px 15px;
    margin-right: 5px;
    transition: all .5s;
}
.pagination span:hover, .pagination span.current, .pagination a:hover, .pagination a.current {
    border-color: #61ad7f;
    background: #61ad7f;
    color: #fff;
}
.pagination span, .pagination a {
    display: inline-block;
    border: 1px solid #ccc;
    font-size: 13px;
    font-weight: bold;
    color: #282828;
    padding: 8px 15px;
    margin-right: 5px;
    transition: all .5s;
}
.mnp .menu li ul.sub-menu li{
    padding-left: 25px;
}
.mnp .menu li ul.sub-menu li a{font-size: 14px;} 

@media screen and (max-width: 414px){
 #popup{
    padding-top: 60px;
 } 
   
#bn {
    max-height: 272px;
}
}

@media screen and (max-width: 400px){
#bn {
    max-height: 262px;
}
}
@media screen and (max-width: 375px){
 #popup{
    padding-top: 0;
 } 
  header:before {

    background-size: contain;
}
  #mhc {
    bottom: 50px;
}
#bn {
    max-height: 246px;
}
} 

@media screen and (max-width: 360px){
#bn {
    max-height: 236px;
}

#logo img {
	max-width: 250px;
}
}

@media screen and (max-width: 566px){
 #s3 {
    background-size: contain;
    padding: 35px 0 75px;
    height: auto;
} 
#s6 {
    padding: 20px 0;
    height: 640px;
    
} 
.ss-q-date {
    -webkit-appearance: none;
}
.ss-q-date::-webkit-inner-spin-button,
.ss-q-date::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
 
#s3 input {
    margin-bottom: 0;
} 
#t_ich {
    position: fixed;
    bottom: 0%;
    display: inline-table; 
    width: 100%;
    height: 80px; 
    z-index: 99999;
    background: url(http://khamphukhoa24h.vn/wp-content/themes/mb/img/Gift.gif) center no-repeat;
    background-size: cover;
    left: 0px;
}   
#t_ich a {
    width: 33.333%;
    height: 80px;
    display: inline-block;
    float: left;
}  
.model {
    background-color: TRANSPARENT;
    margin: auto;
    padding: 6px;
    width: 350px;
    position: relative;
    TOP: 0;
}
.close {
    color: #fff;
    position: absolute;
    right: 0;
    font-size: 25px;
    font-weight: 700; 
    cursor: pointer;
    z-index: 999;
    padding-right: 10px;
}
.title3 {
    background: #2e8f56;
    margin-left: 0;
    font-family: utm-he;
    font-size: 22px; 
    color: #ffffff;
    text-align: center;
    font-weight: normal;
    padding: 15px 0;
    border-radius: 10px 10px 0 0;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.dathen-wrapper {
    margin: 0 auto;
    border: none;
    width: 100%;
    padding: 15px 25px 0;
    background: #fff;
    overflow: hidden;
}
.bfr {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    text-align: center;
    background: #fff;
    padding: 0 0 20px;
}
.dathen-wrapper input {
    color: #787878;
    height: 40px;
    width: 100%;
    width: 100%;
    clear: none;
    margin: 10px 0!important;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    background-image: none;
    padding: 6px;
    font-size: 14px;
    border-radius: 4px;
}
.dathen-wrapper .col-sm-6 {
    width: 48% !important;
    float: left;
    padding: 0;
}
.dathen-wrapper .col-sm-6.one { 
    margin: 0 2% 0 0 !important;
}
textarea {
    padding: 6px;
    margin: 10px 0!important; 
    width: 100%;
    border: 1px solid #ccc;
       height: 50px;     
}  
textarea::placeholder{font-size:  14px;}
input[type="date"]::before {
	color: #999999;
	content: attr(placeholder);
}
input[type="date"] {
	color: #ffffff;
}
input[type="date"]:focus,
input[type="date"]:valid {
	color: #666666;
}
input[type="date"]:focus::before,
input[type="date"]:valid::before {
	content: "" !important;
} 
.model img {
    width: 320px !important;
}
.bfr button {
    background: #d03d3f;
    font-size: 22px;
    color: #ffffff;  
    text-transform: uppercase;
    padding: 10px 11px;
    border: 0;
    height: auto;
    border-radius: 5px;
    margin-top: 20px;
} 
footer { 
    padding-bottom: 50px;
}
#LRMINIBar {
    bottom: 145px !important;
}
#popup {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; 
    background-color: rgba(0,0,0,0.4);
}
.add-post{
    border: 1px #84ba1e dashed;
    padding: 10px;
    background: #e2f4e9;
    margin-bottom: 20px;
    clear: both;
    text-align: center; 
} 
.add-post1{
        border: 1px #ba1e71 dashed;
    padding: 10px;
    background: rgba(255,168,172,0.5);
    margin-bottom: 20px;
    clear: both;  
    text-align: center;  
}
}

.t_shot_code_nenhong {
    background: #FFA8AC;
    border: 1px #ba1e71 dashed;
    padding: 5px 15px;
    background: rgba(255,168,172,0.5);
    margin-bottom: 20px;
}
.t_shot_code_nenhong a:hover{
    color: #fff;
}
.t_shot_code_nenxanh a:hover{
    color: #fff;
}
.t_shot_code_nenxanh {
        background: #ebfffe;
    border: 1px #00bf9d dashed;
    padding: 5px 15px;  
    margin-bottom: 20px;
}
.thamkhao a {
    position: relative;
    color: #308051;
    height: 30px;
    overflow: hidden;
    display: inline-block;
    border: 1px dotted #308051;
    padding: 1px 20px 3px 32px;
    line-height: 27px;
} 
.thamkhao p{
    margin-bottom: 0 !important;
}
.thamkhao a:hover{
        color: red;
}
.thamkhao a:before {
    content: ''; 
    display: inline-block;
    width: 8px;   
    height: 8px;
    border:  1px solid #308051;
    border-radius: 50%;
    position: absolute;   
    left: 15px;
    top: 11px; 
}  
.t_shot_code_1{
    display: inline-block; 
    height: 22px;
    width: 22px;
    background: url(./a/i/check1.png) no-repeat left;
}
.t_shot_code_2{
    display: inline-block;
    height: 22px;  
    width: 22px;
    background: url(./a/i/ic-2.png) no-repeat left;
}
.t_shot_code_3 { 
    display: inline-block;
    height: 22px;
    width: 22px;
    background: url(./a/i/ic3.png) no-repeat;
    float: left;
   margin-top: -1px;
    margin-right: 5px;   
} 
@font-face {
  font-family: 'utm-fb';
  font-weight: 400; 
  src: url("./a/f/UTM-FacebookB.ttf"); }
@font-face {
  font-family: 'utm-avo';
  font-weight: 400;
  src: url("./a/f/UTM-Avo.ttf"); }   
.box-add{
    text-align: center !important;
    margin: 30px 0;   
} 
.box-hotro li{ 
    display: none; 
    border-right: 0;
}
.box-hotro li:first-child{
    display: block !important;
    width: 100% !important;
    height: auto !important;
}
.box-hotro {  
    width: 100%;
}  
.shot-video p { 
    text-align: center !important;
}
.box-hotro {
    background: #dff1e7;
    border: 1px dashed #6ab388;
    display: flex;
    margin: 30px auto 10px !important;
}
.box-hotro li {
    float: left;
    text-align: center;
    padding: 10px;
    border-right: 1px dashed #6ab388;
    height: 90px;  
} 
.box-hotro li:last-child{
    border-right: 0;
}  
.box-hotro h3 {
    margin: 0 !important;
    text-align: center !important;
    font-family: utm-fb !important; 
    color: #245438 !important;
    font-weight: bold !important;
    font-size: 19px !important;
       text-transform: uppercase; 
       padding-left: 0 !important;
}
.box-hotro h3:before{
    display: none !important;
}
.box-hotro li:first-child:after {
    content: ''; 
    display: inline-block;
    width: 20px; 
    height: 22px;
    background: url(./img/cut.png) no-repeat;
    position: absolute;
    right: -14px;
    bottom: -14px;
    z-index: 222;
}
.box-hotro li:first-child a{
font-size: 16px;
    border: 1px solid #aacdb8; 
    padding: 0 15px;
    border-radius: 20px;
    color: #d35153;
    background: #fff;
    margin-right: 10px;
    margin-top: 10px; 
    display: inline-block;
    text-transform: uppercase;
    font-family:  utm-avo;
}
 #article .box-hotro li p{
    background: #53a776;
    font-family: utm-he !important;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    padding: 5px;
    text-align: center !important; 
    border: 1px solid #fff;
    border-radius: 5px; 
    margin-bottom: 0 !important;
    text-align: center !important ; 
}
.box-hotro li:last-child p{
    background: #e1a930 !important;
}
.box-hotro li p span{
    display: block;
    font-size: 20px;
        text-align: center;
} 
.shot-video {  
    width: 100%;   
    margin: 20px auto;
    background: url(./a/i/vd-mb.png) no-repeat !important;
   padding: 25px 30px 22px !important;
    background-size: contain;
    height: 255px;
}
.shot-video iframe { 
    max-width: 290px !important;
    margin-right: 0 !important;
    height: 160px !important;
}
.shot-video p{
    margin-bottom:  0 !important;
}
.text-video h4{
    font-size: 14px !important;
    font-family: Tahoma !important;
    font-weight: bold !important;
    position: relative;
    padding-bottom: 10px;
    text-align: center;
    line-height: 21px;
}

.under-text p { 
    font-size: 12px; 
    color: #787878;
    font-weight: normal;
    text-align: left !important;
    margin-bottom: 0 !important;
    font-family: Tahoma !important;
}
.under-text a{
    background: #d03d3f;
    color: #fff;
    font-family: Tahoma;
    font-size: 14px;
    padding: 3px 15px;
    border-radius: 5px;
    margin-top: 15px;
    display: inline-block; 
}
.text-image{
    text-align: center !important;
    font-size: 12px;
    color: #787878;
} 
#article figure{ 
    width: auto !important; 
}  
@media screen and (max-width: 566px){

  
iframe{  
    width: 100% !important;
} 
}   

.hidden-mb{
    display: none; 
    position: fixed;
    z-index: 9999;
    padding-top: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}
.pop {
    height: 352px;
    position: relative;
    margin-top: 40% !important;
    background: url(./img/top-pop.jpg) !important;  
    background-size: contain !important;
    padding: 45px 0 !important;
}
.pop .d-send{
    float: none !important;
    margin-top: 10px !important;
    margin-bottom: 7px !important;
    padding: 10px 13px !important;
    background: #d7384e;
    border: 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
}
.pop input {
    height: 48px !important;
    margin-top: 10px !important; 
} 
.pop .inf{
    text-align: center;
}
.pop  h3 {
    color: #106634 !important;
    font-family: utm-he;
    font-weight: normal;
    text-align: center;
    font-size: 24px;
}
.pop p{
    color: #e89d26;
    font-style: italic;
    text-align: center; 
    font-weight: bold;
        margin: 0;
} 
.pop .close{
    top: 1px !important; 
    color: #444;
    background: #fff;
    border: 1px solid #106634;
    border-radius: 5px;
    right: 2px !important;  
    padding: 0px 5px !important;
    font-size: 22px !important;
}
.pop #form_dt {
    width: 80%;
    margin: 0 auto;
}
.pop input {
    width: 100%;
    padding: 12px 0 12px 45px;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 48px !important;
    margin-top: 10px !important;
}
.pop input:first-child {
    background: #fff url(./img/s6m1.png) no-repeat left 8px;
    background-position-x: 15px;
}
.pop  input:nth-child(2) {
    background: #fff url(./img/s6m2.png) no-repeat left 8px;
    background-position-x: 15px;
}

@media screen and (max-width: 414px){
 #popup{
    padding-top: 60px;
 } 
 .model { 
    width: 350px;   
}  

}
@media screen and (max-width: 375px){
 #popup{
    padding-top: 0;
 }  
 .pop {
    height: 320px;
}    
}
.scroll.fixed {
    position: fixed!important;
    width: 100%;
    height: auto;
    top: 0;
    z-index: 9999; 
    display:  block; 
        margin-top: 0;
}

.scroll {
    display: none;
}  
#breadcrumbs {
    margin-top: 0;
    background: #efefef;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
.brb span, .brb a {
    font-size: 13px;
}
.breadcrumb_last {
    color: #126635;
} 
.call-post {
    clear: both;
    padding: 10px;
    border: 1px dashed #3f835b;
    border-radius: 5px;
    background: #f6f5f5 ;
    margin: 30px 0 20px;
}
.call-post p{
    margin-bottom: 20px;
}
.call-post ul li{
    position: relative;
    display: block;
    margin-bottom: 20px !important;
    padding-left: 40px !important;
}
.call-post ul li:before {
    content: '';
    display: inline-block;
    width: 35px !important;
    height: 35px !important;
    background: url(./a/i/icon1.png) no-repeat !important;
    background-position: -375px -320px !important;
    position: absolute;
    left: 0 !important;
    top: 2px !important;
}
.call-post ul li:nth-child(2):before{
    background-position: -409px -320px !important;
} 
.call-post ul li:nth-child(3):before{
    background-position: -443px -320px !important;
} 
.call-post li a{
    color: #2e8f56;  
    font-family: utm-he;
    font-size: 17px;
    font-weight: normal;
}
.call-post li:nth-child(2) a{
    color: #fb8008;
    font-family: Tahoma;
    text-transform: uppercase;
    font-size: 14px;
}
.call-post li:nth-child(3) a {
    color: #fb8008;
    font-family: Tahoma;
    text-transform: uppercase;
    font-size: 14px;
}
#single .last-pt {
    position: relative;
    text-align: center;
    padding: 25px;
    background: #fff;
    border-radius: 155px;
    box-shadow: 0 0 9px 2px #cfcfcf;
    margin: 30px auto;
}
#single .last-pt:before {
    content: '';
    display: inline-block; 
    width: 95%;
    height: 93%;
    border: 2px dashed #00bf9d;
    position: absolute;
    top: 4%;
    left: 2%;
    border-radius: 111px;
}
.last-pt h4 {
    font-size: 19px !important;
    text-align: center;
    color: #00bf9d;
    font-weight: bold !important;
    margin-bottom: 5px !important;
    line-height: 1.4;
    padding: 0 15px;
    margin-top: 10px;
}
.last-pt p {
    text-align: center !important;
    color: #0e0e0e;
    font-family: Roboto;
    font-size: 16px;
    margin-top: 3px;
    line-height: 23px !important;
    margin-top: 10px !important;
}  
.single-post #single #s6m {
    padding: 25px 0 !important;
    background-size: contain !important;
    height: 295px !important;
    background: url(./a/i/s6m.jpg);
    margin-bottom: 25px;
}

.lastpost {
	background: #00bf9d;
    padding: 20px 0;
    border-radius: 35px;
    color: #fff;
    text-align: center;
    margin-bottom: 25px;
}

.lastpost h4 {
	    color: #fff;
    text-align: center;
    font-family: 'Roboto';
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 5px;
}

.lastpost p {
	text-align: center !important;
	color: #fff;
}

.call-single {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 15px 0;
    padding: 0 10px;
}

.call-single:after {
	content: '';
	display: inline-block;
	width: 38px;
	height: 37px;
	background: url(./img/mid-call.png) no-repeat;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.call-single a {
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 1;
    background-image: linear-gradient(to right, #85dfcf, #ffff0000);
    padding: 4px 5px 7px;
    width: 50%;
    text-align: center;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.call-single a:nth-child(2) {
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background-image: linear-gradient(to right,#ffff0000 , #85dfcf);
}

.lastpost .action p {
	text-align: left !important;
	color: #fff !important;
	padding: 0 15px;
	margin-bottom: 12px !important
}

.lastpost .action p a {
    font-family: 'Roboto';
    color: #fff !important;
    animation: pulse 1600ms infinite linear;
    -webkit-animation: pulse 1600ms infinite linear;
    -moz-animation: pulse 1600ms infinite linear;
    color: #006760;
    display: inline-block;
}
#s6m h3 {
    font-family: utm-he;
    font-weight: normal;
    text-align: center;
    font-size: 24px;
    color: #000000;
    padding-top: 18px;
}
#s6m #form_dt {
    width: 80%;
    margin: 0 auto;
}
.single-post #single .inf {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
#s6m input:first-child {
    background: #fff url(./a/i/s6m1.png) no-repeat left 8px;
    background-position-x: 15px;
}
#s6m input:nth-child(2) {
    background: #fff url(./a/i/s6m2.png) no-repeat left 8px;
    background-position-x: 15px;
}
#s6m input {
    width: 100%;
    padding: 12px 0 12px 45px;
    margin-top: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
#s6m .d-send {
    float: right;
    margin-top: 15px;
    background: #d7384e;
    border: 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 13px;
    border-radius: 5px;
}  
footer .mxh1 {
    text-align: center;
    padding-bottom: 10px;
}
.mxh1 a {
    display: inline-block;
    margin-top: 15px;
}
.mxh1 a:before {
    content: "";
    display: inline-block;
    float: left; 
    width: 55px;
    height: 55px;
    position: relative;
    background: url(./a/i/icon1.png);
    background-position: -1px -401px;
}
.mxh1 a:nth-child(2):before {
    background-position: -58px -401px;
}
footer .mxh1 a:nth-child(3):before {
    background-position: -117px -401px;
} 
footer .mxh1 a:nth-child(4):before {
    background-position: -176px -401px;
}
.archive.category h1{
    font-size: 25px;
    font-family:  utm-he;
    font-weight: normal;
    line-height: 30px;
   text-align: center; 
}  
.desc-dm h5{
    text-transform: uppercase;
    font-size: 12px; 
    margin-bottom: 5px;
    font-weight: normal;
}
.desc-dm h5 a{
        color: #2d9057;
}
/** css 26/09**/

#overhidden.active {
    display: block;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #333333ab;
    z-index: 9999999;
}
#my_popup3{
		display:none;
		position:fixed;
		top:18%;
		left:0;
		width:100%;
		z-index:9999999;
	}
	#my_popup3 .ctn{
		width:calc(100% - 40px);
		max-width:440px;
		margin:auto; 
		background:#fbf8e7;
		border:2px solid #f76a70;
		position:relative;
		padding: 0;
	} 
	#my_popup3 .content-popup3{
		padding:15px 10px 10px;
	}
	#my_popup3 .content-popup3 p{
		font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;
		margin-bottom:5px;
		font-size:14px;
		color:#131d46;
		text-align:justify;
        line-height: 20px;
	}
	#my_popup3 .content-popup3 span{
		color:#ed1c24;
		font-size:12px
	}
	#my_popup3 .content-popup3 strong{ 
		font-weight:700;
		font-size:12px;
        font-family: 'Roboto', sans-serif;
	}
	#my_popup3 .btn-wrap{
		display:block;
		padding:15px 8px;
		background:#afd7d7
	}
	#my_popup3 .btn-wrap .dib{
		display:inline-block;
		float:left; 
		height:35px;
		line-height:33px;
		border:1px solid #a91e35
	}
	#my_popup3 .btn-wrap input{
		background:#d9faf8;
		width:calc(100% - 90px);
		padding:0 5px
	}
	#my_popup3 .btn-wrap button{
		background:#a91e35;
		color:#fff;
		width:80px;
		margin-left:10px;
		font-weight:700;
		text-transform:uppercase;
		border-color:#019cb0
	}
	#my_popup3 .btn-popup{
		display:block;
		width:100%;
		background:#a91e35;
		border:1px solid #ff0;
		border-radius:3px;
		height:47px;
		line-height:45px;
		box-shadow:0 4px 2px -2px #333;
		margin-top:15px;
		text-align:center
	}
	#my_popup3 .btn-popup a{
		display:inline-block;
		height:45px;
		line-height:45px;
		text-align:left
	}
	#my_popup3 .btn-popup.active{
		background:#2e8f56
	}
	#my_popup3 .btn-popup span,.btn-popup i{
		display:inline-block;
		float:left;
		padding:0 5px;
		color:#fff;
		line-height:45px 
	} 
	.btn-popup i{
		width: 25px;
        height: 29px;
       display: inline-block;
        background: url(./img/ic-bs.png) no-repeat;
        float: left;
        margin-top: 7px
	}
	#my_popup3 .btn-popup span{
		font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;
		font-size:14px;
		font-weight:500
	}
	#my_popup3 #btn-close-popup3{
		display:block;
		position:absolute;
		top:-10px;
		right:-10px;
		height:25px;
		width:25px;
		border:1px solid #e1e1e1;
		line-height:23px;
		text-align:center; 
		background:#a91e35;
		color:#fff
	}
	#overhidden.active{
		display:block;
		position:fixed;
		width:100vw; 
		height:100vh;
		top:0; 
		left:0;  
		background:#333333ab;  
		z-index:9999999
	}
.d-send span{font-size: 16px;}     
.d-send i {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(./img/ic-bay.png) no-repeat;
    float: right;
    margin-top: 7px
}
@media  only screen and (min-width: 375px){
		#my_popup3 .btn-popup span strong{font-size:14px}
	}
@media  only screen and (min-width: 411px){
		#my_popup3 .content-popup3 p,#my_popup3 .content-popup3 span,#my_popup3 .content-popup3 strong{font-size:14px}
		#my_popup3 .btn-popup span{font-size:16px}
		#my_popup3 #my_popup3{margin-top:25%}
	}
/** Check b?nh **/


.question{
    overflow: hidden;
    padding: 0 30px;
}
.box-test {
    border: 0;  
    float: left;
    width: 48%;
    margin: 0 1% 15px !important;
}
.box-test h3 {
    font-weight: bold !important;
    margin-bottom: 10px !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-transform: none !important;
    background: #1f7c76 !important;
    color: #fff !important;
    padding: 10px 15px;
    height: 60px;
    margin-top: 0 !important;
    font-family: Roboto !important;
    display: flex !important;
    align-items: center;
}

.box-test h3:before, #check-bn .tit:before {
	display: none !important
}

.box-test h3 span {
    background: #d03d3f; 
    color: #fff;   
    margin-right: 10px;
    padding: 4px 6px;
    border-radius: 50%; 
    border: 1px solid #fff;
    float: left;
}
input[type="radio"] {
    width: 15px;  
    height: 15px;
    margin-right: 8px;
    margin-top: 10px !important;
    vertical-align: text-bottom;
    margin-left: 25px;
}
#check-bn .d-phone{
    border: 1px solid #aacdb8; 
    padding: 15px 12px;
    border-radius: 3px;
    max-width: 270px;
    width: 100%;
    margin-right: 10px;
    float: left;    
    margin-left: 115px; 
}
#check-bn .d-phone::placeholder{
    font-size: 12px; 
    font-style: italic;
    color: #787878;
    
}
#check-bn .d-send{
    background: #dca932;    
    border: 0; 
    padding: 10px 10px;
    color: #fff; 
    font-family: utm-he;
    font-size: 18px;
    font-weight: normal;
    border-radius: 3px; 
    float: left;
}
#check-bn .tit {
    font-family: utm-he;
    font-weight: normal;
    text-align: center;
    font-size: 25px; 
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 0 !important;
    float: left;
    width: 100%;
    margin-top: 0;
}
.last-fr {
    background: #006760;
    padding: 18px; 
    margin: 0 13px 0 9px;
    height: 85px;  
    position: absolute;
    bottom: 11px;   
    left: 0;  
    width: 97%;
}
     
.last-fr:before {
    content: '';
    display: inline-block;
    width: 82px;
    height: 104px;
    background: url(./img/ic-yta.png) no-repeat;
    position: absolute;
    left: 40px;
    top: -18px; 
}
.last-fr a{
    background: #d03d3f;
    border: 0;
    padding:  10px;
    color: #fff;
    font-family: utm-he;
    font-size: 18px;
    font-weight: normal;
    border-radius: 3px;
    float: left;
    margin-left: 9px;
}   
.last-fr .mb{display: none}
@media  only screen and (max-width: 566px){
#check-bn {
    background: transparent;
    width: 100%;
    margin: 0 auto 30px;
    padding-top: 30px;
    position: relative;
     padding-bottom: 200px;
} 
.box-test {
    border: 0;
    float: left;
    width: 100%;
    margin: 0 0 15px !important;
} 
.question { 
    padding: 0 9px;
} 
#check-bn .tit {
    font-size: 22px;
}
#check-bn .d-phone {
    max-width: 225px;
    margin-left: 65px; 
}
.last-fr .pc{display: none}
.last-fr .mb{display: block !important}
.last-fr:before {
    left: 0;
}
input[type="radio"] {
    margin-top: 15px !important;   
} 
#check-bn .d-send {
    position: absolute;
    bottom: 30px;
    left: 23px;   
    font-size: 17px;
}
.last-fr { 
    height: auto;
    position: absolute; 
    bottom: 95px;
    width: 94%;
} 
#check-bn a.mb{
    background: #d03d3f; 
    border: 0; 
    padding: 10px; 
    color: #fff;
    font-family: utm-he ; 
    font-size: 17px;
    font-weight: normal;
    border-radius: 3px; 
    float: left;
    margin-left: 9px;
    position: absolute;
    bottom: 30px;   
    right: 23px;  
}
.box-test h3 {
    padding: 10px 15px !important;
}
}       

/** Ð?i ngu bs **/

.slibs {
    background: url(./img/nen-dnbs-bv.png) no-repeat;
    width: 94%;
    margin: 30px auto;
    padding: 170px 0 0;
    background-size: contain;
    overflow: hidden;
}

.dnbs-bv .slick-slide img {
    margin: 0 auto;
    height: 380px;
    object-fit: contain;
    width: auto;
}

.desdnbs {
    padding: 5px 5px;
    min-width: 320px;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    background-image: linear-gradient(to right, #03a68900, #03a689, #03a68900);
}

.desdnbs p {
    font-family: 'Helve';
    color: #004b3e;
    font-weight: normal;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1;
    margin: 0 !important;
}

.desdnbs h4 {
    font-family: 'utm-he';
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 25px;
    margin: 5px 0 0;
}

.dnbs-bv .item {
    position: relative;
}

.dnbs-bv .slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

.dnbs-bv .slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}


.dnbs-bv .slick-dots li {
    width: 7px;
    height: 7px;
    background: #ccc;
    border-radius: 50%;
    margin: 0 3px;
    display: inline-block;
}

.dnbs-bv .slick-dots li.slick-active {
	background: #c5060d
}

.dnbs h3{
    text-align: center;
    color: #106634;
    padding: 10px 0 5px;
    font-weight: normal;
    font-size: 18px;
}
.dnbs h5{
    text-align: center;
    font-size: 16px;
    color: #282828;
    margin-bottom: 32px;
    position: relative;
    font-weight: normal;
}
.dnbs h5:before{
    content: '';
    display: inline-block;
    width: 80px;
    height: 4px;
    background: #53a776; 
    position: absolute;
    left: 35%;
    bottom: -13px;
} 
.dnbs.mb p{
    padding: 0 15px;
    color: #787878;
    margin-bottom: 15px;
    text-align: justify;
}
.dnbs div{
       text-align: center; 
       padding: 0 5px;
}

.under-text{
    display: none;   
}
.shot-video {
    background: url(./img/vd-mb.png) no-repeat !important;
    height: 260px !important;
    width: 100%;
    padding: 15px 30px 20px !important;     
}
.text-video h4:after{
    display: none;
}
 
 
#pop-bs {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #191919c2;
}
.conte{
    margin: auto;
    padding: 6px;
    width: 355px; 
    position: relative;
    TOP: 5%;
    z-index: 99999999;
    padding: 20px;
}
.first{ 
   background: #e0f1e7;
    padding: 15px 15px 15px 95px;
    position: relative;
}
.first:before{
        content: '';   //
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url(./img/ic-bsduyen.png) no-repeat;
    position: absolute;
    left: 15px;
    top: 6px;
} 
.pop-bsv .first:before{
    background: url(./img/ic-bsvan.png) no-repeat !important;
}
.pop-bsh .first:before{
    background: url(./img/ic-bshien.png) no-repeat !important;
}
.pop-bsloan .first:before{
    background: url(./img/ic-bsloan.png) no-repeat !important;
}
.first h3{
    font-size: 14px;
    color: #206636;
    font-weight: bold;
   margin-bottom: 5px; 
}
.first p{
    position: relative;
    padding-left: 25px;
}
.first p:before{ 
    content: ''; 
    display: inline-block;
    width: 25px;
    height: 20px;
    background: url(./img/ic-tick.png) no-repeat;
    position: absolute;
    left: 3px;
    top: 5px;
}
.fr-dh{
    background: #fff; 
    padding: 10px 20px;
} 
.fr-dh input{
    padding: 12px 0 12px 55px;
    border: 1px solid #d7d7d7;
    width: 100%;
    border-radius: 3px;
   margin-bottom: 10px; 
} 
.fr-dh input.d-fullname{
    background: url(./img/ic-name.png) no-repeat left;
    background-position-x: 10px;
}
.fr-dh input.d-phone{
    background: url(./img/ic-call.png) no-repeat left;
    background-position-x: 10px;
}
.fr-dh input.d-fullname.next{
    background: url(./img/ic-locate.png) no-repeat left;
    background-position-x: 10px;
}
.fr-dh input.ss-q-date{
    background: url(./img/ic-date.png) no-repeat left;
    background-position-x: 10px;
}
.fr-dh textarea {
    padding: 12px 0 12px 50px; 
    border: 1px solid #d7d7d7;
    width: 100%;
    border-radius: 3px;
    height: 60px;
    margin-top: 0 !important; 
       margin-bottom: 5px !important; 
} 
.fr-dh textarea{
    background: url(./img/ic-why.png) no-repeat left 8px;
    background-position-x: 10px;
}
.fr-dh textarea::placeholder{
    font-family: Tahoma !important;
}
.fr-dh .not-ip {
    display: inline-block;
    width: auto !important;
    margin-left: 10px !IMPORTANT;
    height: auto !important;
    vertical-align: middle !important;
    font-weight: bold;
    margin-top: 3px !important;  
    margin-bottom: 10px;
}
.not-ip.one{
    margin-left:  55% !important;
}
.fr-dh p{
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
}
.fr-dh button{
    background: #5da877;
    width: 100%;
    color: #fff;
    border: 0;
    border-radius: 3px;
    padding: 15px;  
    margin-bottom: 10px;
}
.conte .close{
    top: -7px !important;
    right: 10px !important;
}
input[type="radio"] {
  -webkit-appearance: radio;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 16px;
  height: 16px; 
  padding-top: 0px;
  padding-right: 0px; 
  padding-bottom: 0px;
 border: 1px solid #000; 
  padding-left: 0px;
}
@media screen and (min-width: 375px) and (max-width: 414px){
.single-post #single #s6m {
    height: 326px !important;
}
.dnbs.mb {
    margin: 0 auto 20px;
    width: 90%;    
}


}
@media screen and (max-width: 375px){
.single-post #single #s6m {
    height: 295px !important;
}
.dnbs.mb {
    margin: 0 auto 20px;
    width: 100%;
}
#single .last-pt {
    width: 100%;
    margin: 0 auto;
}

}     
/** NEW MB **/
#p1 {
    padding: 20px 0 10px;
    overflow: hidden;
}
#p1 li{
    list-style: none;
    float: left;   
    width: 31.333%;
    margin: 0 1% 10px;
    border: 1px solid #d7d7d7;
    padding: 10px 5px;
    border-radius: 3px;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
}
#p1 li img{
    display: block;
    margin: 0 auto 10px;
}
#p1 li a{
    color: #282828;
}
.tit-mb { 
    font-family: utm-he;
    font-weight: normal; 
    text-align: center;
    font-size: 22px; 
    position: relative; 
}
.dkgk a{   
    font-size: 18px;
    color: #fff;
    background: #e1a930;
    padding: 10px 20px 12px 20px;
    border-radius: 30px;
    transition: all 0.5s; 
    font-family: utm-he;
    font-weight: normal; 
   
}
.dkgk  span {
    background: url(./img/ic1811.png) no-repeat center center;
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    top: 5px;
    margin-left: 8px;   
}
.sli-ud .slick-dots li button {
    margin-right:  3px !important;
    background: transparent;
    display: block;
    height: 10px;
    width: 10px; 
    border: 1px solid #e6ab59;
    border-radius: 50%;  
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 0 !important;
    cursor: pointer;    
}
.sli-ud .slick-dots li button:before{
    display: none !important;
}
.sli-ud .slick-dots li{
    margin: 0 !important; 
}
.sli-ud .slick-dots {
    bottom: -32px !important;
}
.sli-ud .slick-active  button{
    background: #e6ab59 !important;
}
#article h3 {
    font-family: 'Roboto';
    font-size: 17px;
    color: #0d0d0d;
    line-height: 25px;
    position: relative;
    margin-bottom: 15px;
    text-transform: uppercase;
    padding-left: 30px;
}
#article h3:before {
    content: '';
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(https://chuabenhxahoihn.vn/wp-content/themes/pc/img/ic-heading.png) no-repeat;
    background-position: -36px -10px;
    position: absolute;
    left: 0;
    top: 3px;
}
.single-post #article p, .single-post #article li{
    margin: 12px 0;
}
.as {
    position: relative;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    margin-bottom: 15px;
    transition: all 1s;
}
.as:after {
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    content: "Click xem ảnh";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;  
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; 
    color: #fff;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.as:hover:after { 
    opacity: 0;
    z-index: -1
}
.as:hover img {
    -webkit-filter: brightness(1);
    filter: brightness(1); 
}
  
.as img { 
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; 
    -webkit-filter: brightness(0.1);
    filter: brightness(0.1);
    display: block;
    margin: 
}
#form_tv{
    width: 100%;
    float: left;
    border: 1px solid #006a63;
    border-radius: 10px;
    padding: 2%;
    background: #fff;
    margin: 15px 0;
}    
#form_tv .bar_huongdan {
    width: 100%;
    float: left;
    background: #006a63;
    line-height: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: arial;
    margin: 15px 0 5px;
    font-size: 13px;
}
#form_tv .d_contact{
    width: 100%;
    float: left;
    background: #006a63;
    padding: 1%;
    margin-top: 2%;
    margin-bottom: 2%;
}
#form_tv .d-phone{
   width: 67% !important;
    padding: 2.9% 5% 2.9% 5% !important;
    float: left;
    font-style: italic;
    font-size: 13px;
    margin-bottom: 0px !important;
    border-radius: 15px;
    border: 0; 
} 
#form_tv .d-send{
    padding: 8px 30px;
    border: none;
    float: right;
    background: #ed1c24;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    border-radius: 33px; 
    margin: auto;
    top: 0px;
    position: relative;
}
#form_tv .ct_hdsds a{
    font-weight: bold; 
    color: red; 
}
.ct_hd {
    width: 100%;
    float: left;
    color: #1a1a1a;  
    margin-top: 2% 
}
#form_tv .ct_hd span a {
    color: #F00;
    font-weight: bold;
    font-size: 16px;
     animation: pulse 1s infinite linear; 
    -webkit-animation: pulse 1s infinite linear; 
    -moz-animation: pulse 1s infinite linear; 
        display: inline-block;
}

body>object{display:none}#d-form-contact{width:100%;height:100%;position:fixed;z-index: 999999999999;top:0;left:0;background:rgba(0 ,0 ,0 ,.8)}#d-form-contact>.in{width:500px;height:400px;margin:50px auto 0;background-color:#f0f0f0;border-radius:5px;padding:10px}#d-form-contact>.in>.tit{text-align:center;font-weight:700;font-size:20px;margin-bottom:0;text-transform:uppercase}#d-form-contact>.in>.form>label{width:100px;text-align:right;font-weight:700;font-size:14px;font-family:arial;display:block;float:left;margin-right:10px;line-height:25px}#d-form-contact>.in>.form>input{width:350px;display:block;float:left;margin-bottom:10px;height:25px;border:1px solid #ccc;border-radius:2px;padding-left:10px}#d-form-contact>.in>h4{font-size: 16px;text-align: center;margin-bottom: 15px;margin-top: 5px}#d-form-contact>.in>.form>.trieuchung{width:340px;height:150px;border-radius:5px;padding:10px 0 10px 10px;border:1px solid #ccc}#d-form-contact>.in>.form>button{float:right;display:block;width:70px;height:28px;border:none;border-radius:2px;margin-right:5px;margin-top:5px;font-weight:700;color:#fff;cursor:pointer}#d-form-contact>.in>.form>.send{background-color:green}#d-form-contact>.in>.form>.send:hover{background-color:#026202}#d-form-contact>.in>.form>.cancel{background-color:orange;margin-right:28px}#d-form-contact>.in>.form>.cancel:hover{background-color:#d08701}@media screen and (max-width:600px){#d-form-contact>.in .form{display:table;margin:0 auto}#d-form-contact>.in{width:80% !important;height:initial}#d-form-contact>.in>.tit{font-size:18px}#d-form-contact>.in>.form>.trieuchung,#d-form-contact>.in>.form>input{width:150px}#d-form-contact>.in>.form>.cancel{margin-right:0}#d-form-contact>.in>.form>.trieuchung{height:70px}}#loading,#success{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999999;background-image:url(https://chuyende.ytequocte.com/i/bg-black-opacity.png);background-repeat:repeat}#loading img,#success img{width:100px;display:block;margin:200px auto 0}#loading p,#success p{text-align:center;font-size:16px;font-family:arial;font-weight:700;color:#fff;text-transform:uppercase;line-height:30px}@media screen and (max-width: 600px){#success img{margin-top:150px;}}@media screen and (max-width: 350px){#d-form-contact>.in {width: 95% !important;}}

#pop-ck {
    display: none;
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    width: 94% !important;
    margin: 0 auto !important;
    transform: translate(-50%, -50%) !important;
    z-index: 9999999
}

.d_contact.fr-ck {
  display: flex;
    position: absolute;
    background: transparent;
    bottom: 29px;
    width: 92%;
    height: 55px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
}

.d_contact.fr-ck input {
  width: 70%;
  border: 0;
   background: transparent;
   padding: 0 15px;
}

.d_contact.fr-ck .d-send {
    width: 30%;
    background: transparent;
    border: 0;
}

#close-popup-ck {
    position: absolute;
    width: 35px;
    height: 35px;
    background: transparent;
    z-index: 2222;
    top: 3px;
    right: 4px;
}    
#button-contact-vr {
    position: fixed; 
    top: 55%; 
    left:  10px;
    z-index: 99999;
}
#button-contact-vr .button-contact {
    position: relative;
    margin-top: -5px;
    transition: 1s all;
    -moz-transition: 1s all;
    -webkit-transition: 1s all;
}
#button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}
.phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
        box-shadow: 0 0 0 0 #c31d1da8;
    background-color: rgb(230 8 8 / 40%);
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    /*-webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;*/
}
.phone-vr-img-circle {
    background-color: #e60808;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
.phone-vr-img-circle a {
    display: block;
    line-height: 37px;
}
.phone-vr-img-circle img {
    max-height: 45px;
    max-width: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}

@-webkit-keyframes phone-vr-circle-fill {
  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);
  }
}

@-webkit-keyframes zoom {
  0% {
    transform:scale(.9);
  }
  70% {
    transform:scale(1);
    box-shadow:0 0 0 15px transparent;
  }
  100% {
    transform:scale(.9);
    box-shadow:0 0 0 0 transparent;
  }
}

@keyframes zoom {
  0% {
    transform:scale(.9);
  }
  70% {
    transform:scale(1);
    box-shadow:0 0 0 15px transparent;
  }
  100% {
    transform:scale(.9);
    box-shadow:0 0 0 0 transparent;
  }
}
 #my_popup33   .dhform.d_contact {
    position: absolute;
    width: 100%;
    top: 80px;
 }
 #my_popup33  .dathen-wrapper {
    margin: 0 auto;
    border: none;
    width: 100%;
    padding: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 320px;
} 
#my_popup33 {
    top:  50% !important;
    left: 50% !important;
    width: 94% !important;
    margin: 0 auto !important;
    transform: translate(-50%, -50%) !important;
}   
.dathen-wrapper input {
    color: #787878;
    /* height: 40px; */
    width: 100%;
    width: 100%;
    clear: none;
    margin: 0 !important;
    color: #555;
    background-color: transparent;
    border: 0;
    background-image: none;
    padding: 0 12px;
    font-size: 14px;
    border-radius: 4px;
}
.dathen-wrapper input:focus {
    outline: none;
}
#my_popup33 .d-send {
    width: 102px;
    height: 40px;
    border: 0;
    background: transparent;
}
.pop-new {
    position: relative;
}
.btn-aa {
    position: absolute;
    bottom: 21px;
    left: 10px;
    gap: 10px;
    width: 100%;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
}
.btn-aa a{
    display: inline-block;
    width:  100%;
    height:  50px;
    cursor: pointer; 
}
#my_popup33 #btn-close-popup3 {
    top: -2px !important;
    left: auto !important;
    right: 2px !important;
    width: 50px !important;
    height: 50px !important;
    position: absolute;
    z-index: 222222222222222;
}


   .chat-pc {
    position: fixed;
    bottom: 10%;
    right: 20px;
    z-index: 99999;
}
 .click-pop-mail {
    position: fixed;
    right: -44px;
    bottom: 180px;
    z-index: 999999999;
    display: none;
    transition: 0.5s;
}
        .click-pop-mail img {
    height: 44px;
    width: 44px;
    border-radius: 25px;
    box-shadow: 0 0 15px #00000054;
    cursor: pointer;
}
.click-pop-mail.active {
    display: block;
    right: 43px;
}
 #my_popup3 .ctn {
    width: calc(100% - 40px);
    max-width: 440px;
    margin: auto;
    background: #2525239c;
   
    position: relative;
    padding: 0;
    transition: 1s;
     transform: translate(1200px, 550px);
}
     #my_popup3.active .ctn  {
         transform: translate(0, 0);
     }  
#fright {
    position: fixed;
    left: 0;
    bottom: 50px !important;
    top: auto !important;
    z-index: 99999;
}
#fright p {
    transition: all 1s;
    padding-right: 45px;
    padding-left: 20px;
    color: #fff;
    margin-left: -425px;
    border-radius: 50px;
    line-height: 35px;
}
#fright p:before {
    top: 1px; 
    right: 1px;
    display: inline-block;
    content: "";
    background-image: url(http://chuanamkhoahn.com/wp-content/themes/h2/assets/i/all-1.png);
    width: 30px;
    height: 30px;
    position: absolute;
}
#fright p:hover {
    background: #fff;
    margin-left: 0;
    color: #000;
    border: solid 1px #e3e3e3;
}
.left-dh{
    float: left; 
    width: 50%;
    background: #388e56;
    color: #fff;
        position: relative;
} 
.right-dh{
    float: left;
    width: 50%;
    background: #3f3f3f;
    color: #fff;
        position: relative;
}
.last-pop3 span {
    position: absolute;
    left: 50px;
    top: 10px;
}
#my_popup3 .ctn {
background: #2525239c;
    border: 2px solid #fff;
   
}
#my_popup3 .btn-wrap {
    display: block;
    padding: 15px 8px;
    background: transparent;
}
#my_popup3 .content-popup3 p {
    color: #fff;
        margin-top: 0;
}
 #my_popup3 #btn-close-popup3 {
    display: block;
    position: absolute;
    top: -20px;
    left: -10px;
    height: 30px;
    width: 30px;
    border: 1px solid #fff;
    line-height: 23px;
    text-align: center;
    background: #2525239c;
    color: #fff;
}
.last-pop3 img {
    float: left;
    position: relative;
    max-width: 40px;
    display: inline-block;
    margin: 10px 10px;
}
.last-pop3 h4{
    float: left;
    font-size: 14px;
     font-weight:  bold; 
    text-transform: uppercase;
    padding: 10px 10px 10px 22px;
}

.last-pop3{
    overflow: hidden;
}
.btn-popup i {
    width: 25px;
    height: 29px;
    display: inline-block; 
    background: url(http://dakhoaquoctehanoi.vn/wp-content/themes/mdakhoahanoi/img/ic-bs.png) no-repeat;
    float: left;
    margin-top: 7px;
}
.d-send i {
        width: 20px;
    height: 20px;
    display: inline-block;
    background: url(http://dakhoaquoctehanoi.vn/wp-content/themes/mdakhoahanoi/img/ic-bay.png) no-repeat;
    float: right;
    margin-top: 7px;
}

#LRMINIBar {
    bottom: 110px !important;
    right: 32px !important;
}


            

.rung {
    animation: shake-phone linear 1s;
    animation-iteration-count: infinite;
}

.rung {
    animation: shake-phone linear 1s;
    animation-iteration-count: infinite;
}

@keyframes shake-phone {
        0%{transform:translate(0px,0px) rotate(0deg)}
        10%{transform:translate(0px,5px) rotate(-25deg)}
        12%{transform:translate(0px,5px) rotate(-23deg)}
        20%{transform:translate(0px,0px) rotate(-15deg)}
        21%{transform:translate(0px,5px) rotate(-15deg)}
        30%{transform:translate(0px,0px) rotate(-20deg)}
        40%{transform:translate(0px,5px) rotate(-10deg)}
        51%{transform:translate(0px,0px) rotate(0deg)}
        100%{transform:translate(0px,0px) rotate(0deg)}
    } 
} 
    

#my_popup3 .ctn {
    height: 375px;
    width: calc(100% - 40px);
    max-width: 375px;
    margin: auto;
    background: #2525239c;
    border: 2px solid #fff;
    position: relative;
    padding: 0;
    background: url(http://chuabenhxahoihn.vn/wp-content/uploads/2022/04/popup-new.gif) center no-repeat;
    border: 0 !important;
    background-size: contain;
}   
#my_popup3 .btn-wrap input {
    background: #e4e4e4;
    width: 280px;
    padding: 0 12px;
    border-radius: 13px;
    float: none !important;
    border: 0 !important;
    height: 37px !important;
}
#my_popup3 .form-dathen{
    display: flex
}
#my_popup3 .btn-wrap button {
    background: #f76508;
    color: #fff;
    width: 50px;
    margin-left: -15px;
    font-weight: 700;
    text-transform: uppercase;
    border-color: #019cb0;
    border-radius: 10px;
    border: 0 !important;
    float: none;
    font-size: 13px;
    /* line-height: 25px !important; */
    height: 37px !important;
}
#my_popup3 .btn-wrap {
    display: block;
    padding: 15px 8px;
    background: transparent;
    position: absolute;
    width: auto;
    top: 67px;
    left: 19px;
}
#my_popup3 #btn-close-popup3 {
    display: block;
    position: absolute;
    top: -51px;
    left: auto;
    right: -20px;
    height: 30px;
    width: 30px;
    border: 0;
    line-height: 23px;
    text-align: center;
    background: transparent;
    color: transparent;
    font-size: 30px;
}
.btn-a {
    display: inline-block;
    height: 50px;
    width: 342px;
    position: absolute;
    bottom: -207px;
}
    .btn-a a{
        display: block; 
        height: 50px;
    }

#km-ft {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}
#km-ft .close {
    color: #fff;
    position: absolute;
    right: 32px;
    font-size: 25px;
    top: 31px;
    font-weight: 700;
    cursor: pointer;
    z-index: 999;
    padding-right: 10px;
    height: 16px;
    width: 23px;
}
#km-ft img {
    display: block;
    margin: 0 auto;
}
#km-ft .form-km {
    position: absolute;
    bottom: 10%;
    left: 15%;
}
#km-ft .form-km input {
    padding: 10px;
    border: 1px solid #dad8de;
    
    width: 225px;
    border-radius: 5px;
    margin-bottom: 7px;
}
#km-ft .form-km button {
    background: transparent;
    border: 0; 
    color: #fff;
    text-indent: -9999px;
    width: 100%;
    padding: 10px;
    max-width: 225px;
}
.text_rung{
    animation: pulse 1s infinite linear;
    -webkit-animation: pulse 1s infinite linear;
    -moz-animation: pulse 1s infinite linear;
        display: inline-block;
}
@-webkit-keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.12,1.12,1.12);transform:scale3d(1.12,1.12,1.12)}}@keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.12,1.12,1.12);transform:scale3d(1.12,1.12,1.12)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}


.hdmd {
    position: relative;
    text-align: center;
}
.tow-a {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.tow-a a{ 
    display: inline-block;
    margin: 0 3px;
        animation: pulse 1s infinite linear;
    -webkit-animation: pulse 1s infinite linear;
    -moz-animation: pulse 1s infinite linear;
}
.tow-a img{
    width: 90%;
}

.f_lienhe_new {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10;
    display: block;
    max-width: 640px;
    margin: 0 auto;
}

            .f_lienhe_new a:nth-child(1){
                display: inline-block;
                position: absolute;
                left: 0%;
                top: 0;
                bottom: 0; 
                width: 22%;
            }
            .f_lienhe_new a:nth-child(2){
                display: inline-block;
                position: absolute;
                left: 22%;
                top: 0;
                bottom: 0;
                width: 30%;
            }
            .f_lienhe_new a:nth-child(3){
                display: inline-block;
                position: absolute;
                right: 1%;
                top: 0;
                bottom: 0;
                width: 47%;
            }
          
         

.rung {
    animation: shake-phone linear 1s;
    animation-iteration-count: infinite;
}   


#map {
   border-top: 40px solid #03a186;
   position: relative;
  z-index: 22;
}

.mxh-ft-mb {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -68px;
  background: url(https://dakhoaxadan.com.vn/wp-content/themes/pc/a/i/mxh-ft-mb.png) no-repeat center;
  width: 278px;
  text-align: center;
  display: flex !important;
}

.last-ft {
  background: #03a186 url(https://dakhoaxadan.com.vn/wp-content/themes/pc/a/i/bus.png) no-repeat left;
  padding: 30px 0 33px 115px;
  margin-bottom: 25px;
  background-size: 109px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 109px;
  margin-bottom: 0;
}

.last-ft div span {
    width: 36px;
    height: 36px;
    line-height: 36px;
  
    font-family: utm-he;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    font-size: 25px;
    border: 1px solid #fff;
    margin-right: 3px;
    border-radius: 10px;
    border-radius: 10px;
    -moz-border-radius: 3px;
    color: #fff;
    /* margin-top: 7px; */
    width: 30px;
    height: 30px;
    line-height: 26px;
    font-size: 20px;
}

    .menu_f_1 h3 {
    font-size: 18px;
    line-height: 25px;
    font-family: Roboto;
    margin: 0 0 5px;
    padding-right: 65px;
    position: relative;
    text-transform: uppercase;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 15px;
}

.menu_f_1 h3:after {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(https://dakhoaxadan.com.vn/wp-content/themes/pc/a/i/ic-beng.png) no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}

footer {
    padding: 30px 0 0;
    background: #ececec;
    position: relative;
}

footer .dh-ft {
    display: flex;
    height: 55px;
    background: #fff;
    border-radius: 30px;
    margin-bottom: 15px;
    height: 45px;
    background: #fff;
}

footer .dh-ft input {
    display: flex;
    width: 100%;
    padding: 0 25px;
    height: 55px;
    border-radius: 30px;
    height: 45px;
}

footer .dh-ft .d-send {
    border: 0;
    text-indent: -9999px;
    width: 163px;
    background: url(https://dakhoaxadan.com.vn/wp-content/themes/pc/a/i/btn-send-ft.png) no-repeat;
    background-size: auto;
    cursor: pointer;
    idth: 134px;
    background-size: contain;
    height: 45px;
}

    .menu_f_1 p {
        font-size: 14px;
        line-height: 19px;
        width: 90%;
        margin: 0 auto 15px;
    }

    .menu_f_1 .mxh-ft {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}

    .menu_f_1 .mxh-ft h5 {
        font-size: 12px;
        line-height: 20px;
        margin-right: 10px;
        flex: 1;
    }

        .menu_f_1 .mxh-ft div a {
        width: 30px;
        height: 30px;
        background-size: 165px;
        margin-left: 5px;
        background: url(https://dakhoaxadan.com.vn/wp-content/themes/pc/a/i/mxh-ft.png) no-repeat;
        display: inline-block;
    }

    footer h4 {
   
    font-family: Roboto;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 2px solid #006f5c;
    font-size: 17px;
    line-height: 25px;
}

footer .box-ft li {
    font-size: 16px;
    line-height: 20px;
    position: relative;
    margin-bottom: 15px; 
    display: block;
    padding-left: 20px;
}

footer .box-ft li:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #10a58c;
    position: absolute;
    left: 0;
    top: 5px;
    border-radius: 50%;
}


    .mxh-ft-mb a {
        display: inline-block;
        width: 25%;
        height: 70px;
    }

.lq-mb h4 {
    padding-top: 5px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.5;
}

.t_shot_pc {
    display: none
}

.t_shot_mb {
    margin-bottom: 20px;
} 

@media screen and (max-width: 566px){
.last-pop3 img { 
    margin: 5px 12px 5px 8px;
}
.last-pop3 span { 
    left: 50px;
}
.last-pop3 h4 {
    float: left; 
    font-size: 14px;    
    text-transform: uppercase;
   padding: 8px 10px 8px 17px;
   
}
}    


@media screen and (min-width: 375px) and (max-width: 414px) {
#check-bn {
    width: 100%;
    border: 1px solid #ccc;
}
}

@media only screen and (max-width: 393px) {
#my_popup33 .dhform.d_contact {
    top: 76px;
}    
#my_popup33 .dathen-wrapper {
    max-width: 310px;
}
.dathen-wrapper input { 
    padding: 6px 15px;
}
.btn-aa {
    bottom: 17px; 
}    
}

@media only screen and (max-width: 375px) {
#my_popup33 .dathen-wrapper {
    max-width: 296px;
}
#my_popup33 .dhform.d_contact {
    top: 71px;
}
.btn-aa {
    bottom: 14px;
}

}

@media only screen and (max-width: 360px)  {
#my_popup33 .dathen-wrapper {
    max-width: 285px;
}
#my_popup33 .dhform.d_contact {
    top: 66px;
}

}

@media only screen and (max-width: 393px) {
     .sc-top input {
 
    width: 260px;
  
}
}
@media only screen and (max-width: 375px) {
     .sc-top input {
 
    width: 245px;
  
}
}