@font-face  {

      font-family:  'SFUFuturaBook';

      src:  url('../fonts/SFUFuturaBook.TTF');

      font-weight:  normal;

      font-style:  normal;

}


@media only screen and (min-width:0px) and (max-width: 600px) {
	.text-action{
		/* padding-left: 13px;
		padding-top: 10px;
		font-size: larger;
		color: gold;
		text-align: center; */
                padding-left: 13px;
                padding-top: 10px;
                font-size: 24px;
                color: gold;
                text-align: center;
                line-height: 28px;
	}
}

@media only screen and (min-width:601px) and (max-width: 1366px) {
	.text-action{
		/* padding-left: 13px;
		padding-top: 10px;
		font-size: larger;
		color: gold;
		text-align: center; */

                padding-top: 10px;
                font-size: 24px;
                color: gold;
                text-align: center;
                line-height: 33px;
	}
}

@media only screen and ( min-width: 1366px) {
	.text-action{
		padding-left: 13px;
		padding-top: 10px;
		font-size: larger; 
 		color: gold;
		text-align: center; 

               
	}
}


.navbar-dark .navbar-nav .nav-link  {

    color: #518eca;

}

.navbar-dark .navbar-nav .active>.nav-link,  .navbar-dark .navbar-nav .nav-link.active,  .navbar-dark .navbar-nav .nav-link.show,  .navbar-dark .navbar-nav .show>.nav-link  {

        color: #f1601b !important;

}

span.test  {

        font-weight:  bold;

}

.artseed-detail-content img  {

            max-width:  100%;

            height:  auto !important;

    }

        .artseed-detail-content table  {

            width:  100% !important;

}

ul li {

        list-style:  none;

}

*, p, ul {

        margin: 0;

        padding: 0;

}

a:hover  {

    color: #f1601b;

}

body  {

    font-size:  15px;

    font-family: 'Roboto', sans-serif;

    overflow-x:  hidden;

    line-height:  25px;

}

p.phone span  {

        display:  inline-block;

        color:  #fff;

        margin:  2px 0;

        background-color:  #1d4a28;

     /* For browsers that do not support gradients */    background-image:  linear-gradient(-90deg,  #0e6d25,  #39904e);

        padding:  8px 20px;

        font-weight:  bold;

        font-size:  17px;

        border-radius:  8px;

        border-bottom:  3px solid #faea9c;

}

p.phone  {

        margin:  16px 0px;

        display:  block;

        float:  right;

}

.topbar {

        background-color:  #e5e5e5;

}

.button:after, .button:before  {

      backface-visibility:  hidden;

      border:  1px solid rgba(255,  255,  255,  0);

      bottom:  0px;

      content:  " ";

      display:  block;

      margin:  0 auto;

      position:  relative;

      transition:  all 280ms ease-in-out;

      width:  0;

}

 .button:hover:after, .button:hover:before  {

      backface-visibility:  hidden;

      border-color:  #ff0000;

      transition:  width 350ms ease-in-out;

      width:  70%;

}

 .button:hover:before  {

      bottom:  auto;

      top:  0;

      width:  70%;

}
#term a {
    text-decoration:  none;
    color:  #fff;

}

#term a:hover {
        text-decoration:  none;
        color:  #f1601b;
    }

a {
text-decoration:  none;
color:  #333;

}

a:hover, a:focus  {
        text-decoration:  none;
}


button,  input, textarea, select {

        outline-offset:  0 !important;

        outline:  -webkit-focus-ring-color auto 0 !important;

}

textarea {

        width: 100%;

}

.text-primary  {

        color:  #d8373e;

}

a.hotlie  {

        position:  fixed;

        bottom:  5px;

        left:  2px;

        background:  #f36f21;

        color:  #fff;

        padding:  3px;

        font-weight:  bold;

        font-size:  13px;

        border-radius:  3px;

        display:  none;

        z-index:  999;

        border-radius:  15px;

        padding-right:  10px;

}

a.hotlie i  {

        background:  #c55b1d;

        width:  22px;

        height:  22px;

        text-align:  center;

        line-height:  22px;

        border-radius:  22px;

        margin-right:  5px;

}

a.scrollup  {

    background: #f1601b;

    bottom:  5px;

    color:  #FFFFFF;

    font-family:  'Roboto Condensed', sans-serif;

    height:  30px;

    line-height:  27px;

    position:  fixed;

    right: 5px;

    text-align:  center;

   /* text-transform:  uppercase */

    transition:  all 0.5s ease 0s;

    width:  35px;

    z-index:  1000;

}

a.scrollup:hover {

    background:  orange;

    border:  1px solid #FFFFFF;

    box-shadow:  0 0 0 2px orange;

    color:  #fff;

}

 .productbreadcrumb  {

    padding:  15px 0;

    margin-bottom:  0;

    float:  left;

    display:  none;

}

.loadajax {

      background:  #0d0d0d url("../ajax-loader.gif") no-repeat scroll 10px 10px;

        border-radius:  5px;

        left:  50%;

        margin-left:  -26px;

        margin-top:  -26px;

        opacity:  0.8;

        overflow:  visible;

        padding:  0;

        position:  fixed;

        right:  50%;

        top:  50%;

        width:  119px;

        height:  117px;

        z-index:  100001;

}

.productbreadcrumb ul li  {

        float:  left;

        position:  relative;

        padding-right:  20px;

}

.productbreadcrumb ul li:after  {

    content:  "|";

    position:  absolute;

    font-size:  12px;

    right:  6px;

    font-weight:  bold;

    top:  3px;

    font-family:  FontAwesome;

}

.productbreadcrumb ul li:last-child:after {

        opacity: 0;

}

.productbreadcrumb ul li a  {

        font-size:  14px;

}

.productbreadcrumb ul li a:hover  {

        color:  #0f6939;

}

.cart  {

float:  right;

margin-left:  15px;

font-size:  12px;

/* background: #518eca; */

padding: 5px 10px;

margin-top: 20px;

border-radius: 5px;
}

.cart a  {

        color:  #fff;

}

.cart a:hover  {

        color:  orange;

}

/***********************/.menu  {

    text-align:  left;

    position:  relative;

    float:  left;

    width:  100%;

}

.menu nav  {

    float:  none;

}

form#idf  {

        height:  33px;

        position:  relative;

        /* box-shadow:  1px 3px 12px 0px #ddd;

     */    margin-top:  3px;

        background:  #fff;

        margin-bottom:  3px;

}

.toplogo  {

float:  left;

width:  100%;

background: #f1601b;

position:  relative;

box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.10);
}

.artseed-search .icon-search  {

        position:  absolute;

        right:  19px;

        top:  6px;

        font-size:  19px;

        color:  #fff;

}

.fr-search  {

        width:  345px;

        position:  absolute;

        right:  20px;

        top:  31px;

        z-index:  11;

        display:  none;

}

.form_moblie_search input  {

    border:  none;

    font-size:  13px;

    float:  left;

    padding:  5px;

    height:  30px;

    /* margin:  5px 0;

     */width:  90%;

}

a.nut_searh  {

        position:  absolute;

        right:  0px;

        top:  0px;

        background:  #89a6c4;

        color:  #fff;

        height:  33px;

        padding:  0 10px;

        line-height:  33px;

}

.menu-hotline-mail  {

        margin-top:  10px;

}

/*************menu*************/nav  {

        margin: 5px 0;

}

.navbar-expand-lg  {

        padding:  0 !important;

        margin-bottom: 0 !important;

        margin: 0 !important;

}

.navbar-dark .navbar-nav .nav-link  {

    font-size:  15px;

    padding:  5px 8px !important;

    font-weight:  600;

    margin: 23px 0;

    display:  block;

}

.sky-mega-menu li:last-child  {

        border:  none;

}

.menu p  {

        float:  left;

        display:  block;

        margin-left:  20px;

        margin-top:  23px;

       /* text-transform:  uppercase */

}

.mobile-menu-toggle  {

        left:  -9999px;

        position:  absolute;

        top:  -9999px;

}

.mobmenu-toggle  {

        display:  none;

}

.fixed .artseed-search .icon-search {

      margin-top:  9px;

}

  .fixed .logo  {

    max-width:  205px;

}

/* level 1 */.sky-mega-menu  {

    z-index:  11;

    margin-bottom:  0;

    position:  relative;

    text-align: right;

}

.sky-mega-menu li  {

    float:  none;

    position:  relative;

    text-align:  center;

    display:  inline-block;

    padding:  0 0px;

}
.dm_left_level_2 {
    display: none;
    position: absolute;
    top: 44px;
    left: 0;
    width: 250px;
    background: #518eca;
}

.sky-mega-menu li:hover .dm_left_level_2 {
    display: block; 
	z-index: 800;
	
}

.dm_left_level_2 ul li a {
}

.sky-mega-menu li:nth-child(4) {
    display: none;
}
.sky-mega-menu li a.active, .sky-mega-menu li a:hover  {

color: #f4f5a9;
}

.sky-mega-menu li a  {
    font-size: 15px;
    padding: 20px 6px;
    font-weight: 500;
    display:  inline-block;
    color: #fff;
   /* text-transform:  uppercase */
    text-decoration:  none;
    position:  relative;
    text-align:  center;
}

.sky-mega-menu li a:hover:after, .sky-mega-menu li a.active:hover:after, .sky-mega-menu li a.active:after {

        display:  block;

}

.sky-mega-menu li > .submenu  {

    position:  absolute;

    border-top:  3px solid #181818;

    z-index:  1000;

    top:  58px;

    background:  #fff;

    left:  0;

    width:  242px;

    box-shadow:  1px 1px 1px #ccc;

    display:  none;

    opacity:  0;

    -o-transform-origin:  0% 0%;

    -ms-transform-origin:  0% 0%;

    -moz-transform-origin:  0% 0%;

    -webkit-transform-origin:  0% 0%;

    -o-transition:  -o-transform 0.4s,  opacity 0.4s;

    -ms-transition:  -ms-transform 0.4s,  opacity 0.4s;

    -moz-transition:  -moz-transform 0.4s,  opacity 0.4s;

    -webkit-transition:  -webkit-transform 0.4s,  opacity 0.4s;

    /* padding-bottom:  10px;

     */}

.sky-mega-menu li > .submenu .des_dm {

        background: #fe7500;

        padding:  10px;

        color: #000;

        text-transform: none;

        height:  100%;

}

.sky-mega-menu li > .submenu .des_dm .mt_mn  {

        display:  block;

        line-height:  20px;

        font-size:  12px;

        font-family: Arial,  Helvetica,  sans-serif;

}

.sky-mega-menu li > .submenu .des_dm img {

        width: 100%;

}

.sky-mega-menu li > .submenu .des_dm h3 {

        color: #fff;

        /* text-transform:  uppercase */

        font-size: 16px;

        padding:  0;

        margin-top: 15px;

        margin-left:  0;

        margin-right:  0;

        font-family:  VL_BOOSTERNEXTFY_BLACK;

}

.sky-mega-menu li > a:before  {

      content:  '';

      position:  absolute;

      bottom:  -12px;

      display:  none;

      left:  44%;

      border-right:  7px solid transparent;

      border-bottom:  7px solid #2D3E50;

      border-left:  7px solid transparent;

}

.sky-mega-menu li:hover > a:after {

          /* border:  1px solid #333;

     */}

/* level 2+ */.adv  {

        float:  left;

        width:  66.66%;

        margin:  0 auto;

        text-align:  center;

}

.sky-mega-menu li .adv strong  {

        background:  #fe7500;

        color:  #fff;

        font-weight:  bold;

        padding:  15px;

        font-size:  13px;

        border:  1px dashed #fff;

       /* text-transform:  uppercase */

        text-align:  center;

        display:  inline-block;

        margin:  0 auto;

        margin-top:  20px;

}

.list_mn  {

        /* padding-top:  10px;

     */}

