@font-face {







  font-family:'UTM AvoBold';







    src:url('../fonts/UTM AvoBold.ttf');







}







@font-face {







  font-family:'UTM Avo';







    src:url('../fonts/UTM Avo.ttf');







}







.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: #8dc73f;







}







body {















  font-size: 13px;







  font-family:'UTM Avo';







}







.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%;







}







a {text-decoration: none;color: #444;}







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: none repeat scroll 0 0 #8cc63e;







border: 1px solid #FFFFFF;







bottom: 8%;







color: #FFFFFF;







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







height: 30px;







line-height: 27px;







position: fixed;







right:10px;







text-align: center;







text-transform: uppercase;







transition: all 0.5s ease 0s;







width: 35px;







z-index: 1000;







}







a.scrollup:hover{







 background: none repeat scroll 0 0 #c31818;







 border: 1px solid #FFFFFF;







 box-shadow: 0 0 0 2px #c31818;







 color: #fff;







 }







 .productbreadcrumb {







    float: left;







    width: 100%;







    padding: 15px 0;







    margin-bottom: 0;







  display:none;







}















.productbreadcrumb ul li {







    float: left;







    position: relative;







    padding-right: 20px;







}















.productbreadcrumb ul li:after {







    content: "\f105";







    position: absolute;







    font-size: 12px;







    right: 6px;







    font-weight: bold;







    top: 2px;







    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;







}







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















.menu {text-align: left;position: relative;float: right;margin-right: 38px;}















.menu nav {







    margin-top: 0px;







    margin-left: 0;







  







    padding-left: 0;







}







.form_moblie_search {







    text-align: left;







    margin-top: 5px;







    position: relative;







    background: #fff;







    border: 2px solid #fff;







    float: left;







    width: 100%;







}















.form_moblie_search input {







    border: none;







    font-size: 13px;





    float: left;















    padding: 10px 10px;







    width: 100%;







  







}







.menu-hotline-mail {







    margin-top: 10px;







}







/*************menu*************/







nav {







    /* clear: both; */







    float: left;







}







.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;







}















  







/* level 1 */















.sky-mega-menu {







  z-index: 999;







  margin-bottom: 0;







}







.sky-mega-menu:after {







  content: '';







  display: table;







  clear: both;







}















.sky-mega-menu li {







  float: left;







  position: relative;







}







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







   color: #8cc63e;







   }















.sky-mega-menu li a {







  font-size: 13px;







  padding: 28px 1px 28px 21px;







  display: inline-block;







  color: #0a0a0a;







  text-transform: uppercase;







  text-decoration: none;







  position: relative;







}







.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;







  z-index: 1000;







  top: 62px;







  left:0;







  min-width: 230px;







  display: none;







  margin-top: 8px;







  border: 1px solid #fff;







  background: #222222;







  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 li{}







.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 {







  /* display: inline-block; */







  /* float: left; */







  /* border-width: 0; */







  line-height: 35px;







  width: 100%;







  border-right: none;






  /* float: left; */







  border-bottom: 1px solid #ddd;







  /* border-top-width: 1px; */







  /* white-space: normal; */







  /* width: 50%; */







  /* text-align: left; */







}















.sky-mega-menu li li a:before







{







    opacity:0;







}







.sky-mega-menu li li a:after







{







  opacity:0;







}







.sky-mega-menu li li a {







  /* padding-top: 4px; */







  color: #fff;







  /* padding-bottom: 4px; */







  display: block;







  font-size: 13px;







  text-transform: none;







  font-weight: normal;







  padding: 0;







  padding-left: 15px;







  text-align: left;







  border: none;







}















.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: 1024px) { /* <-- 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: #8cc63e;







  }







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







{







  color: #fff;







}







  .mobmenu-toggle,







    .mobile-menu-toggle-button,







    .mobile-toggleable-menu {







        /* top: 10px; */







        position: fixed;







        -webkit-transition: all 0.8s;







        -moz-transition: all 0.8s;







        -ms-transition: all 0.8s;







        -o-transition: all 0.8s;







        transition: all 0.8s;







    }







    .mobmenu-toggle {







        line-height: 45px;







        height: 45px;







        margin-bottom: 0;







        text-align: center;







        width: 45px;







        position: absolute;







        display: block;







        top: 16px;







    }







   .mobmenu-toggle::before {







    background: #000;






    content: "";







    display: block;







    height: 3px;







    position: absolute;







    left: 0;







    top: 14px;







    width: 20px;







}







