@charset "utf-8";
/* CSS Document */
/*typography*/
body{font-family: "thaisanslite",Helvetica,Arial,sans-serif;font-size: 19px;line-height: 1.42857;color:#898989; background:#ffaf00; overflow-x:hidden }
h1, .h1{  color: #4B4B4B; font-weight: 500; line-height: 1.1; margin-top: 20px; margin-bottom: 10px;}
h2, .h2{  color: #4B4B4B; font-weight: 500; line-height: 1.1; margin-top: 20px; margin-bottom: 10px;}
h3, .h3{  color: #101010; font-weight: 500; line-height: 1.1; font-size: 24px; margin-top: 20px; margin-bottom: 10px; }
h4, .h4{  color: #fff; font-weight: 500; line-height: 1.1;}
h5, .h5{  color: #4B4B4B; font-weight: 500; line-height: 1.1;}
h6, .h6{  color: #4B4B4B; font-weight: 500; line-height: 1.1;}

a {color: #4B4B4B;text-decoration: none;}
a:hover, a:focus {color: #515151;text-decoration: none;}
a:visited {}
ul{}
ul li {}
ol{}
ol li{}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-right: 0px none;
    border-width: 1px 0px 0px;
    border-style: dashed none none;
    border-color: #303030 ;
    -moz-use-text-color -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}

/*.typography*/
/*bootstrap reset*/
/* btn */

/*.bootstrap reset*/

img {vertical-align: middle;}
section {padding:30px 0;}
section.sys-views.su-element-box.content-html-3col {background:#1f1f1f url(bg/bgtopm.png) top right no-repeat}  
section.sys-views.su-element-box.content-html-4col {background:#EA9E04}  
.sh-btn{text-align: center;}

.sh_corporate .btn-org {
  color: #fff;
  background-color: #262626 ;
  border-color: #262626 ;}
.sh_corporate .btn-org:hover,
.sh_corporate .btn-org:focus,
.sh_corporate .btn-org:active,
.sh_corporate .btn-org.active,
.sh_corporate .open > .dropdown-toggle.btn-org {
  color: #fff;
  background-color: #262626 ;
  border-color: #262626 ;}
.sh_corporate .btn-org:active,
.sh_corporate .btn-org.active,
.sh_corporate .open > .dropdown-toggle.btn-org {background-image: none;}

.sh_corporate .btn-1 {
  cursor: pointer;
  color: #fff;
  background-color: #606060 ;
  border-color: #606060 ;}
.sh_corporate .btn-1:hover,
.sh_corporate .btn-1:focus,
.sh_corporate .btn-1:active,
.sh_corporate .btn-1.active,
.sh_corporate .open > .dropdown-toggle.btn-1 {
  color: #f0f0f0;
  background-color: #3F3F3F;
  border-color: #3F3F3F;}
.sh_corporate .btn-1:active,
.sh_corporate .btn-1.active,
.sh_corporate .open > .dropdown-toggle.btn-1 {background-image: none;}

.sh_corporate .btn-2 {
  cursor: pointer;
  color: #fff;
  background-color: #959595;
  border-color: #959595;}
.sh_corporate .btn-2:hover,
.sh_corporate .btn-2:focus,
.sh_corporate .btn-2:active,
.sh_corporate .btn-2.active,
.sh_corporate .open > .dropdown-toggle.btn-2 {
  color: #FFFFFF;
  background-color: #3F3F3F;
  border-color: #3F3F3F;}
.sh_corporate .btn-2:active,
.sh_corporate .btn-2.active,
.sh_corporate .open > .dropdown-toggle.btn-2 {background-image: none;}

.sh_corporate .btn-3 {
  cursor: pointer;
  color: #fff;
  background-color: #606060 ;
  border-color: #606060 ;}
.sh_corporate .btn-3:hover,
.sh_corporate .btn-3:focus,
.sh_corporate .btn-3:active,
.sh_corporate .btn-3.active,
.sh_corporate .open > .dropdown-toggle.btn-3 {
  color: #f0f0f0;
  background-color: #3F3F3F;
  border-color: #3F3F3F;}
.sh_corporate .btn-3:active,
.sh_corporate .btn-3.active,
.sh_corporate .open > .dropdown-toggle.btn-3 {background-image: none;}

.sh_corporate .btn-4 {
  cursor: pointer;
  color: #fff;
  background-color: #606060 ;
  border-color: #606060 ;}
.sh_corporate .btn-4:hover,
.sh_corporate .btn-4:focus,
.sh_corporate .btn-4:active,
.sh_corporate .btn-4.active,
.sh_corporate .open > .dropdown-toggle.btn-4 {
  color: #f0f0f0;
  background-color: #3F3F3F;
  border-color: #3F3F3F;}
.sh_corporate .btn-4:active,
.sh_corporate .btn-4.active,
.sh_corporate .open > .dropdown-toggle.btn-4 {background-image: none;}

.sh_corporate .btn-5 {
  cursor: pointer;
  color: #fff;
  background-color: #606060 ;
  border-color: #606060 ;}
.sh_corporate .btn-5:hover,
.sh_corporate .btn-5:focus,
.sh_corporate .btn-5:active,
.sh_corporate .btn-5.active,
.sh_corporate .open > .dropdown-toggle.btn-5 {
  color: #f0f0f0;
  background-color: #3F3F3F;
  border-color: #3F3F3F;}
.sh_corporate .btn-5:active,
.sh_corporate .btn-5.active,
.sh_corporate .open > .dropdown-toggle.btn-5 {background-image: none;}

.sh_corporate .btn-6 {
  cursor: pointer;
  color: #fff;
  background-color: #606060 ;
  border-color: #606060 ;}
.sh_corporate .btn-6:hover,
.sh_corporate .btn-6:focus,
.sh_corporate .btn-6:active,
.sh_corporate .btn-6.active,
.sh_corporate .open > .dropdown-toggle.btn-6 {
  color: #f0f0f0;
  background-color: #3F3F3F;
  border-color: #3F3F3F;}
.sh_corporate .btn-6:active,
.sh_corporate .btn-6.active,
.sh_corporate .open > .dropdown-toggle.btn-6 {background-image: none;}

.sh_corporate .btn-brown {
  cursor: pointer;
  border-radius: 5px;
  padding: 5px 10px;
  color: #fff;
  background-color: #858585;
  border-color: #FFFFFF;}
.sh_corporate .btn-brown:hover,
.sh_corporate .btn-brown:focus,
.sh_corporate .btn-brown:active,
.sh_corporate .btn-brown.active,
.sh_corporate .open > .dropdown-toggle.btn-brown {
  color: #fff;
  background-color: #262626;
  border-color: #262626;}
.sh_corporate .btn-brown:active,
.sh_corporate .btn-brown.active,
.sh_corporate .open > .dropdown-toggle.btn-brown { background-image: none;}

.sh_corporate .navbar-inverse {background-color: rgba(164, 164, 164, 0.85)  ;border-color: transparent;}
.sh_corporate nav.sh_bg1{background:#262626;padding: 30px 0;margin: 0 auto; border-bottom:transparent;}
.sh_corporate.sh_color1 p.lead{ font-size: 16px;}
.sh_corporate .sh_bannertop { background:transparent; height: auto; max-height:auto; padding:0;}
.sh_corporate .h3.text-info{color: #000}
.sh_corporate .relative h1 { color:#C6C6C6;}
.sh_corporate.sh_color2 h3.text-center{ color:#B1B1B1;}
.sh_corporate.sh_color2 h4{color:#4B4B4B; font-weight: bold; }
.sh_corporate.sh_color3 h2{ color:#fff;}
.sh_corporate .page-section { color:#6D6D6D}
.sh_corporate .section-brown {background:#262626   /*repeat scroll 0% 0% #c99a4e*/;color: #FFF; text-align: center;}
.sh_corporate .thumbnail .caption h3 {color: #fff;}
.sh_corporate .text-danger {color:#999}
.sh_corporate .img-circle {border-radius: 0;}
.sh_corporate .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: #fff;
    border: transparent;
    border-radius:0;
    transition: all 0.2s ease-in-out 0s;}

	
.img-responsive1 {max-width: 100%;text-align: center; height: auto;}
.panel-default > .panel-heading {
    color: #fff;
    background-color: #262626;
    border-color: #999;}

.sh_corporate.panel {
    margin-bottom: 20px;
    background:rgba(255, 255, 255, 0.17);
    border: 1px solid #dedede;
    border-radius: 4px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.05);}
.panel-primary > .panel-heading { color: #FFF;background-color: #262626; border-color: #4B4B4B;}
.panel-primary {border-color: #FFFFFF;}
.sh_corporate .progress-bar {
  float: left;
  width: 0px;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #FFF;
  text-align: center;
  background-color: #262626 ;
  box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15) inset;
  transition: width 0.6s ease 0s;}
.sh_corporate.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background: #fffaf5;
    border: 1px #ccac8c dashed;}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    font-weight: bold;
    background: #575757 ;
    border: 1px solid #fff;}
a.list-group-item.active:hover, a.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    font-weight: bold;
    background: #7A7A7A  ;
    border: 1px solid #fff;}

/* แก้menu*/
.sh_corporate.header-image-container .navbar-inverse .navbar-nav > li > a {color: #858585;border-left: 1px #484848  dashed;}
.sh_corporate.header-image-container .navbar-inverse .navbar-nav > li > a:hover {color: #707070;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
  background-color: #313131; color: #fff;}
a.list-group-item:hover, a.list-group-item:focus {
    text-decoration: none;
    background-color: #DEDEDE;
}


.navbar-default .navbar-nav>li>a {color: #E8E8E8;}
.sh_corporate.header-z-pattern-container .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #BCBBC1;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #262626 ;
    color: #555;}


.sh_corporate.header-big-title-container .navbar-inverse .navbar-nav > li > a {color: #1E0D03;}
.sh_corporate.header-big-title-container .navbar-inverse .navbar-nav > li > a:hover {color: #B0B0B0;}
.sh_corporate.header-big-title-container .navbar-inverse .navbar-nav > .open > a, .sh_corporate.header-big-title-container .navbar-inverse .navbar-nav > .open > a:hover, .sh_corporate.header-big-title-container .navbar-inverse .navbar-nav > .open > a:focus {background-color: #262626 ;color: #FFF;}


.sh_corporate.header-content-slider-container .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #a21f06;}
.sh_corporate.header-content-slider-container .navbar-inverse .navbar-nav > li > a {color: #1E0D03;}
.sh_corporate.header-content-slider-container .navbar-inverse .navbar-nav > li > a:hover {color: #B0B0B0;}
.sh_corporate.header-content-slider-container .navbar-inverse .navbar-nav > .open > a, .sh_corporate.header-content-slider-container .navbar-inverse .navbar-nav > .open > a:hover, .sh_corporate.header-content-slider-container .navbar-inverse .navbar-nav > .open > a:focus {background-color: #262626  ;color: #fff; border-radius:5px 5px 0 0;}


/* Hover menu eff*/
@-webkit-keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.sh_corporate.header-image-slider-container .navbar-inverse .navbar-nav > li > a {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  line-height: 0}

.sh_corporate.header-image-slider-container .navbar-inverse .navbar-nav > li > a:hover{
  -webkit-animation-name: push;
  animation-name: push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
 /* .Hover menu eff*/ 

.sh_corporate.header-image-slider-container .navbar-inverse .navbar-nav > li > a:before {
    -webkit-animation-name: push;
  animation-name: push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/*menu*/





/*menu*/

/*Header image*/
.sh_corporate.header-image-container .navbar{ border-radius:0; border-bottom:none;border-top:none;min-height: auto; background:#262626;}
.sh_corporate.header-image-container .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #FFF; background-color: #313131;}
.sh_corporate.header-image-container .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #ccac8c;}
.sh_corporate.header-image-container .nav > li > a {
    position: relative;
    display: block;
    padding: 13px 25px;}

.sh_corporate.header-image-container .dropdown-menu {background-color: #fff;}
.sh_corporate.header-image-container .sh_search { padding: 10px 0; text-align: left; float: right; color: #E5E5E5; font-size: 12px; font-weight: normal;}
.sh_corporate.header-image-container .sh_formsearch {   border: 1px rgba(233, 233, 233, 1) solid;background: rgba(233, 233, 233, 1); padding: 2px 5px; box-shadow:none; color:#676767; border-radius: 0}
.sh_corporate.header-image-container .sh_search_keyword {color: #515151; font-weight:normal;}
.sh_corporate.header-image-container label { display: inline-block; margin-top: 5px; font-weight: 400;}
/*.Header image*/

/* Header image slider */
.sh_corporate.header-image-slider-container nav.sh_bglogo{background:transparent ;padding: 30px 0;margin: 0 auto; border-bottom:1px solid rgba(82, 82, 82, 0.42);display: none;}

.sh_corporate.header-image-slider-container .navbar{  border-radius:0;border-bottom:transparent;border-top:none;min-height: auto; padding: 5px 0 ; position: fixed; z-index: 1000 ;width: 100%}
.sh_corporate.header-image-slider-container .navbar-inverse .navbar-nav > .active > a, .sh_corporate.header-image-slider-container .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #FFF;background-color: #4B4B4B;}
.sh_corporate.header-image-slider-container .navbar-inverse .navbar-collapse, .sh_corporate.header-image-slider-container .navbar-inverse .navbar-form {
    border-color: #ccac8c;}
.sh_corporate.header-image-slider-container .nav > li > a {
    position: relative;
    display: block;
    padding: 13px 25px; color: #fff;
	font-size: 22px; border-right: 1px #fff solid }
.sh_corporate.header-image-slider-container .navbar-inverse .navbar-nav > .open > a, .sh_corporate.header-image-slider-container .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color:#454545;color: #FFF;}
.sh_corporate.header-image-slider-container .dropdown-menu {background-color: #fff;}
.sh_corporate.header-image-slider-container .sh_search  { padding: 10px 0; text-align: right;color: #B7B7B7;font-size: 12px; font-weight: normal; display: none;}
.sh_corporate.header-image-slider-container .sh_search_keyword {color: #717171; font-weight:normal;}
.sh_corporate.header-image-slider-container .sh_formsearch {border:1px #E6E6E6 solid; background: #E6E6E6; padding: 2px 5px; box-shadow:none;color:#929292;border-radius: 0}
.sh_corporate.header-image-slider-container .sh_bannertop { background: #f6f2f1; height: auto; max-height:auto; }
.sh_corporate.header-image-slider-container .sh_flag { text-align:center; font-size:12px; margin-top:15px; color:#303030}
.sh_corporate.header-image-slider-container .sh_flag a { color:#515151;text-decoration:none;}
.sh_corporate.header-image-slider-container .sh_flag a:hover { color:#4B4B4B; text-decoration:none}
.sh_corporate.header-image-slider-container .sh_bannertop { background:url(bg/bgbody.png) left top repeat; height: auto; max-height:auto; padding-top:39px; border-bottom:5px #ffaf00 solid }
.sh_corporate.header-image-slider-container label { display: inline-block; margin-top: 5px; font-weight: 400;}
/* .Header image slider */



/* Header z-pattern  */
.sh_corporate.header-z-pattern-container{background: transparent;color:#5F5F5F ; padding: 30px 0;margin: 0 auto;}
.sh_corporate.header-z-pattern-container nav.navbar-default {background:#262626 ;border-color: transparent;color: #9c9490; padding-bottom:10px;}

.sh_corporate.header-z-pattern-container .navbar-default .navbar-nav > .open > a, .sh_corporate.header-z-pattern-container .navbar-default .navbar-nav > .open > a:hover, .sh_corporate.header-z-pattern-container .navbar-default .navbar-nav > .open > a:focus {
    background-color: #262626 ; color: #fff;}
.sh_corporate.header-z-pattern-container .navbar-inverse .navbar-nav > li > a {color: #a7a7a7;}
.sh_corporate.header-z-pattern-container .navbar-inverse .navbar-nav > li > a:hover {color: #fff;}
.sh_corporate.header-z-pattern-container .navbar-nav.navbar-right:last-child {margin: 20px -15px;}
.sh_corporate.header-z-pattern-container .navbar-inverse .navbar-nav > .active > a, .sh_corporate.header-z-pattern-container .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {color: #FFF;background-color: #d9aa85;}
.sh_corporate.header-z-pattern-container .navbar-default .navbar-nav > .active > a, .sh_corporate.header-z-pattern-container .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color:#fff;background-color: #4B4B4B;border-radius:0;}
.sh_corporate.header-z-pattern-container .navbar-inverse .navbar-collapse, .sh_corporate.header-z-pattern-container .navbar-inverse .navbar-form { border-color: #ccac8c;}
.sh_corporate.header-z-pattern-container .nav > li > a {position: relative; display: block;padding: 13px 25px;}
.sh_corporate.header-z-pattern-container .navbar-inverse .navbar-nav > .open > a, .sh_corporate.header-z-pattern-container .navbar-inverse .navbar-nav > .open > a:hover, .sh_corporate.header-z-pattern-container .navbar-inverse .navbar-nav > .open > a:focus {background-color: #d9aa85;color: #FFF;}
.sh_corporate.header-z-pattern-container .dropdown-menu {background-color: #fff;}
.sh_corporate.header-z-pattern-container .dropdown-menu > li > a:hover, .sh_corporate.header-z-pattern-container .dropdown-menu > li > a:focus {text-decoration: none;color: #999;   background-color: #DBDBDB;}
.sh_corporate.header-z-pattern-container .sh_search, .sh_corporate.header-z-pattern-container .sh_flag { padding: 10px 5px 0 5px; text-align: right;color: #515151;font-size: 12px; font-weight: normal;}
.sh_corporate.header-z-pattern-container .sh_search_keyword {color: #515151; font-weight:normal;}
.sh_corporate.header-z-pattern-container .sh_formsearch {border:1px #bababa solid; background: #bababa; padding: 2px 5px; box-shadow:none;color:#fff;border-radius: 0}
.sh_corporate.header-z-pattern-container .sh_buttonsearch {
cursor:pointer;
font-weight:bold;
vertical-align:top;
border:none;
width:auto;
height:auto;
border-radius:0; background:#222222; padding:3px 5px; color:#fff;}
.sh_corporate.header-z-pattern-container .sh_buttonsearch:hover {background:#4B4B4B; color:#fff;}
.sh_corporate.header-z-pattern-container .sh_flag { text-align:center; font-size:12px; margin-top:5px;color:#515151;}
.sh_corporate.header-z-pattern-container .sh_flag a { color:#515151;text-decoration:none;}
.sh_corporate.header-z-pattern-container .sh_flag a:hover { color:#4B4B4B; text-decoration:none}
.sh_corporate.header-z-pattern-container .jumbotron {
  padding: 48px 60px;
  margin-bottom: 30px;
  color: inherit;
  background:#262626;
	border-radius: 0;
	border:none;}
.sh_corporate.header-z-pattern-container .jumbotron h1 { color: #fff;}
.sh_corporate.header-z-pattern-container .jumbotron h2 { color: #999;}
.sh_corporate.header-z-pattern-container .navbar-default .navbar-toggle:hover, .sh_corporate.header-big-title-container .navbar-default .sh_corporate.header-z-pattern-container .navbar-toggle:focus {background-color: #c4c4c4;}
.sh_corporate.header-z-pattern-container .navbar-inverse .navbar-toggle{border-color: #ddd;background-color: #ddd;}
.sh_corporate.header-z-pattern-container .navbar-inverse .navbar-toggle:hover{background-color: #c4c4c4;}
.sh_corporate.header-z-pattern-container label { display: inline-block; margin-top: 5px; font-weight: 400;}

.sh_corporate.header-z-pattern-container h3.text-info {color: #3E3E3E;}


/* .Header z-pattern  */

/* Header big title */
.sh_corporate.header-big-title-container section { padding:0;}
.sh_corporate.header-big-title-container.sh_dark {background:#262626 }
.sh_corporate.header-big-title-container .navbar-inverse {background:#fff /*url(bg/bgbody.png) center top repeat*/;border-color: transparent; border-bottom:2px #fff solid;z-index: 999;width: 100%;}
.sh_corporate.header-big-title-container .navbar { border-radius:0;}
.sh_corporate.header-big-title-container nav.navbar-default {background: url(bg/bgmenu1.png) center bottom repeat-x;border-color: transparent;color: #9c9490; padding-bottom:10px;}
.sh_corporate.header-big-title-container .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #a21f06;}
.sh_corporate.header-big-title-container .navbar-nav.navbar-right:last-child {margin: 20px -15px;}
.sh_corporate.header-big-title-container .navbar-inverse .navbar-nav > .active > a, .sh_corporate.header-big-title-container .navbar-inverse .navbar-nav > .active > a:hover, .sh_corporate.header-big-title-container .navbar-inverse .navbar-nav > .active > a:focus {color: #FFF;background-color: #4B4B4B; border-radius:0;}
.sh_corporate.header-big-title-container .navbar-default .navbar-nav > .active > a, .sh_corporate.header-big-title-container .navbar-default .navbar-nav > .active > a:hover, .sh_corporate.header-big-title-container .navbar-default .navbar-nav > .active > a:focus {color:#f68391;background-color: #ffe5d5;border-radius:50px;}
.sh_corporate.header-big-title-container .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #ccac8c;}
.sh_corporate.header-big-title-container .nav > li > a {position: relative; display: block;padding: 13px 25px;}

.sh_corporate.header-big-title-container .dropdown-menu {background-color: #fff;}
.sh_corporate.header-big-title-container .dropdown-menu > li > a:hover, .sh_corporate.header-big-title-container .dropdown-menu > li > a:focus {text-decoration: none;color: #999;   background-color: #;}
.sh_corporate.header-big-title-container .sh_search, .sh_corporate.header-big-title-containe .sh_flag { padding: 10px 5px 0 5px; text-align: right;color: #515151;font-size: 12px; font-weight: normal;}
.sh_corporate.header-big-title-container .sh_search_keyword {color: #515151; font-weight:normal;}
.sh_corporate.header-big-title-container .sh_formsearch {  border: 1px #E6E6E6 solid;background: #E6E6E6;padding: 2px 5px;box-shadow: none;color: #929292;border-radius: 0;}
.sh_corporate.header-big-title-container .sh_buttonsearch {
cursor:pointer;
font-weight:bold;
vertical-align:top;
border:none;
width:auto;
height:auto;
border-radius:0; background:#E6E6E6; padding:3px 5px; color:#999;}
.sh_corporate.header-big-title-container .sh_buttonsearch:hover {background:#4B4B4B; color:#fff;}
.sh_corporate.header-big-title-container .sh_flag { text-align:center; font-size:12px; margin-top:15px; color:#303030}
.sh_corporate.header-big-title-container .sh_flag a { color:#515151;text-decoration:none;}
.sh_corporate.header-big-title-container .sh_flag a:hover { color:#4B4B4B; text-decoration:none}
.sh_corporate.header-big-title-container .navbar-default .navbar-toggle {border-color: #DDD;}
.sh_corporate.header-big-title-container .navbar-default .navbar-toggle:hover, .sh_corporate.header-big-title-container .navbar-default .sh_corporate.header-big-title-container .navbar-toggle:focus {background-color: #c4c4c4;}
.sh_corporate.header-big-title-container .navbar-inverse .navbar-toggle{border-color: #ddd;background-color: #ddd;}
.sh_corporate.header-big-title-container .navbar-inverse .navbar-toggle:hover{background-color: #c4c4c4;}
.sh_corporate.header-big-title-container .carousel-indicators.bottom-lg {bottom: 0px;}
.sh_corporate.header-big-title-container .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #898989;
    border-radius: 10px;
    cursor: pointer;
    background-color: transparent;
}
.sh_corporate.header-big-title-container .carousel-indicators .active {background-color: #898989;}
.sh_corporate.header-big-title-container span.text-success { color: #222;}
.sh_corporate.header-big-title-container label { display: inline-block; margin-top: 5px; font-weight: 400;}
/* .Header big title */

/* Header content slider */
.sh_corporate.header-content-slider-container .navbar-inverse {background:#fff;border-color: transparent; border-bottom:2px #fff solid;z-index: 999;width: 100%;}
.sh_corporate.header-content-slider-container .navbar { border-radius:0;}
.sh_corporate.header-content-slider-container h1.navbar-brand {color: #262626 ; font-size:3em;margin:30px 0;line-height: 1.1; width:auto; height:auto;}
.sh_corporate.header-content-slider-container h1.navbar-brand a {color: #fff;}
.sh_corporate.header-content-slider-container h1.navbar-brand a:hover {color: #ffedef;}

.sh_corporate.header-content-slider-container nav.navbar-default {background: url(bg/bgmenu1.png) center bottom repeat-x;border-color: transparent;color: #9c9490; padding-bottom:10px;}
.sh_corporate.header-content-slider-container .navbar-nav.navbar-right:last-child {margin: 10px -15px 0 -15px; text-align:left}
.sh_corporate.header-content-slider-container .navbar-inverse .navbar-nav > .active > a, .sh_corporate.header-content-slider-container .navbar-inverse .navbar-nav > .active > a:hover, .sh_corporate.header-content-slider-container .navbar-inverse .navbar-nav > .active > a:focus {color: #FFF;background-color: #4B4B4B; border-radius:5px 5px 0 0;}
.sh_corporate.header-content-slider-container .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #ccac8c; /*float:left*/}
.sh_corporate.header-content-slider-container .nav > li > a {position: relative; display: block;padding: 13px 22px;}
 
.sh_corporate.header-content-slider-container .dropdown-menu {background-color: #fff;}
.sh_corporate.header-content-slider-container .dropdown-menu > li > a:hover, .sh_corporate.header-content-slider-container .dropdown-menu > li > a:focus {text-decoration: none;color: #999;   background-color: #DBDBDB;}
.sh_corporate.header-content-slider-container .sh_search, .sh_corporate.header-content-slider-container .sh_flag{padding: 20px 2px 5px 2px; text-align: center;color: #717171;font-size: 12px; font-weight: normal;}
.sh_corporate.header-content-slider-container .sh_search_keyword {color: #717171; font-weight:normal;}
.sh_corporate.header-content-slider-container .sh_formsearch {  border: 1px #E6E6E6 solid;background: #E6E6E6;padding: 2px 5px;box-shadow: none;color: #929292;border-radius: 0;}
.sh_corporate.header-content-slider-container .sh_buttonsearch {
cursor:pointer;
font-weight:bold;
vertical-align:top;
border:none;
width:auto;
height:auto;
border-radius:10px; background:#e0e0e0; padding:5px 5px; color:#fff;}
.sh_corporate.header-content-slider-container .sh_flag { text-align:center; font-size:12px; margin-top:5px;color:#303030; }
.sh_corporate.header-content-slider-container .sh_flag a { color:#515151;text-decoration:none;}
.sh_corporate.header-content-slider-container .sh_flag a:hover { color:#4B4B4B; text-decoration:none}
.sh_corporate.header-content-slider-container .sh_buttonsearch:hover {background:#c8c8c8; color:#fff;}
.sh_corporate.header-content-slider-container .navbar-default .navbar-toggle {border-color: #404040;}
.sh_corporate.header-content-slider-container .navbar-default .navbar-toggle:hover, .sh_corporate.header-big-title-container .navbar-default .sh_corporate.header-content-slider-container .navbar-toggle:focus {background-color: #272727;}
.sh_corporate.header-content-slider-container .navbar-inverse .navbar-toggle{border-color: #404040;background-color: #404040;}
.sh_corporate.header-content-slider-container .navbar-inverse .navbar-toggle:hover{background-color: #272727;}
.sh_corporate.header-content-slider-container label { display: inline-block; margin-top: 5px; font-weight: 400;}
/* .Header content slider */


/*Header sign-up*/
.sh_corporate.header-sign-up-container {background: #262626; padding: 30px}
/*.sh_corporate.header-sign-up-container .btn {padding: 30px 22px;font-size: 20px;line-height: 1.33;border-radius: 6px;}*/
.sh_corporate.header-sign-up-container .jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    color: inherit;
    background:#262626;
    border-radius: 0;
    border: none;}
.sh_corporate.header-sign-up-container .jumbotron h1 {font-size: 63px; color: #fff}
.sh_corporate.header-sign-up-container .jumbotron h2 {font-size: 30px;; color: #BEBEBE}
.sh_corporate.header-sign-up-container h3.text-info{color: #585858}
/*.Header sign-up*/

/*Content services slider*/
.sh_corporate.content-services-slider-container { background:#fff;color: #000 ; padding: 0 }
.sh_corporate.content-services-slider-container .img-circle {border-radius: 0;}
.sh_corporate.content-services-slider-container p.padding-lg a{ color:#505050;}
.sh_corporate.content-services-slider-container p.padding-lg a:hover{ color:#000;}
.sh_corporate.content-services-slider-container .page-section {color: #777; font-size: 31px}
.sh_corporate.content-services-slider-container h4, .h4 {color: #777; font-size: 30px}
/*.Content services slider*/

/*Content centered product*/
.sh_corporate.content-centered-product-container {background: #fff;padding: 30px; border-top:none;border-bottom:none;}
.sh_corporate.content-centered-product-container p { color:#959191;}
.sh_corporate.content-centered-product-container ul li { color:#909090;}
.sh_corporate.content-centered-product-container h3, .h3 {color: #5A5A5A ;}

/*.Content centered product*/

/*Content left tabs */
.sh_corporate.content-left-tabs-container .left-tabs .tab-content {
    border-radius: 0px 4px 4px 0px;
    float: left;
    width: 70%;
    padding: 20px;
    border: 1px solid #CFCFCF;
    background: #fff;}
.sh_corporate.content-left-tabs-container p.lead {color:#6A6A6A;}
.sh_corporate.content-left-tabs-container {background:#fff;}
.sh_corporate.content-left-tabs-container .page-section {color: #585858;font-size: 38px;}
.sh_corporate.content-left-tabs-container a {color: #000000;}
/*.Content left tabs*/


/*Content with slider */
.sh_corporate.content-with-slider-container {background:#fff ;padding: 30px; color: #000}
.sh_corporate.content-with-slider-container .btn-facebook {color: #FFF;background-color: #0e2042; border-color: #0e2042;}
.sh_corporate.content-with-slider-container .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook {
    color: #FFF;
    background-color: #0f2d64;
    border-color: #0f2d64;}
.sh_corporate.content-with-slider-container .btn-youtube {color: #FFF;background-color: #520001; border-color: #520001;}
.sh_corporate.content-with-slider-container .btn-youtube:hover, .btn-youtube:focus, .btn-youtube:active, .btn-youtube.active, .open .dropdown-toggle.btn-youtube {
    color: #FFF;
    background-color: #830102;
    border-color: #830102;}
.sh_corporate.content-with-slider-container .lead {
  padding: 15px;
  margin-bottom: 20px;
  background: rgba(255, 255, 255, 0.45);
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  color: #858585}
 .sh_corporate.content-with-slider-container .page-section {color: #858585; font-size: 30px}
 .sh_corporate.content-with-slider-container .text-info {color: #000;}


/*.Content with slider */


/*Blog section*/
.sh_corporate.blog-section-container {background:#262626;padding: 30px;color: #7A7A7A}
.sh_corporate.blog-section-container h2, .h2 {color: #C6C6C6}
.sh_corporate.blog-section-container h3, .h3 {color: #D8D8D8}
.sh_corporate.blog-section-container a {color: #9F9F9F;text-decoration: none;}
.sh_corporate.blog-section-container .pager li>a {background-color: #fff;}
.sh_corporate.blog-section-container .thumbnail .caption h3 {color: #5A5A5A;}


/*Content with navigation*/
.sh_corporate.content-with-navigation-container {background: #fff;padding: 30px; border-top:none;border-bottom:none; color: #605D5D}
.sh_corporate.content-with-navigation-container h3, .h3 {
  color: #262626 ;
  font-weight: 500;
  line-height: 1.1;
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 10px;
}

/*.Content with navigation*/


/*Content sign-up form */
.sh_corporate.content-sign-up-form-container { background:#262626 ; color:#626262}
.sh_corporate.content-sign-up-form-container .btn-1 {
  color: #fff;
  background-color: #686868 ;
  border-color: #686868 ;}
.sh_corporate.content-sign-up-form-container .btn-1:hover,
.sh_corporate.content-sign-up-form-container .btn-1:focus,
.sh_corporate.content-sign-up-form-container .btn-1:active,
.sh_corporate.content-sign-up-form-container .btn-1.active,
.sh_corporate.content-sign-up-form-container .open > .dropdown-toggle.btn-1 {
  color: #fff;
  background-color: #999999;
  border-color: #999999;}
.sh_corporate.content-sign-up-form-container .btn-1:active,
.sh_corporate.content-sign-up-form-container .btn-1.active,
.sh_corporate.content-sign-up-form-container .open > .dropdown-toggle.btn-1 { background-image: none;}
.sh_corporate.content-sign-up-form-container h3, .h3 {color: #fff;}
.sh_corporate.content-sign-up-form-container h4, .h4 {color: #B1B1B1;}
.sh_corporate.content-sign-up-form-container h4 small {color: #FFEDED}
/*.Content sign-up form */


/*Features section*/
.sh_corporate.features-section-container { background:#fff;color:#777}
.sh_corporate.features-section-container p { padding: 15px 0;}
.sh_corporate.features-section-container h2 { color:#606060;}
.sh_corporate.features-section-container .btn-2 {
  cursor: pointer;
  color: #fff;
  background-color: #606060 ;
  border-color: #606060 ;}
.sh_corporate.features-section-container .btn-2:hover,
.sh_corporate.features-section-container .btn-2:focus,
.sh_corporate.features-section-container .btn-2:active,
.sh_corporate.features-section-container .btn-2.active,
.sh_corporate.features-section-container .open > .dropdown-toggle.btn-2 {
  color: #f0f0f0;
  background-color: #3F3F3F;
  border-color: #3F3F3F;}
.sh_corporate.features-section-container .btn-2:active,
.sh_corporate.features-section-container .btn-2.active,
.sh_corporate.features-section-container .open > .dropdown-toggle.btn-2 {background-image: none;}




/*Content responsive video*/
.sh_corporate.content-responsive-video-container {background: #fff;padding: 30px; color: #767676}
.sh_corporate.content-responsive-video-container .text-danger {color: #262626;}
/*.Content responsive video*/

/*Content features list*/
.sh_corporate.content-scroll-sections-container {background:#fff; color:#626262;}
.sh_corporate.content-scroll-sections-container h3.text-info {color: #8C8C8C;}
.sh_corporate.content-scroll-sections-container .page-section {color: #535353;}

/*.Content features list*/

/*Content left background */
.sh_corporate.content-left-background-container .right {
    width: 65%;
    position: relative;
    float: left;
    min-height: 500px;
    display: inline-block;
    z-index: 1000;
    overflow: hidden;
    max-height: 100%;
    color: #fff;
    background:#262626 ;
    padding: 50px 30px;}
.sh_corporate.content-left-background-container h3, .h3 {
  color: #fff;
  font-weight: 500;
  line-height: 1.1;
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 10px;}

/*.sh_corporate.content-left-background-container .btn-1 {
  color: #fff;
  background-color: #4B4B4B;
  border-color: #4B4B4B;}
.sh_corporate.content-left-background-container .btn-1:hover,
.sh_corporate.content-left-background-container .btn-1:focus,
.sh_corporate.content-left-background-container .btn-1:active,
.sh_corporate.content-left-background-container .btn-1.active,
.sh_corporate.content-left-background-container .open > .dropdown-toggle.btn-1 {
  color: #fff;
  background-color: #262626;
  border-color: #262626;}
.sh_corporate.content-left-background-container .btn-1:active,
.sh_corporate.content-left-background-container .btn-1.active,
.sh_corporate.content-left-background-container .open > .dropdown-toggle.btn-1 {background-image: none;}*/
/*.Content left background */

/*Content Project z-pattern*/
.sh_corporate.content-project-z-pattern-container {background: #fff;padding: 30px; color: #000}
.sh_corporate.content-project-z-pattern-container . {padding: 30px 22px;font-size: 20px;line-height: 1.33;border-radius: 6px;}
.sh_corporate.content-project-z-pattern-container h3, .h3 {color: #000;}
/*.Content Project z-pattern*/

/*Content right image*/
.sh_corporate.content-right-image-container {background:#fff;padding: 30px; color: #635E5F}
.sh_corporate.content-right-image-container h3, .h3 {color: #606060;}
/*.Content right image*/

/*Content pricing tables*/
.sh_corporate.content-pricing-tables-container {background: #fff;padding: 30px; border-top:none;border-bottom:none; color: #000}
.sh_corporate.content-pricing-tables-container .panel-body { background:#262626 ; border:none;}
.sh_corporate.content-pricing-tables-container .panel-body h3 { color: #fff}
.sh_corporate.content-pricing-tables-container .panel-body p.lead{ color: #fff; font-size: 16px;}
.sh_corporate.content-pricing-tables-container .list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #FEFEFE;
  border: 1px solid #ddd;}
.sh_corporate.content-pricing-tables-container h3.text-center.page-section{color: #6D6D6D; font-size: 35px}
.sh_corporate.content-pricing-tables-container h3.text-center.text-info{ color:#fff;}
.sh_corporate.content-pricing-tables-container h3.text-center{ color:#fff;}

.sh_corporate .btn-2 {
  cursor: pointer;
  color: #fff;
  background-color: #606060 ;
  border-color: #606060 ;}
.sh_corporate .btn-2:hover,
.sh_corporate .btn-2:focus,
.sh_corporate .btn-2:active,
.sh_corporate .btn-2.active,
.sh_corporate .open > .dropdown-toggle.btn-2 {
  color: #f0f0f0;
  background-color: #3F3F3F;
  border-color: #3F3F3F;}
.sh_corporate .btn-2:active,
.sh_corporate .btn-2.active,
.sh_corporate .open > .dropdown-toggle.btn-2 {background-image: none;}



/*Content left image*/
.sh_corporate.content-left-image-container {background: #fff;padding: 30px; color: #999}
.sh_corporate.content-left-image-container h3, .h3 {color: #636363;}
.sh_corporate.content-left-image-container h4, .h4 {color: #999;}
/*.Content left image*/

/*Content team skills */
.sh_corporate.content-team-skills-container .text-info { color:#fff}
.sh_corporate.content-team-skills-container p.text-info { color:#fff}
.sh_corporate.content-team-skills-container {background:#262626;padding: 30px;}
.sh_corporate.content-team-skills-container .progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px #4D4D4D  solid;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;}


/*.Content team skills */

/*Content features list*/
.sh_corporate.content-features-list-container {background:#fff;padding: 30px; color: #7F7F7F}
.sh_corporate.content-features-list-container .text-info { color:#575757}
/*.Content features list*/

/*Content team slider */
.sh_corporate.box-wrap {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background:#4B4B4B;
    color: #FFF;
    padding: 0px 10px;
}
.sh_corporate.content-team-slider-container .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: #6b6b6b;
    border: 1px solid #6b6b6b;
    border-radius:0;
    transition: all 0.2s ease-in-out 0s;}
.sh_corporate.content-team-slider-container h4 { color:#3C3C3C}
.sh_corporate.content-team-slider-container p { color:#3C3C3C}
.sh_corporate.content-team-slider-container h4 small { color:#A6A6A6}
.sh_corporate.content-team-slider-container a {color: #7A7A7A;}
.sh_corporate.content-team-slider-container .page-section {color: #3C3C3C;}
.sh_corporate.content-team-slider-container .circle-icon-bg {
  background: #262626 ;
  border: 1px solid #C5C2C2;
  color: #fff;
  display: inline-block;
  font-weight: 200;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  z-index: 2;
  padding: 10px 5px 10px;
  text-decoration: none;
}.sh_bannertop 

/*.Content team slider */

/*Footer sticky 2 */
.sh_corporate.footer-sticky-2-container { background:#ffaf00; padding: 24px 0 60px}
.sh_corporate.footer-sticky-2-container h4 span { color: #fff}
.sh_corporate.footer-sticky-2-container .list-inline > li {display: inline-block;padding: 0;}
.sh_corporate.footer-sticky-2-container .social-links a {
  margin-right: 6px;
  margin-top: 4px;
  padding: 3px 5px;
  background:rgb(137, 136, 136);
  border-bottom: medium none;
  min-width: 25px;
  display: inline-block;
  color: #fff;
  text-align: center;
  border-radius: 2px;}
.sh_corporate.footer-sticky-2-container .social-links a:hover {color: #fff;background:#4B4B4B;}
.sh_corporate.footer-sticky-2-container .footer-nav-links {
	color:#fff;
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid rgba(50, 50, 50, 0.6);}

.sh_corporate.footer-sticky-2-container .footer-nav-links a:hover {color: #A8A8A8;}
.sh_corporate.footer-sticky-2-container .footer-nav-links a{ color:#fff}
.sh_corporate.section.sys-views.su-element-box.footer-sticky-2-container{ background:#ffaf00}
/*.Footer sticky 2 */

.half-section {
  background: #fff url('../../images/unsplash_528c8f581f45e_1.png') 0 50% fixed repeat;
  overflow: hidden;
  position: relative;
}

/** products **/
 /*layout product*/ /*product image*/ .sys-product .body .body-images{ position: relative; } .sys-product .body .body-images .main-image{ margin:0px 0px 20px 0px;} .sys-product .body .body-images .main-image .pre-main-image { z-index: 5001; position: relative;} .sys-product .body .body-images .main-image .pre-main-image .ribbon-container { z-index: 5001;} .sys-product .body .body-images .main-image .body-main-image { z-index: 5000; width:100%; height:auto; overflow: hidden;} .sys-product .body .body-images .main-image .body-main-image img { z-index: 5000 ; max-width:100%; max-height:100%;;}/* position:relative; */ /*product thembnail*/ .sys-product .body .thumbnails { position: relative;; width:100%; padding:0px; margin:0px; list-style:none} .sys-product .body .pre-thumbnails { z-index: 5000; position: absolute; width:5%; height: 100%; left: 0px; text-align:center; } .sys-product .body .pre-thumbnails .outer {position:absolute;top:0px;left:0px;width:100%;height:100%;} .sys-product .body .pre-thumbnails .table-container {height:100%;width:100%;display:table;} .sys-product .body .pre-thumbnails .table-cell {vertical-align:middle; text-align: center; height:100%;display:table-cell; cursor: pointer;} .sys-product .body .body-thumbnails { z-index:4999 ;width:90%;display:block; float:left; margin-left: 5%; } .sys-product .body .body-thumbnails .thumbnails-list{ margin: 0px; padding: 0px; margin-bottom:0px; } .sys-product .body .sub-thumbnails { z-index: 5000; position: absolute; width:5%; height: 100%; right: 0px; text-align:center;} .sys-product .body .sub-thumbnails .outer { position:absolute; top:0;left:0;width:100%;height:100%;} .sys-product .body .sub-thumbnails .table-container { height:100%;width:100%;display:table; } .sys-product .body .sub-thumbnails .table-cell {vertical-align:middle; text-align: center; height:100%;display:table-cell; cursor: pointer;s} .sys-product .body .body-thumbnails .thumb2 { width:100%; min-height:100%; display: inline-block; overflow:hidden;} .sys-product .body .body-thumbnails .thumb2 .thumbnail {margin-bottom: 0px;float:left;display: block;width: 40%;border: none;box-shadow: none;margin-left:5%; margin-right:5%;padding:1%;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out} .sys-product .body .body-thumbnails .thumb2 .thumbnail img {max-width: 98%; width:98%;} .sys-product .body .body-thumbnails .thumb3 { width:100%; height:100%; display: inline-block; overflow:hidden;} .sys-product .body .body-thumbnails .thumb3 .thumbnail {margin-bottom: 0px;float:left;display: block;width: 31.33%;border: none;box-shadow: none;margin-left:1%; margin-right:1%;padding:1%;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out} .sys-product .body .body-thumbnails .thumb3 .thumbnail img {max-width: 98%; width:98%;} .sys-product .body .body-thumbnails .thumb4 { width:100%; height:100%; display: inline-block; overflow:hidden;} .sys-product .body .body-thumbnails .thumb4 .thumbnail {margin-bottom: 0px;float:left;display: block;width: 23%;border: none;box-shadow: none;margin-left:1%; margin-right:1%;padding:1%;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out} .sys-product .body .body-thumbnails .thumb4 .thumbnail img {max-width: 98%; width:98%;} .sys-product .body .body-thumbnails .thumb5 { width:100%; height:100%; display: inline-block; overflow:hidden;} .sys-product .body .body-thumbnails .thumb5 .thumbnail {margin-bottom: 0px;float:left;display: block;width: 18%;border: none;box-shadow: none;margin-left:1%; margin-right:1%;padding:1%;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out} .sys-product .body .body-thumbnails .thumb5 .thumbnail img {max-width: 98%; width:98%;} /*product detail*/ .sys-product .body .product-detail { width:100%; float:left} .sys-product .body .product-detail .label{ z-index: 4000; position: absolute; left: 0px; top: 0px;} .sys-product .body .product-detail .tags p{ margin-top: 10px;} .sys-product .body .product-detail .color{ padding: 5px 15px 5px 15px; } .sys-product .body .product-detail .color .select-product-color{ margin: 0px; padding: 0px;} .sys-product .body .product-detail .color .select-product-color li { margin-left: 2px; margin-right: 2px; margin-bottom: 4px; padding: 10px; float: left; display: block; cursor: pointer; } /*detail text*/ .sys-product .detail-text .text-detail-container{ margin-top:10px; padding-top: 10px;}

Style CSS

/*style product*/ /*product image*/ .sys-product .body .body-images .main-image{border: 1px solid #cacaca;border-radius:0px;border-color: #cacaca;} /*product thembnail*/ .sys-product .body .thumbnails .next, .sys-product .body .thumbnails .prev{font-size: 20px; } .sys-product .body .body-thumbnails .thumb2 .thumbnail img {border: 1px solid #cacaca;} .sys-product .body .body-thumbnails .thumb3 .thumbnail img {border: 1px solid #cacaca;} .sys-product .body .body-thumbnails .thumb4 .thumbnail img {border: 1px solid #cacaca;} .sys-product .body .body-thumbnails .thumb5 .thumbnail img {border: 1px solid #cacaca;} /*product detail*/ .sys-product .body .product-detail .top-border{ border-top: #ccc 1px dotted } .sys-product .body .product-detail .bottom-border{ border-bottom: #ccc 1px dotted ; padding-top: 5px }; .sys-product .body .product-detail .code { font-weight: bold;} .sys-product .body .product-detail .stock-status {text-align: right; } .sys-product .body .product-detail .stock-status.disable {text-decoration: line-through; } .sys-product .body .product-detail .description { border-top: #ccc 1px dotted ; border-bottom: #ccc 1px dotted ; } .sys-product .body .product-detail .price { font-weight:bold;} .sys-product .body .product-detail .price.disable { text-decoration: line-through; } .sys-product .body .product-detail .discount { font-weight:bold; } .sys-product .body .product-detail .discount .show-text-discount{} .sys-product .body .product-detail .member-price { font-weight:bold;} .sys-product .body .product-detail .member-price.disable { text-decoration: line-through; } .sys-product .body .product-detail .member-price.show-for-not-member { } .sys-product .body .product-detail .member-discount { font-weight:bold;} .sys-product .body .product-detail .member-discount.show-for-not-member { display: none;} .sys-product .body .product-detail .color .select-product-color li { border: 1px #C7C7C7 solid; border-radius: 2px 2px 2px 2px ; } /*product text detail*/ .sys-product .detail-text .text-detail-container{ border-top: #ccc 1px dotted ;}




.wrappertop .sys-language .btn{color: #999}
.wrappertop .sys-language .btn:hover{color: #777}
.wrappertop .sys-currency .btn{color: #999}
.wrappertop .sys-currency .btn:hover{color: #777}
.wrappertop .sys-cart .btn { color:#999;}
.wrappertop .sys-cart .btn:hover { color:#777;}
.wrappertop .sys-member .btn { color:#999;}
.wrappertop .sys-member .btn:hover { color:#777;}


/*!!!!*/
.sh_corporate.header-image-container .sh_bannertop .container { background:transparent; height: auto; max-height:auto; width: 100%;}

section.blurred, .blurred {
  position: relative;
  background: #fff; 
  width: 100%;
  min-width: 100%;
  z-index: 1000;
  color: #fff;
}

.sh_corporate.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none;color: #999;background-color: #DBDBDB;}


.carousel-indicators.dark-indicators li { border: 1px solid #FFFFFF; background-color: rgba(75, 58, 58, 0.3);}
.carousel-indicators.dark-indicators li.active {background: #5A5A5A;}
.custom-controls-slider .carousel-control {color:#fff};
.custom-controls-slider {margin-bottom: 0px;}


.sh_corporate .thumbnail .caption {padding: 9px; color: #FFF;}
.sh_corporate.content-video-sign-up-container .text-danger {color: #fff;}
.sh_corporate.content-video-sign-up-container {color: #fff; background: #262626}
.sh_corporate.content-video-sign-up-container .panel-default > .panel-heading {
  color: #333;
  background-color: #ACACAC;
  border-color: #D5C299;}

.sh_corporate.content-events-video-container {background:#fff}
.sh_corporate.content-events-video-container .text-muted {color: #262626 ;}
.sh_corporate.content-sign-up-container {background: #fff; color: #7C7C7E}
.sh_corporate.content-sign-up-container .text-muted {color: #7D7D7D;}
.sh_corporate.content-sign-up-container a {color: #6F6F6F;}
.sh_corporate.content-sign-up-container .text-info {color: #5F5F5F;}
.padding-lg {padding: 0px 11px !important;}

.input-gsssroup-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #262626 ;
  border: 1px solid #ccc;
  border-radius: 4px;}

.navbar-default .navbar-brand {color: #E8E8E8;}

.su-side-container .su-element-box {
  box-shadow: 0px -0px 3px #ccc;
  border-radius: 5px;
  white-space: normal;
  border: solid 1px #ddd;
  background-color: #fff}
.su-side-left h3 {color: #6D6D6D}
.su-side-left a {color: #6D6D6D}

.su-main-content-container {background:#fff; padding: 21px 30px 50px 30px}
.su-main-content-container a {color: #6D6D6D;}

.custom-controls-slider .carousel-control.left {right: auto; left: 45% !important; background-image: none; text-shadow: none; color: #3D3D3D; margin: 50px 0}
.custom-controls-slider .carousel-control.right {left: auto; right: 45% !important; background-image: none; text-shadow: none; color: #3D3D3D; margin:  50px 0}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
a.list-group-item {color: #9F9F96;}


.sys-menus.vertical .nav > li > a:hover, .sys-menus.vertical .nav > li > a:focus {
    text-decoration: none;
    background-color: #9B9B9B;
    border-bottom-color: transparent;
}

.fa-inverse {color: #979797;}
.thumbnail .caption {padding: 9px; color: #787878;}
.input-group-addon { background-color: #AEAEAE}
.panel-info {
  border-color: #DEDEDE;
}

.text-success {color: #858585;}
/*B&W*/
/*TILT*/
.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

@font-face {
    font-family: 'thaisanslite';
    src: url('fonts/thaisanslite_r1.eot');
    src: url('fonts/thaisanslite_r1.eot?#iefix') format('embedded-opentype'),
         url('fonts/thaisanslite_r1.woff2') format('woff2'),
         url('fonts/thaisanslite_r1.woff') format('woff'),
         url('fonts/thaisanslite_r1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;}




/*.sh_corporate.header-image-container .container {width: 100% ; padding: 0} */