.sky-mega-menu li li  {

    line-height:  29px;

    border-right:  none;

    float:  none;

    display:  block;

}

.level_2  {

        position:  absolute;

        left:  100%;

        background:  #333;

        width:  275px;

        margin-left:  0 !important;

        display:  none;

}

.sky-mega-menu li li:hover .level_2  {

        display:  block;

}

.sky-mega-menu li li a:before {

        opacity: 0;

}

.sky-mega-menu li li a:after {

        opacity: 0;

}

.sky-mega-menu li li a  {

color: #fff;

display:  block;

font-size:  13px;

/*text-transform:  uppercase;*/

font-weight:  normal;

padding:  0;

padding-left:  15px;

text-align:  left;

border:  none;

border-bottom:  1px solid #eee;

padding-top:  5px;

padding-bottom:  5px;

width:  100%;
}

.sky-mega-menu li li > div  {

      top:  0;

      margin:  0 0 0 8px;

}

.sky-mega-menu li li > div:after  {

      top:  0;

      right:  100%;

      bottom:  auto;

      left:  auto;

      width:  8px;

      height:  100%;

}

.sky-mega-menu li li > div:before  {

      top:  22px;

      right:  100%;

      bottom:  auto;

      left:  auto;

      border-top:  5px solid transparent;

      border-right:  5px solid #2D3E50;

      border-bottom:  5px solid transparent;

}

.sky-mega-menu li li:hover > div  {

      left:  100%;

}

.sky-mega-menu .right li > div  {

      margin:  0 8px 0 0;

      -o-transform-origin-x:  100%;

      -ms-transform-origin-x:  100%;

      -moz-transform-origin-x:  100%;

      -webkit-transform-origin-x:  100%;

}

.sky-mega-menu .right li > div:after  {

      right:  auto;

      left:  100%;

}

.sky-mega-menu .right li > div:before  {

      right:  auto;

      left:  100%;

}

.sky-mega-menu .right li:hover > div  {

      right:  100%;

      left:  auto;

}

/**//* animations *//**/  /* grid */.sky-mega-menu .grid-column  {

      float:  left;

}

.sky-mega-menu .grid-column3, .sky-mega-menu .submenu  {

      width:  100%;

}

#mainHideMenu {

        background-color:  #000;

        bottom:  0;

        left:  0;

        position:  fixed;

        right:  0;

        top:  0;

        z-index: 998;

        opacity:  0.8;

        display: none;

}

@media handheld,  screen and (max-width: 767px)  {

     /* <-- Adjust the breakpoints to your liking */    .sky-mega-menu li .submenu ul li a {

    color: #fff;

}

    .sky-mega-menu li .submenu  {

    opacity:  1;

    position:  relative;

    top:  0;

    float:  left;

    background:  #333;

    width:  100%;

    left:  0;

}

        .sky-mega-menu li > .submenu li         {

                width: 100%    }

        .sky-mega-menu li .submenu ul li a: hover         {

                color:  #fff;

        }



    .mobmenu-toggle  {

    margin-bottom:  0;

    text-align:  center;

    width:  45px;

    position:  absolute;

    display:  block;

    top:  -48px;

    right:  0px;

    height:  40px;

    z-index:  11;

}

   .mobmenu-toggle::before  {

    background:  #fff;

    content:  "";

    display:  block;

    height:  3px;

    position:  absolute;

    left:  0;

    top:  12px;

    width:  20px;

}

.mobmenu-toggle::after  {

    border-bottom:  3px solid #fff;

    border-top:  3px solid #fff;

    box-sizing:  content-box !important;

    content:  "";

    display:  block;

    height:  3px;

    position:  absolute;

    right:  0;

    top:  44%;

    left:  0;

    width:  20px;

}

    .mobmenu-toggle: hover  {

            cursor:  pointer;

    }



    nav     {

    /* height:  45px;

     */float:  none;

    clear:  inherit;

    display:  inline-block;

    margin:  0 auto;

    text-align:  center;

}

    .mobile-toggleable-menu.mobile-left  {

            background: #518eca;

            float: left;

            position: fixed;

            top: 0;

            width: 230px;

            left: -250px;

            height: 100%;

            transition: .1s ease-in-out;

            -moz-transition: .1s ease-in-out;

            -webkit-transition: .1s ease-in-out;

    }

    .mobile-toggleable-menu.mobile-right  {

            right:  -105%;

    }

    .mobile-menu-toggle-button: checked ~ .mobmenu-toggle.mobile-right  {

            left:  0;

            right:  auto;

    }

    .mobile-menu-toggle-button: checked ~ .mobmenu-toggle.mobile-left  {

            left:  auto;

            right:  0;

    }

    .mobile-menu-toggle-button: checked + .mobile-toggleable-menu.mobile-left  {

            width:  260px !important;

            left:  0;

            top:  0;

            overflow-y:  auto;

            background:  #f7f9fb;

    }

    .mobile-menu-toggle-button: checked + .mobile-toggleable-menu.mobile-right  {

            width:  260px !important;

            right:  0;

    }

    .sky-mega-menu li li a: after     {

          top:  12px;

          left:  0;

    }

    .sky-mega-menu li > a: before     {

            opacity: 0;

    }

    .sky-mega-menu li a: after     {

            opacity: 0;

    }

    .sky-mega-menu li.home i {

    color: #fff;

    padding-right:  0 !important;

}

    .mobile-toggleable-menu li i {

    position: absolute;

    right:  5px;

    color:  #333;

    top:  -4px;

    cursor:  pointer;

    text-align:  right;

    line-height:  48px;

    width:  100%;

    display:  block;

    height:  48px;

}

    .mobile-toggleable-menu li  {

            width: 100%;

            border-right:  none;

            position:  relative;

            margin-top:  0px;

            padding:  0;

            text-align:  left;

    }

    .sky-mega-menu li li a {

    color: #333;

    line-height:  30px;

    border-bottom:  1px solid #fff;

}

    .mobile-toggleable-menu li a  {

    color: #fff;

    line-height:  27px;

    font-size:  13px;

    padding:  5px;

    display:  block;

    text-align:  left;

    border-bottom: 1px solid #eee;

}

    .mobile-toggleable-menu li a: hover     {

            color: #fff;

}

    .mobile-toggleable-menu #submenu  {

            width: 100%;

             top: 0;

            left: 0;

    }

    .mobile-toggleable-menu li: hover ul#submenu  {

            overflow: hidden;

            position: relative;

            top: 0;

            left: 0;

    }

}

/********menu end*******/.hotline  {

    }

.contact-top p  {

        font-size:  14px;

}

.tophead  {

    background:  #000;

    \:  none;

}

.login-top ul  {

        text-align:  right;

        float:  right;

}

.login-top ul li  {

        border-right:  1px solid #fff;

        float:  left;

}

.login-top ul li a  {

        color:  #fff;

        padding:  9px;

        line-height:  18px;

        display:  block;

}

.login-top ul li:hover a  {

        background:  #007586;

}

.login-top ul li:last-child  {

        border-right:  none;

}

/* Header */.wrap-banner  {

    position:  relative;

    background:  #007586;

    height:  44px;

    padding:  2px;

}

.ask-main  {

        clear:  both;

        background:  #f0f0f0;

}

.logo a  {

        color:  #fff;

}

.logo h1  {

    margin-top:  5px;

    margin-bottom:  5px;

}

.artseed-title-pr.cre h2  {

        font-size:  23px;

}

.artseed-title-pr h2 span  {

    font-size:  20px;

    position:  relative;

    color:  #cc1e2a;

    padding:  11px 20px;

    text-align:  center;

    font-weight:  700;

}

.contact-home  {

        background:  #fafafa;

        margin-top:  30px;

}

.artseed-news-home  {

    margin-top:  25px;

}

.right-new, .news-main  {

        margin-top:  30px;

}

.thumb-main-new  {

        position:  relative;

        height:  220px;

}

.thumb-main-new img  {

    width:  100%;

    height:  100%;

    object-fit:  cover;

}

.news-options  {

        margin-top:  12px;

        background:  url(../images/calendar.png) no-repeat 0px 4px;

        padding-left:  53px;

}

.news-options time  {

        color:  #000;

        display:  block;

        margin-bottom:  7px;

}

.news-options h3 a  {

        font-family:  UTM AvoBold;

        line-height:  20px;

}

.customNavigation a  {

    background:  #fff;

    border-radius:  0;

    font-size:  15px;

    padding:  9px 14px;

    color:  #333;

}

.customNavigation a:hover  {

    background:  orange;

    color:  #fff;

}

footer  {

    padding:  20px 0 5px;

}

.box-footer  {

    color:  #fff;

    line-height:  22px;

}

.box-footer p.address  {

        background:  url(../images/ad.png) no-repeat 0px 0px;

        padding-left:  80px;

        padding-bottom:  13px;

}

.copyright  {

    width:  100%;

    text-align:  center;

    border-top:  0px solid #ddd;

    padding-top:  3px;

    margin-top:  5px;

}

.copyright p  {

    display:  inline-block;

    margin-bottom:  0;

    font-size:  13px;

}

.copyright p a  {

}

.copyright ul  {

        text-align:  right;

        display:  inline-block;

        float:  right;

}

.copyright ul li  {

        display:  inline-block;

}

.copyright ul li i  {

    width:  30px;

    height:  30px;

    background:  #002060;

    color:  #fff;

    line-height:  30px;

    text-align:  center;

    border-radius:  3px;

}

.title-page h1, .news_title_related h2  {

    position:  relative;

    padding-bottom:  6px;

    font-size:  21px;

    margin-bottom:  20px;

    margin-top:  0;

   /* text-transform:  uppercase */

}

.artseed-new-item-content h3 a  {

    font-size:  16px;

    display:  block;

    margin-bottom:  10px;

    font-weight:  600;

    margin-top:  10px;

     height: 40px; 

    line-height: 22px;

}


.calendar i  {

        color:  #8cc63e;

        margin-right:  5px;

}

.artseed-new-item-sum  {

    margin-top:  11px;

    /* line-height:  22px; */
    line-height:  20px;
    font-size: 14px;

    text-align:  justify;

    /* height:  80px; */
    height:  100px;
    overflow:  hidden;

}

article.artseed-new-item  {

    margin-bottom:  20px;

    padding-bottom:  15px;

    position:  relative;

}

.hotline-right  {

        background:  url(../images/bg-hotline.jpg) no-repeat;

        padding:  20px 3px;

        background-size:  100%;

        position:  relative;

        margin-top:  20px;

}

.hotline-right span  {

        position:  absolute;

        right:  5px;

        color:  #fff7f5;

        font-family:  UTM AvoBold;

        font-size:  17px;

        top:  2px;

}

.hotline-right p  {

        position:  absolute;

        left:  15px;

        top:  1px;

       /* text-transform:  uppercase */

        font-size:  18px;

        color:  #8dc73f;

}

.artseed-detail-content  {

    margin-bottom:  20px;

    line-height:  23px;

}

.news_related ul li  {

    line-height:  25px;

}

.nivo-directionNav a  {

        position:  absolute;

        top:  45%;

        z-index:  9;

        cursor:  pointer;

        text-indent:  -9999px;

}

.nivo-directionNav a:before  {

    position:  absolute;

    text-indent:  0;

    top:  0px;

    font-size:  16px;

    color:  #fff;

    width:  35px;

    padding-right:  5px;

    border-radius:  0px;

    line-height:  35px;

    font-family:  FontAwesome;

    z-index:  999;

    height:  35px;

    background:  #89a6c4;

    text-align:  center;

}

.nivo-directionNav a:hover:before {

    background:  #d2883d;

    color:  #fff;

}

.nivo-prevNav:before {

        content:  "\f0d9";

        left:  0;

}

.nivo-nextNav:before {

        content:  "\f0da";

        right: 0;

}

a.nivo-prevNav  {

        left:  1%;

}

a.nivo-nextNav  {

        right:  1%;

}

