@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url("https://fonts.googleapis.com/css?family=Kanit:300");
/* line 5, ../../../../../Users/graphic-mac1/Documents/Old Mac/BMS/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../Users/graphic-mac1/Documents/Old Mac/BMS/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../Users/graphic-mac1/Documents/Old Mac/BMS/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../Users/graphic-mac1/Documents/Old Mac/BMS/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../Users/graphic-mac1/Documents/Old Mac/BMS/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../Users/graphic-mac1/Documents/Old Mac/BMS/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../Users/graphic-mac1/Documents/Old Mac/BMS/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../Users/graphic-mac1/Documents/Old Mac/BMS/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../Users/graphic-mac1/Documents/Old Mac/BMS/compass.app/Contents/Resources/lib/ruby/compass_1.0/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: 'opensans';
  src: url("fonts/OpenSans.eot");
  src: url("fonts/OpenSans.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans.woff") format("woff"), url("fonts/OpenSans.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'oragon';
  src: url("fonts/oregon-webfont.eot");
  src: url("fonts/oregon-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/oregon-webfont.woff") format("woff"), url("fonts/oregon-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 32, ../sass/screen.scss */
* {
  box-sizing: border-box;
}

/* line 34, ../sass/screen.scss */
::selection {
  background: #00A651;
  color: #333740;
  /* WebKit/Blink Browsers */
}

/* line 35, ../sass/screen.scss */
::-moz-selection {
  background: #00A651;
  color: #333740;
  /* Gecko Browsers */
}

/* line 37, ../sass/screen.scss */
.clearfix:after,
.fixwidth:after {
  content: ' ';
  display: table;
  height: 0px;
  clear: both;
  visibility: hidden;
}

/* line 48, ../sass/screen.scss */
.movein, body, .masker:after, .i_arrow:hover:before, .i_arrow:hover:after, .paging a:hover,
.paging a.active, .wrap--nav_primary:hover, .nav_primary li a:hover, .nav_primary li.group_menu:hover a.lv_1:after, .popup.active, .popup .wrapper, .products_menu--group:hover .products_menu--lists a, .products_menu--group:hover .products_page--thumbs img, .card_link.show_product.i_add:hover, .card_function:hover .i_add:before, .product_btn:hover .i_add-yellow:before {
  transition: 1.5s ease;
}

/* line 49, ../sass/screen.scss */
.moveout, .i_arrow:before, .i_arrow:after, .paging a, .wrap--nav_primary, .nav_primary li a, .nav_primary li a.lv_1:after, .popup, .popup.active .wrapper, .products_menu--lists a, .products_page--thumbs img {
  transition: 0.2s ease;
}

/* line 53, ../sass/screen.scss */
img {
  max-width: 100%;
  height: auto;
}

/*----------------------------------------*/
/*----------------------------------------*/
/* variable */
/*----------------------------------------*/
/*----------------------------------------*/
/* line 62, ../sass/screen.scss */
html, body {
  min-height: 100%;
  width: 100%;
  position: relative;
  word-break: break-word;
  
}

/* line 63, ../sass/screen.scss */
body {
  font-size: 16px;
  /*font-size: 14.573px;*/
  line-height: 1.625em;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

/* line 74, ../sass/screen.scss */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  line-height: 1.3em;
  padding-bottom: 1em;
  font-weight: normal;
  font-family: 'Kanit';
}

/*
h1{font-size:6em;}
h2{font-size:4.6em;}
h3{font-size:3.2em;}
h4{font-size:2.8em;}
h5{font-size:2.4em;}
h6{font-size:2em;}
*/
/* line 84, ../sass/screen.scss */
h1, .h1 {
  font-size: 2.8em;
}

/* line 85, ../sass/screen.scss */
h2, .h2 {
  font-size: 2.4em;
}

/* line 86, ../sass/screen.scss */
h3, .h3 {
  font-size: 2.1em;
}

/* line 87, ../sass/screen.scss */
h4, .h4 {
  font-size: 1.8em;
}

/* line 88, ../sass/screen.scss */
h5, .h5 {
  font-size: 1.4em;
}

/* line 89, ../sass/screen.scss */
h6, .h6 {
  font-size: 1.2em;
}

/* line 91, ../sass/screen.scss */
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-size: 0.9em;
}

/* line 98, ../sass/screen.scss */
p {
  padding: 0 0 1em 0;
  margin: 0;
  line-height: 1.625em;
}

/* line 100, ../sass/screen.scss */
a,
img {
  display: block;
}

/* line 103, ../sass/screen.scss */
button {
  cursor: pointer;
}

/* line 105, ../sass/screen.scss */
.fixwidth {
  max-width: 1450px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: content-box;
}

.fixwidth-cart-step1 {
  max-width: 1130px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: content-box;
}

.fixwidth-cart-step2 {
  max-width: 640px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: content-box;
}

.fixwidth-cart-step3 {
  max-width: 710px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: content-box;
}

/*----------------------------------------*/
/*----------------------------------------*/
/* font style */
/*----------------------------------------*/
/*----------------------------------------*/
/* line 113, ../sass/screen.scss */
.font-size1 {
  font-size: 4em;
}

/* line 114, ../sass/screen.scss */
.font-size2 {
  font-size: 3.6em;
}

/* line 115, ../sass/screen.scss */
.font-size3 {
  font-size: 3em;
}

/* line 116, ../sass/screen.scss */
.font-size4 {
  font-size: 2.6em;
}

/* line 117, ../sass/screen.scss */
.font-size5 {
  font-size: 2em;
}

/* line 118, ../sass/screen.scss */
.font-size6 {
  font-size: 1.6em;
}

/* line 119, ../sass/screen.scss */
.font-size7 {
  font-size: 1.2em;
}

/* line 121, ../sass/screen.scss */
.font-tiny {
  font-size: 0.8em;
}

/*----------------------------------------*/
/*----------------------------------------*/
/* link */
/*----------------------------------------*/
/*----------------------------------------*/
/*----------------------------------------*/
/*----------------------------------------*/
/* form */
/*----------------------------------------*/
/*----------------------------------------*/
/* line 137, ../sass/screen.scss */
input, select, textarea, button {
  box-sizing: border-box;
}

/* line 138, ../sass/screen.scss */
input:focus, select:focus, textarea:focus, button:focus {
  outline: none;
}

/* line 140, ../sass/screen.scss */
input[type=text],
input[type=password],
input[type=file],
input[type=date],
input[type=email],
select,
textarea {
  min-width: inherit;
  font-size: 1em;
  padding: 0 1em;
  vertical-align: middle;
  width: 100%;
}

/* line 147, ../sass/screen.scss */
textarea {
  min-height: 100px;
  padding-top: 0.5em;
}

/* line 149, ../sass/screen.scss */
button {
  min-width: 60px;
  font-size: 1em;
  height: 50px;
  line-height: 50px;
  padding: 0 1em;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}

/* line 150, ../sass/screen.scss */
textarea,
input,
button {
  border-radius: 2px;
  -webkit-font-smoothing: antialiased;
}

/* line 153, ../sass/screen.scss */
input[type=text],
input[type=password],
input[type=date],
input[type=email] {
  background: #FFFFFF;
  height: 50px;
  line-height: 50px;
}

input[type=file] {
  background: #FFFFFF;
  line-height: 50px;
}

/* line 158, ../sass/screen.scss */
input[type=password] {
  letter-spacing: 0.2em;
}

/* line 159, ../sass/screen.scss */
input[type=text]:focus,
input[type=password]:focus,
input[type=file]:focus,
input[type=date]:focus,
input[type=email]:focus {
  border: 1px solid #999ea7;
}

/* line 164, ../sass/screen.scss */
input.disable {
  border: 1px solid #cccccc;
  background: #f3f4f5;
  color: #999;
}

/* line 165, ../sass/screen.scss */
textarea.alert,
input[type=text].alert {
  background-repeat: no-repeat;
}

