@font-face {

  font-family: 'UTMBienvenue';

  src: url("../fonts/OpenSans-Bold.ttf") format("truetype"); }

@font-face {

  font-family: 'Roboto';

  src: url("../fonts/Roboto-Regular.ttf") format("truetype"); }

@font-face {

  font-family: 'NEWSGOTH';

  src: url("../fonts/NEWSGOTH.TTF") format("truetype"); }

body {

  font-family: "OpenSans";

  font-size: 14px;

  color: #333; }

.t-title {

  font-family: "UTMAvo";

  font-size: 24px;

  line-height: 24px;

  color: #197a1d;

  text-transform: uppercase;

  text-align: center; }

.t-policy {

  margin-top: 25px; }

.t-policy-post {

  text-align: center;

  margin-bottom: 34px; }

  .t-policy-post .t-img {

    width: 68px;

    height: 67px;

    position: relative;

    margin: 0 auto 15px auto; }

    .t-policy-post .t-img img {

      position: absolute;

      top: 0;

      right: 0;

      bottom: 0;

      left: 0;

      margin: auto; }

  .t-policy-post .title {

    font-family: "UTMAvo";

    font-size: 18px;

    color: #197a1d;

    text-transform: uppercase;

    margin-bottom: 3px; }

  .t-policy-post .text {

    max-height: 48px;

    overflow: hidden; }

.t-problem {

  background: #e8f1e8;

  border-radius: 5px;

  padding-bottom: 45px; }

  .t-problem .t-title {

    padding: 25px 0; }

.t-list-problem {

  margin-left: 70px; }

  .t-list-problem p {

    padding-left: 33px;

    margin: 7px 0; }

  .t-list-problem li {

    padding-left: 33px;

    position: relative;

    line-height: 40px; }

    .t-list-problem li:before {

      content: "";

      display: inline-block;

      background-image: url("../images/t-icon3.png");

      width: 23px;

      height: 23px;

      position: absolute;

      left: 0;

      top: 8px; }

.t-img-problem {

  max-width: 500px;

  text-align: left; }

  .t-img-problem img {

    width: 100%;

    display: block; }

.t-know .t-title {

  margin-bottom: 28px;

  margin-top: 37px; }

.t-know .t-see-more a {

  font-family: "UTMAvo";

  font-weight: bold;

  text-transform: uppercase;

  color: #fff;

  background: #197a1d;

  padding: 8px 34px;

  display: inline-block;

  margin-bottom: 30px; }

  .t-know .t-see-more a:hover {

    background: #ff0000; }

.t-know-post {

  max-width: 430px;

  margin: 0 auto 35px auto; }

  .t-know-post .t-img {

    width: 86px;

    height: 86px;

    border-radius: 50%;

    margin: 0 auto 15px auto; }

    .t-know-post .t-img img {

      display: block;

      width: 100%;

      height: 100%; }

  .t-know-post .ct .title {

    font-size: 18px;

    text-align: center;

    margin-bottom: 3px; }

  .t-know-post .ct .text {

    text-align: center;

    height: 70px;

    overflow: hidden; }

.t-product-info {

  padding-top: 38px; }

.t-title-product {

  font-family: 'UTMBienvenue';

  font-size: 30px;

  color: #fefefe;

  text-transform: uppercase;

  text-align: center;

  margin-bottom: 10px; }

.t-title2 {

  color: #0e2f18; }

.t-product-text {

  margin-left: -30px;

  background: rgba(242, 235, 235, 0.84);

  padding: 30px 30px 0 30px;

  font-size: 18px; }

  .t-product-text .text {

    margin-bottom: 24px; }

    .t-product-text .text span {

      font-size: 24px;

      color: #ff0000;

      font-weight: bold; }

  .t-product-text .order {

    font-size: 14px;

    text-transform: uppercase;

    color: #fff;

    display: inline-block;

    background: #197a1d;

    font-weight: bold;

    padding: 8px 46px;

    margin-top: 5px;

    margin-bottom: 42px; }

    .t-product-text .order:hover {

      background: #ff0000; }

.t-certification {

  background: #e8f1e8;

  padding-top: 45px; }

  .t-certification .t-title {

    margin-bottom: 35px; }

  .t-certification img {

    margin-bottom: 70px; }

.t-uses .t-title {

  margin: 45px 0 75px 0; }

.t-icon-elect {

  display: inline-block;

  background-image: url("../images/t-icon2.png");

  width: 23px;

  height: 23px; }

.t-icon-elect2 {

  display: inline-block;

  background-image: url("../images/t-icon3.png");

  width: 23px;

  height: 23px; }

.t-picture {
  text-align: center;
  position: relative;

  max-width: 670px;

  margin: 0 auto 75px auto; }

  .t-picture .left-top {

    top: 0;

    left: 76px; }

  .t-picture .right-top {

    top: 0;

    right: 76px; }

  .t-picture .left-bottom {

    left: 76px;

    bottom: 0; }

  .t-picture .right-bottom {

    right: 76px;

    bottom: 0; }

  .t-picture img {
    
    display: block;

     border-radius: 50%; 

    width: 100%;

    height: 100%; }

.t-img-big {

  padding: 10px;

  border-radius: 50%;

  border: solid 1px #ebebeb;

  display: inline-block;

  width: 344px;

  height: 344px; 
}

.t-img-small {
  overflow: hidden;
  padding: 2px;

  border-radius: 50%;

  border: solid 2px #248028;

  display: inline-block;

  width: 160px;

  height: 160px;

  position: absolute; }

.t-uses-border {

  display: inline-block;

  padding: 7px 10px;

  border: solid 2px #197a1d;

  margin-bottom: 75px; }

  .t-uses-border .t-uses-intro {

    color: #fff;

    font-family: "UTMAvo";

    background: #197a1d;

    padding: 32px 20px 39px 30px;

    display: inline-block; }

    .t-uses-border .t-uses-intro .title {

      font-size: 20px;

      text-transform: uppercase;

      text-align: center;

      position: relative;

      margin-bottom: 35px; }

      .t-uses-border .t-uses-intro .title:after {

        content: "";

        width: 190px;

        height: 1px;

        background: #fff;

        position: absolute;

        bottom: -8px;

        left: 50%;

        margin-left: -95px; }

    .t-uses-border .t-uses-intro li {

      font-size: 18px;

      margin-bottom: 12px;

      display: block;

      text-align: left; }

      .t-uses-border .t-uses-intro li i {

        margin-right: 15px; }

.t-video .t-title {

  margin-bottom: 30px;

  margin-top: 50px; }

.t-video-post {

  max-width: 370px;

  margin: 0 auto 45px auto; }

  .t-video-post .img {

    position: relative;

    display: block;

    margin-bottom: 8px; }

    .t-video-post .img:after {

      content: "";

      width: 100%;

      height: 100%;

      background: rgba(62, 51, 51, 0.58);

      position: absolute;

      top: 0;

      right: 0;

      bottom: 0;

      left: 0;

      opacity: 0; }

    .t-video-post .img:before {

      content: "";

      width: 62px;

      height: 62px;

      background-image: url("../images/t-icon-play.png");

      position: absolute;

      top: 50%;

      margin-top: -30px;

      right: 50%;

      margin-right: -30px;

      z-index: 1;

      opacity: 0; }

    .t-video-post .img:hover:after, .t-video-post .img:hover:before {

      opacity: 1; }

    .t-video-post .img img {

      width: 100%;

      height: 100%;

      display: block; }

  .t-video-post .title:hover {

    color: #197a1d; }

.t-feedback {

  background: #e8f1e8;

  padding: 45px 0; }

  .t-feedback .t-title {

    margin: 0 auto 50px auto; }

  .t-feedback .t-feedback-cas {

    padding: 0 30px;

    position: relative; }

    .t-feedback .t-feedback-cas .slick-slide {

      position: relative;

      padding: 0 53px; }

      .t-feedback .t-feedback-cas .slick-slide .t-img {

        display: block;

        width: 99px;

        height: 99px;

        margin: 0 auto 8px auto; }

      .t-feedback .t-feedback-cas .slick-slide .t-feedback-info {

        font-weight: bold;

        text-align: center;

        color: #197a1d; }

      .t-feedback .t-feedback-cas .slick-slide .t-feedback-text {

        text-align: justify;

        line-height: 24px; }

      .t-feedback .t-feedback-cas .slick-slide.slick-current:after {

        content: "";

        height: 187px;

        width: 1px;

        background: #959595;

        position: absolute;

        top: 50%;

        margin-top: -94px;

        right: -15px; }

    .t-feedback .t-feedback-cas .slick-arrow {

      width: 30px;

      height: 30px;

      color: #a3a4a3;

      border: solid 1px #a3a4a3;

      border-radius: 50%;

      position: absolute;

      top: 50%;

      margin-top: -15px;

      line-height: 27px;

      text-align: center;

      font-size: 24px;

      z-index: 2; }

      .t-feedback .t-feedback-cas .slick-arrow:hover {

        color: #197a1d;

        border: solid 1px #197a1d; }

    .t-feedback .t-feedback-cas .next {

      right: 23px; }

    .t-feedback .t-feedback-cas .prev {

      left: 23px; }

.t-footer {

  background: #197a1d;

  color: #fff;

  padding-bottom: 42px; }

  .t-footer li {

    margin-bottom: 9px; }

    .t-footer li i {

      margin-right: 12px; }

    .t-footer li a:hover {

      color: #fffc00;

      padding-left: 7px; }

.t-foot-title {

  text-transform: uppercase;

  margin: 25px 0; }

.t-footer .s-content {

  margin-bottom: 15px; }

.t-foot-hotline {

  display: inline-block;

  background: #0e2f18;

  border: solid 1px #fffc00;

  padding: 0 13px;

  border-radius: 7px;

  margin-bottom: 10px; }

  .t-foot-hotline img {

    display: inline-block;

    margin-top: -17px;

    margin-right: 2px; }

  .t-foot-hotline a {

    display: inline-block;

    line-height: 15px;

    font-size: 12px;

    color: #fffc00;

    text-transform: uppercase;

    margin-top: 3px; }

    .t-foot-hotline a span {

      display: block;

      margin-bottom: 2px; }

.t-foot-social a {

  display: inline-block;

  width: 38px;

  height: 38px;

  border-radius: 50%;

  text-align: center;

  color: #666666;

  background: #fff;

  font-size: 20px;

  line-height: 38px;

  margin-right: 6px; }

  .t-foot-social a:hover > i {

    font-size: 22px; }

.t-copyright {

  text-align: center;

  background: #0e2f18;

  color: #fff;

  padding: 17px 0; }

.single .title {

  font-weight: bold;

  font-size: 24px;

  line-height: 1.2;

  color: #197a1d;

  margin-bottom: 10px; }

  .single .title.v2 {

    color: #333; }

.single .s-social {

  margin-bottom: 10px; }

.single .s-content {

  text-align: justify;

  line-height: 1.71; }

  .single .s-content .text {

    margin-bottom: 23px; }

  .single .s-content img {

    margin-top: 0;

    margin-bottom: 20px;

    min-height: 120px; }

.single .fb-comments {

  display: block;

  margin-bottom: 44px; }

.sidebar2 {

  max-width: 380px;

  margin: 0 auto 30px auto; }

  .sidebar2 .sb-title2 {

    background: #197a1d;

    color: #fff;

    text-transform: uppercase;

    padding: 0 15px;

    font-size: 16px;

    line-height: 40px; }

    .sidebar2 .sb-title2 i {

      margin-right: 5px;

      font-size: 14px; }

  .sidebar2 .sb-ct {

    background: #ebebeb;

    padding: 10px; }

  .sidebar2 .view-more {

    font-style: italic;

    color: #197a1d;

    font-size: 13px; }

.cate-title2 {

  text-transform: uppercase;

  margin-bottom: 10px; }

.sb-list2 ul {

  margin-bottom: 15px; }

.sb-list2 li {

  margin-bottom: 10px;

  position: relative;

  padding-left: 16px; }

  .sb-list2 li:before {

    content: '';

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background: #1e97ba;

    position: absolute;

    left: 0;

    top: 9px; }

  .sb-list2 li a:hover {

    color: #197a1d; }

.sb-list2 .cate-title {

  text-transform: uppercase;

  padding-left: 16px;

  position: relative; }

  .sb-list2 .cate-title:before {

    content: "\f196";

    font-family: FontAwesome;

    width: 5px;

    height: 5px;

    position: absolute;

    left: 0;

    top: 0;

    color: #1e97ba; }

.sb-post {

  text-align: center; }

  .sb-post .img {

    width: 200px;

    height: 125px;

    display: block;

    margin: auto; }

    .sb-post .img img {

      display: block;

      width: 100%;

      height: 100%; }

  .sb-post .title {

    margin-top: 10px;

    margin-bottom: 5px;

    font-weight: bold; }

    .sb-post .title a:hover {

      color: #197a1d; }

  .sb-post p {

    margin-bottom: 3px; }

  .sb-post .name {

    text-align: right;

    font-style: italic; }

.sb-cas .slick-arrow {

  color: #57b045;

  font-size: 24px;

  top: 52px; }

  .sb-cas .slick-arrow.next {

    right: 0; }

.sb-photo {

  display: block;

  padding-top: 75%;

  margin-bottom: 10px; }

.t-map {

  margin-bottom: 34px; }

  .t-map iframe {

    height: 454px;

    display: block; }

.t-contact .t-contact-title {

  font-size: 24px;

  line-height: 24px;

  text-transform: uppercase;

  margin-bottom: 17px; }

.t-form {

  margin-left: 200px;

  margin-bottom: 30px; }

  .t-form .t-current {

    position: relative;

    margin-bottom: 21px; }

    .t-form .t-current label {

      display: block;

      line-height: 40px;

      position: absolute;

      top: 0;

      left: 0;

      margin-left: -200px; }

      .t-form .t-current label span {

        color: #ff3333;

        margin-right: 5px; }

    .t-form .t-current input {

      display: block;

      width: 100%;

      height: 38px;

      border: solid 1px #d6d6d6;

      color: #999999;

      font-style: italic;

      padding-left: 20px; }

    .t-form .t-current textarea {

      display: block;

      width: 100%;

      height: 103px;

      border: solid 1px #d6d6d6;

      resize: none;

      color: #999999;

      font-style: italic;

      padding-left: 20px; }

  .t-form .t-curent2 {

    margin-bottom: 12px; }

  .t-form button {

    font-weight: bold;

    color: #fff;

    background: #197a1d;

    display: inline-block;

    padding: 10px 42px; }

    .t-form button:hover {

      background: #0194ff; }

.post {

  margin: 0 auto 30px auto; }

  .post .img {

    float: left;

    width: 170px;

    display: block; }

    .post .img img {

      width: 100%;

      display: block; }

  .post .ct {

    margin-left: 190px; }

  .post .title {

    font-weight: bold;

    margin-bottom: 3px;

    max-height: 42px;

    overflow: hidden; }

    .post .title a:hover {

      color: #197a1d; }

  .post .info {

    color: #999999;

    font-size: 12px;

    margin-bottom: 5px; }

  .post p {

    line-height: 22px;

    max-height: 66px;

    overflow: hidden; }

  .post .more {

    font-style: italic;

    color: #1e97ba;

    font-size: 13px; }

    .post .more:before {

      content: '+';

      font-style: normal;

      margin-right: 5px;

      text-decoration: none; }

    .post .more:hover {

      text-decoration: underline; }

.regis-advisory {

  display: inline-block;

  vertical-align: middle;

  background: #f26522;

  color: #fff;

  text-transform: uppercase;

  font-size: 14px;

  padding: 7px 26px 10px 26px;

  font-family: "UTMAvo";

  font-weight: bold;

  margin-bottom: 15px;

  border-radius: 15px;

  margin-top: 35px; }

  .regis-advisory:hover {

    color: #fff;

    background: #197a1d; }

.learn-more {

  display: inline-block;

  vertical-align: middle;

  background: #f26522;

  color: #fff;

  text-transform: uppercase;

  font-size: 18px;

  padding: 6px 50px 9px 50px;

  font-family: "UTMAvo";

  font-weight: bold;

  margin-bottom: 50px; }

  .learn-more:hover {

    color: #fff;

    background: #197a1d; }

.p-banner img {

  display: block;

  width: 100%; }

.breadcrumb {

  background: none;

  padding: 15px 0;

  border-radius: 0;

  margin-bottom: 0;

  font-style: italic;

  color: #999999; }

.breadcrumb a:hover {

  color: #037dc0; }

.breadcrumb > li + li:before {

  color: inherit;

  font-family: FontAwesome;

  content: "\f105"; }

.modal-dialog {

  width: 772px;

  margin: 30px auto; }

.popup-content {

  background-image: url("../images/popup.jpg");

  text-align: center; }

  .popup-content .modal-header {

    border: none; }

    .popup-content .modal-header .close {

      width: 33px;

      height: 33px;

      text-align: center;

      border: solid 1px #fff;

      border-radius: 50%;

      background: none;

      float: right;

      color: #fff; }

      .popup-content .modal-header .close i {

        font-size: 24px;

        line-height: 24px; }

    .popup-content .modal-header .modal-title {

      font-family: 'Roboto';

      font-size: 48px;

      color: #fef200;

      text-transform: uppercase; }

  .popup-content .modal-body {

    padding: 0; }

    .popup-content .modal-body p {

      color: #fff;

      margin-bottom: 25px; }

      .popup-content .modal-body p span {

        color: #fef200;

        font-style: italic; }

    .popup-content .modal-body .input {

      position: relative;

      margin-bottom: 20px;

      color: #2d835b;

      display: inline-block; }

      .popup-content .modal-body .input ::placeholder {

        color: #006838; }

      .popup-content .modal-body .input input {

        width: 572px;

        height: 36px;

        background: #fff;

        padding-left: 40px;

        font-family: 'NEWSGOTH';

        font-style: italic;

        font-size: 14px;

        border: none;

        font-weight: bold; }

      .popup-content .modal-body .input textarea {

        width: 572px;

        height: 58px;

        background: #fff;

        padding-left: 40px;

        font-family: 'NEWSGOTH';

        font-style: italic;

        font-size: 14px;

        resize: none;

        border: none;

        font-weight: bold; }

      .popup-content .modal-body .input i {

        width: 22px;

        height: 22px;

        padding: 3px;

        border: solid 2px #006838;

        border-radius: 50%;

        position: absolute;

        left: 10px;

        top: 10px; }

  .popup-content .modal-footer {

    border: none;

    text-align: center;

    padding-top: 0; }

    .popup-content .modal-footer button {

      font-family: 'NEWSGOTH';

      font-size: 16px;

      color: #006838;

      text-transform: uppercase;

      display: inline-block;

      padding: 8px 104px;

      background: #fef200;

      border: none;

      margin-bottom: 10px;

      font-weight: bold; }

      .popup-content .modal-footer button:hover {

        background: #fff; }

    .popup-content .modal-footer p {

      font-family: 'NEWSGOTH';

      color: #fff200;

      margin-bottom: 15px; }

@media all and (max-width: 1199px) {

  .t-feedback .t-feedback-cas .slick-slide {

    padding: 0; }

  .t-feedback .t-feedback-cas .next {

    right: -10px; }

  .t-feedback .t-feedback-cas .prev {

    left: -10px; }

  .t-img-problem {

    text-align: none;

    margin: 15px auto 0px auto; } }

@media all and (max-width: 991px) {

  .t-product-text {

    margin-left: 0; }

  .t-form {

    margin-left: 100px !important; }

    .t-form .t-current label {

      margin-left: -100px !important; } }

@media all and (max-width: 767px) {

  .t-title {

    font-size: 18px; }

  .t-list-problem {

    margin-left: 10px; }

  .t-img-problem {

    max-width: 280px; }

  .t-product-text {

    margin-left: 0;

    font-size: 16px; }

    .t-product-text .text {

      margin-bottom: 15px; }

  .t-title-product {

    font-size: 24px; }

  .t-feedback {

    padding-top: 0; }

    .t-feedback .t-title {

      margin: 45px auto 50px auto; }

    .t-feedback .t-feedback-cas .slick-slide:after {

      display: none; }

  .t-uses .t-title {

    margin-bottom: 45px; }

  .t-uses-border .t-uses-intro {

    padding: 30px 20px; }

    .t-uses-border .t-uses-intro .title {

      font-size: 16px;

      margin-bottom: 30px; }

  .t-picture {

    position: relative;

    max-width: 370px;

    margin: 0 auto 50px auto; }

    .t-picture .left-top {

      top: 0;

      left: 0px; }

    .t-picture .right-top {

      top: 0;

      right: 0px; }

    .t-picture .left-bottom {

      left: 0px;

      bottom: 0; }

    .t-picture .right-bottom {

      right: 0;

      bottom: 0; }

  .t-img-big {

    padding: 10px;

    border-radius: 50%;

    border: solid 1px #ebebeb;

    display: inline-block;

    width: 270px;

    height: 270px; }

  .t-img-small {

    padding: 2px;

    border-radius: 50%;

    border: solid 2px #248028;

    display: inline-block;

    width: 110px;

    height: 110px;

    position: absolute; }

  .t-map iframe {

    height: 300px; }

  .post .img {

    width: 100px; }

  .post .ct {

    margin-left: 110px; }

  .post .info {

    font-size: 11px;

    margin-bottom: 0px; }

  .post p {

    display: none; }

  .post .more {

    display: none; }

  .sidebar:first-child, .sidebar2:first-child {

    margin-top: 40px; }

  .modal-dialog {

    width: 320px;

    margin: 30px auto; }

  .popup-content .modal-header .modal-title {

    font-size: 30px; }

  .popup-content .modal-body .input input {

    width: 300px; }

  .popup-content .modal-body .input textarea {

    width: 300px;

    height: 58px; }

  .popup-content .modal-footer button {

    padding: 11px 50px; } }



/* add css 7/5/2018 */

.h-product .h-pro-title{

  font-size: 30px;

  text-transform: uppercase;

  text-align: center;

  position: relative;

  margin: 30px auto;

}

.h-product .h-pro-title:before{

  content: '';

  position: absolute;

  bottom: -9px;

  border-bottom: solid 1px #173302;

  width: 300px;

  left: 50%;

  margin-left: -150px;

}

.h-product .h-pro-title:after{

  content: '';

  position: absolute;

  bottom: -10px;

  border-bottom: solid 3px #173302;

  width: 100px;

  left: 50%;

  margin-left: -50px;

}

.h-pro-info h2{

  font-size: 18px;

  text-transform: uppercase;

  margin-top: 0;

}

.h-pro-info h2:after{

  content: '';

  display: block;

  width: 80%;

  border-bottom: solid 1px #173302;

  margin: 8px auto;

}

.h-pro-info h2 a{color: #173302;}

.h-pro-info h2 a:hover{color: #f7941d;}

.h-pro-info p{

  font-size: 14px;

  color: #000;

  line-height: 20px;

  height: 80px;

  overflow: hidden;

  text-align: center;

}

.h-pro-info .view-more{

  display: inline-block;

  padding: 3px 20px;

  border: solid 1px #f2a537;

  font-size: 20px;

  color: #000;

  border-radius: 5px;

}

.h-pro-info{

  border: dashed 1px #e1e1e1;

  border-top: none;

  padding: 15px;

}

.h-product{margin-bottom: 30px;}

.bor-hv{

  position: relative;

  border: solid 1px transparent;

}

.bor-hv:after, .bor-hv:before{

  content: '';

  position: absolute;

  border: solid 1px transparent;

  pointer-events: none;

  background: none;

  z-index: 2;

  -webkit-transition: all .5s ease-in-out;

  transition: all .5s ease-in-out;

  border-radius: 5px;

}

.bor-hv:after{

  top: -1px;

  left: -1px;

  right: 100%;

  bottom: 100%; 

}

.bor-hv:before{

  bottom: -1px;

  right: -1px;

  left: 100%;

  top: 100%;

}

.bor-hv:hover:after{

  bottom: -1px;

  right: -1px;

  border-left-color: #173302;

  border-top-color: #173302;

}

.bor-hv:hover:before{

  top: -1px;

  left: -1px;

  border-right-color: #173302;

  border-bottom-color: #173302;

}

.h-product .h-pro-img img {

  max-height: 235px;

}

.pagination {

  margin: 30px 0; }

  .pagination a, .pagination strong {

    color: #fff;

    font-weight: normal;

    width: 30px;

    height: 30px;

    text-align: center;

    display: inline-block;

    vertical-align: middle;

    font-size: 13px;

    line-height: 30px;

    background: #197A1D;

    margin: 0px 2px; }

  .pagination a:hover, .pagination strong {

    background: #28C430;

    color: #fff; }

/* Trang chi tiết sản phẩm */

.product-detail {

  margin-bottom: 30px;

}

.pro-info-title{

  font-size: 24px;

  padding-bottom: 5px;

  border-bottom: solid 1px #e1e1e1;

  margin-top: 0;

}

.pro-info-detail h1{

  font-size: 30px;

  color: #020202;

  margin-top: 0;

}

.pro-info-detail label{

  font-weight: normal;

  font-size: 16px;

  color: #ed0000;

  display: block;

  margin-bottom: 0;

  margin-top: 5px;

}

.pro-info-detail label span{

  color: #6c6c6c;

}

.price{

  font-size: 30px;

  color: #ed0000;

  display: inline-block;

  padding: 8px 20px;

  border: dashed 1px #ed0000;

}

.pro-info-detail p{

  font-size: 16px;

  color: #3a3430;

  line-height: 1.5;

  margin-top: 12px;

}

.pro-info-detail .form{

  border-top: solid 1px #e1e1e1;

  border-bottom: solid 1px #e1e1e1;

  padding: 10px 0;

  margin-bottom: 10px;

  margin-top: 10px;

}

.pro-info-detail .form label{

  font-size: 18px;

  color: #3e3e3e;

  display: inline-block;

  vertical-align: middle;

  margin-right: 10px;

}

.pro-info-detail .fix-number{

  display: inline-block;

  width: 120px;

  position: relative;

  cursor: pointer;

}

.pro-info-detail .fix-number i{

  position: absolute;

  z-index: 1;

  width: 23px;

  text-align: center;text-align: center;

  line-height: 25px;

  background-color: #fff;

  top: 1px;

  bottom: 1px;

  color: #999;

}

.pro-info-detail .fix-number #number-up{

  right: 1px;

  border-left: solid 1px #ccc;

}

.pro-info-detail .fix-number #number-down{

  left: 1px;

  cursor: pointer;

  border-right: solid 1px #ccc;

}

.pro-info-detail .form .fix-number input{

  padding-left: 35px;

  width: 100%;

  border: soli 1px #ccc;

}

.pro-info-detail .form button{

  display: block;

  border: none;

  padding: 10px 50px;

  font-size: 24px;

  color: #fff;

  background-color: #f26522;

  margin-top: 10px;

}

.fb_iframe_widget{

  display: inline-block;

  vertical-align: top;

}

.product-detail{margin-bottom: 30px;}

.single-pro-img img{

  max-width: 96%;

    max-height: 96%;

    display: block;

    margin: auto;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

}

.single-pro-img .fancybox-thumb{

  height: 380px;

  border: solid 1px #e1e1e1;

  border-radius: 8px;

}

.single-pro-img{

  margin-bottom: 20px;

}

.single-pro-img .slick-arrow, .single-gallery .slick-arrow{

  padding: 7px;

  border-radius: 2px;

  font-size: 18px;

  background: rgba(0,0,0,.6);

  margin-top: -16px;

}

.single-gl-item{

  height: 100px;

  margin: 0 10px;

  cursor: pointer;

}

.single-gl-item img{

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.slick-arrow {

    position: absolute;

    top: 50%;

    margin-top: -20px;

    color: #e1e1e1;

    font-size: 40px;

    cursor: pointer;

    visibility: hidden;

    z-index: 6;

}

.arrow-left {

    left: 0;

}

.single-pro-img .slick-arrow, .single-gallery .slick-arrow {

    padding: 7px;

    border-radius: 2px;

    font-size: 18px;

    background: rgba(0,0,0,.6);

    margin-top: -16px;

}

.slick-slider:hover .arrow-left {

    visibility: visible;

    left: 15px;

}

.arrow-right {

    right: 0;

}

.slick-slider:hover .arrow-left {

    visibility: visible;

    left: 15px;

}

.slick-slider:hover .arrow-right {

    visibility: visible;

    right: 15px;

}

@media all and (max-width: 767px){

  .h-product .h-pro-title{font-size: 24px;}

}