body{  margin: 0;/*font-family: kanit, sans-serif !important;
        font-family: "sarabun",kanit, sans-serif !important;*/
         font-family: "Roboto","Bai Jamjuree", sans-serif !important;}

 a:hover, a:focus {
    color: #f47920;
    text-decoration: none;
}
 /*body {
   background-color: #000;
    background-image: url(../../asset/images/img-bg/33.jpg);
    background-repeat: repeat;
    background-size: cover;
    background-position: 50% 50%;
}*/
.text-primary {
    color: #fff !important;
}
.p-blog{font-size: 14px;
    color: #636363;}
/* Base */
.bc00{background-color: #efda45;
    border-bottom: 3px solid #b5b004;}
.bc01{background-color: #cbff4e; border-bottom: 3px solid #9ed003;}
.bc02{background-color: #ffa84e; border-bottom: 3px solid #d67512;}
.bc03{    background-color: #8aff4e;
    border-bottom: 3px solid #48d003;}
.bc04{background-color: #ff7695;
    border-bottom: 3px solid #d00387;}
.bc05{background-color: #43efaf;
    border-bottom: 3px solid #14ad8a;
}
.bc06{background-color: #dc6cc4;
    border-bottom: 3px solid #cd03d0;
}
.bc07{background-color: #6fc2e2;
    border-bottom: 3px solid #1590b5;}
.bc08{background-color: #b78af3;
    border-bottom: 3px solid #75419c;}
.bc09{background-color: #b78af3;
    border-bottom: 3px solid #75419c;}
.font-size-10 {
  font-size: 10px; }

.font-size-11 {
  font-size: 11px; }

.font-size-12 {
  font-size: 12px; }

.font-size-13 {
  font-size: 13px; }

.font-size-14 {
  font-size: 14px; }

.font-size-15 {
  font-size: 15px; }

.font-size-16 {
  font-size: 16px; }

.font-size-17 {
  font-size: 17px; }

.font-size-18 {
  font-size: 18px; }

.font-size-19 {
  font-size: 19px; }

.font-size-20 {
  font-size: 20px; }

.font-size-21 {
  font-size: 21px; }

.font-size-22 {
  font-size: 22px; }

.font-size-23 {
  font-size: 23px; }

.font-size-24 {
  font-size: 24px; }

.font-size-25 {
  font-size: 25px; }

.font-size-26 {
  font-size: 26px; }

.font-size-27 {
  font-size: 27px; }

.font-size-28 {
  font-size: 28px; }

.font-size-29 {
  font-size: 29px; }

.font-size-30 {
  font-size: 30px; }

.gradient-2, .site-footer, .top-bar 
{
  background: #ff8201;
 /* background: -moz-linear-gradient(left, #802c28 0%, #ff8b00 51%, #0f6da5 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #802c28), color-stop(51%, #ff8b00), color-stop(100%, #0f6da5));
  background: -webkit-linear-gradient(left, #802c28 0%, #ff8b00 51%, #0f6da5 100%);
  background: -o-linear-gradient(left, #802c28 0%, #ff8b00 51%, #0f6da5 100%);
  background: -ms-linear-gradient(left, #802c28 0%, #ff8b00 51%, #0f6da5 100%);
  background: -webkit-gradient(linear, left top, right top, from(#802c28), color-stop(51%, #ff8b00), to(#0f6da5));
  background: linear-gradient(to right, #802c28 0%, #ff8b00 51%, #0f6da5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#802c28', endColorstr='#0f6da5', GradientType=1 ); 
  */}

.font-gray-1 {
  color: #f7f7f7; }

.font-gray-2 {
  color: #e9e9e9; }

.font-gray-3 {
  color: #d9d9d9; }

.font-gray-4 {
  color: #c9c9c9; }

.font-gray-5, .block-heading-1 span {
  color: #b8b8b8; }

.font-gray-6 {
  color: #a8a8a8; }

.font-gray-7, body {
  color: #939393; }

.font-gray-8 {
  color: #7b7b7b; }

.font-gray-9 {
  color: #636363 #4d4d4d; }

.font-gray-10 {
  color: #353535; }

.border-gray-1 {
  border-color: #f7f7f7; }

.border-gray-2 {
  border-color: #e9e9e9; }

.border-gray-3 {
  border-color: #d9d9d9; }

.border-gray-4 {
  border-color: #c9c9c9; }

.border-gray-5 {
  border-color: #b8b8b8; }

.border-gray-6 {
  border-color: #a8a8a8; }

.border-gray-7 {
  border-color: #939393; }

.border-gray-8 {
  border-color: #7b7b7b; }

.border-gray-9 {
  border-color: #636363 #4d4d4d; }

.border-gray-10 {
  border-color: #353535; }

.bg-gray-1 {
  border-color: #f7f7f7; }

.bg-gray-2 {
  border-color: #e9e9e9; }

.bg-gray-3 {
  border-color: #d9d9d9; }

.bg-gray-4 {
  border-color: #c9c9c9; }

.bg-gray-5 {
  border-color: #b8b8b8; }

.bg-gray-6 {
  border-color: #a8a8a8; }

.bg-gray-7 {
  border-color: #939393; }

.bg-gray-8 {
  border-color: #7b7b7b; }

.bg-gray-9 {
  border-color: #636363 #4d4d4d; }

.bg-gray-10 {
  border-color: #353535; }

.letter-spacing-1 {
  letter-spacing: 0.1em; }

.letter-spacing-2 {
  letter-spacing: 0.2em; }

.border-w-1 {
  border-width: 1px; }

.border-w-2 {
  border-width: 2px; }

.border-w-3 {
  border-width: 3px; }

.border-w-4 {
  border-width: 4px; }

.border-w-5 {
  border-width: 5px; }

.primary-black--hover {
  background: #ff8b00;
  color: #fff; }
  .primary-black--hover:hover {
    background: #000;
    color: #fff; }

.primary-dark--hover {
  background: #ff8b00;
  color: #fff; }
  .primary-dark--hover:hover {
    background: gray;
    color: #fff; }

.primary-primary-outline--hover {
  background: #ff8b00;
  color: #fff; }
  .primary-primary-outline--hover:hover {
    border-color: #ff8b00;
    background: transparent; }

.primary-outline-primary--hover {
  background: transparent;
  border-color: #ff8b00; }
  .primary-outline-primary--hover:hover {
    color: #fff;
    background: #ff8b00; }

body {
  line-height: 1.5;
  font-weight: 400;
 background-color: #fff;

}
  body:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    opacity: 0;
    visibility: hidden;
    z-index: 399; }
  body.offcanvas-menu {
    position: relative; }
    body.offcanvas-menu:before {
      opacity: 1;
      visibility: visible; }

::-moz-selection {
  background: #000;
  color: #fff; }

::selection {
  background: #000;
  color: #fff; }

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  a:hover {
    text-decoration: none; }

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  
  text-transform: uppercase; }

.border-2 {
  border-width: 2px; }

.text-black {
  color: #000 !important; }

.bg-black {
  background: #000 !important; }

.color-black-opacity-5 {
  color: rgba(0, 0, 0, 0.5); }

.color-white-opacity-5 {
  color: rgba(255, 255, 255, 0.5); }

.btn.btn-outline-white {
  border-color: #fff;
  background: transparent;
  color: #fff; }
  .btn.btn-outline-white:hover {
    background: #fff;
    border-color: #fff;
    color: #000; }

.line-height-1 {
  line-height: 1 !important; }

.bg-black {
  background: #000; }

.form-control {
  height: 55px;
  background: #fff !important;
  font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
  .form-control:active, .form-control:focus {
    border-color: #ff8b00; }
  .form-control:hover, .form-control:active, .form-control:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }

.site-section {
  padding: 2.5em 0; }
  @media (min-width: 768px) {
    .site-section {
      padding: 5em 0; }
       .img-iconmenu01{ max-width: 56px !important;} }
  .site-section.site-section-sm {
    padding: 4em 0; }

.site-footer {
  padding: 1em 0; }
  @media (min-width: 768px) {
    .site-footer {
      padding: 2em 0; } }
  .site-footer .border-top {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
  .site-footer p {
    color: #fff; }
  .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5 {
    color: #fff; }
  .site-footer a {
    color: rgba(255, 255, 255, 0.5); }
    .site-footer a:hover {
      color: white; }
  .site-footer ul li {
    margin-bottom: 10px; }
  .site-footer .footer-heading {
    font-size: 16px;
    color: #fff; }

.bg-text-line {
  display: inline;
  background: #000;
  -webkit-box-shadow: 20px 0 0 #000, -20px 0 0 #000;
  box-shadow: 20px 0 0 #000, -20px 0 0 #000; }

.text-white-opacity-05 {
  color: rgba(255, 255, 255, 0.5); }

.text-black-opacity-05 {
  color: rgba(0, 0, 0, 0.5); }

.hover-bg-enlarge {
  overflow: hidden;
  position: relative; }


.bg-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed; }
  .bg-image.overlay {
    position: relative; }
    .bg-image.overlay:after {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.7); }
  .bg-image > .container {
    position: relative;
    z-index: 1; }
  
.play-single-big {
  width: 90px;
  height: 90px;
  display: inline-block;
  border: 2px solid #fff;
  color: #fff !important;
  border-radius: 50%;
  position: relative;
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .play-single-big > span {
    font-size: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-40%, -50%);
    -ms-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%); }
  .play-single-big:hover {
    width: 120px;
    height: 120px; }

.overlap-to-top {
  margin-top: -150px; }

.ul-check {
  margin-bottom: 50px; }
  .ul-check li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    line-height: 1.5; }
    .ul-check li:before {
      left: 0;
      font-size: 20px;
      top: -.3rem;
      font-family: "icomoon";
      content: "\e5ca";
      position: absolute; }
  .ul-check.white li:before {
    color: #fff; }
  .ul-check.success li:before {
    color: #71bc42; }
  .ul-check.primary li:before {
    color: #ff8b00; }

.select-wrap, .wrap-icon {
  position: relative; }
  .select-wrap .icon, .wrap-icon .icon {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 22px; }
  .select-wrap select, .wrap-icon select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%; }

.top-bar {
  border-bottom: 1px solid #e9ecef !important; }

/* Navbar */
.site-navbar {
  margin-bottom: 0px;
  z-index: 1999;
  position: relative;
  width: 100%;
  }

      
  .site-navbar .toggle-button {
    position: absolute;
    right: 15px; }
  .site-navbar .site-logo {
       position: absolute;
    font-size: 25px;
    /* text-transform: uppercase; */
    line-height: 0;
    margin: 0;
    padding: 0;
    z-index: 3;}
    
    
  .hover-bg-enlarge > div {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .8s all ease-in-out;
    -o-transition: .8s all ease-in-out;
    transition: .8s all ease-in-out; }
    
  .hover-bg-enlarge:hover > div, .hover-bg-enlarge:focus > div, .hover-bg-enlarge:active > div {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }   
  .hover-bg-enlarge .bg-image-md-height { height: 300px !important; } 
  .img-md-fluid { max-width: 100%; } 
  .display-1, .display-3 { font-size: 3rem; }
  .icon-menu{color:#fff;}

        
      .site-navbar .site-logo {
        float: left;
        position: relative;
} 
        
     
  .site-navbar .site-navigation.border-bottom {
    border-bottom: 1px solid white !important; }
  .site-navbar .site-navigation .site-menu {
    margin-bottom: 0;    font-size: 16px; }
    .site-navbar .site-navigation .site-menu .active {
      color: #ff8b00 !important; }
    .site-navbar .site-navigation .site-menu a {
      text-decoration: none !important;
      display: inline-block; }
    .site-navbar .site-navigation .site-menu > li {
      display: inline-block; }
      .site-navbar .site-navigation .site-menu > li > a {
        margin-left: 15px;
        margin-right: 15px;
        padding: 20px 0px;
        color: #ffbc00 !important;
        display: inline-block;
        text-decoration: none !important;
        } 
         .dropdown > li > a { 
        font-size: 16px; }
        .site-navbar .site-navigation .site-menu > li > a:hover {
          color: #fff; }
    .site-navbar .site-navigation .site-menu .has-children {
      position: relative; }
      .site-navbar .site-navigation .site-menu .has-children > a {
        position: relative;
        padding-right: 20px; }
        .site-navbar .site-navigation .site-menu .has-children > a:before {
          position: absolute;
          content: "\e313";
          font-size: 16px;
          top: 50%;
          right: 0;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          font-family: 'icomoon'; }
      .site-navbar .site-navigation .site-menu .has-children .dropdown {
      visibility: hidden;
    opacity: 0;
    top: 100%;
    position: absolute;
    text-align: left;
    border-top: 3px solid #ffb100;
    -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
    padding: 0px 0;
    margin-top: 20px;
    margin-left: 0px;
    background: #f9f084;
    -webkit-transition: 0.2s 0s;
    -o-transition: 0.2s 0s;
    transition: 0.2s 0s; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
          position: absolute; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            display: none;
            bottom: 100%;
            left: 20%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            border-color: rgba(136, 183, 213, 0);
            border-bottom-color: #fff;
            border-width: 10px;
            margin-left: -10px; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown a {
          text-transform: none;
          letter-spacing: normal;
          -webkit-transition: 0s all;
          -o-transition: 0s all;
          transition: 0s all;
          color: #000 !important; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown a.active {
            color: #ff8b00 !important;
            background: #f8f9fa; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown > li {
          list-style: none;
    padding: 0;
    margin: 0;
    min-width: 200px;
    border-bottom: 1px dotted #e8b33b; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
            padding: 9px 20px;
            display: block; }
            .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
              background: #f8f9fa;
              color: #ced4da; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
            content: "\e315";
            right: 20px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
            left: 100%;
            top: 0; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
            background: #f8f9fa;
            color: #ced4da; }
      .site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
        color: #ff8b00; }
      .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
        cursor: pointer; }
        .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
          -webkit-transition-delay: 0s;
          -o-transition-delay: 0s;
          transition-delay: 0s;
          margin-top: 0px;
          visibility: visible;
          opacity: 1; }

.site-mobile-menu {
  width: 300px;
  position: fixed;
  right: 0;
  z-index: 2000;
  padding-top: 20px;
  background: #fff;
  height: calc(100vh);
  -webkit-transform: translateX(110%);
  -ms-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  .site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
      float: right;
      margin-top: 8px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
        font-size: 30px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 0px;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
          color: #ced4da; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
      float: left;
      margin-top: 10px;
      margin-left: 0px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
        display: inline-block;
        text-transform: uppercase; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
          max-width: 70px; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
          text-decoration: none; }
  .site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 0 20px 20px 20px;
    height: calc(100vh - 52px);
    padding-bottom: 150px; }
  .site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative; }
    .site-mobile-menu .site-nav-wrap a {
      padding: 10px 20px;
      display: block;
      position: relative;
      color: #212529; }
      .site-mobile-menu .site-nav-wrap a:hover {
        color: #ff8b00; }
    .site-mobile-menu .site-nav-wrap li {
      position: relative;
      display: block; }
      .site-mobile-menu .site-nav-wrap li .nav-link.active {
        color: #ff8b00; }
    .site-mobile-menu .site-nav-wrap .arrow-collapse {
      position: absolute;
      right: 0px;
      top: 10px;
      z-index: 20;
      width: 36px;
      height: 36px;
      text-align: center;
      cursor: pointer;
      border-radius: 50%; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
        background: #f8f9fa; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:before {
        font-size: 12px;
        z-index: 20;
        font-family: "icomoon";
        content: "\f078";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(-180deg);
        -ms-transform: translate(-50%, -50%) rotate(-180deg);
        transform: translate(-50%, -50%) rotate(-180deg);
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .site-mobile-menu .site-nav-wrap > li {
      display: block;
      position: relative;
      float: left;
      width: 100%; }
      .site-mobile-menu .site-nav-wrap > li > a {
        padding-left: 20px;
        font-size: 20px; }
      .site-mobile-menu .site-nav-wrap > li > ul {
        padding: 0;
        margin: 0;
        list-style: none; }
        .site-mobile-menu .site-nav-wrap > li > ul > li {
          display: block; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > a {
            padding-left: 40px;
            font-size: 16px; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > ul {
            padding: 0;
            margin: 0; }
            .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
              display: block; }
              .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
                font-size: 16px;
                padding-left: 60px; }
    .site-mobile-menu .site-nav-wrap[data-class="social"] {
      float: left;
      width: 100%;
      margin-top: 30px;
      padding-bottom: 5em; }
      .site-mobile-menu .site-nav-wrap[data-class="social"] > li {
        width: auto; }
        .site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {
          padding-left: 15px !important; }

.sticky-wrapper {
  position: relative;
  z-index: 100;
  width: 100%; }
  .sticky-wrapper .site-navbar {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
  .sticky-wrapper .site-navbar {
   background: #004375;
    border: none;
    margin: 0px;
    -ms-box-shadow: 0 0 6px 0 #666;
    -moz-box-shadow: 0 0 6px 0 #666;
    -webkit-box-shadow: 0 0 6px 0 #666;
    -o-box-shadow: 0 0 6px 0 #666;
    box-shadow: 0 0 6px 0 #666;
    /* background: #364075;
    background: -moz-linear-gradient(left, #0f66d2 0%, #475eb3 51%, #8b24b5 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%,#0f66d2), color-stop(51%, #475eb3), color-stop(100%,#8b24b5));
    background: -webkit-linear-gradient(left, #0f66d2 0%, #475eb3 51%, #8b24b5 100%);
    background: -o-linear-gradient(left, #0f66d2 0%, #475eb3 51%, #8b24b5 100%);
    background: -ms-linear-gradient(left, #0f66d2 0%, #475eb3 51%, #8b24b5 100%);
    background: -webkit-gradient(linear, left top, right top, from(#0f66d2), color-stop(51%, #475eb3), to(#8b24b5)); 
    background: linear-gradient(to right, #0f66d2 0%, #475eb3 51%, #8b24b5 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f66d2', endColorstr='#8b24b5', GradientType=1 );*/
    }
    .sticky-wrapper .site-navbar .site-logo a {
      color: #fff; }
    .sticky-wrapper .site-navbar ul li a {
      color: rgba(255, 255, 255, 0.7) !important; }
      .sticky-wrapper .site-navbar ul li a.active {
        color: #fff !important; }
  .sticky-wrapper.is-sticky .site-navbar {
 /*   background: #363636;*/
    -webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2); }
    .sticky-wrapper.is-sticky .site-navbar .site-logo a {
      color: #ff8b00; }
    .sticky-wrapper.is-sticky .site-navbar ul li a {
    /*  color: #ff8b00 !important;*/ }
      .sticky-wrapper.is-sticky .site-navbar ul li a.active {
        color: #fff !important; }
  .sticky-wrapper .shrink {
    padding-top: 0px !important;
    padding-bottom: 0px !important; }

    

/* Blocks */
.site-section-cover {
  position: relative; }
  .site-section-cover, .site-section-cover .container {
    position: relative;
    z-index: 2; }
  .site-section-cover, .site-section-cover .container > .row {
    height: calc(100vh - 196px);
    min-height: 577px; }
 
  .site-section-cover.overlay {
    position: relative; }
    .site-section-cover.overlay:before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.3);
      z-index: 1; }
  .site-section-cover.inner-page, .site-section-cover.inner-page .container > .row {
    height: auto;
    min-height: auto;
    padding: 0.5em 0; }
  .site-section-cover.img-bg-section {
    background-size: cover;
    background-repeat: no-repeat; }
  .site-section-cover h1 {
    font-size: 2.5rem;
    color: #fff;
    line-height: 1; }

  .site-section-cover p {
    font-size: 18px;
    color: #fff; }

.site-section {
  padding: 2rem 0; }

.gradient-bg-1, .block-feature-1 .icon {
  background: #51eaea;
  background: -moz-linear-gradient(top, #51eaea 0%, #499bea 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #51eaea), color-stop(100%, #499bea));
  background: -webkit-linear-gradient(top, #51eaea 0%, #499bea 100%);
  background: -o-linear-gradient(top, #51eaea 0%, #499bea 100%);
  background: -ms-linear-gradient(top, #51eaea 0%, #499bea 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#51eaea), to(#499bea));
  background: linear-gradient(to bottom, #51eaea 0%, #499bea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51eaea', endColorstr='#499bea', GradientType=0 ); }

.block-heading-1 span {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .1em;
  font-weight: bold; }

.block-heading-1 h2 {
  font-size: 3rem;
  color: #ff8b00; }

.block-feature-1-wrap {
  margin-bottom: 7rem; }
  .block-feature-1-wrap > .container > .row {
    margin-left: -18px;
    margin-right: -18px; }
    .block-feature-1-wrap > .container > .row > .col,
    .block-feature-1-wrap > .container > .row > [class*="col-"] {
      padding-right: 36px;
      padding-left: 36px; }

.block-feature-1 {
  background: #f2f2f2;
  padding: 30px 30px 30px 50px;
  position: relative; }
  .block-feature-1 h2 {
    font-size: 18px; }
  .block-feature-1 .icon {
    width: 80px;
    height: 80px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    left: -40px;
    top: 50%;
    border: 4px solid #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center; }
    .block-feature-1 .icon > span {
      font-size: 40px;
      color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

.block-img-video-1-wrap .block-img-video-1 {
  position: relative; }

.block-img-video-1 > a {
  display: block;
  position: relative;
  cursor: pointer; }
  .block-img-video-1 > a .icon {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: inline-block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #3c3c3ca6;
    border: 5px solid #fff; }
    .block-img-video-1 > a .icon > span {
     position: absolute;
    top: 50%;
    font-size: 34px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #ffffff;
    border-radius: 500px;
    /* background: #4a3e3e; */ }

.block-counter-1 {
  text-align: center; }
  .block-counter-1 .number, .block-counter-1 .caption {
    display: block;
    line-height: 1; }
  .block-counter-1 .number {
    color: #fff;
    font-size: 4rem;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px; }
    
        
    

 
    .block-counter-1 .number:after {
      position: absolute;
      content: "";
      width: 50px;
      height: 3px;
      left: 50%;
      bottom: 0;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      background: rgba(255, 255, 255, 0.3); }
  .block-counter-1 .caption {
    font-size: 14px;
    color: #fff;
    letter-spacing: .05em; }

.block-team-member-1 {
  padding: 30px;
  border: 1px solid #e9ecef;
  background: #fff;
  position: relative;
  top: 0;
  -webkit-transition: .15s all ease-in-out;
  -o-transition: .15s all ease-in-out;
  transition: .15s all ease-in-out; }
  .block-team-member-1 figure img {
    width: 130px; }
  .block-team-member-1:hover {
    top: -4px;
    border: 1px solid #ced4da;
    -webkit-box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.1); }

.block-social-1 > a {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative; }
  .block-social-1 > a span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.block-testimony-1 {
  padding: 20px; }
  .block-testimony-1 blockquote {
    background: #fff;
    padding: 30px;
    font-style: italic;
    font-size: 18px;
    color: #000;
    font-family: 'Georgia', Times, serif; }
  .block-testimony-1 figure {
    position: relative;
    padding-top: 20px; }
    .block-testimony-1 figure:before {
      position: absolute;
      content: "";
      width: 50px;
      left: 50%;
      display: none;
      top: 0;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      background: #ff8b00;
      height: 2px; }
    .block-testimony-1 figure img {
      max-width: 60px; }
  .block-testimony-1 h3 {
    font-size: 18px; }

.block-13 .owl-nav {
  display: none; }

.block-13 .owl-dots {
  text-align: center;
  position: relative;
  bottom: -30px; }
  .block-13 .owl-dots .owl-dot {
    display: inline-block; }
    .block-13 .owl-dots .owl-dot span {
      display: inline-block;
      width: 7px;
      height: 7px;
      border-radius: 4px;
      background: #cccccc;
      -webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
      -o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
      transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
      margin: 3px; }
    .block-13 .owl-dots .owl-dot.active span {
      width: 20px;
      background: #ff8b00; }

.post-entry {
  background: #fff;
  padding: 30px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  .post-entry:hover {
    -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1); }
  .post-entry h2 {
    font-size: 20px; }
  .post-entry *:last-child {
    margin-bottom: 0; }

.by {
  color: #000;
  border-bottom: 1px dotted #ccc; }
  .by:hover {
    border-bottom: 1px dotted #ff8b00; }

.form-control {
  border: none;
  border: 1px solid #e6e6e6; }
  .form-control:hover, .form-control:active, .form-control:focus {
    border: 1px solid #666666; }

.sidebar-box {
  margin-bottom: 30px;
  padding: 25px;
  font-size: 15px;
  width: 100%;
  float: left;
  background: #fff; }
  .sidebar-box *:last-child {
    margin-bottom: 0; }
  .sidebar-box h3 {
    font-size: 18px;
    margin-bottom: 15px; }

.categories li, .sidelink li {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #dee2e6;
  list-style: none; }
  .categories li:last-child, .sidelink li:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0; }
  .categories li a, .sidelink li a {
    display: block; }
    .categories li a span, .sidelink li a span {
      position: absolute;
      right: 0;
      top: 0;
      color: #ccc; }
  .categories li.active a, .sidelink li.active a {
    color: #000;
    font-style: italic; }

.comment-form-wrap {
  clear: both; }

.comment-list {
  padding: 0;
  margin: 0; }
  .comment-list .children {
    padding: 50px 0 0 40px;
    margin: 0;
    float: left;
    width: 100%; }
  .comment-list li {
    padding: 0;
    margin: 0 0 30px 0;
    float: left;
    width: 100%;
    clear: both;
    list-style: none; }
    .comment-list li .vcard {
      width: 80px;
      float: left; }
      .comment-list li .vcard img {
        width: 50px;
        border-radius: 50%; }
    .comment-list li .comment-body {
      float: right;
      width: calc(100% - 80px); }
      .comment-list li .comment-body h3 {
        font-size: 20px;
        color: #000; }
      .comment-list li .comment-body .meta {
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: .1em;
        color: #ccc; }
      .comment-list li .comment-body .reply {
        padding: 5px 10px;
        background: #e6e6e6;
        color: #000;
        text-transform: uppercase;
        font-size: 14px; }
        .comment-list li .comment-body .reply:hover {
          color: #000;
          background: #e3e3e3; }

.search-form {
  background: #f7f7f7;
  padding: 10px; }
  .search-form .form-group {
    position: relative; }
    .search-form .form-group input {
      padding-right: 50px; }
  .search-form .icon {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.post-meta {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .2em; }
  .post-meta a {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); }

.slide {
  height: 100vh;
  min-height: 900px;
  background-size: cover; }

.btn-md {
  padding: 8px 20px; }

.border-w-2 {
  border-width: 2px !important; }

.block__73694 .block__73422 {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }


.slide-one-item .owl-nav .owl-prev, .slide-one-item .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.4); }
  .slide-one-item .owl-nav .owl-prev:hover, .slide-one-item .owl-nav .owl-next:hover {
    color: #fff; }

.slide-one-item .owl-nav .owl-prev {
  left: 20px; }

.slide-one-item .owl-nav .owl-next {
  right: 20px; }

.slide-one-item .owl-dots {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
  z-index: 2; }
  .slide-one-item .owl-dots .owl-dot {
    display: inline-block; }
    .slide-one-item .owl-dots .owl-dot > span {
      -webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
      -o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
      transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
      display: inline-block;
      width: 7px;
      height: 7px;
      border-radius: 4px;
      background: rgba(255, 255, 255, 0.4);
      margin: 3px; }
    .slide-one-item .owl-dots .owl-dot.active > span {
      width: 20px;
      background: #fff; }

.top-bar {
  padding: .25rem 0; }


.block__35630 .icon > span {
  font-size: 3rem;
  color: #ff8b00; }

.block__35630 h3 {
  color: #000;
  font-size: 1.4rem; }

.footer-suscribe-form .form-control {
  color: #000; }
  .footer-suscribe-form .form-control:hover, .footer-suscribe-form .form-control:active, .footer-suscribe-form .form-control:focus {
    color: #000 !important; }

.footer-suscribe-form .btn {
  background: #802c28;
  color: #fff;
  border-color: #802c28; }

.pricing {
  background: #fff;
  padding: 30px; }
  .pricing .price > span {
    color: #cccccc; }
    .pricing .price > span > span {
      font-size: 3rem;
      color: #ff8b00; }
  .pricing ul li {
    margin-bottom: 20px; }

/*PRELOADING------------ */
#overlayer {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 7100;
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.loader {
  z-index: 7700;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.icon-fb{    
   padding: 3px 7px;
  
    font-size: 15px;}
 
 .text-white {
    color: #fff!important;
    font-weight: 300;
}
.text-link,.text-link a {
   color: #000000!important;
    font-size: 1rem!important;
    /* text-transform: uppercase; */
    /* padding-left: 10px; */
    /* letter-spacing: 0.025em; */
    font-weight: 500;
    /* text-transform: uppercase; */
    /* padding-left: 10px; */
    text-align: center;
}

.bg-light-org {  background-color: #eaf7ff !important;}

.icon-banner01 {
    font-size: 59px;
    color: #363636;
    padding: 19px 0px 0px 0px;
    /* border-radius: 50px; */
    display: block;
    /* vertical-align: middle; */
    text-align: center;
}
.banner-border{
      padding: 5px 5px 5px 5px;
    border-radius: 100px;
    /* margin: 5px; */
    box-shadow: 3px 2px #c7c7c7;
    height: 142px;
    width: 142px;
}
.title-blog
{
  color: #292929;
    font-size: 23px;
    /* border-bottom: 2px solid #f5c182; */
    /* margin-bottom: 20px; */
    vertical-align: middle;
    padding-top: 13px;
}
.title-icon
{
   background-color: #ff8d00;
    padding: 11px 11px;
    border-radius: 100px;
    margin-right: 9px;
    font-size: 21px; }  
.title-link-blog
{font-size: 1.5rem;
} 
.title-img
{
  max-width: 38px !important;
    /* margin-bottom: 10px; */
    /* margin-right: 10px; */
    display: inline-block !important;
    /* padding: 3px; */
    /* background: #eee; */
    /* border-radius: 50px; */
    margin: 2px 10px 3px 0px;}
.bg-row01
{      /* background: #ff8d00;
        background: #ffe18d; border-bottom: 3px solid #ef6e00;
    margin-bottom: 10px;
    margin-bottom: 10px;*/
   }
.bg-blog
{
       background-color: #fff !important;
    padding: 10px;
    border-radius: 7px;
    -webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);
  
    margin-bottom: 15px;
}

.more {
      font-size: 16px;
    color: #943406;
    /* margin-bottom: 20px; */
    display: block;
    /* transition: 300ms; */
    background-color: #fdd25a;
    padding: 4px 8px;
    border-radius: 5px;
    margin-bottom: 20px;
    font-weight: 700;
}

.video-iframe
{
    width:300px;
    height:200px;
    }
   .web-footer
   {
          background-color: #dcdcdc;
    font-size: 16px;
    color: #4c4c4c;

    border-top: 3px solid #c7c7c7;}
    
 @media (min-width: 992px){
.more.right {
    float: right;
   
}}
/********************blog.css*****************************************************************************************************/
.bloghome h3{font-size: 22px;color: #1830B1;}
.bloghome h4{color: #f47920;}
.bloghome p{font-size:15px; }
.blogcontent h3{  font-size: 15px; color: #0071E8; padding-top: 20px;}
.blogcontent  h4{color: #6699cc;}
.blogcontent  p{font-size:14px;text-indent: 25px;}
.hr-dotted{border: 1px dotted #E2E1E1;}
.btn-primary {
    padding: 8px 20px;
    background: #f47920;
    color: #fff;
    border-radius: 4px;
    border: none;
    margin-top: 10px;
}
.blog .blog-item .img-blog {
    border-radius: 5px;
    margin-bottom: 45px;
}
.img-blog {border-radius: 5px;}
.widget h3 {
    color: #000;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 16px;
}
.blog_archieve {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.blog_archieve li:first-child {
    padding-top: 0;
}
.blog_archieve li {
    padding: 10px 0;
    border-bottom: 1px solid #f5f5f5;
}
.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
.h-centered{     margin: 0px 0px 10px 0px;
    color: #f47920;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5em;
    text-align: center; }
.h-centered2{ font-size: 18px;
    color: #FF8E16;
    text-align: center;margin-bottom: 20px;
    margin-top: 10px;}
.fontblog-14{font-size: 14px;}
.f-underline{text-decoration:underline;}
.f-italic {
    font-style: italic;
}
/**************************** post content*********************/



.img-grid { float: left; margin-bottom: 40px; }
.img-grid li { margin: 0px; float: left; }


.blog_archieve li a i { margin-right: 5px; }

.h2-tiltle {margin-top: 0px; color: #de8513; font-size: 17px;}
        .blog-medium .blog-info li, .blog-medium .blog-info li a
        {
            color: #777;
        }
         .blog-medium .blog-info i
        {
            padding-right:5px;
        }
        bootstrap.min.css:5 .list-inline > li
        {
            display: inline-block;
            padding-right: 5px;
            padding-left: 5px;
        }
        .btn-u-sm, a.btn-u-sm
        {
            padding: 3px 12px;
        }
        .btn-u
        {
            border: 0;
           
            font-size: 13px;
            cursor: pointer;
            font-weight: 400;
            padding: 6px 13px;
            position: relative;
           color: #f4ffb5;
    background: #ffa839;
            white-space: nowrap;
            display: inline-block;
            text-decoration: none;
        }
        .btn-u:hover
        {
            color: #fff;
            background: #c1720d;
            text-decoration: none;
        }
          .panel-group .panel
        {
            margin-bottom: 3px;
            border-radius: 0px;
            border: 0px solid #fff;
        }
        .panel-heading {border-radius: 0px;}
 
        
     hr {
    display: block;
    margin-top: 0.5em;
    margin-left: auto;
    margin-right: 0px;
    border-style: dotted;
    border-width: 1px;
    color: #a2a2a2;
    border-top: 0px solid #eee;
    border-bottom: 1px dotted #969696;
}
.margin-bottom-40{ margin-bottom:20px;}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}
/**************************** ************************************************************************************************************/

    .professional-style
        {
            font-weight: normal;
            font-size: 24px;
            line-height: 26px;
        }
        .professionmenu [class^="col-"]:first-of-type .profession-item
        {
          /*  border-left: 2px dotted #d4c4aa;*/
        }
        .profession-item
        {
            display: block;
            padding: 0 15px;
            text-align: center;
          /*  border-right: 2px dotted #d4c4aa;*/
            margin-bottom: 5px;
        }
        .professionmenu a
        {
            color: #231f20;
            text-decoration: none;
        }
        .professionmenu img
        {
            max-width: 96px;
        }
     
        .profession-text
        {
           font-weight: normal;
    text-align: left;
    padding-left: 15px;
    font-size: 20px;
        }
        .margin-bottom-15{margin-bottom:15px;}
        
        .owl-theme .owl-controls .owl-page span {
   
    border: 1px solid #2d2d2d;
}
.bg-border01{
        padding: 14px 0px;
    /* box-shadow: 0 0 5px #ccc; */
    margin-bottom: 15px;
     background-color: #c4cfff;
    /* border-radius: 6%; */
    margin: 3px;}
.link-menu{}
.link-menu:after{ content: " "; clear: both;}
.link-menubox{ border: 1px solid #d6d6d6;width: 13%; margin-right: 1.25%; float: left; background: #e8e8e8; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; height: 128px; text-align: center;    margin-bottom: 10px;}
.link-menu .link-menubox:last-of-type{ margin-right: 0;}
.link-menubox a{ color: #3e3e3e; height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: block; padding:10px; padding-top: 0px;}
.link-menubox span{ display:block; line-height: 0.9;}
.link-menuico{ margin: auto; margin-bottom: 5px; height: 54px;}


.link-menubox:hover{ background: #f68121;}
.link-menubox:hover a{ color: #ffffff;}
.link-menubox:hover .link-menuico{ background-position: 0 -54px;}

.pagecontent-header{padding-bottom: 5px;
    /* margin: 40px 0 20px; */
    border-bottom: 1px solid #eee;
    color: #4e4e4e;
    border-bottom: 3px solid #ff9035;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: 600;}
.pagecontent-header02{font-size: 19px;
    color: #e76d00;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff0c9;
    padding-left: 20px;
    margin-top: 20px;}
.content-01{
 color: #121212;
    text-indent: 25px;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 14px;
    font-weight: 500;
    /* letter-spacing: 0.125px; */
    margin-top: 10px;}
 .content-04{ text-indent: 0px;    margin: 10px 10px;}
 .content-04 > li{ margin-bottom: 10px;}
 .font-s1 {
     font-size: 16px;
    font-weight: 600;
    color: #d64f00;
    line-height: 27px;
}
 .font-s3 {
   font-size: 15px;
    font-weight: 600;
    color: #bf3e5b;
}
.font-s4{
    ont-weight: 600;
    color: #a95700;
}




/* Article */
#article .entry-content { color:#8f8f8f; line-height:1.7em}
/*#article .entry-content h3 { font-family: "ThaiSansNeue-Regular"; font-size: 30px; color: #656565; margin-bottom:5px;}*/
#article .entry-content h3 { font-family:'Open Sans','tahoma', "ThaiSansNeue-Regular"; font-size: 30px; color: #ab5000; margin-bottom:5px;}
#article .entry-content h4 { font-family: 'Open Sans','tahoma',"ThaiSansNeue-Regular"; font-size: 24px; color: #656565; margin-bottom:5px;}
#article .entry-content h5 { font-size:22px; color: #656565; margin-bottom:5px;}
#article .entry-content a { color:#ab5000;}
#article .entry-content p { margin-bottom:20px; line-height:1.8em;}
#article .entry-content strong { color:#222}
#article .entry-content ul { margin:0 0 14px 0}
#article .entry-content ul>li { padding-left:15px; margin-bottom:5px; line-height:1.7em;
    background-image:url(/images/bullets/bullet-blue.png);
	background-position:3px 10px;
	background-repeat:no-repeat;
	background-size:5px 5px;
}
#article .entry-content ul>li ul li { background:url(../common/img/bullet.jpg) left 10px no-repeat; padding-left:14px;}
#article .entry-content ol { margin:0 0 14px 24px}
#article .entry-content ol>li { list-style-type:decimal; margin-bottom:5px; line-height:1.7em;}
#article .entry-content p>img { max-width:100%;}
#article .picture { margin-bottom:30px; text-align: center; background: #eee}
#article .picture>img { max-width: 100%; height: auto; box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
#article .entry-content table { width:100%; margin:20px 0;
    /*
    border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #eee;
	border-left-color: #eee;*/}
#article .entry-content table p { margin-bottom: 0; line-height: 1.5em;}
#article .entry-content table th { padding:12px 20px;}
#article .entry-content table td { color: #222;
	padding:12px 20px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #eee;
	border-bottom-color: #eee;
}
#article .entry-content table thead td, #article .entry-content table td:last-child { border-right: 0;}
#article .entry-content table thead td {
    color:#222; background:#F9F9F9;
    font-family: 'ThaiSansNeue-Bold';
    font-size: 22px;
    vertical-align: top;
}
#article .entry-content ul>li.thumb { background:#f9f9f9; padding-left:0; margin-bottom:20px;}
#article .entry-content ul>li.thumb .entry-title { font-family:'Open Sans','tahoma', 'ThaiSansNeue-Bold';}
#article .accordion h3 { font-size: 17px;}
  .accordion h3 {
 
    position: relative;
    display: block;
    font-size: 16px !important;
    background: rgb(255, 235, 215);
    color: #9c4100;
    padding: 12px 40px 12px 18px;
    /* border-bottom: 2px solid #f9be94; */
    margin-bottom: 0 !important;
    line-height: 1.5em;
    min-height: 45px;
    font-weight: 400;
}
#article .accordion h3 {
    font-size: 14px;
}

.show {
    display: block !important;
}
/* Accordion */
.acc-title { cursor:pointer; }
.acc-content { display:block; position:relative; overflow:hidden; height:0; }

.accordion h5 {
	position:relative; 
	font-size:14px; 
	background:#ddd; 
	color:#666; 
	padding:15px 40px 10px 18px; 
	border-top:1px solid #eee; 
	margin-bottom:0 !important;
}
.accordion h3 {
	position: relative;
    display: block;
    font-size: 14px;
   background:#B18C75; 
color:#fff; 
    padding: 12px 40px 12px 18px;
    border-top: 1px solid #FFFCFC;
    margin-bottom: 0 !important;
    line-height: 1.5em;
    min-height: 45px;
}
.accordion h3:hover {         
    background: #ea9b60;
    color: #Fff;
}

.accordion h4 { font-size:20px; color:#222; margin:20px 0;}
.accordion .acc-ico {
	display:inline-block;
	position:absolute;
	width:18px; height:18px;
	/*top:18px; */
	right:15px;
	text-indent:-999px;
	overflow:hidden;
	background-image: url(/images/arrows/arrw-shortcut-brown.png);
	background-position: 96% 50%;
	background-repeat: no-repeat;
	background-size: 10px 18px;
}
.acc-tab.show .acc-ico {
	background-image: url(/images/arrows/arrw-shortcut-down-brown.png);
	background-position: 96% 50%;
	background-repeat: no-repeat;
	background-size: 18px 10px;
}
.accordion .contentBox { padding:10px 20px; }
.accordion .contentBox a { color:#0345e0;}
.accordion .contentBox1 { padding:0px 0px;}
.accordion .contentBox1 ul { margin: 0px 0px 0px 0px; }
.accordion .contentBox1 ul > li  {
	margin: 0px 0px 0px 0px;
    color: #ab5000;
    padding-left: 40px;
    padding-top: 5px;
    background-color: #F9F9F9;
    border-bottom: 1px dotted #F1EAEA;
}
.accordion .contentBox1 ul > li a {color: #613119;}
.accordion .contentBox1 ul > li a:hover {text-decoration:none;}
.accordion .contentBox1 ul > li:hover {color: #ab5000;background-color: #FFFBED;}
.accordion .contentBox1 p { color: #879498;font-size: 12px;}
.accordion ul { margin:5px 0 20px 0}
.accordion ul>li {
    /* padding-left: 15px; padding-top: 8px; margin-bottom: 0px; */
    line-height: 1.5em;
    /*background-image:url(/images/bullets/bullet-blue.png);
	background-position:3px 10px;
	background-repeat:no-repeat;
	background-size:5px 5px;*/
}
.accordion ul>li>ul { margin-left:20px;}
.accordion strong { color:#222}
.accordion ul.ico-rec-bullet li { margin-bottom:5px;}
.accordion .ico-rec-bullet li { line-height:1.45em; margin-bottom:5px; background:url(../../common/img/bullet-list.png) left 8px no-repeat; padding-left:12px;}
.accordion .txttitle{ /*font-family:'Open Sans','tahoma', "ThaiSansNeue-Regular";*/ font-size: 30px; color: #222;}
.accordion p { margin-bottom:15px; line-height: 1.7;}
.accordion ol { margin-left:22px;}
.accordion ol { margin:0 0 14px 20px}
.accordion ol>li { list-style-type:decimal; margin-bottom:5px; line-height:1.7em; background:none; padding-left:0}

/* Convention */

.tb-style-convention{width: 100%;margin-bottom: 20px;background-color: transparent;color: #000; margin-top: 20px;/*margin-left: 20px;*/}
.tb-style-convention thead {border: 1px solid #dddddd; border-bottom: 2px solid #dddddd;    font-weight: 600;font-size: 14px;background-color: #EFEFEF;}
.tb-style-convention thead th {  border: 1px solid #dddddd;  padding: 2px;font-weight: 600;font-size:13px;vertical-align: bottom;font-weight: 600;background-color: #EFEFEF;  border-bottom: 4px solid #ffa900; }
.tb-style-convention tbody td:first-child { text-align:left;} 
.tb-style-convention tbody td { border: 1px solid #dddddd; text-align:left; font-size:13px; padding: 5px;} 
.tb-style-convention td:nth-child(2) {text-align:center; }
.tb-style-convention td:nth-child(3) {text-align:center; }


.tb-style-convention1{ width:100%;margin-bottom:20px;}
.tb-style-convention1 thead th:nth-child(2) { /*text-align:left*/}
.tb-style-convention1 tbody td { 
    padding: 5px 5px;
    text-align: center;
    color: #222;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #eee;
    border-bottom-color: #eee;
    border: 1px solid #eee;
    font-family: 'tahoma',sans-serif;
    font-size: 13px;}
.tb-style-convention1 tbody td:first-child {     width: 5%;text-align: center;}
.tb-style-convention1 tbody td:last-child { border-right:0}
.tb-style-convention1 tbody td:nth-child(2) { width:75%; text-align:left; line-height:1.6} 
.tb-style-convention1 tbody td:nth-child(4) { text-align:center;} 
.tb-style-convention1 tbody tr:nth-child(even) { background:#f9f9f9}
.tb-style-convention1 tbody tr:nth-child(odd) { background:#FFF}
.tb-style-convention1 thead th {    font-weight: 600;
    font-size: 13px;
    border: 1px solid #eee;
    padding: 2px;
    background-color: #DCDCDC;
    border-bottom: 4px solid #ffa900;    text-align: center;}
.table td, .table th {
    font-size: 14px;
}
.tab-content{
padding: 20px;
    background-color: #fff;
    color: #3c3c3c;
    font-size: 15px;}

.fonthead4 {
   font-size: 22px;
    color: #ffffff;
    font-weight: 600;
    /* padding-top: 12px; */
    /* padding-bottom: 10px; */
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    padding-left: 10px;
    background-color: #fb8104;
    /* border-top: 3px solid #f79100;*/
}
.tablehead01{
   color: #6b3b00;
    background-color: #ffe3b3 !important;
    padding-left: 20px;
    margin: 10px;
    padding: 3px 15px;
    font-size: 13px;
}
.bg-blog01 {
    padding-bottom: 30px;
    padding-top: 30px;
    background-color: #e4e9f1;
}
.line-btm01 {
         border-bottom: 2px dotted #a5a5a5;
    margin-bottom: 10px;
   
}
   .seminarsection
        {
            background: #f2f2f2;
            height: 375px;
            overflow: hidden;
        }
           .inline1
        {
            display: inline-block;    width: 19%;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;

}
.col-xs-4 {
    width: 32.333333%;
}
 .bgban01{background: #ea8e04;
    margin: 4px 0px;
    padding: 2px 10px;}
   .bgban01  a {
    color: #fffbf7;}
    .bgban01 a:hover {
    color: #f7ffb6;}
.navManager
        {
              color: #6d6d6d;
    font-size: 13px;
    font-weight: 400;
        }
.site-section
        {
            padding: 15px 0px;
        }
.svmanager{text-align: end;
    font-size: 13px;
    /* border-bottom: 3px solid #eee; */
    color: #1f5ca9;
    /* padding-bottom: 7px; */
    /* background: #f9f9f9; */
    /* padding-top: 7px; */
    margin-bottom: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    }  
    
   .site-navbar {
        padding-top: 2px;
        padding-bottom: 2px;} 
    
.padleft01{padding-left:20px}