.nav-user-photo2{margin:-4px 8px 0 0;border-radius:100%;border:0px solid #FFF;max-width:40px}

.pagination9{display:inline-block;padding-left:0}
.pagination9>li{display:inline}
.pagination9>li>a,.pagination9>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px}
.pagination9>li:first-child>a,.pagination9>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
.pagination9>li:last-child>a,.pagination9>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}
.pagination9>li>a:hover,.pagination9>li>span:hover,.pagination9>li>a:focus,.pagination9>li>span:focus{color:#23527c;background-color:#eee;border-color:#ddd}
.pagination9>.active>a,.pagination9>.active>span,.pagination9>.active>a:hover,.pagination9>.active>span:hover,.pagination9>.active>a:focus,.pagination9>.active>span:focus{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default}
.pagination9>.disabled>span,.pagination9>.disabled>span:hover,.pagination9>.disabled>span:focus,.pagination9>.disabled>a,.pagination9>.disabled>a:hover,.pagination9>.disabled>a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}
.pagination9-lg>li>a,.pagination9-lg>li>span{padding:10px 16px;font-size:18px}
.pagination9-lg>li:first-child>a,.pagination9-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}
.pagination9-lg>li:last-child>a,.pagination9-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}
.pagination9-sm>li>a,.pagination9-sm>li>span{padding:5px 10px;font-size:12px}
.pagination9-sm>li:first-child>a,.pagination9-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}
.pagination9-sm>li:last-child>a,.pagination9-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}
.pagination9>li>span,.pager>li>span{border-width:1px;border-radius:0!important}
.pagination9>li>a,.pager>li>a{border-width:1px;border-color:#d4dfe3;border-radius:0!important;color:#2283c5;background-color:#fafafa;margin:0 -1px 0 0;position:relative;z-index:auto}
.pagination9>li>a:hover,.pager>li>a:hover{color:#1c6ca2;background-color:#eaeff2;border-color:#c1d1d7;z-index:1}
.pagination9>li>a:focus,.pager>li>a:focus{background-color:#eaeef2}
.pagination9>li.disabled>a,.pager>li.disabled>a,.pagination9>li.disabled>a:hover,.pager>li.disabled>a:hover{background-color:#f9f9f9;border-color:#d9d9d9;z-index:auto}

.pagination9 a.selectPage{
    background-color:#6faed9;
	  border-color:#6faed9;
    color:#fff;
}
.txt_green{color:#FFF;}
.title4 {
  float: left;
  clear: both;
  font-size: 15px;
  color: #696763;
}

.form-actions{
  margin-bottom:0;
  display:block;background-color:#F5F5F5;border-top:1px solid #E5E5E5;margin-bottom:20px;
  padding:10px 0 12px;text-align: center;
}
.theme_textbox {
  height:34px!important;
  width: 300px;border:1px solid #dededc!important;
  background-color:#FFF;
  font-size:15px;
  line-height: 56px!important;
}

.font_slim_15 { font-weight: 100; font-size: 15px!important; color: #5d5c5c!important; };
.font_15_red { color: #FFF!important; };

.form-control-10{width:10%;text-align:center;height:32px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}

.form-control-10-left{width:10%;text-align:left;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}

.form-control-20{width:20%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}

.form-control-30{width:30%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}

.form-control-40{width:40%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}

.form-control-50{width:50%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}

.form-control-60{width:60%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}

.form-control-70{width:70%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}

.form-control-80{width:80%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}

.form-control-90{width:90%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}

.form-control-no{text-align:center;height:34px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}

.theme_drop {
  height:34px!important;
  width: 300px;border:1px solid #dededc!important;
  background-color:#FFF;
  font-size:16px;
  line-height: 56px!important;
}
.theme_drop1 {
  height:34px!important;
  width: auto;border:1px solid #dededc!important;
  background-color:#FFF;
  font-size:16px;
}
.theme_drop2 {
  height:34px!important;
  width: auto;border:1px solid #dededc!important;
  background-color:#FFF;
  font-size:16px;
}

.btn.btn-primary2{border-width:3px!important;color:#fff;}
.btn-primary2,.btn-primary2:focus{background-color:#428bca!important;border-color:#428bca}
.btn-primary2:hover,.btn-primary2:active,.open>.btn-primary2.dropdown-toggle{background-color:#1b6aaa!important;border-color:#428bca}
.btn-primary2.no-border:hover,.btn-primary2.no-border:active{border-color:#1b6aaa}
.btn-primary2.no-hover:hover,.btn-primary2.no-hover:active{background-color:#428bca!important}
.btn-primary2.active{background-color:#2f7bba!important;border-color:#27689d}
.btn-primary2.no-border.active{background-color:#2b72ae!important;border-color:#2b72ae}
.btn-primary2.active{background-color:#428bca!important;border-color:#428bca}



.form-control-70m{width:70%;padding:6px 12px;font-size:16px;line-height:1.42857143;color:#555;background-color:#f8f8f8;padding-top: 5px;
  background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}

.btn.btn-primary22{border-width:2px!important;color:#fff;padding-top:7px;}
.btn-primary22,.btn-primary22:focus{background-color:#428bca!important;border-color:#428bca}
.btn-primary22:hover,.btn-primary22:active,.open>.btn-primary22.dropdown-toggle{background-color:#1b6aaa!important;border-color:#428bca}
.btn-primary22.no-border:hover,.btn-primary22.no-border:active{border-color:#1b6aaa}
.btn-primary22.no-hover:hover,.btn-primary22.no-hover:active{background-color:#428bca!important}
.btn-primary22.active{background-color:#2f7bba!important;border-color:#27689d}
.btn-primary22.no-border.active{background-color:#2b72ae!important;border-color:#2b72ae}
.btn-primary22.active{background-color:#428bca!important;border-color:#428bca}


::placeholder {
  color: #b5b5b5;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #b5b5b5;
}



.table9 {
	border-collapse: collapse; max-width: 100%; border-spacing: 0; background-color: transparent;
}
.table9 {
	width: 100%; margin-bottom: 20px;
}
.table9 th {
	padding: 8px; text-align: left; line-height: 20px; vertical-align: top; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid;
}
.table9 td {
	padding: 8px; text-align: left; line-height: 20px; vertical-align: top; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid;
}
.table9 th {
	font-weight: bold; text-align: center; background-color: #f2f2f2; color: #707070;
}
.table9 thead th {
	vertical-align: bottom;
}

.table-bordered9 {
	border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221) currentColor; border-radius: 4px; border-collapse: separate; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}
.table-bordered9 th {
	border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid;
}
.table-bordered9 td {
	border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid; text-align: center;
}
.table-bordered9 caption + thead tr:first-child th {
	border-top-color: currentColor; border-top-width: 0px; border-top-style: none;
}
.table-bordered9 caption + tbody tr:first-child th {
	border-top-color: currentColor; border-top-width: 0px; border-top-style: none;
}
.table-bordered9 caption + tbody tr:first-child td {
	border-top-color: currentColor; border-top-width: 0px; border-top-style: none;
}
.table-bordered9 colgroup + thead tr:first-child th {
	border-top-color: currentColor; border-top-width: 0px; border-top-style: none;
}
.table-bordered9 colgroup + tbody tr:first-child th {
	border-top-color: currentColor; border-top-width: 0px; border-top-style: none;
}
.table-bordered9 colgroup + tbody tr:first-child td {
	border-top-color: currentColor; border-top-width: 0px; border-top-style: none;
}
.table-bordered9 thead:first-child tr:first-child th {
	border-top-color: currentColor; border-top-width: 0px; border-top-style: none;
}
.table-bordered9 tbody:first-child tr:first-child th {
	border-top-color: currentColor; border-top-width: 0px; border-top-style: none;
}
.table-bordered9 tbody:first-child tr:first-child td {
	border-top-color: currentColor; border-top-width: 0px; border-top-style: none;
}
.table-bordered9 thead:first-child tr:first-child > th:first-child {
	border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px;
}
.table-bordered9 tbody:first-child tr:first-child > td:first-child {
	border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px;
}
.table-bordered9 tbody:first-child tr:first-child > th:first-child {
	border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px;
}
.table-bordered9 thead:first-child tr:first-child > th:last-child {
	border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px;
}
.table-bordered9 tbody:first-child tr:first-child > td:last-child {
	border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px;
}
.table-bordered9 tbody:first-child tr:first-child > th:last-child {
	border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px;
}
.table-bordered9 thead:last-child tr:last-child > th:first-child {
	border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px;
}
.table-bordered9 tbody:last-child tr:last-child > td:first-child {
	border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px;
}
.table-bordered9 tbody:last-child tr:last-child > th:first-child {
	border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px;
}
.table-bordered9 tfoot:last-child tr:last-child > td:first-child {
	border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px;
}
.table-bordered9 tfoot:last-child tr:last-child > th:first-child {
	border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px;
}
.table-bordered9 thead:last-child tr:last-child > th:last-child {
	border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px;
}
.table-bordered9 tbody:last-child tr:last-child > td:last-child {
	border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px;
}
.table-bordered9 tbody:last-child tr:last-child > th:last-child {
	border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px;
}
.table-bordered9 tfoot:last-child tr:last-child > td:last-child {
	border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px;
}
.table-bordered9 tfoot:last-child tr:last-child > th:last-child {
	border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px;
}
.table-bordered9 tfoot + tbody:last-child tr:last-child td:first-child {
	border-bottom-left-radius: 0px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;
}
.table-bordered9 tfoot + tbody:last-child tr:last-child td:last-child {
	border-bottom-right-radius: 0px; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;
}
.table-bordered9 caption + thead tr:first-child th:first-child {
	border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px;
}
.table-bordered9 caption + tbody tr:first-child td:first-child {
	border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px;
}
.table-bordered9 colgroup + thead tr:first-child th:first-child {
	border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px;
}
.table-bordered9 colgroup + tbody tr:first-child td:first-child {
	border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px;
}
.table-bordered9 caption + thead tr:first-child th:last-child {
	border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px;
}
.table-bordered9 caption + tbody tr:first-child td:last-child {
	border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px;
}
.table-bordered9 colgroup + thead tr:first-child th:last-child {
	border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px;
}
.table-bordered9 colgroup + tbody tr:first-child td:last-child {
	border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px;
}

.font_t {
color:#5f5c5c;
font-size: 13px;
}

.product {
  color: #363432;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 5px;
}

.font_w {
color:#fff;
font-size: 13px;
}


.checkout-options2 {
  padding-left: 20px
  color: #696763;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;

}

.checkout-options2 label {
  font-weight: normal;
}

.ui-menu .ui-menu-item{padding:5px 10px 6px;color:#444;cursor:pointer;display:block;-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}
.ui-menu .ui-menu-item .ui-menu-icon{float:right;position:relative;left:auto;right:4px;bottom:auto;text-indent:0}
.ui-menu .ui-menu-item .ui-menu-icon:before{content:"\f105";font-family:FontAwesome;font-size:14px;display:inline}
.ui-menu .ui-menu-item:hover,.ui-menu .ui-state-focus,.ui-menu .ui-state-active,.ui-menu .ui-menu-item:hover>.ui-menu-icon,.ui-menu .ui-state-focus>.ui-menu-icon,.ui-menu .ui-state-active>.ui-menu-icon{text-decoration:none;background-color:#4f99c6;color:#FFF;margin:auto;font-weight:400}
.ui-menu .ui-menu-item:hover .ui-menu-icon,.ui-menu .ui-state-focus .ui-menu-icon,.ui-menu .ui-state-active .ui-menu-icon,.ui-menu .ui-menu-item:hover>.ui-menu-icon .ui-menu-icon,.ui-menu .ui-state-focus>.ui-menu-icon .ui-menu-icon,.ui-menu .ui-state-active>.ui-menu-icon .ui-menu-icon{color:#FFF}
.ui-menu .ui-state-disabled,.ui-menu .ui-state-disabled .ui-menu-icon{color:#999;cursor:default}
.ui-menu .ui-state-disabled:hover,.ui-menu .ui-state-disabled.ui-state-focus,.ui-menu .ui-state-disabled.ui-state-active,.ui-menu .ui-state-disabled:hover .ui-menu-icon,.ui-menu .ui-state-disabled.ui-state-focus .ui-menu-icon,.ui-menu .ui-state-disabled.ui-state-active .ui-menu-icon{background-color:#FFF;color:#999}
.ui-autocomplete{background-color:#FFF;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}
.ui-autocomplete-category{padding:6px;position:relative;background-color:#eef4f9;color:#478fca;font-weight:bolder;border:1px solid #DAE6ED;border-width:1px 0}





.login_border {
  border: 2px solid #e9eaea;
  border-radius: 20px;
  padding-top: 10px;
  padding-left: 25px;
  padding-right: 25px;
}
.center { text-align: center; }
.login-form h2, .signup-form h2 {
  color: #494848;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 30px;
}

.login-form form input {
  background: #F0F0E9;
  border: medium none;
  color: #636262;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  height: 40px;
  margin-bottom: 10px;
  outline: medium none;
  padding-left: 10px;
  width: 100%;
}

.login-form form span{
  line-height: 25px;
}

.login-form form button {
  margin-top: 10px;
}

.login-form form button {
  background: #3995b7;
  border-radius: 2;
  color: #FFF;
  font-family: 'Roboto', sans-serif;
  padding: 10px 35px;
  font-size: 16px;
}

/* thai */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVjJx26TKEr37c9aAFJn2QN.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVjJx26TKEr37c9aBpJn2QN.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVjJx26TKEr37c9aBtJn2QN.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVjJx26TKEr37c9aBVJnw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