.mobmenu-toggle::after {







    border-bottom: 3px solid #000;







    border-top: 3px solid #000;







    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;







    }







    .mobile-toggleable-menu {







        margin: 0;







        width: 85%;







        height: 100%;







        max-height: 100%;







        min-height: 100%;







        z-index: 999;







        overflow: hidden;







    }







    nav







    {







        height: 45px;





        float: none;







        clear: inherit;







        display: inline-block;







        margin: 0 auto;







        text-align: center;







    }







    .mobile-toggleable-menu.mobile-left {







        left: -105%;







    }







    .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: 0;color: #333;top: -4px;cursor: pointer;text-align: center;line-height: 48px;width: 40px;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;}







  .mobile-toggleable-menu li a {







    color: #333;







    line-height: 27px;







    font-size: 13px;







    padding: 5px;







    display: block;







  }







  .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*******/







.tophead {







    background: #faf5ef;







    padding: 5px 0;







}















.contact-top p {







    display: inline-block;







    margin-right: 20px;







    color: #0d0c0c;







    font-size: 12px;







}















.contact-top p.phone







{







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







  padding: 10px 0 10px 34px;







}







.contact-top p.email







{







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







  padding: 10px 0 10px 34px;







}







.contact-top p.timeclock







{







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







  padding: 10px 0 10px 34px;







}















/* Header */







.social-top {







    text-align: right;







}







.social-top a {







    color: #8dc73f;







    width: 30px;







    height: 30px;







    border-radius: 30px;







    display: inline-block;







    border: 1px solid #8dc73f;







    text-align: center;







    line-height: 24px;







    margin-left: 5px;







    margin-top: 4px;







}















.header {







    position: absolute;







    width: 100%;







    top: 15px;







    z-index: 12;







}















.wrap-banner {







    position: relative;







}