a.nivo-nextNav:before  {

        padding-left:  10px;

}

form.form-contact  {

        margin-top:  15px;

}

form.form-contact input  {

display:  block;

width:  100%;

margin-bottom:  5px;

padding: 5px;

border: none;

font-size: 13px;
color:#333;
}

form.form-contact textarea  {

padding-left:  8px;

min-height:  160px;

font-size: 13px;

border: none;
color:#333;
}

.conent-news-main  {

display:  flex;

flex-wrap:  nowrap;

margin-bottom:  20px;
}

.map  {

        width:  70%;

}

.form-right  {

line-height:  22px;

width:  30%;

color:  #fff;

max-height: 553px;

padding: 15px 15px;

background: #518eca;
}

span#contact-see-all a  {

        display:  inline-block;

}

.contact-send  {

        display:  inline-block;

        margin-bottom:  10px;

}

.contact-send a  {

background: #68c9f3;

color:  #fff;

padding: 5px 20px;

font-size: 14px;
}

.countup ul  {

        text-align:  center;

}

.countup ul li  {

        display:  inline-block;

  }

.countup  {

        margin-bottom:  30px;

        margin-top:  35px;

}

li.listcount .counter  {

        color:  #002060;

        font-size:  40px;

        position:  relative;

        font-family:  UTM AvoBold;

}

.countup ul li span  {

        font-size:  15px;

}

li.listcount .counter:before  {

        content:  "+";

        position:  absolute;

        right:  10px;

        top:  -10px;

        font-size:  24px;

        color:  #333;

        font-family:  monospace;

}

.artseed-title-pr.video span:before, .bg-creterion h2 span:before {

        background:  #fff !important;

}

.artseed-title-pr.video span:after, .bg-creterion h2 span:after {

        background:  #fff !important;

}

.contact-home .tit-home  {

       /* text-transform:  uppercase */

        font-size:  15px;

        margin-bottom:  15px;

        margin-top:  20px;

}

.form-home-contact input  {

        border-radius:  0;

        margin-bottom:  10px;

        box-shadow:  none;

        background:  #fff;

        border:  1px solid #eee;

        font-size:  12px;

}

.form-home-contact textarea  {

        background:  #fff;

        border:  1px solid #eee;

        padding:  10px;

        min-height:  122px;

}

.btn-contact-home button  {

        margin-top:  10px;

        margin-bottom:  15px;

       /* text-transform:  uppercase */

        padding:  5px 35px;

        box-shadow:  none;

        background:  none;

        background:  #002060;

        border:  1px solid #ccc;

        color:  #fff;

}

.btn-contact-home button:hover  {

        background:  #eee;

 }

.news_related  {

        margin-bottom:  20px;

        margin-top:  30px;

}

.fixed  {

        position:  fixed;

        top:  0;

        left:  0;

        z-index:  111;

        padding:  0px 0;

        width:  100%;

        -webkit-box-shadow:  0 4px 13px -3px grey;

        -moz-box-shadow:  0 4px 13px -3px gray;

        -ms-box-shadow:  0 4px 13px -3px gray;

        -o-box-shadow:  0 4px 13px -3px gray;

        box-shadow:  0 4px 13px -3px grey;

}

.owl-slide  {

        margin-top:  30px;

}

.box-footer ul li a  {

        color:  #fff;

        display:  block;

        line-height:  25px;

}

.content-home-intro  {

        margin-top:  15px;

        text-align:  justify;

}

.numwhy  {

        display:  block;

        text-align:  center;

        height:  200px;

}

.numwhy img  {

        display:  inline-block;

        width:  100%;

        height:  100%;

        object-fit:  cover;

        -webkit-transition:  0.5s ease-in-out;

        -moz-transition:  0.5s ease-in-out;

        -o-transition:  0.5s ease-in-out;

}

.artseed-home-pr-tab.introhome  {

        margin-bottom:  50px;

}

.listmenufooter  {

        width:  20%;

}

.listmenufooter ul li a  {

        color:  #fafafa;

        font-size:  13px;

        line-height:  22px;

        position:  relative;

        padding-left:  14px;

}

.listmenufooter ul li a:hover  {

        color:  #ccc;

}

.listmenufooter ul li a:before  {

        width:  5px;

        height:  5px;

        position:  absolute;

        left:  0;

        top:  7px;

        border-radius:  5px;

        background:  #fff;

        content:  "";

}

.container.content-why.contentintro  {

        text-align:  center;

        margin-top:  12px;

        line-height:  21px;

}

.artseed-title-pr.contacts h2 span  {

        color:  #333;

}

.artseed-title-pr.contacts h2  {

        text-align:  left;

}

.img-nb  {

        position:  relative;

        padding:  10px;

        display:  block;

        height:  200px;

}

.img-nb img  {

        width:  100%;

        height:  100%;

        object-fit:  scale-down;

}

.customNavigation.spnb  {

    top:  -28px;

}

.carousel-spnb  {

        position:  relative;

}

.artseed-home-pr-tab  {

        margin-top:  20px;

}

.cate-home  {

        float:  left;

        width:  100%;

}

.cate-home:nth-child(2n) .artseed-title-pr  {

    float:  right;

}

a.viewdt  {

        background:  #fff;

        color:  #000;

        margin-top:  10px;

        padding:  7px 20px;

        font-size:  14px;

        /* position:  absolute;

     */    display:  inline-block;

        /* right:  0;

     */    bottom:  15px;

        float:  right;

}

a.viewdt i  {

        padding-right:  5px;

}

a.viewdt:hover  {

        background:  #890000;

        color:  #fff;

}

.artseed-title-pr-pagein  {

    border-bottom:  1px solid #ccc;

}

a.img-sp  {

        position:  relative;

        height:  180px;

        display:  block;

        overflow:  hidden;

}

.sp-item-duan  {

        margin-top:  10px;

        float:  left;

        position:  relative;

        width:  100%;

        background:  #fff;

        text-align:  center;

        border:  1px solid #eee;

        margin-bottom:  10px;

        border:  1px solid #eee;

        padding:  5px;

        background-color:  rgb(255,  255,  255);

        border-radius:  5px;

        box-shadow:  0px 0px 16px 0px rgba(61, 61, 61, 0.07);

        -moz-box-shadow:  0px 0px 16px 0px rgba(61, 61, 61, 0.07);

        -webkit-box-shadow:  0px 0px 16px 0px rgba(61, 61, 61, 0.07);

}

.info-item .ht-price {

    font-weight: bold;

    color: red;

}

.sp-item-duan:hover img  {

        -ms-transform:  scale(1.05, 1.05);

        /* -webkit-transform:  scale(1.05, 1.05); */

        /* transform:  scale(1.05, 1.05); */

}

a.img-sp img  {

        width:  100%;

        height:  100%;

        object-fit:  scale-down;

        -webkit-transition:  0.5s ease-in-out;

        -moz-transition:  0.5s ease-in-out;

        -o-transition:  0.5s ease-in-out;

}

.sp-item-duan h3 a  {

       /* text-transform:  uppercase */

        font-size:  14px;

        height:  40px;

        color:  #1F40E6;

        line-height:  22px;

        font-weight:  600;

        margin-bottom:  10px;

        display:  block;

        padding:  10px 0;

}

.sp-item-duan h3 a:hover {

        color: #890000;

}

.pagination  {

        width:  100%;

        text-align:  center;

}

.pagination li {

        display:  inline-block !important;

}

figure.artseed-block-item-img img  {

        width:  100%;

        height:  100%;

        object-fit:  scale-down;

}

.content-list-dm ul li ul  {

}

.content-list-dm ul li ul li a  {

        background:  none;

}

.content-list-dm ul li ul li a  {

        display:  block;

        color:  #333;

        padding:  6px 7px;

        margin-bottom:  0;

        font-size:  13px;

        text-transform:  none;

}

.content-list-dm ul li ul li a:before  {

        content:  "\f0da";

        font-size:  15px;

        font-family:  FontAwesome;

        padding-right:  8px;

}

.content-list-dm ul li ul li  {

        margin-bottom:  0;

        border-bottom:  1px solid #c6c6c6;

        box-shadow:  0 1px #fff;

}

.content-list-dm ul li ul li img  {

        display:  inline-block;

        margin-right:  5px;

        max-width:  22px;

}

.content-list-dm ul li ul li:last-child  {

        border-bottom:  none;

        box-shadow:  none;

}

.content-list-dm ul li ul li a:hover  {

        color:  orange;

}

.artseed-title-pr-pagein h1  {

        font-size:  21px;

        margin:  0;

        color:  #3791cc;

        padding-bottom:  5px;

}

.artseed-title-pr-pagein h2  {

        padding:  12px 0;

       /* text-transform:  uppercase */

}

.short_info_detail  {

        margin-bottom:  5px;

        line-height:  22px;

        font-size:  13px;

        background:  #eee;

        padding:  5px;

}

.title-page-dt h1  {

        margin-top:  0;

        margin-bottom:  10px;

}

ul.sptab-dt li a  {

        margin-right:  0;

}

ul.sptab-dt li.active a  {

        background: #f1601b;

        color:  #fff;

       /* text-transform:  uppercase */

}

.option-image-info-product  {

        margin-bottom:  30px;

}

.f-pr-image-zoom img  {

        max-width:  100%;

}

div#f-pr-image-zoom-gallery img  {

        max-width:  100%;

}

#img_01  {

        height:  365px !important;

        object-fit:  scale-down;

        width:  100% !important;

        /* margin:  0 auto;

     */}

.f-pr-image-zoom-gallery  {

        margin-top:  15px;

}

a.thumb-dt  {

        position:  relative;

        height:  70px;

        padding:  0 6px;

        display:  block;

        border:  1px solid #eee;

        margin:  0 10px;

}

a.thumb-dt img  {

        width:  100%;

        height:  100%;

        object-fit:  scale-down;

}

.zoomWrapper  {

        text-align:  center;

        margin:  0 auto;

        position:  relative;

}

.contact-detail  {

        background:  #eee;

        padding:  10px;

        margin-bottom:  10px;

        margin-top:  15px;

        display:  none;

}

a.img-bl-new  {

        position:  relative;

        display:  block;

        width:  80px;

        margin-right:  10px;

        float:  left;

        height:  80px;

}

a.img-bl-new img  {

        width:  100%;

        height:  100%;

        object-fit:  cover;

}

.item-news-pr  {

        float:  left;

        margin-top:  10px;

}

.news-bl h3 a  {

        font-size:  13px;

        line-height:  20px;

}

.banner  {

        position:  relative;

        width:  100%;

}

.banner img  {

        width:  100%;

}

.bannertop.noslide  {

        display:  none;

}

.short_info_detail img  {

        max-width:  100%;

        height:  auto !important;

        margin-top:  10px;

}

.pr-detail .new-pr-dt  {

        font-size:  19px;

        color:  red;

        font-weight:  600;

}

.pr-detail .old-pr-dt  {

        text-decoration:  line-through;

        font-size:  15px;

}

.pagecontac  {

        margin-top:  10px;

}

/**********/.short_info  {

        background:  #fafafa;

        padding:  10px;

        margin-bottom:  10px;

}

/***********/@media (min-width: 1200px)  {

        .container  {

            width:  1200px;

    }

}

@media (min-width:  992px)  {

    .sky-mega-menu li i {

        display: none;

}

    .sky-mega-menu li: hover > .submenu  {

      /* left:  0;

     */  opacity:  1;

      -webkit-transform:  translate(0,  0);

}

.scale-effect li:hover > .submenu  {

      -o-transform:  scale(1,  1);

      -ms-transform:  scale(1,  1);

      -moz-transform:  scale(1,  1);

      -webkit-transform:  scale(1,  1);

      /* background:  #040708;

     */  display:  block;

}

.scale-effect li > div  {

      -o-transform:  scale(0,  0);

      -ms-transform:  scale(0,  0);

      -moz-transform:  scale(0,  0);

      /* -webkit-transform:  scale(0,  0);

     */}

}.artseed-title-new  {

        text-align:  center;

        margin-bottom:  10px;

}