/* line 168, ../sass/screen.scss */
select {
  margin: 0px;
  padding-left: 13px;
  border: none;
  height: 50px;
  line-height: 50px;
  width: 100%;
  max-width: 160px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

/* line 169, ../sass/screen.scss */
select:focus {
  outline: none;
  /* removing default browsers outline on focus */
}

/* line 170, ../sass/screen.scss */
select::-ms-expand {
  display: none;
}

/* line 172, ../sass/screen.scss */
.select-style {
  position: relative;
}

/* line 173, ../sass/screen.scss */
.select-style:after {
  font-family: fontello;
  position: absolute;
  z-index: 1;
  text-decoration: inherit;
  display: block;
  top: 1em;
  right: 1em;
  speak: none;
}

/* line 174, ../sass/screen.scss */
.select-style.icon:after {
  content: '\e80f';
  color: #576472;
}

/* '' */
/* line 176, ../sass/screen.scss */
.btn {
  /* height: 50px; */
  line-height: 50px;
  box-sizing: border-box;
  padding: 0 1em;
  display: inline-block;
}

/* line 178, ../sass/screen.scss */
.btn.lg {
  height: 50px;
  line-height: 50px;
  font-size: 1.2em;
  font-weight: bold;
}

/* line 180, ../sass/screen.scss */
.function_form input,
.function_form textarea,
.function_form select {
  margin-bottom: 0.8em;
}

/* line 184, ../sass/screen.scss */
.popup_alert {
  position: fixed;
  width: 100%;
  min-height: 120px;
  z-index: 999999;
  background-color: #ffffff;
  display: block;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: 0.2s ease;
  transform: translateY(-100%);
  box-shadow: 0px 0px 0px;
}

/* line 185, ../sass/screen.scss */
.popup_alert .warp {
  display: block;
  color: #69af3f;
  font-size: 2em;
  max-width: 1280px;
  margin: 1.5em auto;
  transition: 1.5s ease;
  opacity: 0.2;
  box-sizing: border-box;
  padding: 0 1em;
  line-height: 1.5em;
}

/* line 186, ../sass/screen.scss */
.popup_alert.error .warp {
  color: #bf000c;
}

/* line 187, ../sass/screen.scss */
.popup_alert.active {
  visibility: visible;
  transition: 0.2s ease;
  transform: translateY(0);
  box-shadow: 0px 0px 10px;
}

/* line 188, ../sass/screen.scss */
.popup_alert.active .warp {
  transition: 1.5s ease;
  opacity: 1;
}

/* line 189, ../sass/screen.scss */
.popup_alert .close {
  background: none !important;
  color: #D2D2D2 !important;
  border: none !important;
  line-height: normal;
  padding: 0;
  margin-left: 30px;
  cursor: pointer;
}

/* line 190, ../sass/screen.scss */
.popup_alert .close:after {
  content: '';
  display: none !important;
}

/* line 192, ../sass/screen.scss */
.popup_alert .close:before {
  content: 'x';
  background: #d2d2d2;
  color: #ffffff;
  display: block;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 25px;
  border-radius: 40px;
  font-size: 0.8em;
  margin-right: 10px;
  margin-top: 5px;
  float: left;
}

/* line 195, ../sass/screen.scss */
.forms_style .edit_form .upload_products .upload_slip {
  background-image: url(../images/icon-image.png);
  background-repeat: no-repeat;
  background-position: 10px 6px;
  background-size: 50px;
}

/* line 197, ../sass/screen.scss */
.alert input[type=text],
.alert input[type=password],
.alert input[type=file],
.alert input[type=date],
.alert input[type=email],
.alert select,
.alert textarea {
  border-color: #ff5555;
}

/* line 205, ../sass/screen.scss */
textarea {
  resize: vertical;
}

/* line 207, ../sass/screen.scss */
.alert_txt {
  color: #ff5555 !important;
}

/*----------------------------------------*/
/*----------------------------------------*/
/* layout */
/*----------------------------------------*/
/*----------------------------------------*/
/* line 217, ../sass/screen.scss */
.thumbs img {
  width: 100%;
  height: auto;
}

/* line 219, ../sass/screen.scss */
.line--dashed,
.line--solid {
  margin: 0;
  padding: 0;
  margin-top: 1em;
  padding-bottom: 1em;
  border: none;
  border-top: 1px solid #cccccc;
}

/* line 222, ../sass/screen.scss */
.relation {
  position: relative;
}

/* line 224, ../sass/screen.scss */
.wrap_y--1 {
  padding-top: 1em;
  padding-bottom: 1em;
}

/* line 225, ../sass/screen.scss */
.wrap_y--2 {
  padding-top: 2em;
  padding-bottom: 2em;
}

/* line 226, ../sass/screen.scss */
.wrap_all--half {
  padding: 0.5em;
}

/* line 227, ../sass/screen.scss */
.wrap_all--1 {
  padding: 1em;
}

/* line 228, ../sass/screen.scss */
.wrap_all--1-half {
  padding: 1.5em;
}

/* line 229, ../sass/screen.scss */
.wrap_all--2 {
  padding: 2em;
}

/* line 231, ../sass/screen.scss */
.clear-scroll {
  overflow: hidden;
  height: 100%;
}

/* line 234, ../sass/screen.scss */
.masker {
  height: 100%;
}

/* line 235, ../sass/screen.scss */
.masker:after {
  content: '';
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  z-index: 5;
  transition: 0s ease;
}

/* line 236, ../sass/screen.scss */
.masker .popup {
  visibility: visible;
  z-index: 6;
  transition: 0.4s ease;
}

/*----------------------------------------*/
/*----------------------------------------*/
/* navigation */
/*----------------------------------------*/
/*----------------------------------------*/
/* line 244, ../sass/screen.scss */
.header--control nav ul {
  float: right;
}

/* line 245, ../sass/screen.scss */
.header--control nav ul li {
  float: left;
}

/* line 246, ../sass/screen.scss */
.header--control nav ul li a {
  padding: 0 0 0 2em;
  height: 30px;
  line-height: 30px;
}

/* line 248, ../sass/screen.scss */
.toggle-menu {
  background: none !important;
  border: none !important;
  display: none;
}

/* line 249, ../sass/screen.scss */
.toggle-menu span {
  width: 17px;
  height: 2px;
  background: #666666;
  margin-bottom: 4px;
  display: block;
  transition: all .4s ease-out;
  -webkit-transition: all .4s ease-out;
  margin-left: -6px;
}

/* line 258, ../sass/screen.scss */
.toggle-menu.active .bar1 {
  transform: rotate(0) translateY(6px);
  -webkit-transform: rotate(0) translateY(6px);
}

/* line 261, ../sass/screen.scss */
.toggle-menu.active .bar2 {
  opacity: 0;
  -webkit-opacity: 0;
}

/* line 264, ../sass/screen.scss */
.toggle-menu.active .bar3 {
  transform: rotate(-90deg) translateX(6px);
  -webkit-transform: rotate(-90deg) translateX(6px);
}

/* line 268, ../sass/screen.scss */
.toggle-menu.active {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/*----------------------------------------*/
/*----------------------------------------*/
/* invert style */
/*----------------------------------------*/
/*----------------------------------------*/
/* line 278, ../sass/screen.scss */
.invert {
  color: #ffffff;
}

/* line 18, ../sass/theme/theme.scss */
body {
  font-family: "opensans", "Kanit", Arial, Helvetica, sans-serif;
  color: #3b3d44;
}

/* line 23, ../sass/theme/theme.scss */
b, strong {
  font-weight: bold;
}

/* line 25, ../sass/theme/theme.scss */
a {
  color: #00A651;
  text-decoration: none;
}

/* line 27, ../sass/theme/theme.scss */
a.permalink {
  color: #3b3d44;
}

/* line 34, ../sass/theme/theme.scss */
.f_softgray {
  color: #898b8f;
}

/* line 35, ../sass/theme/theme.scss */
.f_green {
  text-align: left;
  font: normal normal medium 28px/42px Kanit;
  letter-spacing: 0px;
  color: #00A651;
  opacity: 1;
}

/* line 36, ../sass/theme/theme.scss */
.f_white {
  color: #ffffff;
}

/* line 38, ../sass/theme/theme.scss */
.bg_white {
  background: #ffffff;
}

/* line 39, ../sass/theme/theme.scss */
.bg_softgray {
  background: #f1f1f1;
}

/* line 41, ../sass/theme/theme.scss */
.movein, body, .masker:after, .i_arrow:hover:before, .i_arrow:hover:after, .paging a:hover,
.paging a.active, .wrap--nav_primary:hover, .nav_primary li a:hover, .nav_primary li.group_menu:hover a.lv_1:after, .popup.active, .popup .wrapper, .products_menu--group:hover .products_menu--lists a, .products_menu--group:hover .products_page--thumbs img, .card_link.show_product.i_add:hover, .card_function:hover .i_add:before, .product_btn:hover .i_add-yellow:before {
  transition: 0.4s ease;
}

/* line 42, ../sass/theme/theme.scss */
.moveout, .i_arrow:before, .i_arrow:after, .paging a, .wrap--nav_primary, .nav_primary li a, .nav_primary li a.lv_1:after, .popup, .popup.active .wrapper, .products_menu--lists a, .products_page--thumbs img {
  transition: 0.1s ease;
}

/*
    extend style
 */
/* line 49, ../sass/theme/theme.scss */
.tc {
  text-align: center;
}

/* line 50, ../sass/theme/theme.scss */
.tl {
  text-align: left;
}

/* line 51, ../sass/theme/theme.scss */
.tr {
  text-align: right;
}

/* line 54, ../sass/theme/theme.scss */
.pb10 {
  padding-bottom: 10px;
}

/* line 55, ../sass/theme/theme.scss */
.pb20 {
  padding-bottom: 20px;
}

/* line 56, ../sass/theme/theme.scss */
.pb40 {
  padding-bottom: 40px;
}

/* line 57, ../sass/theme/theme.scss */
.pb60 {
  padding-bottom: 60px;
}

/* line 59, ../sass/theme/theme.scss */
.b_radius, .thumbs,
.thumbs img, .btn_radius, .random_square li a, .activity_list.list_box li a {
  border-radius: 4px;
}

/* line 61, ../sass/theme/theme.scss */
.pv_120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

/* line 62, ../sass/theme/theme.scss */
.ph_120 {
  padding-left: 120px;
  padding-right: 120px;
}

/* line 63, ../sass/theme/theme.scss */
.pall_120 {
  padding: 120px;
}

/* line 65, ../sass/theme/theme.scss */
.pv_80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

/* line 66, ../sass/theme/theme.scss */
.ph_80 {
  padding-left: 80px;
  padding-right: 80px;
}

/* line 67, ../sass/theme/theme.scss */
.pall_80 {
  padding: 80px;
}

/* line 69, ../sass/theme/theme.scss */
.pv_60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

/* line 70, ../sass/theme/theme.scss */
.ph_60 {
  padding-left: 60px;
  padding-right: 60px;
}

/* line 71, ../sass/theme/theme.scss */
.pall_60 {
  padding: 60px;
}

/* line 73, ../sass/theme/theme.scss */
.pv_40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* line 74, ../sass/theme/theme.scss */
.ph_40 {
  padding-left: 40px;
  padding-right: 40px;
}

/* line 75, ../sass/theme/theme.scss */
.pall_40 {
  padding: 40px;
}

/* line 77, ../sass/theme/theme.scss */
.pv_20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* line 78, ../sass/theme/theme.scss */
.ph_20 {
  padding-left: 20px;
  padding-right: 20px;
}

/* line 79, ../sass/theme/theme.scss */
.pall_20 {
  padding: 20px;
}

/* line 81, ../sass/theme/theme.scss */
.mb_30 {
  margin-bottom: 30px;
}

/* line 83, ../sass/theme/theme.scss */
.pt0 {
  padding-top: 0px;
}

/* line 84, ../sass/theme/theme.scss */
.pt20 {
  padding-top: 20px;
}

/* line 85, ../sass/theme/theme.scss */
.pt40 {
  padding-top: 40px;
}

/* line 86, ../sass/theme/theme.scss */
.pt60 {
  padding-top: 60px;
}

/* line 88, ../sass/theme/theme.scss */
.pr0 {
  padding-right: 0px;
}

/* line 89, ../sass/theme/theme.scss */
.pr20 {
  padding-right: 20px;
}

/* line 90, ../sass/theme/theme.scss */
.pr40 {
  padding-right: 40px;
}

/* line 91, ../sass/theme/theme.scss */
.pr60 {
  padding-right: 60px;
}

/* line 96, ../sass/theme/theme.scss */
.pst_wrap {
  position: relative;
  overflow: hidden;
}

/* line 97, ../sass/theme/theme.scss */
.pst_over {
  position: absolute;
  left: 0;
  width: 100%;
}

/* line 99, ../sass/theme/theme.scss */
.pst_over.bottom {
  bottom: 0;
}

/* line 101, ../sass/theme/theme.scss */
.i_arrow,
*[class^=i_] {
  position: relative;
}

/* line 103, ../sass/theme/theme.scss */
*[class^=i_]:before,
.i_item:before,
.i_search:before,
.i_account:before,
.i_login:before,
.i_arrow:before,
.i_arrow--gray:before,
.i_tt:before,
.i_line:before,
.i_youtube:before,
.i_fb:before,
.i_ig:before,
.i_add:before,
.i_add-yellow:before {
  content: '';
  width: 18px;
  height: 25px;
  border-radius: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

/* line 117, ../sass/theme/theme.scss */
.i_tel:before {
  content: url(../images/ico_tel.svg);
}

/* line 118, ../sass/theme/theme.scss */
.i_tt:before {
  content: url(../images/ico_tt.svg);
}

/* line 119, ../sass/theme/theme.scss */
/*.i_line:before {
  content: url(../images/ico_line.svg);
}*/

/* line 120, ../sass/theme/theme.scss */
.i_youtube:before {
  content: url(../images/ico_youtube.svg);
}

/* line 121, ../sass/theme/theme.scss */
/*.i_fb:before {
  content: url(../images/ico_fb.svg);
}*/

/* line 122, ../sass/theme/theme.scss */
/*.i_ig:before {
  content: url(../images/ico_ig.svg);
}*/

/* line 123, ../sass/theme/theme.scss */
.i_login:before {
  content: url(../images/ico_login.svg);
  line-height: 30px;
}

/* line 124, ../sass/theme/theme.scss */
.i_account:before {
  content: url(../images/ico_account.svg);
  line-height: 30px;
}

/* line 125, ../sass/theme/theme.scss */
.i_payment:before {
  content: url(../images/ico_payment.svg);
  line-height: 30px;
}

/* line 126, ../sass/theme/theme.scss */
.i_search:before {
  content: url(../images/ico_search.svg);
  line-height: 30px;
}

/* line 127, ../sass/theme/theme.scss */
.i_item:before {
  content: url(../images/ico_cart.svg);
  line-height: 30px;
}

/* line 128, ../sass/theme/theme.scss */
.i_arrow:before {
  content: url(../images/ico_arrow.svg);
  line-height: 30px;
}

/* line 129, ../sass/theme/theme.scss */
.i_arrow--gray:before {
  content: url(../images/ico_arrow-small.svg);
  line-height: 30px;
}

/* line 130, ../sass/theme/theme.scss */
.i_add:before {
  content: url(../images/ico_add--gray.svg);
  line-height: 30px;
}

/* line 131, ../sass/theme/theme.scss */
.i_add-yellow:before {
  content: url(../images/ico_add--yellow.svg);
  line-height: 30px;
}


.i_language_th{
 font-size: 1.2em;
  margin-bottom:  5px;
  height: 30px;
  color: #5f616d;
  width: 20px;
  cursor: pointer;
  margin-right: -15px;
  line-height: 35px;
}
.i_language_en{
  font-size: 1.2em;
  margin-top: 15px;
  margin : 0 auto;
  margin-right: 5px;
  margin-left: -15px;
  height: 30px;
  color: #5f616d;
  width: 20px;
  line-height: 35px;
}
.lan_active{
  color:  white;
}
.i_line_lan:before{
  content: '|';
  margin-left:5px; 
  color: #9fa2ad;
  text-align: center;
  line-height: 20px;

}


/* line 133, ../sass/theme/theme.scss */
.i_tt:before,
.i_line:before,
.i_youtube:before,
.i_fb:before,
.i_ig:before {
  width: 28px;
  margin: 0 auto;
  margin-top: -5px;
}

/* line 139, ../sass/theme/theme.scss */
.i_arrow:after {
  content: '';
  width: 24px;
  height: 24px;
  border-radius: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

/* line 140, ../sass/theme/theme.scss */
.i_arrow:after {
  content: url(../images/ico_arrow.svg);
  line-height: 30px;
  margin-right: -30px;
  transform: scale(0.5) translateX(-5px);
  opacity: 0;
}

/* line 143, ../sass/theme/theme.scss */
.i_arrow:hover:before {
  margin-left: -30px;
  transform: scale(0.5) translateX(20px);
  opacity: 0;
}

/* line 144, ../sass/theme/theme.scss */
.i_arrow:hover:after {
  margin-right: 0px;
  transform: scale(1) translateX(0px);
  opacity: 1;
}

.fixwidth--700,
.fixwidth_form {
  max-width: 700px;
  margin: 0 auto;
}

/* line 146, ../sass/theme/theme.scss */
.fixwidth--700,
.fixwidth_form {
  max-width: 700px;
  margin: 0 auto;
}

/* line 149, ../sass/theme/theme.scss */
.arrow_left:before {
  transform: rotate(180deg);
}

/*
    extend style
 */
/* line 157, ../sass/theme/theme.scss */
*[class^=btn] {
  background: #3b3d44;
  color: #00A651;
  /* min-height: 50px; */
  line-height: 50px;
  padding: 0 20px;
  display: inline-block;
}

/* line 158, ../sass/theme/theme.scss */
*[class^=btn]:hover {
  cursor: pointer;
}

/* line 159, ../sass/theme/theme.scss */
.btn_round {
  border-radius: 40px;
}

.product_btn .btn_round:hover {
	background:linear-gradient(to bottom, #3b3d44 5%, #525663 100%);
	background-color:#525663;
}
.product_btn .btn_round:active {
	position:relative;
	top:1px;
}

/* line 161, ../sass/theme/theme.scss */
input[type="submit"].btn_round {
  border: none;
  font-size: 14.573px;
  font-family: "opensans", Arial, Helvetica, sans-serif;
}

/* line 163, ../sass/theme/theme.scss */
*[class^=btn]:hover {
  background: #525663;
  color: #00A651;
  transition: 0.2s ease-out;
}

/* line 165, ../sass/theme/theme.scss */
*[class^=btn]:focus {
  transition: 0s ease;
  /* background: #3b3d44;
  color: #ffffff; */
}

/* line 167, ../sass/theme/theme.scss */
.btn_round.small,
.btn_radius.small {
  min-height: 40px;
  line-height: 40px;
}

/* line 170, ../sass/theme/theme.scss */
.btn_radius--border {
  background: none;
  border: 1px solid #3b3d44;
  color: #3b3d44;
  border-radius: 40px;
}

/* line 172, ../sass/theme/theme.scss */
button,
.btn.enable {
  background-color: #00A651;
  color: #FFFFFF;
  border: 1px solid #950009;
}

/* line 175, ../sass/theme/theme.scss */
a.btn.enable {
  position: relative;
  padding-right: 40px;
}

/* line 176, ../sass/theme/theme.scss */
a.btn.enable:after {
  content: '';
  background-image: url(../images/icon/icon_arrow-white.svg);
  background-size: cover;
  display: block;
  width: 14px;
  height: 12px;
  position: absolute;
  top: 13px;
  right: 10px;
}

/* line 178, ../sass/theme/theme.scss */
::-webkit-input-placeholder {
  color: #576472;
}

/* line 179, ../sass/theme/theme.scss */
:-moz-placeholder {
  /* Firefox 18- */
  color: #576472;
}

/* line 180, ../sass/theme/theme.scss */
::-moz-placeholder {
  /* Firefox 19+ */
  color: #576472;
}

/* line 181, ../sass/theme/theme.scss */
:-ms-input-placeholder {
  color: #576472;
}

/* line 183, ../sass/theme/theme.scss */
button,
input[type=text],
input[type=password],
input[type=file],
input[type=email],
input[type=date],
select,
textarea {
  font-family: "opensans", "Kanit", Arial, Helvetica, sans-serif;
  border: 1px solid #DFE0E2;
  color: #576472;
  border-radius: 0px;
  background: #ffffff;
  border-radius: 4px;
}

/* line 192, ../sass/theme/theme.scss */
.has-error input[type=text],
.has-error input[type=password],
.has-error input[type=file],
.has-error input[type=email],
.has-error input[type=date],
.has-error select,
.has-error textarea {
  border-color: #f7484f;
}

/* line 200, ../sass/theme/theme.scss */
/*select {
  background-image: url(../images/bg_select.jpg);
  background-position: right center;
  background-repeat: no-repeat;
}*/

/* line 203, ../sass/theme/theme.scss */
.sort-options-wrapper.alert {
  border: 1px solid #d2232a;
  color: #d2232a;
}

/* line 204, ../sass/theme/theme.scss */
input.disable {
  border: 1px solid #cccccc;
  background: #f3f4f5;
  color: #999;
}

/* line 205, ../sass/theme/theme.scss */
textarea.alert,
input[type=text].alert,
input[type=email].alert,
input[type=password].alert,
input[type=file].alert,
input[type=date].alert {
  border: 1px solid #d2232a;
  color: #d2232a;
}

/* line 212, ../sass/theme/theme.scss */
.alert.alert-danger.parsley {
  color: #d2232a;
}

/*select{color:#354052; border:1px solid #3b1467;} */
/* line 218, ../sass/theme/theme.scss */
button:hover {
  background: #e2e5ea;
  transition: ease 0.5s;
  color: #151839;
}

/* line 219, ../sass/theme/theme.scss */
button.enable {
  color: #FFF;
  border: 1px solid #d2232a;
  background: #00A651;
  background: #bf0015;
  background: -moz-linear-gradient(top, #bf0015 0%, #a3000a 100%);
  background: -webkit-linear-gradient(top, #bf0015 0%, #a3000a 100%);
  background: linear-gradient(to bottom, #bf0015 0%, #a3000a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00A651', endColorstr='#a3000a',GradientType=0 );
}

/* line 227, ../sass/theme/theme.scss */
button.enable:hover {
  border: 1px solid #c7282c;
  background: #00A651;
  background: #bf0015;
  background: -moz-linear-gradient(top, #bf0015 0%, #a3000a 100%);
  background: -webkit-linear-gradient(top, #bf0015 0%, #a3000a 100%);
  background: linear-gradient(to bottom, #bf0015 0%, #a3000a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00A651', endColorstr='#a3000a',GradientType=0 );
}

/* line 235, ../sass/theme/theme.scss */
button.disable {
  background: #cccccc;
  color: #999;
}

/* line 236, ../sass/theme/theme.scss */
button.primary {
  background: #d84046;
  border: 1px solid #d84046;
  color: #FFF;
}

/* line 237, ../sass/theme/theme.scss */
button.primary:hover {
  background: #e3343c;
  border: 1px solid #c11e22;
}

/* line 239, ../sass/theme/theme.scss */
.text--align--form .type {
  width: 100px;
  float: left;
  line-height: 40px;
}

/* line 240, ../sass/theme/theme.scss */
.text--align--form .addtext {
  padding-left: 120px;
}

/*--____________________________________________________________________________________--*/
/*--____________________________________________________________________________________--*/
/*--____________________________________________________________________________________--*/
/*--____________________________________________________________________________________--*/
/*--____________________________________________________________________________________--*/
/* line 248, ../sass/theme/theme.scss */
.form-error {
  font-style: italic;
  display: inline-block;
  padding: 0.3em 0;
  color: #bf000c;
}

/**/
/* line 252, ../sass/theme/theme.scss */
.fixwidth--1800 {
  max-width: 1800px;
  margin: 0 auto;
  padding: 0 40px;
}

/* line 254, ../sass/theme/theme.scss */
.t_yellow {
  color: #00A651;
}

/* line 255, ../sass/theme/theme.scss */
.t_white {
  color: #ffffff;
}

/* line 258, ../sass/theme/theme.scss */
.txt_subtitle {
  font-weight: normal;
}

/* line 261, ../sass/theme/theme.scss */
.headline_title {
  position: relative;
}

/* line 262, ../sass/theme/theme.scss */
.headline_title:before {
  content: '';
  display: block;
  width: 100px;
  height: 6px;
  border-radius: 3px;
  background: #c6c6c6;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}

/* line 264, ../sass/theme/theme.scss */
.pb_0 {
  padding-bottom: 0;
}

/* line 266, ../sass/theme/theme.scss */
.ac {
  text-align: center;
}

/* line 267, ../sass/theme/theme.scss */
.al {
  text-align: left;
}

/* line 268, ../sass/theme/theme.scss */
.ar {
  text-align: right;
}

/* line 270, ../sass/theme/theme.scss */
.card_style {
  box-shadow: 0px 5px 10px #0000001A;;
  border-radius: 30px;
  overflow: hidden;
}

/* line 272, ../sass/theme/theme.scss */
.list_grounp {
  margin-left: -4%;
}

/* line 273, ../sass/theme/theme.scss */
.list_card {
  /* box-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
  border: 1px solid #e2e2e2;
  margin-left: 4%;
  margin-bottom: 4%;
  width: 21%;
  padding: 0;
  border-radius: 4px;
  overflow: hidden;
  float: left;
  background: #ffffff;
}

/* line 274, ../sass/theme/theme.scss */
.list_card h3 {
  font-size: 1.2em;
  color: #3b3d44;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/* line 276, ../sass/theme/theme.scss */
.card_link {
  display: block;
  color: #3b3d44;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  border-top: 1px solid #e2e2e2;
}

/* line 278, ../sass/theme/theme.scss */
.paging a {
  display: inline-block;
  color: #3b3d44;
  margin-right: 10px;
  height: 40px;
  line-height: 40px;
  min-width: 10px;
  text-align: center;
  padding: 0 15px;
  border-radius: 20px;
}

/* line 279, ../sass/theme/theme.scss */
.paging a:hover,
.paging a.active {
  background: #00A651;
}

/* line 282, ../sass/theme/theme.scss */
.paging a:first-child,
.paging a:last-child {
  padding: 0 20px;
}

/* line 285, ../sass/theme/theme.scss */
.paging .paging_swift {
  background: #e2e2e2;
  border-radius: 0px;
  height: 50px;
  line-height: 50px;
  float: left;
  margin-right: 0px;
  border-radius: 4px 0 0 4px;
  padding: 0 15px !important;
}

/* line 286, ../sass/theme/theme.scss */
.paging .paging_swift:last-child {
  border-radius: 0 4px 4px 0;
}

/* line 287, ../sass/theme/theme.scss */
.paging .paging_sorting {
  width: 50px !important;
  min-width: 50px !important;
  text-align: center;
  float: left;
  border-radius: 0px;
  border-width: 3px;
  border-color: #e2e2e2;
}

/* line 289, ../sass/theme/theme.scss */
.paging_count {
  display: inline-block;
  min-height: 50px;
  line-height: 50px;
  margin-left: 30px;
}

/* line 291, ../sass/theme/theme.scss */
*[class^=title_line] {
  position: relative;
}

/* line 292, ../sass/theme/theme.scss */
*[class^=title_line]:after {
  content: '';
  display: block;
  height: 6px;
  width: 80px;
  background: #00A651;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 3px;
}

/* line 293, ../sass/theme/theme.scss */
*[class^=title_line] h3 {
  padding-bottom: 30px;
  margin-bottom: 30px;
}

/* line 294, ../sass/theme/theme.scss */
*[class^=title_line] h2 {
  padding-bottom: 30px;
  margin-bottom: 30px;
}

/* line 296, ../sass/theme/theme.scss */
.title_line--c:after {
  left: 50%;
  transform: translateX(-50%);
}

/* line 298, ../sass/theme/theme.scss */
.page_title.products_style {
  margin-top: -170px;
}

/**/
/* line 302, ../sass/theme/theme.scss */
.edit_form {
  padding-top: 0px !important;
}

/* line 303, ../sass/theme/theme.scss */
.title_form {
  font: normal normal 300 18px/27px Kanit;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  padding-bottom: 0px;
  display: block;
}

/* line 305, ../sass/theme/theme.scss */
.table_style {
  width: 100%;
}

/* line 306, ../sass/theme/theme.scss */
.table_style td {
  border: 1px solid #ddd;
  padding: 10px;
}

/* line 308, ../sass/theme/theme.scss */
.table_style--clear td {
  border: none;
}

/* line 310, ../sass/theme/theme.scss */
.order_table .order_conclude td {
  border-left: none;
  border-right: none;
}

/* line 311, ../sass/theme/theme.scss */
.order_table .order_conclude td:first-child {
  border-left: 1px solid #ddd;
}

/* line 312, ../sass/theme/theme.scss */
.order_table .order_conclude td:last-child {
  border-right: 1px solid #ddd;
}

/* line 313, ../sass/theme/theme.scss */
.order_table .order_conclude td .rate {
  float: right;
}

/* line 314, ../sass/theme/theme.scss */
.order_table .order_conclude .total_price td .rate {
  font-size: 24px;
}

/* line 316, ../sass/theme/theme.scss */
.order_table thead td {
  font-size: 0.9em;
}

/* line 318, ../sass/theme/theme.scss */
.special_prices {
  background: #f3f3f3;
}

/* line 319, ../sass/theme/theme.scss */
.special_prices td {
  border: none !important;
}

/* line 320, ../sass/theme/theme.scss */
.special_prices .total_point {
  height: 50px;
  line-height: 50px;
  display: block;
}

/* line 322, ../sass/theme/theme.scss */
.choose_payment {
  padding-top: 40px;
}

/* line 323, ../sass/theme/theme.scss */
.choose_payment--radio {
  float: left;
  width: 60px;
  text-align: center;
}

/* line 324, ../sass/theme/theme.scss */
.choose_payment--type {
  padding-left: 60px;
}

/* line 325, ../sass/theme/theme.scss */
.choose_payment--alert {
  margin: 0 auto;
}

/* line 326, ../sass/theme/theme.scss */
.choose_payment--alert span {
  color: red;
  text-align: center;
}

/**/
/* line 331, ../sass/theme/theme.scss */
.toggle_list {
  padding-left: 0px !important;
}

/* line 332, ../sass/theme/theme.scss */
.faq_lists li.toggle_list--item {
  padding: 10px !important;
  margin: 0 !important;
  list-style: none;
}

/* line 333, ../sass/theme/theme.scss */
.faq_lists .toggle_list--title:before {
  content: url(../images/ico_arrow.svg);
  display: inline-block;
  width: 10px;
  height: auto;
  margin-right: 15px;
}

/* line 336, ../sass/theme/theme.scss */
.order_table .td_discount {
  width: 200px;
}

/* line 338, ../sass/theme/theme.scss */
#step_1,
#step_2,
#step_3,
#step_4 {
  display: none;
}

/* line 343, ../sass/theme/theme.scss */
#step_1.selected,
#step_2.selected,
#step_3.selected,
#step_4.selected {
  display: block;
}

/* line 348, ../sass/theme/theme.scss */
.table_list {
  width: 100%;
}

/* line 349, ../sass/theme/theme.scss */
.table_list .title {
  width: 200px;
}

/* line 350, ../sass/theme/theme.scss */
.table_list td {
  border-bottom: 1px solid #e2e2e2;
  padding: 10px 0;
}

/**/
/* line 355, ../sass/theme/theme.scss */
.purchase_order--number {
  border-bottom: 4px solid #000;
  margin-bottom: 40px;
}

/* line 356, ../sass/theme/theme.scss */
.purchase_order--number h4 {
  padding-bottom: 20px;
}

/* line 358, ../sass/theme/theme.scss */
.purchase_order--group {
  padding-top: 20px;
}

/* line 359, ../sass/theme/theme.scss */
.purchase_order--group_head h5 {
  margin-bottom: 0;
  padding-bottom: 10px;
}

/* line 360, ../sass/theme/theme.scss */
.purchase_order--group_detail {
  border-top: 3px solid #3b3d44;
  padding: 20px;
}

/* line 362, ../sass/theme/theme.scss */
.purchase_order--title {
  width: 200px;
}

/* line 364, ../sass/theme/theme.scss */
.purchase_order--group.purchase_order--point {
  padding-top: 60px;
}

/**/
/* line 368, ../sass/theme/theme.scss */
.masker {
  overflow: hidden;
}

/* line 370, ../sass/theme/theme.scss */
.random_square li {
  padding: 10px;
  box-sizing: border-box;
}

/* line 371, ../sass/theme/theme.scss */
.random_square img {
  width: 100%;
  height: auto;
}

/* line 373, ../sass/theme/theme.scss */
.random_square li a {
  overflow: hidden;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
}

/* line 374, ../sass/theme/theme.scss */
.random_square .permalink {
  position: relative;
}

/* line 375, ../sass/theme/theme.scss */
.random_square .permalink span {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  color: #00A651;
}

/* line 377, ../sass/theme/theme.scss */
.random_square .icon_shopping {
  width: 37px;
  height: auto;
  margin: 0 auto;
  margin-bottom: 10px;
}

/**/
/* line 381, ../sass/theme/theme.scss */
.bg_yellow {
  background: #00A651;
}

/* line 382, ../sass/theme/theme.scss */
.bg_texture {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

/* line 384, ../sass/theme/theme.scss */
.bg_texture.mask_dark {
  position: relative;
}

/* line 385, ../sass/theme/theme.scss */
.bg_texture.mask_dark:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 55, 64, 0.8);
  z-index: 1;
}

/* line 387, ../sass/theme/theme.scss */
.controler {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}

/* line 388, ../sass/theme/theme.scss */
.wrap--nav_primary {
  background: rgba(255, 255, 255, 0.8);
}

/* line 389, ../sass/theme/theme.scss */
.wrap--nav_primary:hover {
  background: rgba(255, 255, 255, 0.95);
}

/* line 390, ../sass/theme/theme.scss */
.wrap--nav_secondary {
  background: rgba(51, 55, 64, 0.8);
}

/* line 392, ../sass/theme/theme.scss */
.wrap--nav_primary .logo figure {
  padding-top: 20px;
}

/* line 393, ../sass/theme/theme.scss */
.wrap--nav_primary .nav_primary_wrapper {
  position: relative;
}

/* line 395, ../sass/theme/theme.scss */
.controler .wrap--nav_primary figure img {
  max-width: 210px;
  transition: 0.2s ease;
}

/* line 396, ../sass/theme/theme.scss */
.controler.lock .wrap--nav_primary {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  background: white;
  transition: 0.2s ease;
}

/* line 397, ../sass/theme/theme.scss */
.controler.lock .wrap--nav_primary figure img {
  max-width: 80px !important;
  transition: 0.3s ease;
}

/* line 398, ../sass/theme/theme.scss */
.controler.lock .wrap--nav_primary .nav_primary li > a {
  height: 60px;
  line-height: 60px;
}

/* line 401, ../sass/theme/theme.scss */
.controler.lock .nav_secondary li,
.controler.lock .nav_secondary li a {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
}

/* line 405, ../sass/theme/theme.scss */
.controler.lock .wrap--nav_primary .nav_primary li .sub_menu a {
  height: initial;
  line-height: initial;
  transition: 0.2s ease;
}

/* line 407, ../sass/theme/theme.scss */
.nav_primary,
.nav_secondary {
  float: right;
}

/* line 410, ../sass/theme/theme.scss */
.nav_primary li,
.nav_secondary li {
  float: left;
  text-transform: uppercase;
}

/* line 413, ../sass/theme/theme.scss */
.nav_secondary li {
  position: relative;
}

/* line 414, ../sass/theme/theme.scss */
.nav_secondary .subnav {
  position: absolute;
  top: 50px;
  left: 0;
  background: #3b3d44;
  z-index: 2;
  display: none;
}

/* line 415, ../sass/theme/theme.scss */
.nav_secondary .subnav li {
  padding-left: 0;
}

/* line 416, ../sass/theme/theme.scss */
.nav_secondary .subnav a {
  white-space: nowrap;
  padding: 0 15px;
}

/* line 418, ../sass/theme/theme.scss */
.selectlanguage {
  width: auto;
  position: relative;
}

/* line 419, ../sass/theme/theme.scss */
.selectlanguage .choosed {
  background: rgba(0, 0, 0, 0.2);
  padding: 0 10px;
  display: inline-block;
}

/* line 420, ../sass/theme/theme.scss */
.selectlanguage_list {
  position: absolute;
  top: 50px;
  right: 0;
  z-index: 1;
  background: #3b3d44;
  display: none;
}

/* line 421, ../sass/theme/theme.scss */
.selectlanguage img {
  width: 20px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

/* line 422, ../sass/theme/theme.scss */
.selectlanguage_list li {
  float: none;
  min-width: 140px;
}

/* line 423, ../sass/theme/theme.scss */
.selectlanguage_list li a {
  display: block !important;
}

/* line 424, ../sass/theme/theme.scss */
.selectlanguage_list li a img {
  margin-right: 10px;
}

/* line 425, ../sass/theme/theme.scss */
.selectlanguage_list li a span {
  display: inline-block;
}

/* line 428, ../sass/theme/theme.scss */
.controler.lock .nav_secondary .subnav,
.controler.lock .selectlanguage_list {
  top: 32px;
}

/* line 432, ../sass/theme/theme.scss */
.selectlanguage_list.active {
  display: block;
}

/* line 434, ../sass/theme/theme.scss */
.nav_secondary .selectlanguage_list li,
.nav_secondary .selectlanguage_list li a {
  padding: 0px 15px !important;
  height: 40px;
  line-height: 40px;
}

/* line 436, ../sass/theme/theme.scss */
.nav_secondary .selectlanguage_list li a {
  padding: 0 !important;
}

/* line 437, ../sass/theme/theme.scss */
.account_nav:hover .subnav {
  display: block;
}

/* line 440, ../sass/theme/theme.scss */
.nav_primary li {
  margin-left: 50px;
  position: relative;
}

/* line 441, ../sass/theme/theme.scss */
.nav_primary li a {
  font: normal normal 300 18px/27px Kanit;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}

/* line 442, ../sass/theme/theme.scss */
.nav_primary li a:hover {
  /*color: #00A651;*/
}

/* line 444, ../sass/theme/theme.scss */
.nav_primary li a.lv_1 {
  position: relative;
}

/* line 445, ../sass/theme/theme.scss */
.nav_primary li a.lv_1:after {
  content: '';
  display: block;
  height: 4px;
  width: 100%;
  max-width: 0px;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  background: #00A651;
  border-radius: 3px;
}

/* line 446, ../sass/theme/theme.scss */
.nav_primary li.group_menu:hover a.lv_1:after {
 /* max-width: 80px;*/
}

/* line 448, ../sass/theme/theme.scss */
.hilight_menu a {
  position: relative;
  padding-bottom: 0px !important;
  border-radius: 4px;
  overflow: hidden;
}

/* line 449, ../sass/theme/theme.scss */
.hilight_menu a:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(51, 55, 64, 0.5);
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0px;
}

/* line 450, ../sass/theme/theme.scss */
.hilight_menu img {
  width: 100%;
  height: auto;
}

/* line 451, ../sass/theme/theme.scss */
.hilight_menu span {
  position: absolute;
  top: 50%;
  left: 0%;
  width: 100%;
  z-index: 2;
  color: #ffffff;
  transform: translateY(-50%);
  text-align: center;
}

/* line 453, ../sass/theme/theme.scss */
.controler.lock .wrap--nav_primary .nav_primary li > a:after {
  top: 10px;
  max-width: 0px;
  height: 3px;
}

/* line 454, ../sass/theme/theme.scss */
.controler.lock .wrap--nav_primary .nav_primary li.group_menu:hover > a:after {
  max-width: 40px;
}

/* line 456, ../sass/theme/theme.scss */
.nav_secondary li {
  padding-left: 20px;
}

/* line 457, ../sass/theme/theme.scss */
.nav_secondary li,
.nav_secondary li a {
  color: #ffffff;
  display: inline-block;
  line-height: 50px;
      font: normal normal 300 18px/27px Kanit;
  top: 50%;
}

/* line 460, ../sass/theme/theme.scss */
.nav_footer h6 {
  padding-bottom: 0.5em;
}

/* line 461, ../sass/theme/theme.scss */
.nav_footer {
  text-transform: uppercase;
}

/* line 463, ../sass/theme/theme.scss */
.page_footer a {
  color: #3b3d44;
  display: inline-block;
}

/* line 465, ../sass/theme/theme.scss */
.main_quote {
  position: relative;
  z-index: 2;
  padding-bottom: 200px;
}

/* line 467, ../sass/theme/theme.scss */
.second_group .thumbs,
.second_group .type {
  float: right;
}

/* line 470, ../sass/theme/theme.scss */
.first_group .type,
.second_group .type {
  padding: 40px;
  padding-top: 70px;
  box-sizing: border-box;
}

/* line 473, ../sass/theme/theme.scss */
.first_group .type .detail,
.second_group .type .detail {
  padding-left: 40px;
  box-sizing: border-box;
}

/* line 476, ../sass/theme/theme.scss */
.first_group .thumbs img,
.second_group .thumbs img {
  max-width: 490px;
  width: initial;
  display: inline-block;
}

/* line 479, ../sass/theme/theme.scss */
.first_group .thumbs {
  text-align: right;
}

/* line 481, ../sass/theme/theme.scss */
.footer_address {
  border-top: 3px solid #3b3d44;
  border-bottom: 3px solid #3b3d44;
  margin-top: 30px;
}

/* line 482, ../sass/theme/theme.scss */
.footer_address .tel_section .title {
  padding-right: 10px;
  display: inline-block;
}

/* line 483, ../sass/theme/theme.scss */
.footer_address .tel_section {
  display: inline-block;
  margin-right: 15px;
  border-left: 1px solid #3b3d44;
  padding-left: 15px;
}

/* line 484, ../sass/theme/theme.scss */
.footer_address .tel_section:first-child {
  padding-left: 0px;
  border: none;
}

/* line 487, ../sass/theme/theme.scss */
.main_quote .wrapper {
  padding-bottom: 80px;
  color: #ffffff;
  padding-top: 80px;
}

/* line 491, ../sass/theme/theme.scss */
.main_video {
  position: relative;
  z-index: 2;
  max-width: 700px;
  margin: 0 auto;
  margin-top: -200px;
}

/* line 493, ../sass/theme/theme.scss */
.main_video a:before {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 60px;
  top: 50%;
  left: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url(../images/ico_play.svg);
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: center;
  border: 4px solid #00A651;
  transform: translate(-50%, -50%);
}

/* line 494, ../sass/theme/theme.scss */
.main_video img {
  width: 100%;
  height: auto;
}

/* line 497, ../sass/theme/theme.scss */
.main_video .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

/* line 504, ../sass/theme/theme.scss */
.main_video .video-container iframe,
.main_video .video-container object,
.main_video .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 514, ../sass/theme/theme.scss */
.quote_type {
  padding-bottom: 40px;
}

/* line 515, ../sass/theme/theme.scss */
.quote_name {
  position: relative;
  display: block;
  padding-top: 30px;
}

/* line 516, ../sass/theme/theme.scss */
.quote_name:before {
  content: '';
  display: block;
  width: 100px;
  height: 6px;
  border-radius: 3px;
  background: #c6c6c6;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* line 519, ../sass/theme/theme.scss */
.activity_list {
  margin-left: -4% !important;
}

/* line 521, ../sass/theme/theme.scss */
.activity_list .thumbs {
  border-radius: 4px 0px 0px 0px;
}

/* line 522, ../sass/theme/theme.scss */
.activity_list .thumbs img {
  border-radius: 0px;
}

/* line 524, ../sass/theme/theme.scss */
.activity_list.list_box li {
  width: 29.333333%;
  margin-left: 4%;
  margin-bottom: 30px;
}

/* line 525, ../sass/theme/theme.scss */
.activity_list.list_box li a {
  /* box-shadow: 0px 10px 30px rgba(0,0,0,0.2); */
  border: 1px solid #e2e2e2;
  overflow: hidden;
}

/* line 527, ../sass/theme/theme.scss */
.activity_list .type h4,
.activity_list .type time {
  font-weight: normal;
  color: #3b3d44;
}

/* line 530, ../sass/theme/theme.scss */
.footer_title {
  padding-bottom: 40px;
  position: relative;
}

/* line 531, ../sass/theme/theme.scss */
.footer_title:before {
  content: '';
  position: absolute;
  top: 25%;
  left: 0px;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: #ffffff;
  z-index: 1;
}

/* line 532, ../sass/theme/theme.scss */
.footer_title h3 {
  position: relative;
  padding-bottom: 0;
  background: #00A651;
  display: inline-block;
  z-index: 2;
  padding-left: 30px;
  padding-right: 30px;
}

/* line 534, ../sass/theme/theme.scss */
.page_footer {
  padding-bottom: 20px !important;
}

/* line 535, ../sass/theme/theme.scss */
.page_footer a.i_fb,
.page_footer a.i_tt,
.page_footer a.i_line,
.page_footer a.i_youtube {
  padding-right: 20px;
}

/* line 540, ../sass/theme/theme.scss */
.page_header h1 {
  position: relative;
}

/* line 541, ../sass/theme/theme.scss */
.page_header h1:before {
  content: '';
  width: 100px;
  background: #ffffff;
  height: 6px;
  border-radius: 3px;
  display: block;
  margin: 0 auto;
  position: relative;
  top: -20px;
}

/* line 543, ../sass/theme/theme.scss */
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  visibility: hidden;
  opacity: 0;
}

/* line 544, ../sass/theme/theme.scss */
.popup.active {
  visibility: visible;
  opacity: 1;
  overflow-y: scroll;
  z-index: 999;
}

/**/
/* line 553, ../sass/theme/theme.scss */


/* line 554, ../sass/theme/theme.scss */
.bradecamp a {
  color: black;
  display: inline-block;
  margin: 0 5px 10px 5px;
}

/* line 555, ../sass/theme/theme.scss */
.cover_page {
  position: relative;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  height: 600px;
}

/* line 556, ../sass/theme/theme.scss */
.cover_page:before {
  content: '';
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(51, 55, 64, 0.5);
}

/* line 558, ../sass/theme/theme.scss */
.page_title {
  width: 100%;
  margin-top: -289px;
  text-align: center;
  position: relative;
  z-index: 2;
}

/* line 559, ../sass/theme/theme.scss */
.page_title h1 {
  padding-bottom: 20px;
  color: #ffffff;
}

/* line 561, ../sass/theme/theme.scss */
.page_title.mt_170 {
  margin-top: -170px;
}

/* line 563, ../sass/theme/theme.scss */
.hilight_cards {
  background: #ffffff;
  position: relative;
  z-index: 2;
}

/* line 564, ../sass/theme/theme.scss */
.hilight_cards--head {
  background: #3b3d44;
}

/* line 565, ../sass/theme/theme.scss */
.hilight_cards--head h1 {
  /* font-size:2.8em; */
  font-size: 2.5em;
  color: #00A651;
  padding-bottom: 0;
}

/* line 568, ../sass/theme/theme.scss */
.content_on_bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  padding: 100px 0;
  position: relative;
}

/* line 569, ../sass/theme/theme.scss */
.content_on_bg:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: 1;
  opacity: 0.8;
  transition: 0.8s ease;
}

/* line 570, ../sass/theme/theme.scss */
.content_on_bg:hover:before {
  opacity: 0.3;
  transition: 0.2s ease;
}

/* line 571, ../sass/theme/theme.scss */
.content_on_bg .fixwidth {
  position: relative;
  z-index: 2;
}

/* line 572, ../sass/theme/theme.scss */
.content_on_bg .thumbs .wrapper {
  padding: 40px;
}

/* line 573, ../sass/theme/theme.scss */
.thumbs img {
  width: 100%;
  height: auto;
}

/* line 575, ../sass/theme/theme.scss */
.cover_page {
  height: 400px;
}

/* main */
/* line 581, ../sass/theme/theme.scss */
.main_products .first_group .type h6 p,
.main_products .second_group .type h6 p {
  padding-bottom: 0px;
}

/* */
/* line 588, ../sass/theme/theme.scss */
.theme_clean .page_title {
  margin-top: 0;
  padding-top: 200px;
}

/* line 589, ../sass/theme/theme.scss */
.theme_clean .bradecamp a {
  color: #3b3d44;
}

/* line 590, ../sass/theme/theme.scss */
.theme_clean .page_title h1 {
  color: #3b3d44;
}

/* line 592, ../sass/theme/theme.scss */
.theme_clean .page_header h1:before {
  background-color: #3b3d44;
}

/* line 595, ../sass/theme/theme.scss */
.data_count {
  font-size: 2em;
  padding-bottom: 20px;
  margin-bottom: 20px;
  color: #d9d9d9;
  border-bottom: 3px solid #ececec;
}

/* line 597, ../sass/theme/theme.scss */
.card_data--table {
  width: 100%;
  max-width: 300px;
}

/* line 598, ../sass/theme/theme.scss */
.column_title {
  width: 60px;
}

/* line 600, ../sass/theme/theme.scss */
.p_items--detail {
  padding-bottom: 10px;
  display: block;
  color: #3b3d44;
}

/*.p_items .card_data--table{font-size: 14px;}*/
/* line 605, ../sass/theme/theme.scss */
.sub_menu {
  width: 100%;
  /*max-width: 400px;*/
  min-width: 350px;
  bottom: 0px;
  left: 0;
  position: absolute;
  background: #ffffff;
  transform: translateY(105%);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  z-index: -1;
}

/* menu produucts only */
/* line 610, ../sass/theme/theme.scss */
/*.nav_primary .group_menu:nth-of-type(4n) {
  position: static;
}*/

/* line 611, ../sass/theme/theme.scss */
.nav_primary .group_menu:nth-of-type(4n) .sub_menu {
  max-width: 1000px;
  right: 0;
  left: initial;
}

/* line 613, ../sass/theme/theme.scss */
.nav_primary .group_menu #sub_store {
  left: inherit;
  right: 0;
}

/* line 616, ../sass/theme/theme.scss */
.sub_menu.clearsub {
  left: inherit;
  right: 0;
}

/*
.group_menu:nth-last-child(1) .sub_menu,
.group_menu:nth-last-child(2) .sub_menu{left: inherit !important; right: 0;}
*/
/* line 623, ../sass/theme/theme.scss */
.group_menu.group_menu--products {
  position: static;
}

/* line 624, ../sass/theme/theme.scss */
.group_menu:hover .sub_menu {
  opacity: 1;
  visibility: visible;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
  transform: translateY(100%);
  transition: 0.2s ease;
  z-index: 1;
}

/*
.popup.login_form,
.popup.search_bar{background: #ffffff;}
*/
/* line 633, ../sass/theme/theme.scss */
.popup.login_form .wrapper {
  max-width: 320px;
  margin: 0 auto;
  margin-top: 100px;
  padding: 40px;
  background: #ffffff;
  border-radius: 4px;
}

/* line 635, ../sass/theme/theme.scss */
.wrap--nav_primary > div > div {
  padding: 0;
}

/* line 636, ../sass/theme/theme.scss */
.wrap--nav_primary .sub_menu a {
  padding: 0 0 10px 0;
  line-height: 1em;
  height: initial;
}

/* line 637, ../sass/theme/theme.scss */
.wrap--nav_primary .sub_menu,
.wrap--nav_primary .sub_menu .list_box {
  border: none !important;
}

/* line 639, ../sass/theme/theme.scss */
.wrap--nav_primary .sub_menu .list_box {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* line 640, ../sass/theme/theme.scss */
.wrap--nav_primary .sub_menu h6 {
  line-height: initial;
  padding: 0;
  margin: 0px;
}

/**/
/* line 644, ../sass/theme/theme.scss */
.grid_style {
  box-sizing: border-box !important;
  border: 20px solid #00A651;
  min-height: 300px;
  margin-bottom: 22px;
}

/* line 646, ../sass/theme/theme.scss */
.solid_background .page_title h1 {
  color: #3b3d44;
}

/* line 647, ../sass/theme/theme.scss */
.solid_background .bradecamp a {
  color: #3b3d44;
}

/* line 648, ../sass/theme/theme.scss */
.solid_background .page_header h1:before {
  background: #00A651;
}

/* shopping process */
/* line 653, ../sass/theme/theme.scss */
.shopping_status--breadcamp {
  margin-bottom: 30px;
  font-family: 'oragon','Kanit';
  text-align: center;
}

/* line 654, ../sass/theme/theme.scss */
.shopping_status--breadcamp span {
  display: block;
  float: left;
  height: 60px;
  line-height: 60px;
  padding: 0 40px;
  font-size: 1.4em;
  color: #898b8f;
  box-sizing: border-box;
  position: relative;
}

/*.shopping_status--breadcamp span:before{content: ''; display: inline-block; height: 8px; width: 8px; border-top: 4px solid #3b3d44; border-right: 4px solid #3b3d44; transform: rotate(45deg) translateX(-4px); margin-right: 8px; opacity: 0;}*/
/* line 660, ../sass/theme/theme.scss */
.shopping_status--breadcamp span:before {
  content: '';
  background-size: cover;
  display: block;
  height: 120%;
  width: 16px;
  margin-right: 8px;
  opacity: 0;
  position: absolute;
  top: -4px;
  right: -11px;
  z-index: 99;
}

/* line 663, ../sass/theme/theme.scss */
.shopping_status--breadcamp span.active {
  background: #00A651;
  color: white;
}

/* line 664, ../sass/theme/theme.scss */
.shopping_status--breadcamp span.active:before {
  opacity: 1;
}

/* line 665, ../sass/theme/theme.scss */
.shopping_status--breadcamp span:last-child.active:before,
.shopping_status--breadcamp span.active.complete:before {
  opacity: 0;
}

/* privacy popup */
/* line 670, ../sass/theme/theme.scss */
.show_privacy {
  display: inline-block;
  color: #3b3d44;
  margin-left: 5px;
}

/* line 672, ../sass/theme/theme.scss */
.popup_privacy .wrapper {
  background: #ffffff;
  border-radius: 4px;
  padding: 40px;
  position: relative;
  top: 100px;
  max-width: 800px;
}

/* products popup */
/* line 676, ../sass/theme/theme.scss */
.popup_product {
  padding: 100px 40px 0px 40px;
}

/* line 677, ../sass/theme/theme.scss */
.popup_product > .wrapper {
  box-sizing: content-box;
  padding: 0;
}

/* line 679, ../sass/theme/theme.scss */
.popup_product .products_title h2 {
  font-size: 2em;
}

/* line 680, ../sass/theme/theme.scss */
.popup_product .products-detail .detail_1 {
  margin-bottom: 20px;
  width: 100%;
  max-width: 300px;
}

/* line 681, ../sass/theme/theme.scss */
.popup_product .products-detail .detail_1 td {
  padding-bottom: 5px;
}

/* line 682, ../sass/theme/theme.scss */
.popup_product .products-detail .detail_2 .header h3 {
  font-size: 1.4em;
  padding-bottom: 20px;
}

/* line 685, ../sass/theme/theme.scss */
.popup_product .detail_2 .price_rate {
  font-size: 1.2em;
}

/* line 686, ../sass/theme/theme.scss */
.popup_product .detail_2 .price_rate .hilight {
  font-size: 1.8em;
  padding: 0 10px;
  display: inline-block;
}

/* line 689, ../sass/theme/theme.scss */
.popup_product .products_form .edit {
  width: 100%;
}

/* line 690, ../sass/theme/theme.scss */
.popup_product .products_form .edit .title {
  padding-right: 20px;
}

/* line 691, ../sass/theme/theme.scss */
.popup_product .products_form .edit .add_unit {
  padding-right: 5px;
}

/* line 692, ../sass/theme/theme.scss */
.popup_product .products_form .edit .add_unit input {
  border: 1px solid #DFE0E2;
  border-radius: 4px;
  color: #3b3d44;
}

/* line 694, ../sass/theme/theme.scss */
.popup_product .detail_3 .header h3 {
  font-size: 1.8em;
  padding-bottom: 20px;
}

/* line 696, ../sass/theme/theme.scss */
.popup_product .related_products .headline {
  color: #ffffff;
  text-align: center;
  padding: 60px 0 40px 0;
}

/* line 697, ../sass/theme/theme.scss */
.popup_product .related_products .headline h2 {
  padding-bottom: 0px;
}

/* line 700, ../sass/theme/theme.scss */
.popup_product .related_products .related_products--lists .detail {
  width: 100%;
  max-width: 300px;
}

/* line 701, ../sass/theme/theme.scss */
.popup_product .related_products .related_products--lists .detail .title {
  width: 60px;
  padding-bottom: 5px;
}

/* line 704, ../sass/theme/theme.scss */
.popup_product .products-detail_data {
  width: 100%;
  margin-bottom: 20px;
}

/* line 705, ../sass/theme/theme.scss */
.popup_product .products-detail_data td {
  vertical-align: top;
  padding-top: 10px;
}

/* line 706, ../sass/theme/theme.scss */
.popup_product .products-detail_data .products-detail_title {
  width: 150px;
}

/* line 707, ../sass/theme/theme.scss */
.popup_product .products-detail_data .add_products--unit {
  width: 100px;
  margin-right: 10px;
}

/* line 708, ../sass/theme/theme.scss */
.popup_product .products-detail_data #price {
  font-size: 28px;
}

/* line 711, ../sass/theme/theme.scss */
.producttype-pro {
  background: rgba(251, 186, 0, 0.7);
  color: #3b3d44;
  opacity: 1;
}

/* line 713, ../sass/theme/theme.scss */
.popup_product .related_products .list_card {
  width: 21%;
}

/* line 715, ../sass/theme/theme.scss */
div.paging .disabled {
  cursor: not-allowed;
}

/* line 718, ../sass/theme/theme.scss */
.parentProductType {
  position: relative;
}

/* line 722, ../sass/theme/theme.scss */
div.producttype {
  /*
  position:absolute;
  */
  position: absolute;
  width: inherit !important;
  height: 30px;
  line-height: 30px;
  top: 3px;
  right: 3px;
  border-radius: 3px;
  background: #00A651;
  color: #ffffff;
  font-weight: bolder;
  padding: 0 10px;
  z-index: 1;
  display: block;
  font-weight: normal;
  font-family: 'oragon';
}

/* line 742, ../sass/theme/theme.scss */
.norecord li {
  border: 0px;
}

/* */
/* line 749, ../sass/theme/theme.scss */
.executive_content {
  background: #3b3d44;
  color: #ffffff;
}

/* line 750, ../sass/theme/theme.scss */
.executive_content .article_content.c_50-d {
  float: left;
}

/* line 751, ../sass/theme/theme.scss */
.executive_content .headline.h4 {
  display: block;
  padding-bottom: 30px;
}

/* */
/* line 760, ../sass/theme/theme.scss */
.promotions_list {
  margin-bottom: 15px;
}

/*
.promotions_list--link a{border: 1px solid #fff; height: 60px; line-height: 60px; display:inline-block; padding:0 40px; background: #fff;}
*/
/* */
/* line 768, ../sass/theme/theme.scss */
.sidenav {
  padding-right: 40px;
}

/* line 769, ../sass/theme/theme.scss */
.sidenav a {
  padding: 10px 0;
}

/* line 770, ../sass/theme/theme.scss */
.sidenav .sub_category a:hover,
.sidenav .sub_category a.active {
  color: #00A651;
}

/* line 772, ../sass/theme/theme.scss */
.sidenav .sub_category a {
  padding-left: 15px;
  color: #3b3d44;
}

/* line 773, ../sass/theme/theme.scss */
.sidenav .sub_category li {
  border-bottom: 1px dashed #dadada;
}

/* line 774, ../sass/theme/theme.scss */
.sidenav .sub_category li:last-child {
  margin-bottom: 30px;
}

/* line 777, ../sass/theme/theme.scss */
.sidenav .headgroup {
  font-family: "oragon", "Kanit", "opensans";
  font-size: 1.4em;
  padding-top: 0px;
}

/* */
/* line 782, ../sass/theme/theme.scss */
.products_page {
  margin-top: -20px;
  background: #ffffff;
}

/* line 784, ../sass/theme/theme.scss */
.products_menu {
  position: relative;
  display: inline-block;
  z-index: 2;
  text-align: center;
}

/* line 785, ../sass/theme/theme.scss */
.products_menu a {
  color: #333740;
}

/* line 787, ../sass/theme/theme.scss */
.products_menu--lists li {
  overflow: hidden;
  position: relative;
}

/* line 788, ../sass/theme/theme.scss */
.products_menu--lists a {
  height: 0px;
}

/* line 789, ../sass/theme/theme.scss */
.products_menu--lists a h4 {
  font-size: 20px;
}

/* line 791, ../sass/theme/theme.scss */
.products_page--warp {
  display: table;
  margin-bottom: 80px;
}

/* line 792, ../sass/theme/theme.scss */
.products_menu--group {
  display: table-row;
}

/* line 794, ../sass/theme/theme.scss */
.products_page--type,
.products_page--thumbs {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 80px 0 0 0;
}

/* line 797, ../sass/theme/theme.scss */
.products_menu--group:hover .products_menu--lists a {
  height: 40px;
  line-height: 40px;
}

/* line 798, ../sass/theme/theme.scss */
.products_page--thumbs img {
  max-width: 490px;
  border-radius: 4px;
  opacity: 0.5;
}

/* line 799, ../sass/theme/theme.scss */
.products_menu--group:hover .products_page--thumbs img {
  opacity: 1;
}

/* line 801, ../sass/theme/theme.scss */
.products_menu *[class^=title_line]:after {
  left: 50%;
  transform: translateX(-50%);
}

/* line 803, ../sass/theme/theme.scss */
.products_group--section .wrapper {
  position: relative;
  background: url(../images/granite.jpg);
  text-align: center;
}

/* line 804, ../sass/theme/theme.scss */
.products_group--section .wrapper:before {
  content: '';
  display: block;
  height: 80%;
  width: 6px;
  border-radius: 6px;
  background: #ffffff;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
}

/* line 806, ../sass/theme/theme.scss */
.products_group--section .wrapper i {
  display: block;
  width: 200px;
  height: 200px;
  border: 20px solid #ffffff;
  margin: 0 auto;
  margin-bottom: 20px;
}

/* line 808, ../sass/theme/theme.scss */
.pgs_content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/* line 810, ../sass/theme/theme.scss */
.products_group--section .wrapper .pgs--navigation a {
  font-size: 1.7em;
  font-family: 'oragon';
  margin-bottom: 10px;
}

/* line 812, ../sass/theme/theme.scss */
.products_nav {
  padding-top: 100px;
  padding-bottom: 100px;
}

/* line 813, ../sass/theme/theme.scss */
.products_nav--set {
  margin-bottom: 100px;
}

/* line 814, ../sass/theme/theme.scss */
.products_nav--set:last-child {
  margin-bottom: 0px;
}

/* line 815, ../sass/theme/theme.scss */
.products_nav--title {
  padding-top: 40px;
}

/* line 816, ../sass/theme/theme.scss */
.products_nav--title h3 {
  padding-bottom: 10px;
  font-size: 1.8em;
}

/* line 817, ../sass/theme/theme.scss */
.products_nav--detail {
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
  color: #898b8f;
}

/* line 819, ../sass/theme/theme.scss */
.products_nav--list .icon {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  margin-bottom: 20px;
}

/*

 .products_group--icon{}
 .products_group--icon_list{width: 33.333333%; float: left;}
 .products_group--icon_list i{display: block; width: 80px; height: 80px; border: 1px solid #333333; margin: 0 auto; margin-bottom: 20px;}
 .products_group--icon_list h3{font-size: 1.3em;}

*/
/* */
/* line 834, ../sass/theme/theme.scss */
.search--box {
  position: relative;
}

/* line 835, ../sass/theme/theme.scss */
.search--box input {
  padding-right: 60px;
}

/* line 836, ../sass/theme/theme.scss */
.search--box .btn_radius {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(../images/ico_search.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 838, ../sass/theme/theme.scss */
.search_list .result_detail {
  font-size: 18px;
}

/* line 840, ../sass/theme/theme.scss */
.search_list li {
  border-bottom: 1px dashed #898b8f;
  padding: 20px 0;
}

/* line 841, ../sass/theme/theme.scss */
.search_list li a {
  color: #3b3d44;
}

/* line 842, ../sass/theme/theme.scss */
.search_list li .url {
  opacity: 0.5;
}

/* contact */
/*
#widget_f,
#widget_ig{width: 100% !important; height: 400px !important;}
*/
/* line 851, ../sass/theme/theme.scss */
.contact_group--list {
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid #f9f9f9;
}

/* line 852, ../sass/theme/theme.scss */
.contact_group--list td:nth-child(odd) {
  width: 280px;
}

/* line 853, ../sass/theme/theme.scss */
.contact_group--list td img {
  max-width: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

/* line 854, ../sass/theme/theme.scss */
.contact_title {
  width: 260px;
}

/* line 855, ../sass/theme/theme.scss */
.contact_title i {
  width: 24px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

/* line 856, ../sass/theme/theme.scss */
.contact_title i img {
  width: 100%;
  height: auto;
  max-width: 24px;
  max-height: 24px;
}

/* line 858, ../sass/theme/theme.scss */
.contact_group--list tr td {
  background: #f9f9f9;
  padding: 2px 10px;
}

/* line 859, ../sass/theme/theme.scss */
.contact_group--list tr:nth-child(even) td {
  background: none;
}

/* line 861, ../sass/theme/theme.scss */
.contact_detail a {
  color: #3b3d44;
}

/* line 863, ../sass/theme/theme.scss */
.alert.alert-danger.parsley {
  font-size: 0.9em;
  color: #f7484f;
}

/* */
/* line 867, ../sass/theme/theme.scss */
.team_list .thumbs {
  float: left;
}

/* line 868, ../sass/theme/theme.scss */
.team_list .thumbs img {
  width: 100%;
  max-width: 120px;
  height: auto;
  display: inline-block;
  border-radius: 60px;
}

/* line 870, ../sass/theme/theme.scss */
.team_list .type {
  padding-left: 150px;
}

/* line 871, ../sass/theme/theme.scss */
.team_list .type .name {
  padding-bottom: 10px;
}

/* */
/* line 875, ../sass/theme/theme.scss */
.remove_item img {
  width: 28px;
  height: auto;
  margin: 0 auto;
}

/* */
/* line 879, ../sass/theme/theme.scss */
.card_link.show_product.i_add:hover {
  color: #00A651;
}

/* line 880, ../sass/theme/theme.scss */
.card_function:hover .i_add:before, .product_btn:hover .i_add-yellow:before {
  transform: rotate(90deg) !important;
}

/* */
/* line 885, ../sass/theme/theme.scss */
.helpdesk_list .thumbs {
  float: left;
  width: 100px;
}

/* line 887, ../sass/theme/theme.scss */
.helpdesk_list .type {
  padding-left: 120px;
}

/* line 888, ../sass/theme/theme.scss */
.helpdesk_list .type header {
  font-family: 'oragon';
  font-size: 1.4em;
  padding-bottom: 10px;
}

/* line 889, ../sass/theme/theme.scss */
.helpdesk_list .lists {
  padding: 20px;
  box-sizing: border-box;
}

/* line 890, ../sass/theme/theme.scss */
.helpdesk_list .lists:after {
  content: '';
  display: block;
  height: 0px;
  font-size: 0px;
  clear: both;
}

/* */
/*.article_content{white-space: pre-line;}*/
/* line 896, ../sass/theme/theme.scss */
.article_content hr {
  border: none;
  border-bottom: 1px solid #dadada;
  padding: 0;
  margin: 0;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

/* line 898, ../sass/theme/theme.scss */
hr {
  display: block;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: #e2e2e2;
  border: none;
  margin: 30px 0;
}

/* line 900, ../sass/theme/theme.scss */
.article_content blockquote {
  padding: 20px 0;
  /* background: #f1f1f1; */
}

/* line 901, ../sass/theme/theme.scss */
.article_content blockquote.quote {
  background: none;
  border: 1px solid #e2e2e2;
  padding-left: 40px;
}

/* line 903, ../sass/theme/theme.scss */
.article_content img {
  max-width: 100% !important;
  display: inline-block;
}

/* line 905, ../sass/theme/theme.scss */
.article_content ul {
  padding-left: 40px;
}

/* line 906, ../sass/theme/theme.scss */
.article_content ul li {
  list-style: disc;
  white-space: normal;
}

/* line 907, ../sass/theme/theme.scss */
.terms_list > ul > li {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 15px;
  padding-top: 15px;
}

/* line 909, ../sass/theme/theme.scss */
.article_content .table_style td {
  padding: 5px 10px;
}

/* line 911, ../sass/theme/theme.scss */
.clearlists ul {
  white-space: normal;
  padding-left: 30px;
}

/* line 913, ../sass/theme/theme.scss */
.sub_header {
  text-align: center;
}

/* line 914, ../sass/theme/theme.scss */
.reader {
  max-width: 1000px;
  margin: 0 auto;
}

/* line 916, ../sass/theme/theme.scss */
.article_list {
  margin-bottom: 80px;
  border-bottom: 2px solid #eee;
  padding-bottom: 80px;
}

/* line 917, ../sass/theme/theme.scss */
.article_list:last-child {
  border: none;
  margin-bottom: 0px;
}

/* line 918, ../sass/theme/theme.scss */
.article_header {
  padding-bottom: 20px;
  text-align: center;
}

/* line 919, ../sass/theme/theme.scss */
.article_header h4 {
  padding-bottom: 10px;
}

/* */
/* line 923, ../sass/theme/theme.scss */
.article_page ul {
  padding-left: 40px;
}

/* line 925, ../sass/theme/theme.scss */
.mfp-close,
.mfp-close:hover {
  background: none !important;
}

/* */
/* line 930, ../sass/theme/theme.scss */
.products_article {
  padding: 40px;
  border-radius: 4px;
  background: unset;
  margin-bottom: 30px;
}

/* */
/* line 935, ../sass/theme/theme.scss */
.clients_pages table {
  width: 100% !important;
}

/* line 936, ../sass/theme/theme.scss */
.clients_pages table tr td {
  border-bottom: 1px dashed #dadada;
  padding: 10px 0;
}

/* */
/* line 940, ../sass/theme/theme.scss */
.sos_lists .sos_lists--items {
  position: relative;
}

/* line 941, ../sass/theme/theme.scss */
.sos_lists .sos_lists--items img {
  width: 100%;
  height: auto;
  background: #000000;
}

/* line 942, ../sass/theme/theme.scss */
.sos_lists .sos_lists--items span {
  font-size: 1.5em;
  font-family: 'oragon';
  position: absolute;
  width: 100%;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
}

/* */
/* line 947, ../sass/theme/theme.scss */
.account_history .detail a {
  color: #3b3d44;
}

/* line 948, ../sass/theme/theme.scss */
.account_history .status_order {
  text-align: center;
}

/* line 950, ../sass/theme/theme.scss */
.acccount--header h3 {
  padding-bottom: 20px;
}

/* line 952, ../sass/theme/theme.scss */
.history_footer .i_arrow--gray:before {
  width: 7px;
  line-height: 27px;
}

/* line 954, ../sass/theme/theme.scss */
.account_history,
.account_history .detail a {
  color: #898b8f;
}

/* line 956, ../sass/theme/theme.scss */
.account_history .un_active,
.account_history .un_active .detail a {
  color: #3b3d44;
}

/* line 959, ../sass/theme/theme.scss */
.confirm_payment--form {
  max-width: 500px;
}

/* line 960, ../sass/theme/theme.scss */
.confirm_payment--form .form_item {
  padding-top: 0px;
}

/* line 963, ../sass/theme/theme.scss */
.order_history--item {
  padding: 20px 0;
  border-bottom: 4px solid #3b3d44;
  margin-bottom: 15px;
}

/* line 964, ../sass/theme/theme.scss */
.order_history--title {
  float: left;
  width: 70%;
  text-align: left;
}

/* line 965, ../sass/theme/theme.scss */
.order_history--date {
  float: right;
  width: 30%;
  text-align: right;
}

/* line 966, ../sass/theme/theme.scss */
.order_history--comment {
  clear: both;
}

/* */
/* line 970, ../sass/theme/theme.scss */
.career_lists {
  padding-top: 30px;
}

/* line 971, ../sass/theme/theme.scss */
.career_lists--item a {
  padding: 5px 20px;
  text-align: left;
  color: #3b3d44;
}

/*.career_lists--table{width: 100%;}
.career_lists--table td{border-top: 1px solid #dadada; border-right:1px solid #dadada; width: 33.222222%; text-align: center;}

.career_lists--table td a{color: $dark_gray; padding: 15px;}
.career_lists--table td:nth-child(3){border-right: none;}
.career_lists--table tr:nth-of-type(1) td{border-top: none;}*/
/* line 980, ../sass/theme/theme.scss */
.career_lists .career_lists--table {
  width: 100%;
  max-width: 600px;
  margin: 20px auto;
}

/* line 981, ../sass/theme/theme.scss */
.career_lists .career_lists--table td {
  border-bottom: 1px solid #dadada;
  padding: 5px 10px;
}

/* line 983, ../sass/theme/theme.scss */
.career_lists .career_lists--table .apply_jobs {
  text-align: right;
}

/* line 984, ../sass/theme/theme.scss */
.career_lists .career_lists--table tr:hover td {
  background: #f1f1f1;
}

/* */
/* line 988, ../sass/theme/theme.scss */
.selectCategory {
  width: 100%;
  max-width: initial;
  display: none;
}

/* */
/* line 993, ../sass/theme/theme.scss */
.toggle_list {
  padding-left: 20px;
}

/* line 994, ../sass/theme/theme.scss */
.toggle_list .toggle_list--item {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 15px;
}

/* line 996, ../sass/theme/theme.scss */
.toggle_list--item.active .toggle_list--detail {
  display: block;
}

/* line 998, ../sass/theme/theme.scss */
.toggle_list .toggle_list--detail {
  display: none;
  padding-top: 15px;
  padding-left: 25px;
}

/* line 1002, ../sass/theme/theme.scss */
.page_header h1:before {
  width: 10px;
}

@keyframes moving_line {
  from {
    width: 10px;
  }
  to {
    width: 100px;
  }
}
/* line 1008, ../sass/theme/theme.scss */
.page_header h1:before {
  animation: moving_line 0.8s alternate;
}

/* line 1012, ../sass/theme/theme.scss */
.page_header h1 {
  font-size: 2.4em;
}

/* line 1013, ../sass/theme/theme.scss */
.page_header h1:before {
  width: 100px;
}

/* line 1016, ../sass/theme/theme.scss */
.page_header h1 {
  opacity: 0;
}

@keyframes moving_txt {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* line 1022, ../sass/theme/theme.scss */
.page_header h1 {
  animation: moving_txt 2s alternate;
}

/* line 1026, ../sass/theme/theme.scss */
.page_header h1 {
  opacity: 1;
}

/* line 1028, ../sass/theme/theme.scss */
.icon_style--products img {
  max-width: 120px;
  max-height: 170px;
  margin: 0 auto;
}

/* line 1030, ../sass/theme/theme.scss */
.products_nav--list .icon img {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}

/* line 1038, ../sass/theme/theme.scss */
.products_nav--list:hover .icon img {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
/* */
/* line 1097, ../sass/theme/theme.scss */
.theme_functions {
  background-image: url(../images/granite.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

/* line 1099, ../sass/theme/theme.scss */
.theme_functions.bg_solid {
  background-color: #eeeeee;
  background-image: none;
}

/* line 1100, ../sass/theme/theme.scss */
.page_title.headline_functions {
  margin-top: 0px;
  padding-top: 270px;
  padding-bottom: 40px;
}

/* line 1103, ../sass/theme/theme.scss */
.test {
  white-space: inherit;
}

/* */
/* line 1111, ../sass/theme/theme.scss */
.bx-wrapper .bx-viewport {
  border: none;
  left: 0 !important;
}

/* line 1112, ../sass/theme/theme.scss */
.bx-wrapper {
  margin-bottom: 0;
}

/* line 1113, ../sass/theme/theme.scss */
.slider .bx-controls {
  position: relative !important;
  top: -200px !important;
}

/* line 1114, ../sass/theme/theme.scss */
.bx-wrapper .bx-pager {
  bottom: 30px;
}

/* line 1115, ../sass/theme/theme.scss */
.bx-wrapper .bx-pager.bx-default-pager a {
  width: 20px;
  height: 20px;
  border-radius: 15px;
  background: #333740;
  transition: 0.3s ease;
}

/* line 1116, ../sass/theme/theme.scss */
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #00A651;
  width: 50px;
  transition: 0.3s ease;
}

/* line 1117, ../sass/theme/theme.scss */
body, html {
  height: 100%;
}

/* line 1120, ../sass/theme/theme.scss */
.bx-viewport, .bx-wrapper {
  position: relative;
  width: 100%;
  height: 100% !important;
  top: 0;
  left: 0;
}

/* line 1127, ../sass/theme/theme.scss */
.bxslider, .bxslider li {
  height: 100% !important;
}

/* line 1130, ../sass/theme/theme.scss */
.bxslider li {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

/* line 1135, ../sass/theme/theme.scss */
.bx-wrapper .bx-viewport {
  border: none !important;
}

/* */
/* line 1143, ../sass/theme/theme.scss */
.grid-item {
  width: 25%;
  position: relative;
}

/* line 1144, ../sass/theme/theme.scss */
.grid-item a:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: url(../images/icon_zoom.svg);
  background-size: 32px;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 2;
}

/* line 1145, ../sass/theme/theme.scss */
.grid-item a:after {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: #3b3d44;
  z-index: 1;
}

/* line 1147, ../sass/theme/theme.scss */
.grid-item a:hover:before {
  opacity: 1;
  transition: 0.2s ease;
  -webkit-transition: 0.2s ease;
}

/* line 1148, ../sass/theme/theme.scss */
.grid-item a:hover:after {
  opacity: 0.8;
  transition: 0.2s ease;
  -webkit-transition: 0.2s ease;
}

/* line 1149, ../sass/theme/theme.scss */
.grid-item img {
  width: 100%;
  height: auto;
  display: block;
  background-size: cover;
  border: 3px solid #ffffff;
}

/* cart table  */
/* line 1156, ../sass/theme/theme.scss */
.item_thumbs {
  width: 80px;
}

/* line 1157, ../sass/theme/theme.scss */
.item_thumbs .products_thumbs {
  width: 100%;
  max-width: 80px;
  height: auto;
}

/* line 1158, ../sass/theme/theme.scss */
.item_name {
  width: 280px;
  font-size: 0.89em;
}

/* line 1159, ../sass/theme/theme.scss */
.item_add {
  width: 90px;
}

/* line 1160, ../sass/theme/theme.scss */
.item_add input {
  text-align: center;
  padding: 0 10px;
}

/* line 1161, ../sass/theme/theme.scss */
.item_rate {
  white-space: nowrap;
}

/* line 1162, ../sass/theme/theme.scss */
.item_discount {
  white-space: nowrap;
}

/* line 1163, ../sass/theme/theme.scss */
.item_total {
  white-space: nowrap;
}

/* line 1164, ../sass/theme/theme.scss */
.item_clear {
  width: 45px;
}

/* line 1168, ../sass/theme/theme.scss */
.order_special--add,
.order_special--check {
  width: 40%;
}

/* form register */
/* line 1175, ../sass/theme/theme.scss */
.add--id_card {
  background: #e2e2e2;
  padding: 20px;
  border-radius: 4px;
  margin-bottom: 20px;
}

/* line 1177, ../sass/theme/theme.scss */
.add--id_card--comment {
  color: #3581c3;
}

/* line 1178, ../sass/theme/theme.scss */
.add--id_card--comment .title_form {
  opacity: 1;
}

/* CSS Document */
/* line 4, ../sass/responsive/responsive.scss */
*[class^=c_] {
  float: left;
  /* border:1px solid #333333; */
  transition: ease 0.5s;
  padding: 1em 0;
  box-sizing: content-box;
}

/*--

	d = desktop
	l - laptop
	t = tablet
	m =mobile
	
--*/
/* line 21, ../sass/responsive/responsive.scss */
.c_full-d {
  width: 100%;
}

/* line 22, ../sass/responsive/responsive.scss */
.c_90-d {
  width: 90%;
}

/* line 23, ../sass/responsive/responsive.scss */
.c_80-d {
  width: 80%;
}

/* line 24, ../sass/responsive/responsive.scss */
.c_70-d {
  width: 70%;
}

/* line 25, ../sass/responsive/responsive.scss */
.c_60-d {
  width: 60%;
}

/* line 26, ../sass/responsive/responsive.scss */
.c_50-d {
  width: 50%;
}

/* line 27, ../sass/responsive/responsive.scss */
.c_40-d {
  width: 40%;
}

/* line 28, ../sass/responsive/responsive.scss */
.c_30-d {
  width: 30%;
}

/* line 29, ../sass/responsive/responsive.scss */
.c_20-d {
  width: 20%;
}

/* line 30, ../sass/responsive/responsive.scss */
.c_10-d {
  width: 10%;
}

/* line 31, ../sass/responsive/responsive.scss */
.c_33-d {
  width: 33.3333%;
}

/* line 32, ../sass/responsive/responsive.scss */
.c_15-d {
  width: 15%;
}

/* line 33, ../sass/responsive/responsive.scss */
.c_25-d {
  width: 25%;
}

/* line 34, ../sass/responsive/responsive.scss */
.c_35-d {
  width: 35%;
}

/* line 35, ../sass/responsive/responsive.scss */
.c_45-d {
  width: 45%;
}

/* line 36, ../sass/responsive/responsive.scss */
.c_55-d {
  width: 55%;
}

/* line 37, ../sass/responsive/responsive.scss */
.c_65-d {
  width: 65%;
}

/* line 38, ../sass/responsive/responsive.scss */
.c_75-d {
  width: 75%;
}

/* line 39, ../sass/responsive/responsive.scss */
.c_85-d {
  width: 85%;
}

/*----- list style -----*/
/* line 47, ../sass/responsive/responsive.scss */
.list_box {
  margin-left: -2%;
}

/* line 48, ../sass/responsive/responsive.scss */
.list_box .c_full-d {
  width: 98%;
  margin-left: 2%;
}

/* line 49, ../sass/responsive/responsive.scss */
.list_box .c_90-d {
  width: 88%;
  margin-left: 2%;
}

/* line 50, ../sass/responsive/responsive.scss */
.list_box .c_80-d {
  width: 78%;
  margin-left: 2%;
}

/* line 51, ../sass/responsive/responsive.scss */
.list_box .c_70-d {
  width: 68%;
  margin-left: 2%;
}

/* line 52, ../sass/responsive/responsive.scss */
.list_box .c_60-d {
  width: 58%;
  margin-left: 2%;
}

/* line 53, ../sass/responsive/responsive.scss */
.list_box .c_50-d {
  width: 48%;
  margin-left: 2%;
}

/* line 54, ../sass/responsive/responsive.scss */
.list_box .c_40-d {
  width: 38%;
  margin-left: 2%;
}

/* line 55, ../sass/responsive/responsive.scss */
.list_box .c_30-d {
  width: 28%;
  margin-left: 2%;
}

/* line 56, ../sass/responsive/responsive.scss */
.list_box .c_20-d {
  width: 18%;
  margin-left: 2%;
}

/* line 57, ../sass/responsive/responsive.scss */
.list_box .c_10-d {
  width: 8%;
  margin-left: 2%;
}

/* line 58, ../sass/responsive/responsive.scss */
.list_box .c_33-d {
  width: 31.3333%;
  margin-left: 2%;
}

/* line 59, ../sass/responsive/responsive.scss */
.list_box .c_15-d {
  width: 13%;
  margin-left: 2%;
}

/* line 60, ../sass/responsive/responsive.scss */
.list_box .c_25-d {
  width: 23%;
  margin-left: 2%;
}

/* line 61, ../sass/responsive/responsive.scss */
.list_box .c_35-d {
  width: 33%;
  margin-left: 2%;
}

/* line 62, ../sass/responsive/responsive.scss */
.list_box .c_45-d {
  width: 43%;
  margin-left: 2%;
}

/* line 63, ../sass/responsive/responsive.scss */
.list_box .c_55-d {
  width: 53%;
  margin-left: 2%;
}

/* line 64, ../sass/responsive/responsive.scss */
.list_box .c_65-d {
  width: 63%;
  margin-left: 2%;
}

/* line 65, ../sass/responsive/responsive.scss */
.list_box .c_75-d {
  width: 73%;
  margin-left: 2%;
}

/* line 66, ../sass/responsive/responsive.scss */
.list_box .c_85-d {
  width: 83%;
  margin-left: 2%;
}

/* line 70, ../sass/responsive/responsive.scss */
.fix-height {
  height: 100%;
}

/* line 72, ../sass/responsive/responsive.scss */
html, body {
  min-height: 100%;
  height: 100%;
}

/* line 74, ../sass/responsive/responsive.scss */
.show_menu,
.show_menu:hover {
  width: 50px;
  height: 50px;
  min-width: 40px;
  padding: 0px;
  background: rgba(0, 0, 0, 0.02);
  background-image: url(../images/ico_arrow-small.svg);
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: center;
  float: right;
  cursor: pointer;
  transform: rotate(180deg);
  position: absolute;
  z-index: 9;
  top: 0px;
  right: 0px;
  border-radius: 0px;
  border: none;
}

/* line 76, ../sass/responsive/responsive.scss */
.show_menu {
  display: none;
}

/* line 78, ../sass/responsive/responsive.scss */
.close_menu {
  width: 100%;
  height: 30px;
  cursor: pointer;
  display: none;
}

/* line 80, ../sass/responsive/responsive.scss */
.menu_device {
  position: fixed;
  top: 10px;
  right: 15px;
  z-index: 9;
  display: none;
}

/* line 81, ../sass/responsive/responsive.scss */
.toggle_topmenu {
  width: 30px;
  height: 30px;
}

/* line 83, ../sass/responsive/responsive.scss */
.toggle_topmenu .i_menu,
.toggle_topmenu .i_close {
  width: 21px;
  height: auto;
  margin: 5px auto;
  display: block;
  position: absolute;
  top: 0;
  transform: scale(1);
  opacity: 1;
  transition: 0.2s ease;
}

/* line 87, ../sass/responsive/responsive.scss */
.toggle_topmenu .i_close {
  margin: 3px auto;
  transform: scale(0.5);
  opacity: 0;
  transition: 0.2s ease;
}

/* line 88, ../sass/responsive/responsive.scss */
.toggle_topmenu.active .i_close {
  transform: scale(1);
  opacity: 1;
  transition: 0.2s ease;
}

/* line 89, ../sass/responsive/responsive.scss */
.toggle_topmenu.active .i_menu {
  transform: scale(0.5);
  opacity: 0;
  transition: 0.2s ease;
}

/* line 91, ../sass/responsive/responsive.scss */
.menu_device_special {
  display: none;
}

/* line 93, ../sass/responsive/responsive.scss */
.page_footer a.i_fb,
.page_footer a.i_tt,
.page_footer a.i_ig,
.page_footer a.i_line,
.page_footer a.i_youtube {
  font-size: 28px; 
  color: #00A651;
}

/* line 99, ../sass/responsive/responsive.scss */
.device_view {
  display: none;
}

/* line 101, ../sass/responsive/responsive.scss */
.swap_res {
  display: none;
}

/* line 103, ../sass/responsive/responsive.scss */
.item_name--title_res {
  display: none;
}

@media (min-width: 1081px) {
  .nav_primary {
    left: 1295px;
    height: 120px;
  }
  .group_menu {
    height: 100%;
  }
}

@media (max-width: 1080px) {
  /* line 106, ../sass/responsive/responsive.scss */
  html,
  body {
    font-size: 14.573px;
  }
}
@media (max-width: 1080px) {
  /* line 112, ../sass/responsive/responsive.scss */
  .reader,
  .fixwidth {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* line 115, ../sass/responsive/responsive.scss */
  .c_full-l {
    width: 100%;
    clear: both;
  }

  /* line 116, ../sass/responsive/responsive.scss */
  .c_90-l {
    width: 90%;
  }

  /* line 117, ../sass/responsive/responsive.scss */
  .c_80-l {
    width: 80%;
  }

  /* line 118, ../sass/responsive/responsive.scss */
  .c_70-l {
    width: 70%;
  }

  /* line 119, ../sass/responsive/responsive.scss */
  .c_60-l {
    width: 60%;
  }

  /* line 120, ../sass/responsive/responsive.scss */
  .c_50-l {
    width: 50%;
  }

  /* line 121, ../sass/responsive/responsive.scss */
  .c_40-l {
    width: 40%;
  }

  /* line 122, ../sass/responsive/responsive.scss */
  .c_30-l {
    width: 30%;
  }

  /* line 123, ../sass/responsive/responsive.scss */
  .c_20-l {
    width: 20%;
  }

  /* line 124, ../sass/responsive/responsive.scss */
  .c_10-l {
    width: 10%;
  }

  /* line 125, ../sass/responsive/responsive.scss */
  .c_33-l {
    width: 33.3333%;
  }

  /* line 126, ../sass/responsive/responsive.scss */
  .c_15-l {
    width: 15%;
  }

  /* line 127, ../sass/responsive/responsive.scss */
  .c_25-l {
    width: 25%;
  }

  /* line 128, ../sass/responsive/responsive.scss */
  .c_35-l {
    width: 35%;
  }

  /* line 129, ../sass/responsive/responsive.scss */
  .c_45-l {
    width: 45%;
  }

  /* line 130, ../sass/responsive/responsive.scss */
  .c_55-l {
    width: 55%;
  }

  /* line 131, ../sass/responsive/responsive.scss */
  .c_65-l {
    width: 65%;
  }

  /* line 132, ../sass/responsive/responsive.scss */
  .c_75-l {
    width: 75%;
  }

  /* line 133, ../sass/responsive/responsive.scss */
  .c_85-l {
    width: 85%;
  }

  /* line 135, ../sass/responsive/responsive.scss */
  .list_box .c_full-l {
    width: 98%;
    margin-left: 2%;
    float: none;
  }

  /* line 136, ../sass/responsive/responsive.scss */
  .list_box .c_90-l {
    width: 88%;
    margin-left: 2%;
  }

  /* line 137, ../sass/responsive/responsive.scss */
  .list_box .c_80-l {
    width: 78%;
    margin-left: 2%;
  }

  /* line 138, ../sass/responsive/responsive.scss */
  .list_box .c_70-l {
    width: 68%;
    margin-left: 2%;
  }

  /* line 139, ../sass/responsive/responsive.scss */
  .list_box .c_60-l {
    width: 58%;
    margin-left: 2%;
  }

  /* line 140, ../sass/responsive/responsive.scss */
  .list_box .c_50-l {
    width: 48%;
    margin-left: 2%;
  }

  /* line 141, ../sass/responsive/responsive.scss */
  .list_box .c_40-l {
    width: 38%;
    margin-left: 2%;
  }

  /* line 142, ../sass/responsive/responsive.scss */
  .list_box .c_30-l {
    width: 28%;
    margin-left: 2%;
  }

  /* line 143, ../sass/responsive/responsive.scss */
  .list_box .c_20-l {
    width: 18%;
    margin-left: 2%;
  }

  /* line 144, ../sass/responsive/responsive.scss */
  .list_box .c_10-l {
    width: 8%;
    margin-left: 2%;
  }

  /* line 145, ../sass/responsive/responsive.scss */
  .list_box .c_33-l {
    width: 31.3333%;
    margin-left: 2%;
  }

  /* line 146, ../sass/responsive/responsive.scss */
  .list_box .c_15-l {
    width: 13%;
    margin-left: 2%;
  }

  /* line 147, ../sass/responsive/responsive.scss */
  .list_box .c_25-l {
    width: 23%;
    margin-left: 2%;
  }

  /* line 148, ../sass/responsive/responsive.scss */
  .list_box .c_35-l {
    width: 33%;
    margin-left: 2%;
  }

  /* line 149, ../sass/responsive/responsive.scss */
  .list_box .c_45-l {
    width: 43%;
    margin-left: 2%;
  }

  /* line 150, ../sass/responsive/responsive.scss */
  .list_box .c_55-l {
    width: 53%;
    margin-left: 2%;
  }

  /* line 151, ../sass/responsive/responsive.scss */
  .list_box .c_65-l {
    width: 63%;
    margin-left: 2%;
  }

  /* line 152, ../sass/responsive/responsive.scss */
  .list_box .c_75-l {
    width: 73%;
    margin-left: 2%;
  }

  /* line 153, ../sass/responsive/responsive.scss */
  .list_box .c_85-l {
    width: 83%;
    margin-left: 2%;
  }

  /* line 155, ../sass/responsive/responsive.scss */
  .header--control .primary {
    height: 70px !important;
    line-height: 70px !important;
  }

  /* line 156, ../sass/responsive/responsive.scss */
  .header--control .primary nav {
    display: none;
  }

  /* line 157, ../sass/responsive/responsive.scss */
  .toggle-menu {
    width: 30px;
    min-width: 30px;
    height: 30px;
    position: absolute;
    top: 60px;
    right: 1em;
  }

  /* line 159, ../sass/responsive/responsive.scss */
  .toggle-menu {
    display: block;
  }

  /* line 161, ../sass/responsive/responsive.scss */
  .wrap--nav_primary > div > div.logo {
    width: 160px;
    position: relative;
    z-index: 3;
  }

  /* line 162, ../sass/responsive/responsive.scss */
  .nav_primary li {
    margin-left: 20px;
  }

  /* line 163, ../sass/responsive/responsive.scss */
  .nav_primary li a {
    font-size: 15px;
    height: 90px;
    line-height: 90px;
  }

  /* line 165, ../sass/responsive/responsive.scss */
  .activity_list .type h4 {
    font-size: 1.3em;
    padding-bottom: 0px;
  }
}
@media (max-width: 1000px) {
  /* line 174, ../sass/responsive/responsive.scss */
  .c_full-t {
    width: 100%;
  }

  /* line 175, ../sass/responsive/responsive.scss */
  .c_90-t {
    width: 90%;
  }

  /* line 176, ../sass/responsive/responsive.scss */
  .c_80-t {
    width: 80%;
  }

  /* line 177, ../sass/responsive/responsive.scss */
  .c_70-t {
    width: 70%;
  }

  /* line 178, ../sass/responsive/responsive.scss */
  .c_60-t {
    width: 60%;
  }

  /* line 179, ../sass/responsive/responsive.scss */
  .c_50-t {
    width: 50%;
  }

  /* line 180, ../sass/responsive/responsive.scss */
  .c_40-t {
    width: 40%;
  }

  /* line 181, ../sass/responsive/responsive.scss */
  .c_30-t {
    width: 30%;
  }

  /* line 182, ../sass/responsive/responsive.scss */
  .c_20-t {
    width: 20%;
  }

  /* line 183, ../sass/responsive/responsive.scss */
  .c_10-t {
    width: 10%;
  }

  /* line 184, ../sass/responsive/responsive.scss */
  .c_33-t {
    width: 33.3333%;
  }

  /* line 185, ../sass/responsive/responsive.scss */
  .c_15-t {
    width: 15%;
  }

  /* line 186, ../sass/responsive/responsive.scss */
  .c_25-t {
    width: 25%;
  }

  /* line 187, ../sass/responsive/responsive.scss */
  .c_35-t {
    width: 35%;
  }

  /* line 188, ../sass/responsive/responsive.scss */
  .c_45-t {
    width: 45%;
  }

  /* line 189, ../sass/responsive/responsive.scss */
  .c_55-t {
    width: 55%;
  }

  /* line 190, ../sass/responsive/responsive.scss */
  .c_65-t {
    width: 65%;
  }

  /* line 191, ../sass/responsive/responsive.scss */
  .c_75-t {
    width: 75%;
  }

  /* line 192, ../sass/responsive/responsive.scss */
  .c_85-t {
    width: 85%;
  }

  /* line 194, ../sass/responsive/responsive.scss */
  .list_box .c_full-t {
    width: 98%;
    margin-left: 2%;
    float: none;
    clear: both;
  }

  /* line 195, ../sass/responsive/responsive.scss */
  .list_box .c_90-t {
    width: 88%;
    margin-left: 2%;
  }

  /* line 196, ../sass/responsive/responsive.scss */
  .list_box .c_80-t {
    width: 78%;
    margin-left: 2%;
  }

  /* line 197, ../sass/responsive/responsive.scss */
  .list_box .c_70-t {
    width: 68%;
    margin-left: 2%;
  }

  /* line 198, ../sass/responsive/responsive.scss */
  .list_box .c_60-t {
    width: 58%;
    margin-left: 2%;
  }

  /* line 199, ../sass/responsive/responsive.scss */
  .list_box .c_50-t {
    width: 48%;
    margin-left: 2%;
  }

  /* line 200, ../sass/responsive/responsive.scss */
  .list_box .c_40-t {
    width: 38%;
    margin-left: 2%;
  }

  /* line 201, ../sass/responsive/responsive.scss */
  .list_box .c_30-t {
    width: 28%;
    margin-left: 2%;
  }

  /* line 202, ../sass/responsive/responsive.scss */
  .list_box .c_20-t {
    width: 18%;
    margin-left: 2%;
  }

  /* line 203, ../sass/responsive/responsive.scss */
  .list_box .c_10-t {
    width: 8%;
    margin-left: 2%;
  }

  /* line 204, ../sass/responsive/responsive.scss */
  .list_box .c_33-t {
    width: 31.3333%;
    margin-left: 2%;
  }

  /* line 205, ../sass/responsive/responsive.scss */
  .list_box .c_15-t {
    width: 13%;
    margin-left: 2%;
  }

  /* line 206, ../sass/responsive/responsive.scss */
  .list_box .c_25-t {
    width: 23%;
    margin-left: 2%;
  }

  /* line 207, ../sass/responsive/responsive.scss */
  .list_box .c_35-t {
    width: 33%;
    margin-left: 2%;
  }

  /* line 208, ../sass/responsive/responsive.scss */
  .list_box .c_45-t {
    width: 43%;
    margin-left: 2%;
  }

  /* line 209, ../sass/responsive/responsive.scss */
  .list_box .c_55-t {
    width: 53%;
    margin-left: 2%;
  }

  /* line 210, ../sass/responsive/responsive.scss */
  .list_box .c_65-t {
    width: 63%;
    margin-left: 2%;
  }

  /* line 211, ../sass/responsive/responsive.scss */
  .list_box .c_75-t {
    width: 73%;
    margin-left: 2%;
  }

  /* line 212, ../sass/responsive/responsive.scss */
  .list_box .c_85-t {
    width: 83%;
    margin-left: 2%;
  }

  /* line 214, ../sass/responsive/responsive.scss */
  body {
    overflow-x: hidden;
  }

  /* line 216, ../sass/responsive/responsive.scss */
  .nav_primary li.group_menu a.lv_1:after,
  .nav_primary li.group_menu:hover a.lv_1:after {
    display: none;
  }

  /* line 219, ../sass/responsive/responsive.scss */
  .nav_primary li.group_menu a {
    border-bottom: 1px solid #e5e5e5;
  }

  /* line 221, ../sass/responsive/responsive.scss */
  .menu_device {
    display: block;
  }

  /* line 222, ../sass/responsive/responsive.scss */
  .menu_device a {
    display: inline-block;
    float: right;
    height: 30px;
    width: 25px;
    margin-left: 10px;
  }

  /*----  */
   .menu_device span {
    display: inline-block;
    float: right;
    height: 30px;
    width: 10px;
    margin-left: 10px;
  }

  /* line 223, ../sass/responsive/responsive.scss */
  .menu_device a span {
    font-size: 0px !important;
  }

  /* line 224, ../sass/responsive/responsive.scss */
  .menu_device a:before {
    width: 22px !important;
    height: 15px;
    margin-right: 0px;
  }

  .menu_device span:before {
    width: 12px !important;
    height: 15px;
    margin-right: 0px;
  }

  /* line 226, ../sass/responsive/responsive.scss */
  .show_menu,
  .close_menu {
    display: block;
  }

  /* line 229, ../sass/responsive/responsive.scss */
  .nav_primary {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: relative;
    z-index: -1;
  }

  /* line 230, ../sass/responsive/responsive.scss */
  .nav_primary.enable {
    visibility: visible;
    opacity: 1;
    z-index: 1;
  }

  /* line 231, ../sass/responsive/responsive.scss */
  .nav_primary {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 50px;
    overflow-y: scroll;
    background: #f5f5f5;
    transition: 0.3s ease;
  }

  /* line 232, ../sass/responsive/responsive.scss */
  .nav_primary.active {
    left: 0;
    overflow: hidden;
    transition: 0.3s ease;
  }

  /* line 233, ../sass/responsive/responsive.scss */
  .nav_primary li {
    float: none;
    margin-left: 0px;
  }

  /* line 234, ../sass/responsive/responsive.scss */
  .controler.lock .wrap--nav_primary .nav_primary li > a,
  .nav_primary li a {
    height: 50px;
    line-height: 50px;
  }

  /* line 236, ../sass/responsive/responsive.scss */
  .nav_secondary li {
    display: none;
  }

  /* line 237, ../sass/responsive/responsive.scss */
  .wrap--nav_primary .sub_menu,
  .nav_primary .group_menu #sub_store,
  .sub_menu.clearsub {
    transform: translateY(0);
    position: fixed;
    visibility: visible;
    opacity: 1;
    display: block;
    top: 0px;
    left: 100%;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    transition: 0.3s ease;
  }

  /* line 240, ../sass/responsive/responsive.scss */
  .nav_primary .group_menu #sub_store.active,
  .wrap--nav_primary .sub_menu.active {
    z-index: 99;
    left: 0;
    transition: 0.3s ease;
  }

  /* line 244, ../sass/responsive/responsive.scss */
  .nav_primary li.group_menu {
    position: relative;
  }

  /* line 245, ../sass/responsive/responsive.scss */
  .nav_primary li.group_menu a {
    padding-left: 15px;
  }

  /* line 247, ../sass/responsive/responsive.scss */
  .group_menu:hover .sub_menu {
    transform: translateY(0);
    transition: 0.3s ease;
  }

  /* line 249, ../sass/responsive/responsive.scss */
  .menu_device_special {
    display: block;
  }

  /* line 251, ../sass/responsive/responsive.scss */
  .nav_primary.active .show_menu {
    z-index: -1;
  }

  /* line 254, ../sass/responsive/responsive.scss */
  .wrap--nav_primary:before {
    content: '';
    height: 50px;
    background: #ffffff;
    z-index: 2;
    width: 100%;
    display: block;
    position: absolute;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  }

  /* line 255, ../sass/responsive/responsive.scss */
  .wrap--nav_primary .sub_menu .list_box {
    padding: 50px 0 0 50px;
    box-sizing: border-box;
  }

  /* line 256, ../sass/responsive/responsive.scss */
  .wrap--nav_primary .sub_menu .list_box li {
    margin: 15px auto;
    padding: 0px;
    /*max-width: 300px;*/
  }

  /* line 257, ../sass/responsive/responsive.scss */
  .wrap--nav_primary .sub_menu .list_box li a {
    padding: 10px 20px;
  }

  /* line 258, ../sass/responsive/responsive.scss */
  .wrap--nav_primary .sub_menu .list_box li.hilight_menu a {
    padding: 0px;
    border: none;
    margin: 10px;
    border-radius: 4px;
    overflow: hidden;
  }

  /* line 260, ../sass/responsive/responsive.scss */
  .nav_primary button.close_menu,
  .nav_primary.active button.close_menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 50px;
    min-width: initial;
    padding: 0px;
    z-index: 999;
    border: none;
    border-radius: 0px;
    border-right: 1px solid #e4e4e4;
    background-image: url(../images/ico_arrow-small.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 11px;
    background-color: #e5e5e5;
  }

  /* line 263, ../sass/responsive/responsive.scss */
  .nav_primary button.close_menu {
    transform: translateX(-200%);
    transition: 0.2s ease;
  }

  /* line 264, ../sass/responsive/responsive.scss */
  .nav_primary.active button.close_menu {
    transform: translateX(0%);
    transition: 0.2s ease;
  }

  /* line 266, ../sass/responsive/responsive.scss */
  .wrap--nav_primary .logo figure {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  /* line 267, ../sass/responsive/responsive.scss */
  .controler .wrap--nav_primary figure img,
  .controler.lock .wrap--nav_primary figure img {
    max-width: 100px !important;
    width: 100%;
    height: auto;
  }

  /* main responsive */
  /* line 272, ../sass/responsive/responsive.scss */
  .main_products .thumbs {
    display: none;
  }

  /* line 273, ../sass/responsive/responsive.scss */
  .main_products .first_group .type,
  .main_products .second_group .type {
    padding-top: 0px;
  }

  /* line 277, ../sass/responsive/responsive.scss */
  .activity_list .type {
    padding: 15px;
  }

  /* line 278, ../sass/responsive/responsive.scss */
  .activity_list .type h4 {
    font-size: 1.3em;
    padding-bottom: 0px;
  }

  /* line 280, ../sass/responsive/responsive.scss */
  .main_quote .wrapper {
    padding-bottom: 40px;
    padding-top: 40px;
  }

  /* line 281, ../sass/responsive/responsive.scss */
  .main_quote .quote_type {
    font-size: 2em;
    padding-bottom: 50px;
  }

  /* line 282, ../sass/responsive/responsive.scss */
  .quote_name:before {
    top: -25px;
  }

  /* line 284, ../sass/responsive/responsive.scss */
  .main_activity {
    padding: 80px 0 50px 0;
  }

  /* line 285, ../sass/responsive/responsive.scss */
  .main_activity .more_activity {
    padding: 0px;
  }

  /* products detail pages */
  /* line 289, ../sass/responsive/responsive.scss */
  .page_title.headline_functions {
    padding-top: 100px;
  }

  /* line 291, ../sass/responsive/responsive.scss */
  .cover_page {
    height: 250px;
  }

  /* line 292, ../sass/responsive/responsive.scss */
  .page_header h1,
  h1 {
    font-size: 2.5em;
  }

  /* line 295, ../sass/responsive/responsive.scss */
  .page_title.products_style,
  .page_title.mt_170 {
    margin-top: -130px;
  }

  /* line 297, ../sass/responsive/responsive.scss */
  .bradecamp {
    padding-bottom: 0px;
  }

  /* line 299, ../sass/responsive/responsive.scss */
  .headline_title:before,
  .page_header h1:before,
  .quote_name:before {
    height: 5px;
    width: 70px;
  }

  /* line 303, ../sass/responsive/responsive.scss */
  .footer_address {
    border: none;
  }

  /* line 304, ../sass/responsive/responsive.scss */
  .footer_address > div:first-child {
    padding-bottom: 0px;
  }

  /* line 305, ../sass/responsive/responsive.scss */
  .footer_address .i_tel:before {
    display: none;
  }

  /* line 306, ../sass/responsive/responsive.scss */
  .footer_address .tel_section {
    margin: 0;
    border: none;
    padding: 0;
  }

  /* line 308, ../sass/responsive/responsive.scss */
  .footer_address:before,
  .footer_address:after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: #3b3d44;
    margin: 0 auto;
    border-radius: 4px;
    visibility: visible;
  }

  /* line 311, ../sass/responsive/responsive.scss */
  .footer_address > div {
    text-align: center !important;
  }

  	/*
  	.page_title.mt_170{margin-top: 0px; background: #00A651; padding-top: 60px;}
  	.bradecamp{padding-bottom: 10px;}
  
  	.page_title.headline_functions{padding-top: 60px;}
  	*/
  /* line 320, ../sass/responsive/responsive.scss */
  aside .sidenav {
    padding-right: 0px;
    height: 50px;
    overflow: hidden;
    border: 1px solid #DFE0E2;
    border-radius: 4px;
    background: url(../images/bg_select.jpg);
    background-position: right center;
    background-repeat: no-repeat;
  }

  /* line 321, ../sass/responsive/responsive.scss */
  aside .sidenav li {
    padding: 0 15px;
  }

  /* line 322, ../sass/responsive/responsive.scss */
  aside .sidenav li a {
    padding: 13px 0 !important;
    color: #3b3d44 !important;
  }

  /* line 325, ../sass/responsive/responsive.scss */
  aside .sidenav .headgroup {
    font-family: 'opensans', 'Kanit' Arial, Helvetica, sans-serif;
    font-size: initial;
  }

  /* line 327, ../sass/responsive/responsive.scss */
  .clearscroll {
    overflow: hidden;
  }

  /* line 329, ../sass/responsive/responsive.scss */
  .cover_page {
    height: 250px !important;
  }

  /* line 331, ../sass/responsive/responsive.scss */
  .bx-viewport,
  .bx-wrapper {
    height: 40vh !important;
  }

  /* line 334, ../sass/responsive/responsive.scss */
  .bx-wrapper {
    margin-bottom: 0px !important;
  }

  /* line 336, ../sass/responsive/responsive.scss */
  aside .sidenav {
    display: none;
  }

  /* line 337, ../sass/responsive/responsive.scss */
  .selectCategory {
    display: block;
  }

  /* line 340, ../sass/responsive/responsive.scss */
  .nav_primary .group_menu:nth-of-type(4n) {
    position: relative;
  }

  /* line 341, ../sass/responsive/responsive.scss */
  .nav_primary .group_menu:nth-of-type(4n) .sub_menu {
    max-width: initial;
    right: initial;
    left: 100%;
  }

  /* line 342, ../sass/responsive/responsive.scss */
  .nav_primary .group_menu:nth-of-type(4n) .sub_menu.active {
    left: 0;
  }

  /*
  
  }
  
  @media (max-width: 760px){
  
  */
  /* line 353, ../sass/responsive/responsive.scss */
  h1, .h1 {
    font-size: 2.25em;
  }

  /* line 354, ../sass/responsive/responsive.scss */
  h2, .h2 {
    font-size: 2.05em;
  }

  /* line 355, ../sass/responsive/responsive.scss */
  h3, .h3 {
    font-size: 1.85em;
  }

  /* line 356, ../sass/responsive/responsive.scss */
  h4, .h4 {
    font-size: 1.65em;
  }

  /* line 357, ../sass/responsive/responsive.scss */
  h5, .h5 {
    font-size: 1.45em;
  }

  /* line 358, ../sass/responsive/responsive.scss */
  h6, .h6 {
    font-size: 1.25em;
  }

  /* line 360, ../sass/responsive/responsive.scss */
  .page_header h1 {
    font-size: 1.95em;
    padding-bottom: 0px;
    margin-top: 15px;
  }

  /* line 361, ../sass/responsive/responsive.scss */
  .page_header h1:before {
    top: -10px;
    width: 50px;
    height: 4px;
  }

  /* line 362, ../sass/responsive/responsive.scss */
  .footer_title h3 {
    font-size: 1.85em;
  }

  /* line 364, ../sass/responsive/responsive.scss */
  .footer_address .ar {
    text-align: center;
  }

  /* line 366, ../sass/responsive/responsive.scss */
  .popup_product .related_products .list_card,
  .list_grounp .list_card {
    width: 44%;
  }

  /* line 368, ../sass/responsive/responsive.scss */
  .list_grounp .list_card .pall_20 {
    padding: 10px;
  }

  /* line 369, ../sass/responsive/responsive.scss */
  .list_grounp .list_card h3 {
    font-size: 16px;
  }

  /* line 370, ../sass/responsive/responsive.scss */
  .card_link {
    height: 40px;
    line-height: 40px;
  }

  /* line 372, ../sass/responsive/responsive.scss */
  .main_products .first_group,
  .main_products .second_group {
    padding-top: 40px;
  }

  /* line 374, ../sass/responsive/responsive.scss */
  .main_products .type {
    padding: 0px;
  }

  /* line 376, ../sass/responsive/responsive.scss */
  .main_activity {
    padding-top: 80px;
  }

  /* line 377, ../sass/responsive/responsive.scss */
  .activity_list.list_box li {
    width: 96%;
    margin-bottom: 0px;
  }

  /* line 378, ../sass/responsive/responsive.scss */
  .main_activity .more_activity {
    padding-top: 40px;
  }

  /* line 381, ../sass/responsive/responsive.scss */
  .main_products .first_group .type .detail,
  .main_products .second_group .type .detail {
    padding-left: 20px;
  }

  /* line 384, ../sass/responsive/responsive.scss */
  .cover_page {
    display: none;
  }

  /* line 385, ../sass/responsive/responsive.scss */
  .page_title.mt_170 {
    margin-top: 0px;
    background: #00A651;
    padding-top: 60px;
  }

  /* line 386, ../sass/responsive/responsive.scss */
  .bradecamp {
    padding-bottom: 10px;
  }

  /* line 388, ../sass/responsive/responsive.scss */
  .page_title.headline_functions {
    padding-top: 60px;
    margin-bottom: 15px;
    padding-bottom: 0px;
  }

  /* line 390, ../sass/responsive/responsive.scss */
  .headline_title:before {
    width: 50px;
    height: 4px;
  }

  /* line 392, ../sass/responsive/responsive.scss */
  .shopping_status--breadcamp span {
    font-size: 1.1em;
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
  }

  /* line 394, ../sass/responsive/responsive.scss */
  .page_footer {
    padding-top: 15px !important;
  }

  /* line 395, ../sass/responsive/responsive.scss */
  .footer_address {
    margin-top: 15px;
  }

  /* line 396, ../sass/responsive/responsive.scss */
  .footer_title {
    padding-bottom: 0px !important;
  }

  /* line 398, ../sass/responsive/responsive.scss */
  .popup_product {
    padding: 40px 15px;
  }

  /* line 400, ../sass/responsive/responsive.scss */
  .popup_product .card_style {
    padding: 15px;
  }

  /* line 401, ../sass/responsive/responsive.scss */
  .popup_product .products_title h2 {
    font-size: 1.8em;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }

  /* line 402, ../sass/responsive/responsive.scss */
  .popup_product .products-detail .detail_1 td {
    padding-bottom: 0px;
  }

  /* line 403, ../sass/responsive/responsive.scss */
  .popup_product .products-detail .detail_2 .header h3 {
    font-size: 1.35em;
    padding-bottom: 10px;
  }

  /* line 405, ../sass/responsive/responsive.scss */
  .popup_product .product_type .product_type--wrap {
    padding: 0px;
  }

  /* article page */
  /* line 410, ../sass/responsive/responsive.scss */
  .article_page {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  /* form page */
  /* line 414, ../sass/responsive/responsive.scss */
  .functions_content {
    padding-bottom: 0px !important;
  }

  /* line 415, ../sass/responsive/responsive.scss */
  .functions_content .pall_40 {
    padding: 15px;
  }

  /* line 416, ../sass/responsive/responsive.scss */
  .functions_content .ph_40 {
    padding-left: 0px;
    padding-right: 0px;
  }

  /* line 417, ../sass/responsive/responsive.scss */
  .functions_content .pv_40 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  /* line 419, ../sass/responsive/responsive.scss */
  .shopping_status--breadcamp {
    margin-bottom: 20px;
  }

  /* line 420, ../sass/responsive/responsive.scss */
  .shopping_status--breadcamp.fixbar {
    position: fixed;
    width: 100%;
    z-index: 5;
    left: 0;
    bottom: 0;
    margin-bottom: 0px;
    border-radius: 0px;
  }

  /* line 421, ../sass/responsive/responsive.scss */
  .shopping_status--breadcamp.fixbar span {
    height: 50px;
    line-height: 50px;
  }

  /* line 423, ../sass/responsive/responsive.scss */
  .functions_step.active {
    padding-top: 70px;
  }

  /* line 426, ../sass/responsive/responsive.scss */
  .table_style,
  .table_style tr,
  .table_style tr td {
    display: block;
  }

  /* line 429, ../sass/responsive/responsive.scss */
  .table_style table,
  .table_style thead,
  .table_style tbody,
  .table_style tfoot,
  .table_style th,
  .table_style td,
  .table_style tr {
    display: block;
  }

  /* line 437, ../sass/responsive/responsive.scss */
  .table_style thead {
    display: none;
  }

  /* line 440, ../sass/responsive/responsive.scss */
  input[type=text],
  input[type=password],
  input[type=file],
  input[type=email] {
    height: 40px;
  }

  /* line 444, ../sass/responsive/responsive.scss */
  *[class^=btn] {
    /* min-height: 40px; */
    line-height: 40px;
  }

  /* line 446, ../sass/responsive/responsive.scss */
  select,
  aside .sidenav,
  .paging .paging_swift {
    height: 40px;
    line-height: 40px;
  }

  /* line 450, ../sass/responsive/responsive.scss */
  aside .sidenav li a {
    padding: 0 !important;
  }

  /* line 452, ../sass/responsive/responsive.scss */
  .random_square .icon_shopping {
    width: 20px;
  }

  /* line 455, ../sass/responsive/responsive.scss */
  .popup_product .products-detail_data .products-detail_title {
    width: 120px;
  }

  /* line 458, ../sass/responsive/responsive.scss */
  .products_nav--title h3 {
    font-size: 1.3em;
  }

  /* line 460, ../sass/responsive/responsive.scss */
  .pv_80 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  /* line 461, ../sass/responsive/responsive.scss */
  .ph_80 {
    padding-left: 30px;
    padding-right: 30px;
  }

  /* line 462, ../sass/responsive/responsive.scss */
  .pall_80 {
    padding: 30px;
  }

  /* line 464, ../sass/responsive/responsive.scss */
  .pv_60 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  /* line 465, ../sass/responsive/responsive.scss */
  .ph_60 {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* line 466, ../sass/responsive/responsive.scss */
  .pall_60 {
    padding: 20px;
  }

  /* line 467, ../sass/responsive/responsive.scss */
  .pt60 {
    padding-top: 20px;
  }

  /* line 469, ../sass/responsive/responsive.scss */
  .pv_40 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  /* line 470, ../sass/responsive/responsive.scss */
  .ph_40 {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* line 471, ../sass/responsive/responsive.scss */
  .pall_40 {
    padding: 15px;
  }

  /* line 472, ../sass/responsive/responsive.scss */
  .pt40 {
    padding-top: 15px;
  }

  /* line 475, ../sass/responsive/responsive.scss */
  .table_list .title {
    width: 150px;
  }

  /* line 477, ../sass/responsive/responsive.scss */
  .products_nav--list .icon {
    width: 60px;
    height: 60px;
  }

  /* line 480, ../sass/responsive/responsive.scss */
  .contact_group--list tr td {
    padding: 5px 10px 5px 40px;
  }

  /* line 482, ../sass/responsive/responsive.scss */
  .contact_group--list td:nth-child(odd) {
    padding-left: 0px;
    width: 100%;
  }

  /* line 484, ../sass/responsive/responsive.scss */
  .contact_group--list,
  .contact_group--list tr,
  .contact_group--list td,
  .contact_group--list tbody {
    display: block;
    width: 100%;
  }

  /* line 488, ../sass/responsive/responsive.scss */
  .contact_group--list .contact_detail {
    padding-left: 45px;
    padding-top: 0px;
  }

  /* line 489, ../sass/responsive/responsive.scss */
  .contact_group--list .contact_title {
    padding-bottom: 0px;
  }

  /* line 492, ../sass/responsive/responsive.scss */
  .swap_res {
    display: block;
  }

  /* line 495, ../sass/responsive/responsive.scss */
  .table_res .swap_tablet {
    display: block;
  }

  /* line 496, ../sass/responsive/responsive.scss */
  .table_res .swap_tablet--hide {
    display: none;
  }

  /* line 498, ../sass/responsive/responsive.scss */
  .order_conclude--hide {
    display: none !important;
  }

  /* line 501, ../sass/responsive/responsive.scss */
  .account_history--item {
    padding: 15px;
    text-align: right;
    border: 1px solid #f3f3f3;
    margin-bottom: 15px;
    border-radius: 4px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  }

  /* line 502, ../sass/responsive/responsive.scss */
  .account_history--item .title {
    width: 100%;
  }

  /* line 503, ../sass/responsive/responsive.scss */
  .account_history--item .title:after,
  .account_history--item .detail:after,
  .account_history--item .price:after {
    content: '';
    display: table;
    clear: both;
  }

  /* line 507, ../sass/responsive/responsive.scss */
  .account_history--item .title span,
  .account_history--item .detail span,
  .account_history--item .price span.swap_res,
  .account_history--item .title time {
    float: left;
  }

  /* line 511, ../sass/responsive/responsive.scss */
  .account_history--item .title time {
    opacity: 0.7;
    margin-left: 10px;
  }

  /* line 513, ../sass/responsive/responsive.scss */
  .account_history--item .detail a,
  .account_history--item .price span {
    float: right;
  }

  /* line 517, ../sass/responsive/responsive.scss */
  .account_history--item .swap_tablet {
    border: none;
    padding: 0 0 10px 0;
  }

  /* line 518, ../sass/responsive/responsive.scss */
  .account_history--item .status_order {
    background: #e2e2e2;
    padding: 8px;
  }

  /* line 520, ../sass/responsive/responsive.scss */
  .account_history--item .price span:last-child {
    font-size: 1.3em;
  }

  /* responsive table */
  /* line 525, ../sass/responsive/responsive.scss */
  .item_name--title_res {
    display: block;
    opacity: 0.7;
  }

  /* line 526, ../sass/responsive/responsive.scss */
  .cart_item td {
    border: none;
  }

  /* line 528, ../sass/responsive/responsive.scss */
  .cart_item,
  .order_conclude {
    position: relative;
    padding: 10px;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
    margin-bottom: 15px;
    border-radius: 4px;
  }

  /* line 530, ../sass/responsive/responsive.scss */
  .cart_item .item_thumbs {
    float: left;
    width: 30%;
  }

  /* line 533, ../sass/responsive/responsive.scss */
  .cart_item .item_thumbs .item_name--title_res,
  .cart_item .item_name .item_name--title_res,
  .cart_item .item_clear .item_name--title_res {
    display: none;
  }

  /* line 538, ../sass/responsive/responsive.scss */
  #cartItem2 .cart_item .item_name {
    padding-right: 0px !important;
  }

  /* line 540, ../sass/responsive/responsive.scss */
  .cart_item .item_name {
    float: left;
    width: 70%;
    padding-right: 60px !important;
  }

  /* line 541, ../sass/responsive/responsive.scss */
  .cart_item .item_add {
    width: 100%;
    clear: both;
    border-top: 1px #e2e2e2 dashed;
    border-bottom: 1px #e2e2e2 dashed;
    margin-top: 10px;
  }

  /* line 542, ../sass/responsive/responsive.scss */
  .cart_item .item_add:after {
    content: '';
    display: table;
    clear: both;
  }

  /* line 543, ../sass/responsive/responsive.scss */
  .cart_item .item_add .item_name--title_res,
  .cart_item .item_add .count {
    width: 50%;
    float: left;
    line-height: 40px;
    height: 40px;
    display: block;
    padding-right: 10px;
    text-align: right;
  }

  /* line 545, ../sass/responsive/responsive.scss */
  .cart_item .item_add .count {
    padding-right: 0px;
  }

  /* line 546, ../sass/responsive/responsive.scss */
  .cart_item .item_add input {
    text-align: center;
    padding: 0 10px;
    float: right;
    width: 50%;
    box-sizing: border-box;
  }

  /* line 548, ../sass/responsive/responsive.scss */
  .cart_item .item_rate {
    white-space: nowrap;
    /* float: left;
    width: 50%; */
  }

  /* line 549, ../sass/responsive/responsive.scss */
  .cart_item .item_discount {
    white-space: nowrap;
    float: left;
    width: 50%;
  }

  /* line 551, ../sass/responsive/responsive.scss */
  .cart_item .item_total {
    white-space: nowrap;
    clear: both;
    text-align: right;
    font-size: 1.3em;
    border-top: 1px #e2e2e2 dashed;
    margin-top: 10px;
  }

  /* line 552, ../sass/responsive/responsive.scss */
  .cart_item .item_clear {
    width: 40px;
    position: absolute;
    top: 0;
    right: 0;
  }

  /* line 554, ../sass/responsive/responsive.scss */
  .order_conclude .end--cart_item {
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 0;
  }

  /* line 555, ../sass/responsive/responsive.scss */
  .order_conclude .end--cart_item.total_price {
    border: 4px solid #3b3d44;
  }

  /* line 556, ../sass/responsive/responsive.scss */
  .order_conclude .end--cart_item.total_price .title,
  .order_conclude .end--cart_item.total_price .rate {
    display: block;
    float: none;
    text-align: center;
  }

  /* line 558, ../sass/responsive/responsive.scss */
  .order_conclude .end--cart_item.total_price .title {
    padding-bottom: 10px;
  }

  /* line 559, ../sass/responsive/responsive.scss */
  .order_table .order_conclude td {
    border: none !important;
  }

  /* line 561, ../sass/responsive/responsive.scss */
  .order_special--add,
  .order_special--check,
  .purchase_order--title {
    width: 100%;
  }

  /* line 565, ../sass/responsive/responsive.scss */
  .purchase_order--group_detail {
    padding: 10px 0;
  }

  /* line 566, ../sass/responsive/responsive.scss */
  .purchase_order--group_detail .table_style--clear,
  .purchase_order--group_detail .table_style--clear,
  .purchase_order--group_detail .table_style--clear tbody,
  .purchase_order--group_detail .table_style--clear tr,
  .purchase_order--group_detail .table_style--clear td,
  .purchase_order--group_detail .table_style--clear thead,
  .purchase_order--group_detail .table_style--clear tbody {
    display: block;
  }

  /* line 574, ../sass/responsive/responsive.scss */
  .purchase_order--group_detail .table_style--clear td {
    padding: 0px 10px 10px 0;
    font-size: 1.1em;
  }

  /* line 575, ../sass/responsive/responsive.scss */
  .purchase_order--group_detail .table_style--clear td.purchase_order--title {
    padding: 0px;
    opacity: 0.5;
    font-size: 0.9em;
  }

  /* line 577, ../sass/responsive/responsive.scss */
  .logistic_address,
  .logistic_address td,
  .logistic_address tr,
  .logistic_address tbody {
    display: block;
    width: 100%;
  }

  /* line 582, ../sass/responsive/responsive.scss */
  .logistic_address td {
    padding: 0px 10px 10px 0;
    font-size: 1.1em;
  }

  /* line 583, ../sass/responsive/responsive.scss */
  .logistic_address td.purchase_order--title {
    opacity: 0.5;
    font-size: 0.9em;
    padding: 0px;
  }

  /* line 585, ../sass/responsive/responsive.scss */
  .purchase_order--number {
    padding-bottom: 30px;
  }

  /* line 587, ../sass/responsive/responsive.scss */
  .products_article {
    padding: 20px;
  }

  /* line 589, ../sass/responsive/responsive.scss */
  .contact_form--style,
  .contact_form--title,
  .contact_form--form {
    padding-right: 0px;
  }

  /* line 593, ../sass/responsive/responsive.scss */
  .functions_step > .fixwidth {
    padding: 0px;
  }

  /* line 596, ../sass/responsive/responsive.scss */
  .end--cart_item,
  .end--cart_item--res {
    display: block;
  }

  /* line 598, ../sass/responsive/responsive.scss */
  .end--cart_item--res > span {
    display: inline-block;
  }

  /* line 599, ../sass/responsive/responsive.scss */
  .order_conclude .end--cart_item {
    padding: 0px;
  }

  /* line 601, ../sass/responsive/responsive.scss */
  #beforeVat {
    display: block;
    text-align: center;
    float: none;
  }

  /* line 602, ../sass/responsive/responsive.scss */
  .end--cart_item--res.item_vat {
    text-align: center;
  }

  /* line 604, ../sass/responsive/responsive.scss */
  .producttype-pro {
    font-size: 0.85em;
  }


   /* line separate language */
   .i_line_lan:before{
      content: '|';     
      color: #9fa2ad;
      text-align: center;
      line-height: 25px;
      margin-left:5px;

    }



}
@media (max-width: 500px) {
  /* line 615, ../sass/responsive/responsive.scss */
  body {
    font-size: 14px;
  }

  /* line 617, ../sass/responsive/responsive.scss */
  .c_full-m {
    width: 100%;
  }

  /* line 618, ../sass/responsive/responsive.scss */
  .c_90-m {
    width: 90%;
  }

  /* line 619, ../sass/responsive/responsive.scss */
  .c_80-m {
    width: 80%;
  }

  /* line 620, ../sass/responsive/responsive.scss */
  .c_70-m {
    width: 70%;
  }

  /* line 621, ../sass/responsive/responsive.scss */
  .c_60-m {
    width: 60%;
  }

  /* line 622, ../sass/responsive/responsive.scss */
  .c_50-m {
    width: 50%;
  }

  /* line 623, ../sass/responsive/responsive.scss */
  .c_40-m {
    width: 40%;
  }

  /* line 624, ../sass/responsive/responsive.scss */
  .c_30-m {
    width: 30%;
  }

  /* line 625, ../sass/responsive/responsive.scss */
  .c_20-m {
    width: 20%;
  }

  /* line 626, ../sass/responsive/responsive.scss */
  .c_10-m {
    width: 10%;
  }

  /* line 627, ../sass/responsive/responsive.scss */
  .c_33-m {
    width: 33.3333%;
  }

  /* line 628, ../sass/responsive/responsive.scss */
  .c_15-m {
    width: 15%;
  }

  /* line 629, ../sass/responsive/responsive.scss */
  .c_25-m {
    width: 25%;
  }

  /* line 630, ../sass/responsive/responsive.scss */
  .c_35-m {
    width: 35%;
  }

  /* line 631, ../sass/responsive/responsive.scss */
  .c_45-m {
    width: 45%;
  }

  /* line 632, ../sass/responsive/responsive.scss */
  .c_55-m {
    width: 55%;
  }

  /* line 633, ../sass/responsive/responsive.scss */
  .c_65-m {
    width: 65%;
  }

  /* line 634, ../sass/responsive/responsive.scss */
  .c_75-m {
    width: 75%;
  }

  /* line 635, ../sass/responsive/responsive.scss */
  .c_85-m {
    width: 85%;
  }

  /* line 637, ../sass/responsive/responsive.scss */
  .list_box {
    margin: 0;
  }

  /* line 638, ../sass/responsive/responsive.scss */
  .list_box .c_full-m {
    width: 98%;
    margin-left: 2%;
    clear: both;
  }

  /* line 639, ../sass/responsive/responsive.scss */
  .list_box .c_90-m {
    width: 88%;
    margin-left: 2%;
  }

  /* line 640, ../sass/responsive/responsive.scss */
  .list_box .c_80-m {
    width: 78%;
    margin-left: 2%;
  }

  /* line 641, ../sass/responsive/responsive.scss */
  .list_box .c_70-m {
    width: 68%;
    margin-left: 2%;
  }

  /* line 642, ../sass/responsive/responsive.scss */
  .list_box .c_60-m {
    width: 58%;
    margin-left: 2%;
  }

  /* line 643, ../sass/responsive/responsive.scss */
  .list_box .c_50-m {
    width: 48%;
    margin-left: 2%;
  }

  /* line 644, ../sass/responsive/responsive.scss */
  .list_box .c_40-m {
    width: 38%;
    margin-left: 2%;
  }

  /* line 645, ../sass/responsive/responsive.scss */
  .list_box .c_30-m {
    width: 28%;
    margin-left: 2%;
  }

  /* line 646, ../sass/responsive/responsive.scss */
  .list_box .c_20-m {
    width: 18%;
    margin-left: 2%;
  }

  /* line 647, ../sass/responsive/responsive.scss */
  .list_box .c_10-m {
    width: 8%;
    margin-left: 2%;
  }

  /* line 648, ../sass/responsive/responsive.scss */
  .list_box .c_33-m {
    width: 31.3333%;
    margin-left: 2%;
  }

  /* line 649, ../sass/responsive/responsive.scss */
  .list_box .c_15-m {
    width: 13%;
    margin-left: 2%;
  }

  /* line 650, ../sass/responsive/responsive.scss */
  .list_box .c_25-m {
    width: 23%;
    margin-left: 2%;
  }

  /* line 651, ../sass/responsive/responsive.scss */
  .list_box .c_35-m {
    width: 33%;
    margin-left: 2%;
  }

  /* line 652, ../sass/responsive/responsive.scss */
  .list_box .c_45-m {
    width: 43%;
    margin-left: 2%;
  }

  /* line 653, ../sass/responsive/responsive.scss */
  .list_box .c_55-m {
    width: 53%;
    margin-left: 2%;
  }

  /* line 654, ../sass/responsive/responsive.scss */
  .list_box .c_65-m {
    width: 63%;
    margin-left: 2%;
  }

  /* line 655, ../sass/responsive/responsive.scss */
  .list_box .c_75-m {
    width: 73%;
    margin-left: 2%;
  }

  /* line 656, ../sass/responsive/responsive.scss */
  .list_box .c_85-m {
    width: 83%;
    margin-left: 2%;
  }

  /* line 657, ../sass/responsive/responsive.scss */
  .list_box .c_full-m {
    width: 100%;
    margin: 0;
    float: none;
  }

  /* line 659, ../sass/responsive/responsive.scss */
  .fixwidth .container .row {
    padding: 0;
  }

  /* line 661, ../sass/responsive/responsive.scss */
  .list_box .c_full-t,
  .list_box .c_full-l {
    margin-left: 0;
    width: 100%;
  }

  /* line 664, ../sass/responsive/responsive.scss */
  .list_grounp {
    margin-left: -2%;
  }

  /* line 665, ../sass/responsive/responsive.scss */
  .popup_product .related_products .list_card,
  .list_grounp .list_card {
    margin-left: 2%;
    width: 48%;
  }

  /* line 669, ../sass/responsive/responsive.scss */
  .nav_footer {
    display: none;
  }

  /* line 670, ../sass/responsive/responsive.scss */
  .page_footer li {
    padding: 0px;
  }

  /* line 671, ../sass/responsive/responsive.scss */
  .footer_title:before,
  .footer_title:after {
    display: none;
  }

  /* line 674, ../sass/responsive/responsive.scss */
  .card_data--table {
    font-size: 12px;
  }

  /* line 675, ../sass/responsive/responsive.scss */
  .card_data--table .column_title {
    padding-bottom: 0px;
    width: 40px;
  }

  /* line 676, ../sass/responsive/responsive.scss */
  .card_link {
    padding: 0 10px;
  }

  /* line 678, ../sass/responsive/responsive.scss */
  .article_content blockquote {
    padding: 20px;
  }

  /* line 681, ../sass/responsive/responsive.scss */
  .item_name--title_res {
    font-size: 12px;
  }

  /* line separate language */
   .i_line_lan:before{
      content: '|';     
      color: #9fa2ad;
      text-align: center;
      line-height: 28px;
      margin-left:5px;

    }

  
}

@media (max-width: 320px) {

  /* change language */
      .i_language_th{
      font-size: 0.8em;
      margin-bottom:  5px;
      height: 30px;
      color: #5f616d;
      width: 20px;
      cursor: pointer;
      margin-right: -19px;
      line-height: 35px;

    }
    .i_language_en{

      font-size: 0.8em;
      margin-right: 5px;
      margin-left: -15px;
      color: #5f616d;
      width: 20px;
      line-height: 35px;
    }
    a.i_language_en .lan_active , .i_language_en:before.lan_active{
      color:  #00A651;
    }
    .i_line_lan:before{
      content: '|';     
      color: #9fa2ad;
      text-align: center;
      line-height: 25px;
      margin-left:5px;

    }
    .menu_device a {
        display: inline-block;
        float: right;
        height: 30px;
        width: 20px;
        margin-left: 8px;
      }


}

/* update css no sass */

/*.page_footer *,
nav.fixwidth.nav_footer a,
.footer_address *
{
    color: rgba(255, 255, 255, 1);
}

.page_footer .i_tt:before, 
.page_footer .i_line:before, 
.page_footer .i_youtube:before, 
.page_footer .i_fb:before, 
.page_footer .i_ig:before{
  fill: currentColor;
  color: rgba(255, 255, 255, 0.3);
}

.footer_address{border-color: #fff;}

.footer_address a[href^=tel] { color: #ffffff; text-decoration: none; }*/