.menulogo {background: #faf5ef;float: left;width: 100%;padding-left: 10px;position: relative;}















.logo {







    float: left;







    margin-top: 5px;







}







.ask-main .container {







    width: 98%;







}







.artseed-title-pr h2 {text-align: center;font-weight: bold;position: relative;font-size: 22px;}















.ask-main {







    margin-top: 25px;







}







.artseed-title-pr h2:before {left: 0;right:0;margin:auto;content: "";top: 14px;position: absolute;height: 1px;background: #6a6a69;width: 37%;}















.artseed-title-pr h2 span {display: inline-block;background: #fff;padding: 2px 23px;z-index: 1;margin: 0;position: relative;font-family: UTM AvoBold;background-image: url(../images/ic.png),url(../images/ic.png);background-repeat: no-repeat;background-position: left center, right center;}















ul.tabduan {







    text-align: center;







    border-bottom: none;







    margin: 26px 0;







}















ul.tabduan li {







    float: none;







    display: inline-block;







}















ul.tabduan li a {







    text-transform: uppercase;







}















ul.tabduan li.active a,ul.tabduan li:hover a {







    border-bottom: 2px solid #219642;







}















ul.tabduan li a {







    padding: 0;







    margin: 0 16px;







    font-size: 15px;







    padding-bottom: 6px;







    border-bottom: 2px solid transparent;







}















ul.tabduan li a:hover {







    color: #222;







}







.item-duan {







    position: relative;







    height: 213px;







}















.item-duan img {







    width: 100%;







    height: 100%;







    object-fit: cover;







}







.item-duan h3 a {







    position: absolute;







    bottom: 0;







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







    width: 100%;







    display: block;







    color: #fff;







    text-align: center;







    text-transform: uppercase;







    padding: 12px;







}















.item-duan h3 a:hover {







    background: rgba(28, 138, 63, 1);







}







.list-pr-duan {







    margin-bottom: 25px;







}







.thumb-sr {







    position: relative;







    height: 195px;







    margin-bottom: 15px;







    border-top: 3px solid #8cc63e;







}







.thumb-sr img {







    width: 100%;







    height: 100%;







    object-fit: cover;







}







.item-service-home h3 a {







    display: block;







    font-family: UTM AvoBold;







    font-size: 16px;







    position: relative;







    padding-bottom: 10px;







}















.item-service-home h3 a:after {







    position: absolute;







    bottom: 0;







    left: 0;







    width: 40px;







    height: 2px;







    content: "";







    background: #8dc73f;







}















.short-sr {







    margin: 10px 0;







    font-size: 14px;







}















a.viewmore i {







    font-size: 9px;







    color: #8dc73f;







}















a.viewmore:hover {







    color: #8dc73f;







}







.list-serive {







    margin-bottom: 30px;







    margin-top: 30px;







}







.bg-creterion {







    position: relative;







    background-attachment: fixed;







    background-repeat: no-repeat;







    background-position: center center;







    background-size: cover;







    text-align: center;







    color: #fff;







    margin-bottom: 30px;







    padding: 52px 0px 60px;







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







}



.bg-creterion h2 span,.bg-video h2 span {



    background-image: url(../images/ic1.png),url(../images/ic1.png) !important;



    background-repeat: no-repeat !important;



    background-position: left center, right center !important;



}



.artseed-title-pr.cre h2 span {background: transparent;}















.artseed-title-pr.cre h2:before {







    display: none;







}















.artseed-title-pr.cre h2 span:before {width: 100px;height: 1px;background: #fff;position: absolute;content: "";left: 100%;top: 14px;}







.artseed-title-pr.cre h2 span:after {width: 100px;height: 1px;background: #fff;position: absolute;content: "";right: 100%;top: 14px;}







ul.tabtieuchi {







    border-bottom: none;







    text-align: center;







    border-bottom: 1px solid #fff;







    padding-bottom: 50px;







    width: 85%;







    margin: 0 auto;







}















ul.tabtieuchi li {







    margin-right: 0;







    text-align: center;







    display: inline-block;







    float: none;







    margin-bottom: 0;







    vertical-align: middle;







}















ul.tabtieuchi li a {display: block;width: 130px;height: 130px;border-radius: 100%;background: #219642;color: #222;border: 2px solid transparent;padding: 50px 0;font-weight: bold;font-size: 14px;margin: 0 20px;position: relative;}







.artseed-title-pr.cre {







    margin-bottom: 35px;







}















.contenttieuchi {







    margin-top: 30px;







}







ul.tabtieuchi li.active a {







    color: #fff;







    background:none;







    border:2px solid #fff







}















ul.tabtieuchi li.active a:before {







    width: 1px;







    height: 53px;







    background: #fff;







    content: "";







    position: absolute;







    bottom: -53px;







    left: 0;







    right: 0;







    margin: auto;







}















.contenttieuchi {font-size: 14px;}







.item-why {







    text-align: center;







    margin: 30px 0;







}















.item-why h3 {







    font-weight: bold;







    padding-bottom: 13px;







    margin: 10px 0;







    position: relative;







    font-family: UTM AvoBold;







    font-size: 16px;







}















.item-why h3:after {







    width: 30px;







    height: 2px;







    background: #8cc63e;







    content: "";







    position: absolute;







    left: 0;







    right: 0;







    margin: auto;







    bottom: 0;







}















.item-why p {







    font-size: 13px;







}















.item-why span {







    display: inline-block;







    width: 100px;







    height: 100px;







    font-size: 47px;







    line-height: 82px;







    border-radius: 100%;







    border: 3px solid #219642;







    margin-bottom: 10px;







    background: -webkit-gradient(linear,right top,left bottom,color-stop(0.1,#fff),color-stop(1,#bdb8b8));







    background: -moz-linear-gradient(center top,#fff 5%,#bdb8b8 100%);







    background: -ms-linear-gradient(top left,#fff 0%,#bdb8b8 100%);







    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fddd17',endColorstr='#f8bb13');







}







.bg-video {







    background: #000;







    padding: 30px 0;







}















.artseed-title-pr.video {







    margin-bottom: 30px;







}















.artseed-title-pr.video span {







    background: #000;







}















.artseed-title-pr.video h2 {







    color: #fff;







}















.artseed-title-pr.video h2:before {







    background: #fff;







}







.artseed-news-home {







    margin-top: 40px;







}







.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;







}







.item-news-right img {







    float: left;







    width: 46%;







    margin-right: 20px;







    max-height: 98px;







}















.item-news-right {







    float: left;







    width: 100%;







    margin-bottom: 20px;







}















.news-options-right h3 a {







    font-family: UTM AvoBold;







    font-size: 13px;







    line-height: 21px;







}







.news-options-right time







{







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







  padding-left: 26px;







}







.bg-feedback {







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







  padding: 50px 0;







}







.title-feedback {







    border-bottom: 1px solid #ccc;







    padding-bottom: 10px;







    margin-bottom: 25px;







    position: relative;







    font-family: UTM AvoBold;







}







.title-feedback h2 {







    font-size: 20px;







}







.title-feedback:after {







    position: absolute;







    left: 0;







    bottom: 0;







    width: 45px;







    height: 3px;







    background: #219642;







    content: "";







}















.item-feedback {







    margin: 0 15px;







}















.item-feedback p {







    padding: 30px;







    background: url(../images/kep.jpg)no-repeat 0px 17px;







    background-color: #fff;







    padding-left: 56px;







    font-style: italic;







    font-size: 14px;







    position: relative;







    box-sizing: border-box;







    box-shadow: 0px 3px 3px 0 #ccc;







}







.item-feedback h3 {







    font-family: UTM AvoBold;







    font-size: 16px;







    color: #222;







    margin-bottom: 9px;







    margin-top: 25px;







}















.item-feedback .star {







    color: #93c949;







    font-size: 16px;







}







.item-feedback p:after {







   content: "";







   position: absolute;







   width: 0;







   height: 0;







   margin-left: -0.5em;







   bottom: -18px;







   left: 5%;







   box-sizing: border-box;







   border: 10px solid black;







   border-color: #fff;







   transform-origin: 0 0;







   transform: rotate(-45deg);







   box-shadow: -3px 3px 3px 0 #ccc;







}















.carousel-feedback {







    position: relative;







}















.customNavigation {







    position: absolute;







    top: -66px;







    right: 15px;







}















.customNavigation a {







    border: 1px solid #ccc;







    border-radius: 0;







    font-size: 20px;







    padding: 3px 14px;







}







.customNavigation a:hover {







    background: #ccc;







}







.slidelogo {







    padding: 30px 0;

	clear:both;







}















.slidelogo ul li {







    display: inline-block;







    width: 17.1%;







    margin-bottom: 15px;







    margin-left: 15px;







    margin-right: 15px;







}















.slidelogo ul li img {







    width: 100%;







    border: 1px solid #ccc;







    background: #fff;







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







    -webkit-filter: grayscale(1);







    filter: grayscale(1);







    opacity: 0.3;






    height: 100%;







    object-fit: scale-down;







    border: 3px solid transparent;







}















.slidelogo ul li:hover img {







    opacity: 1;







    border: 3px solid #8cc63e;







    -webkit-filter: grayscale(0);







    filter: grayscale(0);







}







.slidelogo ul li a {





    position: relative;







    height: 100px;







}















footer {background: #333;padding: 40px 0;}







.box-footer {color: #fff;}







.box-footer p.address {background: url(../images/ad.png) no-repeat 0px 0px !important;padding-left: 80px;padding-bottom: 13px;}















.box-footer p.mail {







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







   padding-left: 80px;







   padding-bottom: 27px;







   padding-top: 7px;







}















.box-footer p.phone, .box-footer div.phone {







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







padding-left: 80px;







padding-bottom: 5px;



}







.box-footer p span {







    display: block;







    line-height: 20px;







}















.copyright {







    background: #111;







    float: left;







    width: 100%;







    padding: 5px;







}















.copyright p {







    color: #fff;







    display: inline-block;







    line-height: 31px;







}















.copyright p a {







    font-family: UTM AvoBold;







    color: #8dc73f;







}















.copyright ul {







    text-align: right;







    display: inline-block;







    float: right;







}















.copyright ul li {







    display: inline-block;







}















.copyright ul li i {







    width: 35px;







    height: 35px;







    background: #138740;







    color: #000;







    line-height: 35px;







    text-align: center;







    border-radius: 3px;







}







.title-page h1,.news_title_related h2 {







    position: relative;







    border-bottom: 1px solid #eee;







    display: inline-block;







    padding-bottom: 13px;







    font-size: 21px;







    font-family: UTM AvoBold;







    margin-bottom: 20px;







}















.title-page h1:after,.news_title_related h2:after {







    position: absolute;







    bottom: 0;







    left: 0;







    width: 35px;







    content: "";







    height: 3px;







    background: #8cc63e;







}















.artseed-new-item-content h3 a {







    font-family: UTM AvoBold;







    font-size: 18px;







    display: block;







    margin-bottom: 10px;







}















.calendar i {







    color: #8cc63e;







    margin-right: 5px;







}















.artseed-new-item-sum {







    margin-top: 11px;







    line-height: 22px;







    font-size: 14px;







}







article.artseed-new-item {







    margin-bottom: 20px;







}







.f-block {







    margin-top: 15px;







}















.tit-block {







    border-bottom: 1px solid #eee;







    padding-bottom: 0px;







    font-size: 17px;







    font-family: UTM AvoBold;







    margin-bottom: 10px;







}















.content-list-dm ul li {







    line-height: 25px;







}















.tit-block span {







    display: inline-block;







    border-bottom: 3px solid #8cc63e;







    padding-bottom: 6px;







}















.content-list-dm ul li a {







    font-size: 14px;







    position: relative;






    padding-left: 15px;







}















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







    width: 5px;







    height: 5px;







    content: "";







    position: absolute;







    left: 0;







    top: 9px;







    background: #8cc63e;







    border-radius: 5px;







}















figure.artseed-block-item-img {







    float: left;







    width: 32%;







    margin-right: 10px;







}















.artseed-block-item h3







 a {







    font-size: 14px;







    font-weight: bold;







}















.artseed-block-item {







    float: left;







    margin-bottom: 15px;







}







.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;







}







.news_related ul li {







    line-height: 22px;







}







.content-home.pagecenter {







    margin-top: 40px;







}







.pagination a {







 -webkit-border-radius: 5px;







 border-radius: 5px;







 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: #ed1b24; -webkit-box-shadow: 0 0 2px #ed1b24; }







  50% { background-color: #fa4f57; -webkit-box-shadow: 0 0 5px #fa4f57; }







  100% { background-color: #fa4149; -webkit-box-shadow: 0 0 2px #fa4149; }







}















@-moz-keyframes glowing {







  0% { background-color: #8dc73f; box-shadow: 0 0 2px #30bb6a; }







  50% { background-color: #149048; box-shadow: 0 0 5px #20a223; }







  100% { background-color: #72bd0e; box-shadow: 0 0 2px #2dcc70; }







}















@-o-keyframes glowing {







  0% { background-color: #2dcc70; box-shadow: 0 0 2px #000; }







  50% { background-color: #2dcc70; box-shadow: 0 0 5px #000; }







  100% { background-color: #2dcc70; box-shadow: 0 0 2px #000; }







}















@keyframes glowing {







  0% { background-color: #2dcc70; box-shadow: 0 0 2px #000; }







  50% { background-color: #2dcc70; box-shadow: 0 0 5px #000; }







  100% { background-color: #2dcc70; box-shadow: 0 0 2px #000; }







}















.pagination {







    width: 100%;







    text-align: center;







}







.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: 44px;







    color: #8cc63e;







    width: 45px;







    padding-right: 7px;







    border-radius: 5px;







    line-height: 45px;







    font-family: FontAwesome;







    z-index: 999;







    height: 45px;







    background: #222;







    text-align: center;







}







.nivo-directionNav a:hover:before







{







    background: #8cc63e;







    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: 7px;







}















form.form-contact textarea {







    padding-left: 8px;







    min-height: 100px;







}















.form-right {







    margin-top: 15px;







    line-height: 22px;







}















span#contact-see-all a {







    display: inline-block;







}















.contact-send {







    display: inline-block;







    margin-bottom: 10px;







}















.contact-send a {







    background: #138740;







    color: #fff;







    padding: 10px;







}



.nivo-directionNav {



    display: none !important;



}



.news_related {



    margin-bottom: 20px;



}



.fixed {



    position: fixed;



    top: 0;



    left: 0;



    width: 100%;



}



.mypage-alo-phone {



    position: fixed;



    left: 0px;



    bottom: 0px;



    visibility: visible;



    background-color: transparent;



    width: 110px;



    height: 110px;



    cursor: pointer;



    z-index: 200000 !important;



}







.mypage-alo-phone:hover .mypage-alo-ph-circle {



    border-color: #77EE55;



}







.mypage-alo-phone:hover .mypage-alo-ph-circle-fill {



    background-color: rgba(119, 238, 85, 0.5);



}







.mypage-alo-phone:hover .mypage-alo-ph-img-circle {



    background-color: #77EE55;



}







.mypage-alo-ph-circle {



    width: 90px;



    height: 90px;



    top: 12px;



    left: 12px;



    position: absolute;



    background-color: transparent;



    -webkit-border-radius: 100%;



    -moz-border-radius: 100%;



    border-radius: 100%;



    border: 2px solid rgba(30, 30, 30, 0.4);



    opacity: .1;



    border-color: #8cc63e;



    opacity: .5;



}







.mypage-alo-ph-circle-fill {



    width: 60px;



    height: 60px;



    top: 28px;



    left: 28px;



    position: absolute;



    -webkit-transition: all 0.2s ease-in-out;



    -moz-transition: all 0.2s ease-in-out;



    -ms-transition: all 0.2s ease-in-out;



    -o-transition: all 0.2s ease-in-out;



    transition: all 0.2s ease-in-out;



    -webkit-border-radius: 100%;



    -moz-border-radius: 100%;



    border-radius: 100%;



    border: 2px solid transparent;



    -webkit-transition: all .5s;



    -moz-transition: all .5s;



    -o-transition: all .5s;



    transition: all .5s;



    background-color: rgba(140, 198, 62, 0.75);



    opacity: .75 !important;



}







.mypage-alo-ph-img-circle {



    width: 30px;



    height: 30px;



    top: 43px;



    left: 43px;



    position: absolute;



    background: rgba(30, 30, 30, 0.1) url(../images/call.png) no-repeat center center;



    -webkit-border-radius: 100%;



    -moz-border-radius: 100%;



    border-radius: 100%;



    border: 2px solid transparent;



    opacity: .7;



    -webkit-transition: all 0.2s ease-in-out;



    -moz-transition: all 0.2s ease-in-out;



    -ms-transition: all 0.2s ease-in-out;



    -o-transition: all 0.2s ease-in-out;



    transition: all 0.2s ease-in-out;



    -webkit-transform-origin: 50% 50%;



    -moz-transform-origin: 50% 50%;



    -ms-transform-origin: 50% 50%;



    -o-transform-origin: 50% 50%;



    transform-origin: 50% 50%;



    background-color: #8cc63e;



    background-size: 70%;



}







.form_order {



    width: 270px;



    display: none;



}







.orderquick {



    position: fixed;



    z-index: 9000000;



    right: 10px;



    bottom: 3px;



}







.ordea {



    background: #138740;



    text-align: center;



    cursor: pointer;



    color: #fff;



    width: 270px;



    font-family: arial;



    text-transform: uppercase;



    font-size: 14px;



    height: 40px;



    padding-left: 51px;



    line-height: 40px;



}



.ordea i{



      background: url(../images/chat.png) no-repeat;



      background-size: 100% 100%;



      display: inline-block;



      vertical-align: middle;



      width: 60px;



      height: 40px;



      position: absolute;



      left: 0;



}

.col-footer h2 {

    color: #138740;

    text-transform: uppercase;

    margin-bottom: 10px;

    font-size: 18px;

}



span.icon-search {font-size: 19px;}



.search {

    position: absolute;

    right: 11px;

    color: #000;

    top: 21px;

}



.fr-search {

    background: #fff;

    padding: 5px;

    position: absolute;

    width: 250px;

    right: -11px;

    top: 53px;

    display: none;

}



form#form-search input {

    width: 93%;

    padding: 5px 3px;

    border: none;

	color:#333;

}