.artseed-title-new h2 span  {

        font-size:  21px;

        padding:  10px 15px;

       /* text-transform:  uppercase */

        font-weight:  bold;

        display:  inline-block;

        position:  relative;

}

a.thumb-new-home img  {

        width:  100%;

        height:  100%;

        object-fit:  cover;

}

.top-new h3 a  {

        color:  #000;

        font-size:  14px;

        line-height:  19px;

        font-weight:  600;

        margin-bottom:  5px;

        display:  block;

}

.info-new-home  {

        color:  #999;

        font-size:  12px;

        text-align:  justify;

}

.main-new-home ul  {

    margin-top:  10px;

}

.main-new-home ul li time  {

        color:  #333;

        font-size:  13px;

}

.main-new-home ul li h3 a  {

        color:  #333;

        margin-bottom:  10px;

        line-height:  21px;

        margin-top:  12px;

        font-size:  16px;

        display:  block;

        font-weight:  700;

}

.main-new-home ul li  {

        position:  relative;

        line-height:  21px;

        list-style:  none;

        margin-bottom:  30px;

}

.main-new-home ul li h3 a:hover  {

        color:  #1c2c64;

}

.artseed-title-pr  {

        margin-bottom:  25px;

        position:  relative;

        text-align:  center;

}

.row10  {

        margin-left:  -5px;

        margin-right:  -5px;

}

.menufooter ul li a  {

        font-size:  12px;

        color:  #fff;

        background:  #0f4a28;

        width:  30px;

        line-height:  30px;

        height:  30px;

        display:  inline-block;

        text-align:  center;

        border-radius:  35px;

}

.menufooter ul li a:hover {

      color:  #fff;

      background:  #051c2c;

}

.menufooter ul  {

    margin-left:  15px;

    margin-top:  10px;

    margin-bottom:  10px;

}

.nd-cp  {

        padding:  5px 0;

}

a.fancybox  {

        display:  none;

}

.title-page h1  {

    font-size: 27px;

    padding-bottom:  0;

    color:  #333;

    text-align: center;

    margin-top: 20px;

    margin-bottom: 20px;

}

.title-page-dt h1  {

        font-size:  21px;

}

figure.artseed-new-item-img a  {display: block;height: 250px;}

figure.artseed-new-item-img img  {

        width:  100%;

        height:  100%;

        object-fit:  cover;

}

.calendar  {

        font-size:  12px;

        display: none;

}

.bannertop  {

        margin-bottom:  20px;

        clear:  both;

}

a.viewmore  {

       /* text-transform:  uppercase */

        border:  1px solid #e2bf66;

        padding:  7px 16px;

        display:  inline-block;

        color:  #e2bf66;

}

a.viewmore:hover  {

        background:  #e2bf66;

        color:  #fff;

}

a.viewthem  {

        padding:  10px;

        display:  inline-block;

        margin-top:  0px;

        color:  #dfba69;

}

section#home-ab  {

        background:  #F0F0F0;

        padding:  60px 0 40px 0;

}

section#post-new-sp  {

}

.thumb-new-home  {

        position:  relative;

        height:  255px;

}

.thumb-new-home img  {

        width:  100%;

        height:  100%;

        object-fit:  cover;

}

.short-new  {

        text-align:  justify;

        font-size:  14px;

}

li.list-ab  {

        margin-top:  45px;

}

.info-news  {

        background:  #fff;

        position:  relative;

}

a.viewtiep  {

        display:  inline-block;

        border:  2px solid #000;

        color:  #000;

        margin-top:  15px;

        padding:  8px 20px;

        font-size:  13px;

       /* text-transform:  uppercase */

}

a.viewtiep:hover  {

        background:  #1c2c64;

        color:  #fff;

        border:  2px solid #1c2c64;

}

.sticker-hotline-mobile  {
    position:  fixed;
    bottom: 15px;
    left: 10px;
    width:  100px;
    height: 52px;
    color:#fff;
}


.sticker-hotline-item {
    width: 52px;
    height: 52px;
    color:#fff;
    -webkit-border-radius:  50%;

    -moz-border-radius:  50%;

    border-radius:  50% 50%;

    -moz-box-shadow:  0 0 0 8px rgba(219, 33, 40, .14);

    z-index:  1;

    transition:  all .5s ease;

    -webkit-transition:  all .5s ease;

}

.sticker-hotline-mobile-a  {

        background-color:  #db2128;
        color:#fff;
        -webkit-box-shadow:  0 0 0 4px rgba(219, 33, 40, .5);

        -moz-box-shadow:  0 0 0 4px rgba(219, 33, 40, .5);

        box-shadow:  0 0 0 4px rgba(219, 33, 40, .5);

        text-align:  center;

        display: block;

        width:  52px;

        height:  52px;

        -webkit-border-radius:  50%;

        -moz-border-radius:  50%;

        

}

.sticker-hotline-mobile img {

        -webkit-animation:  wrench 2.5s ease infinite;

        animation:  wrench 2.5s ease infinite;

        color:  #fff;

        padding:  9px;
        

}


.sticker-hotline-mobile-span  {
        position:  absolute;
        background:  #db2128;
        color:  #fff!important;
        padding:  5px 10px;
        top:  10px;
        left:  43px;
        border-radius:  0 5px 5px 0;
        height: 35px;
        width: 100%;
    }

@-webkit-keyframes wrench {

    0% {

    -webkit-transform: rotate(-12deg);

    transform: rotate(-12deg);

}

8% {

    -webkit-transform: rotate(12deg);

    transform: rotate(12deg);

}

10%, 28%, 30%, 48%, 50%, 68% {

    -webkit-transform: rotate(24deg);

    transform: rotate(24deg);

}

18%, 20%, 38%, 40%, 58%, 60% {

    -webkit-transform: rotate(-24deg);

    transform: rotate(-24deg);

}

100%, 75% {

    -webkit-transform: rotate(0);

    transform: rotate(0);

}

}

@keyframes wrench {

    0% {

    -webkit-transform: rotate(-12deg);

    -ms-transform: rotate(-12deg);

    transform: rotate(-12deg);

}

8% {

    -webkit-transform: rotate(12deg);

    -ms-transform: rotate(12deg);

    transform: rotate(12deg);

}

10%, 28%, 30%, 48%, 50%, 68% {

    -webkit-transform: rotate(24deg);

    -ms-transform: rotate(24deg);

    transform: rotate(24deg);

}

18%, 20%, 38%, 40%, 58%, 60% {

    -webkit-transform: rotate(-24deg);

    -ms-transform: rotate(-24deg);

    transform: rotate(-24deg);

}

100%, 75% {

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

}

}

.bg-bred  {

        text-align:  left;

        padding:  20px 0;

        margin-bottom:  10px;

}

.title-page  {

        position:  relative;

        z-index:  1;

}

.title-page-detail h1  {

        margin:  0;

        font-size:  22px;

}

.ngaydang  {

        margin:  10px 0;

        font-size:  13px;

}

.news_title_related h2  {

        border-bottom:  1px solid #ddd;

}

.f-bl-thumb-new  {

        float:  left;

        width:  100px;

        height:  70px;

        margin-right:  10px;

}

.f-bl-news  {

        float:  left;

        border-bottom:  1px solid #c6c6c6;

        box-shadow:  0 1px #fff;

        width:  100%;

        padding-bottom:  10px;

        margin-bottom:  10px;

}

.f-bl-thumb-new img  {

        width:  100%;

        height:  100%;

        object-fit:  cover;

}

.f-bl-news h3 a  {

        font-size:  13px;

}

.f-bl-news:last-child  {

        border-bottom:  none;

        box-shadow:  none;

        padding-bottom:  0;

}

.bannertop:hover .nivo-directionNav {

        display: block;

}

.nivo-directionNav  {

        display:  none;

}

.popup_qc {

    width:  100%;

    height:  100%;

    background:  rgba(0,  0,  0,  0.38);

    position: fixed;

    top: 0;

    z-index: 123;

    display: none;

}

.popup_qc>div {

    width:  400px;

    height:  155px;

    padding:  15px;

    left:  0;

    right:  0;

    top:  0;

    bottom:  0;

    margin:  auto;

    position:  absolute;

    background:  url(../images/popsfu.jpg) no-repeat;

    text-align:  center;

    background-size:  100%;

}

.popup_qc .popup_qc_close span {

    display:  block;

    color:  white;

    padding:  5px 12px;

    position:  absolute;

    right:  0;

    top:  0;

    cursor:  pointer;

    z-index:  123;

    background:  #a91414;

}

.popup_content {

    overflow: hidden;

}

.news_related li a  {

        position:  relative;

}

.news_related li a:before  {

        content:  "\f0da";

        font-family:  FontAwesome;

}

.artseed-title-pr h2  {

       /* text-transform:  uppercase */

        font-size:  20px;

        color:  #333;

        text-align:  center;

}

a.viewall  {

        position:  absolute;

        right:  10px;

        top:  10px;

        font-size:  13px;

        display:  none;

}

div#noidung  {

        line-height:  25px;

}

div#noidung ul li  {

        list-style:  inherit;

        white-space:  inherit !important;

}

div#noidung ul  {

        padding-left:  30px;

}

.artseed-search input  {

        width:  100%;

        height:  35px;

        padding-left:  10px;

        border:  none;

        border:  2px solid #89a6c4;

}

.artseed-search  {

        margin-top:  12px;

        float:  right;

        position:  relative;

}

.menufooter  {

        line-height:  23px;

        width:  100%;

        text-align:  center;

}

.menufooter p  {

        margin-bottom:  0;

}

.menufooter ul li  {

        list-style:  none;

        display:  inline-block;

        margin:  0 1px;

}

section#advspnb  {

        margin-top:  15px;

}

div#noidung table tr td  {

        border:  1px solid #ccc!important;

        width:  auto !important;

        padding:  5px !important;

}

div#noidung table  {

        border:  1px solid #ddd!important;

        width:  100% !important;

}

div#noidung table tr:nth-child(even)  {

        background:  #eee;

}

div#noidung table tr td:nth-child(1)  {

        background:  #eee;

        font-weight:  bold;

}

.menufooter button  {

        background:  #eec11e;

        border:  none;

        border-radius:  0;

       /* text-transform:  uppercase */

        padding:  4px 20px;

        color:  #000;

        margin-top:  -11px;

        float:  right;

        margin-bottom:  10px;

}

.artseed-detail-content ul li  {

        line-height:  25px;

        list-style:  inherit;

        margin-left:  25px;

}

.sky-mega-menu li ul li:nth-child(n+2) .level_2:nth-child(2) {

        display: none;

}

.sky-mega-menu li ul li:nth-child(n+2) .level_2:first-child {

        display: block;

}

div#noidung img  {

        max-width:  100%;

        height:  auto !important;

}

div#noidung table tr th  {

        padding:  5px !important;

}

.main  {

        clear:  both;

}

.cs-main.pagegin  {

        clear:  both;

}

.nivo-directionNav  {

        display:  none !important;

}

.bannertop a span  {

        position:  absolute;

        top:  24%;

        left:  10%;

        font-size:  71px;

        color:  #fff;

        font-family:  'Alice',  serif;

}

.bannertop a p  {

        color:  #fff;

        position:  absolute;

        top:  44%;

        left:  10%;

        font-size:  26px;

        width:  60%;

        font-family:  'Alice',  serif;

}

.bannertop a  {

        display:  block;

        position:  relative;

}

.bannertop a:before  {

        width:  100%;

        height:  100%;

        position:  absolute;

        top:  0;

        background:  #00000057;

        left:  0;

        content:  "";

}

.title-feedback  {

        font-family:  'Alice',  serif;

        text-transform:  capitalize;

}

.carousel-feedback  {

        float:  left;

        margin-bottom:  20px;

}

.carousel-feedback ul li .item-feedback  {

    background-color:  #fff;

    margin:  4px 4px 0 0;

    padding:  40px 30px;

    position:  relative;

    text-align:  center;

    -webkit-transition:  -webkit-box-shadow 0.4s ease-in-out;

    transition:  -webkit-box-shadow 0.4s ease-in-out;

    transition:  box-shadow 0.4s ease-in-out;

    transition:  box-shadow 0.4s ease-in-out,  -webkit-box-shadow 0.4s ease-in-out;

}

.carousel-feedback ul li .item-feedback:hover {

        -webkit-box-shadow:  0 10px 50px 2px rgba(0, 41, 96, 0.32);

        box-shadow:  0 10px 50px 2px rgba(0, 41, 96, 0.32);

}

.carousel-feedback ul li  {

        padding:  0 0px;

}

.carousel-feedback ul li .item-feedback p.img img  {

        width:  200px;

        text-align:  center;

        display:  inline-block;

        margin-bottom:  15px;

        height:  200px;

        border-radius:  100%;

}

.carousel-feedback ul li .item-feedback h3  {

        font-family:  'Alice',  serif;

        font-weight:  bold;

        font-size:  25px;

        margin-bottom:  10px;

}

p.vitri  {

        font-size:  13px;

        font-weight:  bold;

}

.info-feed  {

        margin-top:  15px;

        font-weight:  300;

        font-size:  13px;

        line-height:  22px;

        color:  #666;

        position:  relative;

        padding:  0 5px;

        height:  71px;

        overflow:  hidden;

}

.dled  {

        float:  left;

}

.content-lt  {

        text-align:  center;

}

.content-lt h3  {

        font-weight:  bold;

        font-size:  18px;

        margin-bottom:  10px;

}

.content-lt p a  {

        text-decoration:  underline;

        color:  blue;

        font-size:  16px;

}

.content-lt p a:hover  {

        background:  blue;

        color:  #fff;

}

.mailtop  {

        background:  #f0f0f0;

        padding:  30px 0;

        font-family:  'Alice',  serif;

        font-size:  24px;

}

.mailtop p  {

        float:  left;

}

.mailtop a  {

        float:  right;

        background:  #1F40E6;

        color:  #fff;

        padding:  10px 37px;

        border:  2px solid transparent;

        font-size:  18px;

}

.mailtop a:hover  {

        border:  2px solid #1F40E6;

        color:  #1F40E6;

        background:  #fff;

}

.video-product  {

        position:  relative;

}

.info-video  {

        position:  absolute;

        right:  10%;

        top:  5%;

        color:  #fff;

        font-size:  20px;

        width:  46%;

        text-align:  right;

}

.info-video h2  {

        font-size:  82px;

        font-family:  'Alice',  serif;

}

.info-video p  {

        margin-top:  20px;

}

.video-product video  {

        -o-object-fit:  cover;

        object-fit:  cover;

        width:  100%;

        left:  0;

        top:  0;

        z-index:  -1;

        height:  500px;

}

.bg-dt-pagein  {

    height:  500px;

    margin-bottom:  20px;

}

.title-page-intro h1  {

        color: #6fa2d4;

        font-size: 21px;

        margin: 0;

        margin-top: 15px;

        margin-bottom: 15px;

}

.option1  {

        margin:  0 10%;

        background:  #fff;

        margin-top:  -54px;

        position:  relative;

        padding:  20px;

}

.option1 h2  {

        font-family:  'Alice',  serif;

        margin-bottom:  10px;

        font-weight:  normal;

}

.thumb-gt  {

        position:  relative;

        display:  block;

        height:  211px;

}

.thumb-gt img  {

        width:  100%;

        height:  100%;

        object-fit:  cover;

}

section#showPg .row a {
        display: block;
        /* text-transform:  uppercase */
        margin-top: 10px;
        font-weight: 500;
        font-size: 15px;
        color: #333;
        margin-bottom: 10px;
        line-height: 22px;
        height: 40px;
        padding: 0 10px;
        overflow: hidden;
    }


section#section_258 .item h3 a  {

display:  block;

/* text-transform:  uppercase */

margin-top:  10px;

font-weight: 500;

font-size: 15px;

color:  #333;

margin-bottom:  10px;

line-height: 22px;

height: 40px;

padding: 0 10px;

overflow: hidden;
}

.content-intro  {

        font-size:  14px;

        line-height:  22px;

        height:  80px;

        overflow:  hidden;

}

.item  {

        margin-bottom:  5px;

}

.item h3 a:hover  {

        color:  #1F40E6;

        text-decoration:  underline;

}

ul.list-intro li:hover  {

        box-shadow:  0px 1px 18px 8px #ddd;

}

ul.list-intro li  {

        margin-bottom:  20px;

        padding-top:  15px;

}

section#gioithieu  {

        margin-top:  50px;

}

.info-gt-home  {

        background:  #fff;

        position:  relative;

        z-index:  1;

        margin:  0 10%;

        margin-top:  -52px;

        text-align:  left;

        padding:  50px;

}

.info-gt-home h3 a  {

        font-size:  57px;

        color:  #000;

        font-family:  'Alice',  serif;

        margin-bottom:  20px;

        display:  block;

}

a.learmore  {

        color:  #333;

        font-weight:  bold;

}

.mtngan  {

        margin:  50px 0;

        line-height:  22px;

}

div#slider ul li img  {

        width:  100%;

}

.customNavigation a.btn  {

        background:  #0f4a28;

        color:  #fff !important;

        font-size:  24px;

        width:  40px;

        cursor:  pointer;

        height:  40px;

        padding:  0;

        line-height:  38px;

}

.customNavigation a.btn:hover {

        background:  #faea9c;

}

a.btn.prevProTab_key_1  {

        position:  absolute;

        top:  40%;

        left:  10px;

}

a.btn.nextProTab_key_1  {

        position:  absolute;

        top:  40%;

        right:  10px;

}

div#slider  {

    position:  relative;

}

.img-responsive  {

        max-width:  100%;

        height:  auto;

}

.title-h2  {

    display:  block;

   /* text-transform:  uppercase */

    margin:  auto;

}

.title-h2 h2  {

    color: #518eca;

    margin-bottom: 15px;

    display:  inline-block;

}

.title-h2 h2 span  {

        position:  relative;

        padding-bottom:  15px;

        color:  #333;

        display:  block;

        font-size:  20px;

        text-align:  right;

        font-family:  'Open Sans',  sans-serif;

        text-transform:  none;

        font-style:  italic;

        font-weight:  normal;

        margin-top:  -53px;

        margin-right:  10px;

}

.info-gt h3  {

       /* text-transform:  uppercase */

        font-weight:  600;

        font-size:  20px;

}

.img-gt img  {

        border:  7px solid #eee;

}

.img-gt-cd  {

    width:  35%;

    float:  left;

    margin-right:  20px;

    text-align:  center;

}

.item-cd  {

        margin-top:  25px;

}

.img-gt-cd img  {

        margin-bottom:  10px;

}

section#section_246 .content  {

    background:  url(../images/bg-thutuc.jpg) no-repeat;

    margin:  30px 0;

    text-align:  center;

    padding:  50px 0;

    color:  #fff;

    float:  left;

    width:  100%;

    padding-bottom:  540px;

}

section#section_246 h2  {
/*
    text-transform:  uppercase;
*/
    font-size: 30px;

    font-weight: 600;

}

section#section_10  {

    background:  #eee;

    padding:  28px 0;

    margin-top:  25px;

}

.list-fred textarea  {

    padding:  0px;

    min-height:  60px;

    border:  none;

    border-bottom:  1px solid #999;

    border-radius:  0;

    background:  transparent;

}

.list-fred input  {

    font-size:  16px;

    border:  none;

    box-shadow:  none;

    border-bottom:  1px solid #999;

    border-radius:  0;

    background:  transparent;

    padding-left:  0;

}

.list-fred  {

        margin-top:  10px;

}

.modal-content p  {

        margin-left:  15px;

        font-style:  italic;

        margin-bottom:  5px;

}

.modal-header .close  {

        float:  right;

        margin:  0;

        padding:  0;

        position:  absolute;

        right:  9px;

        top:  9px;

}

h4#myModalLabel  {

        text-align:  center;

        width:  100%;

       /* text-transform:  uppercase */

        font-size:  20px;

        font-weight:  600;

}

.modal-header  {

        text-align:  center;

}

.modal-header  {

        padding:  10px 0;

}

.modal-footer  {

        padding:  10px 15px;

}

button.btn.btn-primary.btn-lg  {

        -webkit-border-radius:  5px;

        border-radius:  5px;

        border:  none;

        color:  #FFF;

        display:  inline-block;

        font-weight:  bold;

        padding:  6px 20px;

        text-align:  center;

       /* text-transform:  uppercase */

        font-size:  15px;

        -webkit-animation:  glowing 1500ms infinite;

        -moz-animation:  glowing 1500ms infinite;

        -o-animation:  glowing 1500ms infinite;

        animation:  glowing 1500ms infinite;

}

@-webkit-keyframes glowing  {

      0%  {

     background-color:  #fcec94;

     box-shadow:  0 0 2px #fbef99;

 }

  50%  {

     background-color:  #fcee96;

     box-shadow:  0 0 5px #d2a64d;

 }

  100%  {

     background-color:  #f1d979;

     box-shadow:  0 0 2px #d4b25b;

 }

}

@-moz-keyframes glowing  {

      0%  {

     background-color:  #fcec94;

     box-shadow:  0 0 2px #fbef99;

 }

  50%  {

     background-color:  #fcee96;

     box-shadow:  0 0 5px #d2a64d;

 }

  100%  {

     background-color:  #f1d979;

     box-shadow:  0 0 2px #d4b25b;

 }

}

@-o-keyframes glowing  {

      0%  {

     background-color:  #fcec94;

     box-shadow:  0 0 2px #fbef99;

 }

  50%  {

     background-color:  #fcee96;

     box-shadow:  0 0 5px #d2a64d;

 }

  100%  {

     background-color:  #f1d979;

     box-shadow:  0 0 2px #d4b25b;

 }

}

@keyframes glowing  {

      0%  {

     background-color:  #e2c314;

     box-shadow:  0 0 2px #fbef99;

 }

  50%  {

     background-color:  #caaf09;

     box-shadow:  0 0 5px #d2a64d;

 }

  100%  {

     background-color:  #d0aa14;

     box-shadow:  0 0 2px #d4b25b;

 }

}

section#section_246 p  {

        text-align:  left;

        margin-bottom:  0;

}

.title-h2.tith2 h2 span:before  {

        background:  white;

}

.infosed  {

        display:  flex;

        align-items:  center;

        font-weight:  600;

}

.infosed strong  {

        color:  #0f4a28;

        font-size:  25px;

        text-shadow:  1px 1px 0 #fff,  -1px -1px 0 #fff,  1px -1px 0 #fff,  -1px 1px 0 #fff,  3px 3px 5px grey;

}

.info-sp  {

        padding-left:  10%;

}

.ndtt, .eded  {

        float:  left;

}

.ndtt ul li  {

        text-align:  left;

        list-style:  inherit;

        margin-left:  20px;

}

div#slider-feed ul li  {

        padding:  0 15px;

}

#slider-feed ul  {

        margin-top:  30px;

}


.customNavigation  {

        display:  none;

}

.slideInUp ul li  {

        list-style:  inherit;

        margin-left:  15px;

}

.hide  {

        display:  none;

}

.hotline  {

    text-align:  right;

    margin:  31px 0;

}

.hotline a  {

        background:  #299e0a;

        color:  #fff;

        width:  30px;

        height:  30px;

        border-radius:  30px;

        display:  inline-block;

        text-align:  center;

        line-height:  30px;

        font-size:  17px;

}

a.left.carousel-control,a.right.carousel-control {
    background-image: none !important;
    opacity: 1 !important;
    top: 40%;
}

a.left.carousel-control span,a.right.carousel-control span {
    width: 40px;
    height: 40px;
    /* background: #518eca; */
    line-height: 40px;
    text-shadow: none !important;
    opacity: 1 !important;
    font-size: 14px;
}

/**********/section#home img  {

        width:  100%;

}

.carousel-caption.des_slider .content  {

        border-left:  1px solid #fff;

        padding-left:  10px;

}

section#section_248 h2 span  {

    font-family:  'Open Sans',  sans-serif;

    font-style:  italic;

    color:  #333;

    display:  block;

    text-transform:  none;

    font-size:  20px;

}

section#section_248 {

    background: linear-gradient(to right, rgba(130,190,66,1) 0%,rgba(48,178,210,1) 50%,rgba(28,76,147,1) 100%);

    padding: 50px 0;

    margin-top: -6px;

}

section#section_248 .container .content label {

    color: #fff;

    /* text-transform:  uppercase */

    margin-bottom: 0;

}

section#section_248 h2  {

   /* text-transform:  uppercase */

    color: #fff;

    font-size: 22px;

    line-height: 29px;

    margin-bottom: 10px;

    font-weight: 600;

}

.img-intro img {

    border: 5px solid #fff;

    /* box-shadow: 0px 1px 6px 4px #ddd; */

}



section#section_248 .container .content  {text-align: justify;line-height: 25px;color: #fff;}

section#section_248 .content table  {

        border:  none;

        vertical-align:  top;

        width:  100% !important;

}

section#section_248 .content table td  {

        vertical-align:  top;

        border:  none !important;

        width:  50% !important;

}

section#section_248 .content table td strong  {

        font-size:  18px;

}

section#section_248 .content table td span  {

        font-size:  20px;

}

section#section_248 .content table td:nth-child(2n)  {

        padding-left:  25px;

}

a.timhieu  {

background: linear-gradient(to right,#0072ff,#00c6ff);

color:  #fff;

/*text-transform:  uppercase;*/

font-size:  15px;

margin-top: 10px;

display: inline-block;

border-radius: 35px;

padding: 4px 10px;
}

.title-h2 label  {

        font-size:  100pt;

        color:  #299e0a;

        font-family:  initial;

        vertical-align:  middle;

}



.item-gt .content  {

    font-size: inherit;

}



section#section_7 .title-h2  {

        text-align:  left;

        margin-bottom:  15px;

}

section#section_7 ul li  {

        line-height:  32px;

        background:  url(../images/dh.png) no-repeat 0 7px;

        list-style:  none;

        padding-left:  33px;

        font-size:  18px;

}

section#section_7 ul li strong  {

        background:  #299e0a;

        color:  #fff;

        padding:  0 5px;

}

section#section_7 ul  {

        margin-bottom:  15px;

}

section#section_7  {

        padding:  40px 0;

}

section#section_7 p  {

        font-style:  italic;

        line-height:  27px;

        font-family:  'Open Sans',  sans-serif;

        text-align:  justify;

        color:  #299e0a;

        font-size:  16px;

}

section#section_197  {

        background:  url(../images/bg-najib.jpg) no-repeat;

        padding:  50px 0;

        background-size:  cover;

}

section#section_197 .content  {

    background:  rgba(255,  255,  255,  0.78);

    width:  56%;

    float:  left;

    padding:  30px;

}

section#section_197 .title-h2  {

        background:  #299e0a;

        color:  #fff;

        padding:  14px 0px;

        margin-bottom:  20px;

}

section#section_197 .title-h2 span  {

        margin:  0;

        padding:  0;

        color:  #fff;

        font-style:  normal;

        font-size:  30px;

        font-family:  auto;

}

.info-gt  {

    float:  left;

    background:  #299e0a;

    color:  #fff;

    font-family:  initial;

    font-style:  italic;

    width:  61%;

    border:  1px solid #fff;

    padding:  15px;

    line-height:  19px;

    text-align:  justify;

}

section#section_246 .content h3  {

        color:  #299e0a;

        text-align:  left;

       /* text-transform:  uppercase */

        font-size:  18px;

        margin-bottom:  15px;

}

section#section_246 .content .info  {

        color:  #333;

}

section#section_246 .content .btn a  {

        background:  #299e0a;

        color:  #fff;

        padding:  12px 20px;

        font-size:  18px;

}

section#section_246 .content .btn  {

        float:  right;

        margin-right:  10%;

}

section.page-section.page-dk  {

        background:  #f9f9f9;

        padding:  50px 0;

        margin-top:  30px;

}

section.page-section.page-dk .info h2  {

        color:  #000;

       /* text-transform:  uppercase */

        font-size:  45px;

}

section.page-section.page-dk .info h2 span  {

        display:  inline-block;

        text-transform:  none;

        font-size:  20px;

        font-family:  'Open Sans',  sans-serif;

}

section.page-section.page-dk .info h2 label  {

        font-size:  150px;

        line-height:  104px;

        font-family:  auto;

        vertical-align:  middle;

        float:  left;

        color:  #299e0a;

}

section.page-section.page-dk .info p  {

        clear:  both;

        margin-top:  25px;

        display:  block;

}




}



section.page-section.page-dk button  {

        background:  #299e0a;

        border:  none;

       /* text-transform:  uppercase */

        font-size:  16px;

        margin-top:  10px;

        padding:  10px 20px;

        border-radius:  0;

}

section#section_249  {

padding: 50px 0;

text-align:  center;

background: #f2f2f2;
}
.title-canho {
    text-align: center;
}
.title-canho h2  {

       /* text-transform:  uppercase */

        color: #f1601b;

        margin-bottom:  35px;

        font-size: 30px;

        padding:  0;

        font-weight: 700;

        background: url(../images/3-layers5.svg) no-repeat bottom;

        padding-bottom: 20px;

}

section#section_249 ul li.item  {

        text-align:  center;

}

section#section_249 ul li.item a  {

        text-align:  center;

        display:  block;

}

section#section_249 ul li.item img  {

        display:  inline-block;

}

section#section_249 ul li.item h3  {

       /* text-transform:  uppercase */

        display:  block;

        margin-top:  15px;

        color:  #299e0a;

        font-size:  22px;

}



.canho  {

    background:  url(../images/bg-nha.jpg) no-repeat;

    background-size:  cover;

    padding:  50px 0 31px;

}

.dg-container h3  {font-weight: 600;margin-bottom: 11px;font-size: 21px;color: #518eca;}

.villa .item:nth-child(2n)  {flex-direction: row-reverse;border-radius: 0 135px 135px 0;}

.villa .content h3  {

}

section#section_252  {

    padding:  50px 0;

    margin-top:  50px;

    background-position:  center;

    position:  relative;

    min-height:  1420px;

}

.sec2_content h2 label  {

        font-family:  time;

        font-size:  100px;

        color:  #299e0a;

        vertical-align:  top;

        float:  left;

        line-height:  80px;

}

.sec2_content h2  {

        color:  #299e0a;

       /* text-transform:  uppercase */

        line-height:  40px;

}

.sec2_content h2 span  {

        display:  block;

        text-transform:  none;

        color:  #111;

        font-family:  'Open Sans',  sans-serif;

        font-style:  italic;

        font-size:  20px;

}

.sec2_content .content  {

        clear:  both;

        margin-top:  25px;

}

.sec2_content .content h3  {

       /* text-transform:  uppercase */

        margin-bottom:  20px;

        color:  #299e0a;

}

.sec2_content .content .info  {

        margin-bottom:  20px;

}

.title-tiendo  {

        text-align:  center;

        margin-bottom:  25px;

}

.title-tiendo h2 span  {

       /* text-transform:  uppercase */

        background:  url(../images/icon-image.png) no-repeat 0px 10px;

        padding-left:  90px;

        padding-top:  12px;

        padding-bottom:  15px;

        color:  #1d9805;

        font-size:  36px;

}

section#section_252 .sec1_content .info  {

        position:  relative;

}

section#section_252 .sec1_content .info h3  {

    position:  absolute;

    background:  #1d9805;

    display:  block;

    bottom:  0;

    width:  92.5%;

    text-align:  center;

    color:  #fff;

    padding:  10px 0;

   /* text-transform:  uppercase */

    font-size:  21px;

}

.sec2_content  {

        clear:  both;

        float:  left;

        margin-top:  50px;

}

section#section_252 .sec1_content .info img  {

        width:  100%;

}

.title-dautu  {

        text-align:  center;

       /* text-transform:  uppercase */

        font-size:  36px;

}

.title-dautu h2 span  {

       /* text-transform:  uppercase */

        background:  url(../images/icon-per.png) no-repeat 0px 10px;

        padding-left:  90px;

        padding-top:  12px;

        padding-bottom:  15px;

        color:  #1d9805;

        font-size:  36px;

}

section#section_257 .content  {

        background:  url(../images/bg-last1.jpg);

        background-size:  cover;

        padding:  64px 0;

        margin-top:  30px;

        color:  #fff;

}

section#section_257 .info .title label  {

        font-size:  100px;

        font-family:  initial;

        vertical-align:  top;

        float:  left;

        line-height:  91px;

}

section#section_257 .info .title  {

    line-height:  43px;

    font-size:  35px;

   /* text-transform:  uppercase */

}

section#section_257 .info .title span  {

        display:  block;

        text-transform:  none;

        font-size:  20px;

}

section#section_257 .info .nd  {

        clear:  both;

}

section#section_257 .info .nd h3  {

        font-weight:  normal;

}

section#section_257 .info .nd h3  {

        font-family:  initial;

        font-size:  17px;

        margin-bottom:  10px;

}

section#section_257 .info .nd ul li  {

        list-style:  inherit;

        line-height:  27px;

}

section#section_257 .info .nd ul  {

        padding-left:  40px;

}

section#section_258  {

background: #f2f2f2;

padding-top: 40px;

/* padding-bottom: 40px; */
}





section#section_258 h2  {

    font-size: 31px;

    /* text-transform:  uppercase */

    text-align: center;

    background: url(../images/3-layers5.svg) no-repeat bottom;

    padding-bottom: 20px;

    margin-bottom: 20px;

    color: #f1601b;

}

section#section_258 .content .item h3 a  {

   /* text-transform:  uppercase */

    color: #518eca;

    font-weight:  normal;

    margin-top:  15px;

    display:  block;

    line-height: 25px;

}

section#section_258 .content .item p.mota  {

        font-size:  15px;

}

footer#section_259  {

color:  #fff;

padding:  30px 0;

position: relative;

background: #1b2f37;
}

footer .content h2  {

   /* text-transform:  uppercase */

    font-size:  20px;

    line-height:  30px;

    margin-bottom: 23px;

}





.border-form  {

    border:  1px solid #fff;

    padding:  15px;

    text-align:  center;

}

.border-form h2  {

        text-align:  center;

        margin-bottom:  10px;

}

.border-form .list input  {

        border-radius:  0;

        border:  none;

        font-style:  italic;

}

.border-form .list  {

        margin-bottom:  15px;

}

.border-form button  {

        background:  #548008;

        border:  1px solid #ccc;

       /* text-transform:  uppercase */

        border-radius:  0;

}

.wrap-finish  {

        text-align:  center;

}



.form_moblie_search #navbarResponsive  {

    

    padding:  0;

    

}

section#section_252: after  {

    

    background:  url(../images/bg-last.jpg) no-repeat;

    

    position:  absolute;

    

    top:  26%;

    

    left:  0px;

    

    content: "";

    

    right:  0;

    

    margin:  auto;

    

    height:  1000px;

    

    width:  100%;

    

}

section#section_252 .container  {

    

    position:  relative;

    

    z-index:  1;

    

}

section#section_246 {

padding: 50px 0;

background: -webkit-linear-gradient(top, #fff 0%, #f4f4f4 100%);

background: linear-gradient(to bottom, #fff 0%, #f4f4f4 100%);

background: #eee;

margin-top: -5px;
}

 /**************/

                 .panel {

                border-width: 0 0 1px 0;

                border-style: solid;

                border-color: #fff;

                background: none;

                box-shadow: none;

            }

            

            .panel:last-child {

                border-bottom: none;

            }

            

            .panel-group > .panel:first-child .panel-heading {

                border-radius: 0;

            }

            

            .panel-group .panel {

                border-radius: 0;

            }

            

            .panel-group .panel + .panel {

                border: none !important;

                box-shadow: none !important;

                margin-top: 7px !important;

            }

            

            .panel-heading {

                background-color: #fff;

                border-radius: 0;

                border: none;

                color: #fff;

                padding: 0;

                margin-bottom: 1px;

                border-radius: 0;

            }

            .panel-title a span {

                color: #fff;

                padding: 8px 18px;

                margin-left: -8px;

                background: url(../artseed/iconwhy.png) no-repeat 9px 6px #f36f21;

                padding-left: 33px;

                padding-right: 10px;

                margin-right: 15px;

            }

            .panel-title a {

                display: block;

                color: #666 !important;

                padding: 11px 10px;

                position: relative;

                height: 42px;

                font-size: 16px;

                padding-left: 73px;

                border: 1px solid #ddd;

                margin-bottom: 5px;

            }

            

            .panel-body {

                line-height:22px;

                padding: 10px !important;

                border-radius: 0 !important;

                color: #666;

                font-size: 14px;

                text-align: justify;

                border: 1px solid #ddd;

                border-bottom: none;

            }

            

            .panel:last-child .panel-body {

                border-radius: 0 0 4px 4px;

            }

            

            .panel:first-child .panel-heading {

                border-radius: 0 0 4px 4px;

                transition: border-radius 0.3s linear 0.2s;

            }

            

            .panel:first-child .panel-heading.active {

                border-radius: 0;

                transition: border-radius linear 0s;

            }

            /* #bs-collapse icon scale option */

             .panel-heading a:before {

              content: "\f061";

              position: absolute;

              left: 0;

              color: #666;

              top: 0;

              background: #eee;

              font-size: 14px;

              transition: all 0.5s;

              padding-left: 16px;

              width: 65px;

              height: 40px;

              line-height: 39px;

              font-family: FontAwesome;

              background-color: #eee;

              -webkit-clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);

              clip-path: polygon(0 0, 65% 0, 100% 100%, 0% 100%);

              transition: all .3s;

            }

            

            .panel-heading.active a:before {

                         content: "\f061";

                         position: absolute;

                         left: 0;

                         color: #fff;

                         top: 0;

                         font-size: 14px;

                         padding-left: 16px;

                         width: 65px;

                         height: 40px;

                         line-height: 39px;

                         font-family: FontAwesome;

                         background-color: #f1601b;

                         -webkit-clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);

                         clip-path: polygon(0 0, 65% 0, 100% 100%, 0% 100%);

                         transition: all .3s;

            }

            

            #bs-collapse .panel-heading a:after {

                content: '-';

                font-size: 27px;

                position: absolute;

                color: #fff;

                right: 0;

                top: 0;

                transform: scale(0);

                text-align: center;

                opacity: 0;

                height: 39px;

                line-height: 17px;

                background: #7ee1e6;

                width: 40px;

                transition: all 0.5s;

            }

            

            #bs-collapse .panel-heading.active a:after {

                content: '_';

                transform: scale(1);

                transition: all 0.5s;

            }

            /* #accordion rotate icon option */

            

            #accordion .panel-heading a:before {

                content: '\e316';

                font-size: 24px;

                position: absolute;

                font-family: 'FontAwesome';

                right: 5px;

                top: 10px;

                transform: rotate(180deg);

                transition: all 0.5s;

            }

            

            #accordion .panel-heading.active a:before {

                transform: rotate(0deg);

                transition: all 0.5s;

            }

            .panel-title a:hover:before

            {

                background-color: #f1601b;

                color:#fff;

            }

            .panel-title a:hover {

                    background: #518eca;

                    color: #fff !important;

            }

            .panel-heading.active a {

    background: #518eca;

    color: #fff !important;

}

.panel-group .panel-heading {

    padding: 0;

}

.panel-group

{

    margin-bottom: 0 !important;

}

    /***************/

    .villa .item {

    display: flex;

    flex-wrap: nowrap;

    align-items: center;

    margin-bottom: 20px;

    background: rgba(255, 255, 255, 0.6784313725490196);

    border-radius: 135px 0 0 135px;

}



.villa .item figure {

    width: 23%;

    position: relative;

    margin-right: 30px;

}



.villa .item figure img {

    width: 270px;

    height: 270px;

    border-radius: 100%;

    background: linear-gradient(to right, rgb(81, 142, 202) 0%,rgba(48,178,210,1) 50%,rgb(243, 125, 69) 100%);

    padding: 4px;

}

section#dg-container1 {

    background: url(../images/bgn-testimonials.jpg) no-repeat top center;

    background-size: cover;

    padding: 50px 0;

}

.villa .item .s-des {

    width: 73%;

    text-align: justify;

}

section#dg-container1 h2 {

    text-align: center;

    margin-bottom: 26px;

    color: #f16624;

    font-size: 30px;

    font-weight: 700;

    position: relative;

    /* text-transform:  uppercase */

    background: url(../images/3-layers5.svg) no-repeat bottom;

    padding-bottom: 20px;

}

.villa .item:nth-child(2n) figure {

    margin-right: 0;

    margin-left: 30px;

}

.villa .item .s-des li:before {

    font-family: FontAwesome;

    content: "\f00c";

    color: #6198cf;

}



.villa .item .s-des li {

    line-height: 27px;

}

section#section_249 .item {

    background: linear-gradient(to right,#1f558a,#3e8dda);

    border: 1px solid #f2f2f2;

    box-shadow: 0px 0px 16px 0px rgba(61,61,61,0.07);

    -moz-box-shadow: 0px 0px 16px 0px rgba(61,61,61,0.07);

    -webkit-box-shadow: 0px 0px 16px 0px rgba(61,61,61,0.07);

    padding: 7px;

    border-radius: 5px;

}



section#section_249 .item h3 a {

    color: #fff;

    font-size: 17px;

}



section#section_249 .item .ht-price {

    color: #f16624;

    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 3px 3px 5px #383434;

    font-weight: 600;

    font-size: 22px;

}

section#section_250 {

    background: url(../images/bg-feed.jpg) no-repeat top center;

    padding: 50px 0;

    position: relative;

}



section#section_250:before {

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.6);

    content: "";

    position: absolute;

    top: 0;

    left: 0;

}

div#slider-feed .item {

    text-align: center;

    position: relative;

    padding-top: 75px;

}



div#slider-feed .item .s-des {

    background: #fff;

    text-align: left;

    padding: 15px;

    position: relative;

    border-radius: 5px;

}



div#slider-feed .item .s-des h3,div#slider-feed .item .s-des label {

    text-align: left;

    display: block;

    margin-left: 165px;

}



div#slider-feed .item .s-des h3 {

    font-weight: bold;

    font-size: 18px;

    color: #518eca;

}



div#slider-feed .item .s-des label {

    margin-top: 3px;

    font-size: 14px;

    color: #f16624;

    margin-bottom: 17px;

}



div#slider-feed .item figure {

    width: 140px;

    height: 140px;

    position: absolute;

    top: 0;

    left: 15px;

    z-index: 11;

}

div#slider-feed .item figure:before {
    width: 94%;
    height: 94%;
    content: "";
    position: absolute;
    left: 5px;
    top: 4px;
    background: rgba(255, 255, 255, 0.52);
    border-radius: 100%;
    z-index: 1;
}

div#slider-feed .item figure img {

    border-radius: 100%;

    background: linear-gradient(to right,#1c7fe0,#3e8dda);

    padding: 4px;

    position: relative;

}



section#section_250 h2 {

    text-align: center;

    color: #fff;

    position: relative;

    padding-bottom: 14px;

    /* text-transform:  uppercase */

    font-weight: 500;

    margin-bottom: 18px;

}



section#section_250 h2:after {

    width: 40px;

    height: 2px;

    background: #f1601b;

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    bottom: 0;

}

section#section_258 .content .item figure a {

    display: block;

    height: 250px;

}



section#section_258 .content .item figure a img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.overlay {

    position: absolute;

    z-index: 1;

    width: 100%;

    left: 0;

    top: 0;

    background-color: rgba(0, 0, 0, .7);

    height: 100%;

    opacity: 1;

    transition-property: opacity;

    transition-duration: .3s;

    position: fixed;

    z-index: 11;

    display: none;

}

.overlay.phu {

    display: block;

}

a.buynow {

    background: #f1601b;

    color: #fff;

    padding: 10px 20px;

    display: inline-block;

    margin: 10px 0;

    /* text-transform:  uppercase */

}



.qualitysl p {

    display: inline-block;

}

/******cart******************/

.list_cart {

    float: left;

    width: 100%;

    border: 1px solid #ccc;

    margin-top: 0;

    padding: 0;

    margin-bottom: 5px;

}



.list_cart ul.cart_title li {

    border-right: 1px solid #ccc;

    text-align: center;

    padding: 12px;

    color: #333;

    /* text-transform:  uppercase */

}



.list_cart ul.cart_title li:last-child {

    border-right: none;

}

.list_cart ul.cart_title {

    border-bottom: 1px solid #fff;

    float: left;

    width: 100%;

    margin-bottom: 0;

    background: #eee;

}

.list_cart ul li .cart_title {

    /* text-transform:  uppercase */

    font-size: 12px;

}



.cart_info_name_sp {

    font-size: 14px;

    margin-bottom: 5px;

}



.cart_info_price {

    font-size: 14px;

}



.cart_info_total {

    font-size: 15px;

}

.button_cart {

    float: right;

    margin-top: 20px;

    margin-left: 0;

    margin-bottom: 20px;

}

.button_cart a:last-child

{background: #f1601b;color: #fff;}





button.buy_cart  {

    background: #612e05;

    color: #fff;

    padding: 8px 12px;

    border: medium none;

}



.button_cart a, button.order-cart-end {

    background: #518eca;

    color: #fff;

    padding: 12px 12px;

    /* text-transform:  uppercase */

    margin-bottom: 10px;

    border: none;

    display: inline-block;

}

.phiship {border: 1px solid #ddd;margin-top: 10px;padding: 10px;}



.phiship label {

    margin-bottom: 10px;

}



.phiship p {

    font-size: 14px;

    color: #666;

}

.button_cart a:hover, button.order-cart-end:hover {

    background: #b50c0c;

    color: #fff;

}

.code-sale {

    margin-bottom: 15px;

    border: 1px solid #ccc;

    padding: 10px;

    float: left;

}



.tit-info-cart {

    padding: 11px;

    background: #ab1818;

    color: #fff;

    /* text-transform:  uppercase */

}



.tit-info-cart i {

    float: right;

    font-size: 15px;

}



.sumadd {

    border-top: 1px solid #000;

    padding: 12px 0;

    padding-left: 10px;

}



.sumadd span {

    float: right;

    margin-right: 10px;

    font-weight: bold;

    font-size: 14px;

}



.sum-info-cart ul {border: 1px solid #ccc;float: left;width: 100%;}



.sum-info-cart ul li {

    color: #666;

    font-size: 13px;

    float: left;

    border-bottom: 1px solid #eee;

    width: 100%;

    line-height: 35px;

}

.info-cart-cart ul li {

    line-height: 26px;

    color: #444;

}



.info-cart-cart ul {

    padding: 10px;

}

.info-cart-cart ul li span {

    float: right;

}

.tit-code-sale {

    background: #823b88;

    color: #fff;

    padding-left: 10px;

    padding-top: 12px;

    font-family: open-sans;

    /* text-transform:  uppercase */

    padding-bottom: 12px;

    margin: -10px -10px 10px;

}



.tit-code-sale i {

    float: right;

    margin-right: 10px;

    font-size: 16px;

}



.info-cart {

    clear: both;

    border: 1px solid #ccc;

}



.form-code-sale form input {

    width: 95% !important;

    font-size: 12px;

    box-shadow: none;

    margin-top: 10px;

}



button.sent-code {

    float: left;

    border: none;

    background: #fb62b1;

    color: #fff;

    margin-top: 10px;

    /* text-transform:  uppercase */

    padding: 9px;

}



.form-code-sale form .input-group {

    float: left;

    width: 70%;

}

ul.list_list_cart {

    clear: both;

    float: left;

    width: 100%;

    /* background: #eee; */

    margin: 0;

}



ul.list_list_cart li {

    border-right: 1px solid #ccc;

    min-height: 65px;

}



ul.list_list_cart li.list_cart_info:last-child {

    border-right: none;

}



ul.list_list_cart li {

    text-align: center;

}



ul.list_list_cart li ul {

    clear: both;

    float: left;

    width: 100%;

    border-bottom: 1px solid #ccc;

    padding: 0;

}

ul.list_list_cart li ul:nth-child(2n) {

    background: #fcfcfc;

}

ul.list_list_cart li ul li {

    padding-top: 5px;

}

ul.list_list_cart li ul li select {

    margin: 0 auto;

}



ul.list_list_cart li ul:last-child {

    border-bottom: none;

}



.cart_delete i {

    font-size: 18px;

    color: #000;

    cursor: pointer;

}



.cart_info_image_sp {

    margin-bottom: 10px;

    max-width: 100px;

    margin: 0 auto;

    max-height: 100px;

}

.cart_info_image_sp img {

    max-height: 58px;

    display: inline-block;

}



ul li.list_cart_detail:last-child {

    border-bottom: none;

}



ul li.list_cart_detail {

    border-bottom: 1px solid #ccc;

    border-right: none;

    margin-top: 0px;

}

/****************/

/****************/

.detail_cart form label {

    font-weight: normal;

    float: left;

    min-width: 100px;

    margin: 5px 0px;

}



.detail_cart .input-group {

    display: block;

    width: 100%;

    margin: 5px 0;

    float: left;

    clear: both;

}



.detail_cart .input-group input {

    border: 1px solid #ccc;

    box-shadow: none;

    border-radius: 0;

    width: 100%;

    float: left;

}



.detail_cart .input-group select {

    box-shadow: none;

    width: 100%;

    display: block;

    height: 36px;

    border: 1px solid #ccc;

}

.detail_cart {

    margin-top: 20px;

}



.detail_cart .input-group textarea {

    min-height: 100px;

    margin-top: 10px;

    padding: 5px;

}

.tit-detail-cart {

    /* text-transform:  uppercase */

    font-size: 18px;

    margin-bottom: 10px;

}



.option-cart-vc {

    float: left;

    margin-top: 10px;

    width: 100%;

    display: none;

}



.option-cart-vc li input {

    vertical-align: middle;

    margin-top: 0px;

}



.order-cart-end {

    display: inline-block;

    margin-top: 10px;

    background: #aa1a24;

    color: #fff;

    padding: 10px;

    /* text-transform:  uppercase */

}

.sum-info-cart ul li:first-child p {

    float: left;

    width: 50%;

    background: #eee;

    padding-left: 5px;

    line-height: 33px;

    /* text-transform:  uppercase */

}



.sum-info-cart ul li p {

    float: left;

    width: 50%;

    padding-left: 5px;

}



.sum-info-cart ul li:last-child {

    border-bottom: none;

}



.option-cart-vc ul li {

    padding-left: 10px;

}



form.mem-register input {

    background-color: #eee !important;

    border: 1px solid #eee;

    background: #eee;

    padding: 9px;

    margin-top: 5px;

    margin-bottom: 5px;

}

/**********/

.title-page-detail {

    margin-top: 20px;

}

.btnfeed {

    background: #fff;

    width: 35px;

    cursor: pointer;

    height: 35px;

    text-align: center;

    line-height: 35px;

    display: inline-block;

    font-size: 13px;

}



div#slider-feed {

    text-align: center;

}



.btnfeed:hover {

    background: #f1601b;

    color: #fff;

}

section#section_249 .item img {

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

}



section#section_249 .item:hover img {

    -ms-transform: scale(1.05,1.05);

    -webkit-transform: scale(1.05,1.05);

    transform: scale(1.05,1.05);

}

section#section_249 .item .thumb-pr {

    display: block;

    overflow: hidden;

}

.logo {

    margin-top: 5px;

}

a.datmua {

    background: linear-gradient(to right,#dc9121,#f1601b);

    color: #fff;

    padding: 5px 25px;

    display: inline-block;

    margin-top: 10px;

    border-radius: 29px;

}  


a.datmua:hover {

    background: linear-gradient(to right,#0072ff,#00c6ff);

}

div#slider-feed .item .s-des:before {content: "\f10d";position: absolute;top: 61px;left: 8px;color: #cccccc7a;font-size: 25px;font-family: FontAwesome;z-index: 0;}



div#slider-feed .item .s-des p {

    position: relative;

}
@-webkit-keyframes my {
 0% { color: #F8CD0A; } 
 50% { color: #fff;  } 
 100% { color: #F8CD0A;  } 
 }
 @-moz-keyframes my { 
 0% { color: #F8CD0A;  } 
 50% { color: #fff;  }
 100% { color: #F8CD0A;  } 
 }
 @-o-keyframes my { 
 0% { color: #F8CD0A; } 
 50% { color: #fff; } 
 100% { color: #F8CD0A;  } 
 }
 @keyframes my { 
 0% { color: #7ed1f5;  } 
 50% { color: #6dacea;  }
 100% { color: #db2128;  } 
 } 
 .test {
         font-size:24px;
         font-weight:bold;
         -webkit-animation: my 700ms infinite;
         -moz-animation: my 700ms infinite;
         -o-animation: my 700ms infinite;
         text-align: center;
         font-size: 19px;
         margin-bottom: 0;
         animation: my 700ms infinite;
         margin-top: 5px;
}
p.dangnhap {
    position: absolute;
    right: 0px;
    top: -16px;
}

p.dangnhap a {
    color: #518eca;
}

p.dangnhap a:hover {
    color: #f1601b;
}
#dg-container1 .owl-pagination {
    text-align: center;
    margin: auto;
}

.owl-page span {
    background: #ccc;
    width: 10px;
    height: 10px;
    display: inline-block;
}
.owl-pagination .owl-page {
    display: inline-block;
    margin: 0 5px;
}

.owl-page.active span {
    background: #ef6036;
}
.goidichvu
{
    padding:40px 0;
    background: #eee;
}
section.goidichvu .item {
    text-align: center;
    background: #fff;
    padding: 10px;
    border-radius: 7px;
}

section.goidichvu .item img {
    display: inline;
    margin-bottom: 10px;
}

section.goidichvu .item h3 a {
    /* text-transform:  uppercase */
    line-height: 22px;
    font-size: 15px;
}

section.goidichvu .item span.new-price {
    font-weight:bold;
    color: #ef6036;
}
.short-mt ul li {
    list-style: inherit;
    margin-left: 15px;
}
section#section_258 .item {
    background: #fff;
    margin: 0 15px;
    padding-bottom: 10px;
}

section#section_258 p.mota {
    padding: 0 10px;
    font-size: 14px;
    color: #666;
    height: 102px;
    overflow: hidden;
}

section#section_258 p.mota1 {
        padding: 0 10px;
        font-size: 14px;
        color: #666;
        /* height: 102px; */
        overflow: hidden;
    }

section#section_258 .item figure a {
    display: block;
    height: 250px;
}

section#section_258 .item figure a img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

section#section_258 .item h3 a:hover {
    color: #f1601b;
}
.owl-pagination {
    text-align: center;
    margin-top: 15px;
}


@media screen and (max-width: 600px) {
         
.container-iframe {
        position: relative;
        overflow: hidden;
        width: 100%;
        padding-top: 77%;
        /* padding-top: 100%; */
        /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
      
      /* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
}  
}


@media screen and (min-width: 540px) {
       
        .container-iframe {
                position: relative;
                overflow: hidden;
                width: 100%;
                padding-top: 72%;
                /* padding-top: 100%; */
                /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
        }
              
              /* Then style the iframe to fit in the container div with full height and width */
        .responsive-iframe {
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                width: 100%;
                height: 100%;
        } 
        }

@media screen and (min-width: 600px) {
       
        .container-iframe {
                position: relative;
                overflow: hidden;
                width: 100%;
                padding-top: 126%;
                /* padding-top: 100%; */
                /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
        }
              
              /* Then style the iframe to fit in the container div with full height and width */
        .responsive-iframe {
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                width: 100%;
                height: 100%;
        } 
        }
        

        @media screen and (min-width: 653px) {
       
                .container-iframe {
                        position: relative;
                        overflow: hidden;
                        width: 100%;
                        padding-top: 65%;
                        /* padding-top: 100%; */
                        /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
                }
                      
                      /* Then style the iframe to fit in the container div with full height and width */
                .responsive-iframe {
                        position: absolute;
                        top: 0;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        width: 100%;
                        height: 100%;
                } 
                }
                
                @media screen and (min-width: 667px) {
       
                        .container-iframe {
                                position: relative;
                                overflow: hidden;
                                width: 100%;
                                padding-top: 70%;
                                /* padding-top: 100%; */
                                /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
                        }
                              
                              /* Then style the iframe to fit in the container div with full height and width */
                        .responsive-iframe {
                                position: absolute;
                                top: 0;
                                left: 0;
                                bottom: 0;
                                right: 0;
                                width: 100%;
                                height: 100%;
                        } 
                        }
                
@media screen and (min-width: 768px) {
       
        .container-iframe {
                position: relative;
                overflow: hidden;
                width: 100%;
                padding-top: 60%;
                /* padding-top: 100%; */
                /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
        }
              
              /* Then style the iframe to fit in the container div with full height and width */
        .responsive-iframe {
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                width: 100%;
                height: 100%;
        } 
        }

        @media screen and (min-width: 812px) {
       
                .container-iframe {
                        position: relative;
                        overflow: hidden;
                        width: 100%;
                        padding-top: 57%;
                        /* padding-top: 100%; */
                        /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
                }
                      
                      /* Then style the iframe to fit in the container div with full height and width */
                .responsive-iframe {
                        position: absolute;
                        top: 0;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        width: 100%;
                        height: 100%;
                } 
                }

        @media screen and (min-width: 1024px) {
       
                .container-iframe {
                        position: relative;
                        overflow: hidden;
                        width: 100%;
                        padding-top: 38.25%;
                        /* padding-top: 100%; */
                        /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
                }
                      
                      /* Then style the iframe to fit in the container div with full height and width */
                .responsive-iframe {
                        position: absolute;
                        top: 0;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        width: 100%;
                        height: 100%;
                } 
        }

        @media screen and (min-width: 1366px) {
       
                .container-iframe {
                        position: relative;
                        overflow: hidden;
                        width: 100%;
                        padding-top: 38.25%;
                        /* padding-top: 100%; */
                        /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
                }
                      
                      /* Then style the iframe to fit in the container div with full height and width */
                .responsive-iframe {
                        position: absolute;
                        top: 0;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        width: 100%;
                        height: 100%;
                } 
        }


        .check-list {
                margin: 0;
                padding-left: 0.5rem;
              }
              
        .check-list li {
        position: relative;
        list-style-type: none;
        padding-left: 1.5rem;
        margin-bottom: 0.5rem;
        }
        
        .check-list li:before {
                content: '';
                display: block;
                position: absolute;
                left: 0;
                top: -2px;
                width: 5px;
                height: 11px;
                border-width: 0 2px 2px 0;
                border-style: solid;
                border-color: #00a8a8;
                transform-origin: bottom left;
                transform: rotate(45deg);
        }