@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@100;200;300;400;500;600;700;800;900&display=swap&subset=thai');
html, body, div{ margin:0; padding:0;  }
body{ 
 font-family: 'Prompt' , Arial, Tahoma;  -webkit-text-size-adjust: none;
 font-weight:400; font-size:16px; line-height:1.5; color:#242424;   } 

img{ border:none; max-width:100%; outline:0; vertical-align:middle;  pointer-events: none; }
:focus { outline:0; }
a:active { outline:none; }
.word-wrap { word-wrap: break-word; } 
.clear{ clear:both; }
.clearvdo{ clear:both; }
.box{ display:block; position:relative; }
.boxleft, .left{ float:left; }
.boxright, .right{ float:right; }

.txt-center{ text-align:center; }
.txt-left{ text-align:left; }
.txt-right{ text-align:right; }

.table{ display:table; width:100%; margin:0; padding:0; position:relative; }
.table-row{ display:table-row; }
.table-cell{ display:table-cell; }

a:link{ text-decoration:none; color:#242424; }
a:visited{ text-decoration:none; color:#242424; }
a:hover{ text-decoration:none; color:#242424; }

#page{ display:block; position:relative;  }
.content{ display:block; position: relative; width:92%; margin: 0 auto; }
.contentx{ display:block; position: relative; width:82%; margin: 0 auto; }

#bxheader{ display:block; position:fixed; top:0; left:0; right:0; z-index: 99; transition:ease 0.5s;  }
#bxlogo{ display:block; position: absolute; top:0; z-index: 99; left:50%; margin-left:-114px;  }
#bxmenu{ display:block; position:fixed; top:20px; left:52px; z-index:199; }
#bxnavmenu{ 
  display:none; width:100%; position:fixed; top:0; left:0; bottom:0; height:100vh; background:rgba(23,70,158,0.75); z-index:189; }
#bxnavmenu > .logomenu{ position:absolute; bottom:0; right:0; }
.bxnavmenu{ display:block; position: relative; padding:52px;  }
.bxnavmenu ul{ list-style:none; font-weight: bold; font-size: 18px; text-transform: uppercase; padding:0 0 0 40px;  }
.bxnavmenu ul li{ padding:0 0 13px; }
.bxnavmenu ul li > a{ display:block; position: relative; color:#fff; transition: ease 0.5s;  }
.bxnavmenu ul li > a > span{ display:inline-block; position: relative; width:18px;   }
.bxnavmenu ul li > a > span > .icon{ display:inline-block; position: relative; width: 6px; height: 6px; vertical-align: middle;  }
.bxnavmenu ul li > a:hover{ color:#f0cc6c;  }
.bxnavmenu ul li > a:hover > span > .icon{ background: url("../../img/li-y.png") no-repeat; }
.bxnavmenu ul li > a.activ{ color:#f0cc6c;  }
.bxnavmenu ul li > a.activ > span > .icon{ background: url("../../img/li-y.png") no-repeat; }
.bxnavmenu ul li > .line{ display:block; position: relative; height: 1px; background:#fff; width: 216px; margin:0 0 0 18px;   }
#bxmenuright{ display:block; position:absolute; top:20px; right:52px; }

 
.pagehome.fixtop #bxlogo{ margin-left:-64.5px; }
.pagehome.fixtop #bxlogo > a > img{ width:129px; }

#bxheader.pageinner{ background:#fff; position:fixed; width:100%; height: 69px; border-bottom:#e2e2e2 solid 1px; box-shadow: 2px 3px 6px 0px rgba(39, 33, 22, 0.2); }
#bxheader.pageinner #bxlogo{ margin-left:0px; left:4%; }
#bxheader.pageinner #bxlogo > a > img{ width:129px; }
#bxmenu.pageinner{ left:auto; right:4%;  }
#bxheader.pageinner #bxmenuright{ right:111px; }
#bxheader.pageinner .lineygrayinner{ display:inline-block; position: relative; width:2px; height: 30px; background:#6a757c; vertical-align: middle; }




.bxmenu{ display:block; position: relative; width:36px; height: 36px; background:#1b499b; color:#fff; text-align: center; }
#navmb{ 
  display:inline-block; width:30px; height:20px; position: relative; margin:0; cursor: pointer; vertical-align:middle; 
  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); 
  -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;  }
#navmb span {
  display:block; position:absolute;  width:100%; background:#ffffff; opacity:1; left:0; vertical-align:middle; 
  -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;  }
#navmb span:nth-child(1) {
  top:4px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; height:2px; }
#navmb span:nth-child(2) {
  top:12px;-webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; height:2px; }
#navmb span:nth-child(3) { top:16px; height: auto; font-size:10px; text-transform: uppercase; background:none;   }

#navmb.open{ top:3px; }
#navmb.open span:nth-child(1) {
  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:0px; left:4px;  } 
#navmb.open span:nth-child(2){
  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); 
  top:21.5px; left:4px;  width:100%; height:2px;  }
#navmb.open span:nth-child(3){ width:0%; opacity:0; } 


.bxtopmr{ display:block; position: relative; }
.bxtopmr > .lineygray{ display:inline-block; position: relative; width:2px; height: 30px; background:#6a757c; vertical-align: middle; }

/* search */
.bxsearch{ display:inline-block; position:relative; vertical-align: top; width:240px; }
.sb-search{ 
  display:inline-block; position:absolute; top:0px; right:6px; bottom:0px; width:0%; min-width:30px; height:30px; overflow:hidden; vertical-align:middle; transition: width 0.3s;  
  -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -webkit-backface-visibility: hidden; }
.sb-search-input {
  position:absolute; top:0; right:0; outline:none; text-indent:30px; font-family:inherit; color:#242424;     
  font-size:13px; width:100%; height:100%; margin:0; z-index:60; padding:0; border:none; border-radius:20px;
  background:transparent; }
.sb-search-input::-webkit-input-placeholder{ color: #242424; }
.sb-search-input:-moz-placeholder{ color: #242424; }
.sb-search-input::-moz-placeholder{ color: #242424; }
.sb-search-input:-ms-input-placeholder{ color: #242424; }
.sb-icon-search,
.sb-search-submit{
	width:30px; height:100%; display:block; position:absolute; right:0; top:0; padding:0; margin:0;
	line-height:0px; text-align:center; cursor:pointer; }
.sb-search-submit {
	background: #e5e5e5; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity:0; color:transparent; border:none; outline:none; z-index:-1; }
.sb-icon-search{
	background:url("../../img/icon-search.png") center no-repeat ;  z-index:90; background-size:20px; 
	speak: none; font-style: normal; font-weight: normal; font-variant: normal;
	text-transform: none; -webkit-font-smoothing: antialiased; }
.sb-icon-search:before { }

.sb-search.sb-search-open,
.no-js .sb-search{ width:100%;   }
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search{ background:url("../../img/icon-search.png") center no-repeat; z-index:61; background-size:20px;   }
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit{ z-index: 90; }
.sb-search.sb-search-open .sb-search-input{ text-indent:20px; background-color:#fff; border:rgba(106,117,124,0.8) solid 1px; }
/* end search */


.bxcart{ display:inline-block; position: relative; vertical-align: middle; } 
.bxcart > .bx{ display:block; position: relative; }
.bxcart > .bx > a > img{ width:38px;  }
.bxcart > .bx > a > .num{ 
   display:block; position:absolute; background:#17469e; width:20px; height:20px; border-radius:50%; right:0; bottom:0; top:10px; font-size:10px; z-index:9;  text-align: center; line-height:1; color:#fff; transition:ease 0.5s;   }
.bxcart > .bx > a > .num > span{ display:table-cell; width:20px; height: 20px; text-align: center; vertical-align: middle; }
.bxcart > .bx > a:hover > .num{ background:#fff; color:#17469e; }


.bxlang{ display:inline-block; position:relative; width:54px; vertical-align:top;  }
.lang-menu { 
  width:54px; height:auto; padding:0; z-index:6; position:absolute; top:0; right:0; cursor:pointer; color:#6a757c; 
  transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;  }
.cls-border-lang{  }
.lang-menu div { 
  position:relative; text-align:left; padding:3px 8px; 
  transition:all .2s ease; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; }
.lang-menu div::after{ content:url(../../img/iarrow-down-gray.png); margin-left:6px;  }
.cls-borderbottom-lang{  color:#17469e;  }
.cls-borderbottom-lang::after{ content:url(../../img/iarrow-down-blue.png) !important; }
.lang-menu ul{ list-style:none; margin:0; padding:0px; display:none; text-align:left; background:#79a4c7; border-radius:8px;   }
.lang-menu ul li{
  padding:4px 8px; color:#ffffff; transition:all .3s ease; position: relative;
  -webkit-transition:all .3s ease;  -moz-transition:all .3s ease; -o-transition:all .3s ease; }
.lang-menu ul li > .icon{ display:block; position:absolute; width:9px; height: 5px;  background: url("../../img/icon-triangle-lang.png") no-repeat; top:-5px; right:10px; }
.lang-menu ul li > img{ margin-right:3px; max-width:14px; }
 
.bxsocial > a{ margin:0 3px; }
a.iconig{ display:inline-block; position: relative; width: 23px; height: 23px; background: url("../../img/icon-ig.png") no-repeat; vertical-align: middle; }
a.iconig > span{ position:absolute; top: 0; left: 0; right:0; bottom:0; background: url("../../img/icon-ig-blue.png") no-repeat; transition: ease 0.3s; opacity:0;  }
a.iconig:hover > span{ opacity:1; }

a.iconfb{ display:inline-block; position: relative; width: 23px; height: 23px; background: url("../../img/icon-fb.png") no-repeat; vertical-align: middle; }
a.iconfb > span{ position:absolute; top: 0; left: 0; right:0; bottom:0; background: url("../../img/icon-fb-blue.png") no-repeat; transition: ease 0.3s; opacity:0;  }
a.iconfb:hover > span{ opacity:1; }

a.iconline{ display:inline-block; position: relative; width: 23px; height: 23px; background: url("../../img/icon-line.png") no-repeat; vertical-align: middle; }
a.iconline > span{ position:absolute; top: 0; left: 0; right:0; bottom:0; background: url("../../img/icon-line-blue.png") no-repeat; transition: ease 0.3s; opacity:0;  }
a.iconline:hover > span{ opacity:1; }

a.iconyt{ display:inline-block; position: relative; width: 23px; height: 23px; background: url("../../img/icon-yt.png") no-repeat; vertical-align: middle; }
a.iconyt > span{ position:absolute; top: 0; left: 0; right:0; bottom:0; background: url("../../img/icon-yt-blue.png") no-repeat; transition: ease 0.3s; opacity:0;  }
a.iconyt:hover > span{ opacity:1; }

a.icontt{ display:inline-block; position: relative; width: 23px; height: 23px; background: url("../../img/icon-tt.png") no-repeat; vertical-align: middle; }
a.icontt > span{ position:absolute; top: 0; left: 0; right:0; bottom:0; background: url("../../img/icon-tt-blue.png") no-repeat; transition: ease 0.3s; opacity:0;  }
a.icontt:hover > span{ opacity:1; }


#footermenu{ display:block; position: relative; background:#1b499b; color:#fff; padding:52px 0; }
.footerbx{ display:block; position: relative; }
.footerbx > .tb{ display:table; position: relative; width:100%; }
.footerbx > .tb > .c1{ display:table-cell; position: relative; width: 231px; border-right:#fff solid 1px; vertical-align:top; }
.footerbx > .tb > .c2{ display:table-cell; position: relative; vertical-align:top; }
.footerbx > .tb > .c3{ display:table-cell; position: relative; width: 488px; vertical-align:top; }

.footerbx > .tb > .c1 > .bx{ display:block; position: relative; padding:26px 15px;  }
.footerbx > .tb > .c1 > .bx > div{ font-weight:700; font-size:18px; line-height:1.6;  }
.footerbx > .tb > .c1 > .bx a{ color:#fff; letter-spacing: 2px; transition:ease 0.5s;  }
.footerbx > .tb > .c1 > .bx a:hover{ color:#efcb73; }
.footerbx > .tb > .c1 > .bx a.activ{ color:#efcb73; }

.footerbx > .tb > .c2 > .bx{ display:block; position: relative; padding:26px 45px; line-height:1.2;   }
.footerbx > .tb > .c2 > .bx div:nth-child(1){ margin:0 18px 6px; }
.footerbx > .tb > .c2 > .bx div:nth-child(2){ font-size:34px;  }
.footerbx > .tb > .c2 > .bx a{ font-size:38px; font-weight:bold; color:#efcb73; }

.footerbx > .tb > .c3 > .bx{ display:block; position: relative; padding:0; }
.bxfooterenew{ display:block; position:relative; width:100%;  } 
.footerh{ font-size:18px; font-weight: 700; padding:0 0 6px; }
#enewsform{ display:block; position:relative; padding:0; margin:0; width:100%; font-family:inherit; font-size:inherit; color:inherit;   } 
#enewsform > .bxframe{ display:block; position:relative; border:#ffffff solid 1px; width:100%;   }
#enewsform > .bxframe > .bxframe-tb{ display:table; position:relative; width:100%; height:41px;   }
#enewsform > .bxframe > .bxframe-tb > .icon{ display:table-cell; position:relative; vertical-align:middle; text-align:center; width:52px; }
#enewsform > .bxframe > .bxframe-tb > .textbx{ display:table-cell; position:relative; vertical-align:top; text-align:center;   }
#enewsform > .bxframe > .bxframe-tb > .btnbx{ display:table-cell; position:relative; vertical-align:top; width:102px;  }
#enewsform input[type=text]{ display:block; position:relative; width:100%; height:41px; border:none; font-family:inherit; font-size:inherit; color:inherit; font-weight:inherit; padding:0 3px; margin:0; background:none;  }
#enewsform input[type=submit]{ display:block; position:relative; width:102px; height:41px; border:none; background:#ffffff; font-family:inherit; font-size:inherit; color:#1b499b; font-weight:700; cursor:pointer; transition:ease 0.5s; text-transform: uppercase; }
#enewsform input[type=submit]:hover{ background: #efcb73;  text-decoration:none; }
#enewsform label.error{ margin-left: 0px; color:#ff0000; font-size:12px; font-weight:300; font-style:italic; }
#enewsform input.error{   }

.footerbb{ display:table; position: relative; width: 100%; padding:20px 0 ;     }
.footerbb > .c1{ display:table-cell; vertical-align: top;  }
.footerbb > .c2{ display:table-cell; vertical-align: top; width: 102px;  }

.footer-social{ display:block; position:relative; padding:0 0 ;   }
.footer-line{ display:block; position:relative; }

a.iconigb{ display:inline-block; position: relative; width:37px; height: 37px; background: url("../../img/icon-ig-w.png") no-repeat; vertical-align: middle; }
a.iconigb > span{ position:absolute; top: 0; left: 0; right:0; bottom:0; background: url("../../img/icon-ig-y.png") no-repeat; transition: ease 0.3s; opacity:0;  }
a.iconigb:hover > span{ opacity:1; }

a.iconfbb{ display:inline-block; position: relative; width: 37px; height: 37px; background: url("../../img/icon-fb-w.png") no-repeat; vertical-align: middle; }
a.iconfbb > span{ position:absolute; top: 0; left: 0; right:0; bottom:0; background: url("../../img/icon-fb-y.png") no-repeat; transition: ease 0.3s; opacity:0;  }
a.iconfbb:hover > span{ opacity:1; }

a.iconlineb{ display:inline-block; position: relative; width: 37px; height: 37px; background: url("../../img/icon-line-w.png") no-repeat; vertical-align: middle; }
a.iconlineb > span{ position:absolute; top: 0; left: 0; right:0; bottom:0; background: url("../../img/icon-line-y.png") no-repeat; transition: ease 0.3s; opacity:0;  }
a.iconlineb:hover > span{ opacity:1; }

a.iconytb{ display:inline-block; position: relative; width: 37px; height: 37px; background: url("../../img/icon-yt-w.png") no-repeat; vertical-align: middle; }
a.iconytb > span{ position:absolute; top: 0; left: 0; right:0; bottom:0; background: url("../../img/icon-yt-y.png") no-repeat; transition: ease 0.3s; opacity:0;  }
a.iconytb:hover > span{ opacity:1; }

a.iconttb{ display:inline-block; position: relative; width: 37px; height: 37px; background: url("../../img/icon-tt-w.png") no-repeat; vertical-align: middle; }
a.iconttb > span{ position:absolute; top: 0; left: 0; right:0; bottom:0; background: url("../../img/icon-tt-y.png") no-repeat; transition: ease 0.3s; opacity:0;  }
a.iconttb:hover > span{ opacity:1; }

#footer{ display:block; position: relative; color:#939598;  font-size:12px; }
#footer > div{ padding:16px 52px; }
#footer > div > .tb{ display:table; position:relative; width:100%; }
#footer > div > .tb > .c1{ display:table-cell; position:relative; vertical-align:middle; width:60%; }
#footer > div > .tb > .c2{ display:table-cell; position:relative; vertical-align:middle; width:40%; text-align: right; padding-right:20px;  }
#footer a{ color:#939598; text-decoration:underline; transition:ease 0.5s;  }
#footer a:hover{color:#17469e; text-decoration:none; }


#bxhomeslide{ display:block; position:relative; height:100vh; overflow: hidden;   }
#bxslide{ display:block; position: relative; width: 100%; height: 100%;  }
.bxslider{ display:block; position: relative; width: 100%; height: 100%; }
.slidebx{ display:block; position: relative; height: 100vh; }
.slidebx .bxcaption{ position: absolute; top: 0; left:0 ; bottom: 0; right: 0; z-index:6; color:#ffffff;   }
.caption {
  position: absolute; width: 100%; top:240px; opacity: 1; 
  transition: all .6s ease; -webkit-transform: translateY(0); transform: translateY(0);  }
.caption > .bxtxt{ display:block; position:relative; width:50%; margin:0 auto; line-height:1.2; /* text-shadow: 0px 0px 4.75px rgba(0, 0, 0, 0.2); */  }
.caption > .bxtxt > .h1{  /*text-shadow: 0px 0px 4.75px rgba(204, 204, 204, 0.2); */
  display:block; position: relative; font-size:25px; font-weight:700; padding:0; text-transform: uppercase; color:#17469e; }
.caption > .bxtxt > .h2{ 
  display:block; position: relative; font-size:18px; font-weight:500; padding:0; text-transform: uppercase;   }
.caption > .bxtxt > .txt{ display:block; position: relative; font-size:13px; font-weight:300; padding:6px 0;   }

.caption.bxtr{ top:14%; }
.caption.bxtr > .bxtxt{ width:32%; margin:0 5% 0 auto; text-align: left;  }

.caption.bxtl{ top:14%; }
.caption.bxtl > .bxtxt{ width:32%; margin:0 0 0 52px; text-align: left; }

.caption.bxcl{ top:38%; }
.caption.bxcl > .bxtxt{ width:32%; margin:0 0 0 52px; text-align: left;  }

.caption.bxbr{ top:auto; bottom:86px;  }
.caption.bxbr > .bxtxt{ width:32%; margin:0 5% 0 auto; text-align: left; }

.txtgray{ color:#69737a; }

.slidebx, .slidebx::before, .caption{ -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.active-slide .caption {
  opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all 1.5s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s; }
/*.active-slide img.jarallaximg {
   -webkit-animation: kenburns 20s forwards; animation: kenburns 20s forwards; } */
.bxslidebtm{ display:block; position: absolute; left:0; bottom:0; right:0; background:#17469e; height: 45px; z-index: 299;  }
.bxslidebtm > div{ display:block; position: relative; text-align: right; padding:10px 26px; text-transform: uppercase; color: #f1cd6b; font-size: 18px;  }
 


#bxhomeproduct{ 
  display:block; position: relative; padding:52px 0; }
#bxhomeproduct > .content{ display:block; position:relative; width: 96%; max-width:1230px;  }
.bxhomeproduct{ display:block; position: relative; }
.bxhomeproduct > .tb{ display:block; position: relative; }
.bxhomeproduct > .tb > .c1{ display:block; position: relative; width:33.33%; vertical-align:top; float:left; }
.bxhomeproduct > .tb > .c2{ display:block; position: relative; width:33.33%; vertical-align:top; float:left;  }
.bxhomeproduct > .tb > .c3{ display:block; position: relative; width:33.33%; vertical-align:top; float:left;  }
.bxhomeproduct > .tb > .bxc{ display:block; position: relative; width:33.33%; float:left; margin-bottom:26px; }


.prohomebx{ display:block; position: relative; width:360px; margin:0 auto; }
.prohomebx > .bx{ display:block; position: relative; }
.prohomebx > .bx > .imgbx{ display:block; position: relative; overflow:hidden;   }
.prohomebx > .bx > .imgbx img{ width:100%; transition: all 0.5s;  }
.prohomebx > .bx > .txbbx{ display:block; position: relative; background:#1b499b; padding:16px 0; }
.prohomebx > .bx > .txbbx > .bx{ display:block; position: relative; width:78%; margin: 0 auto; font-weight:300; color:#fff; font-size:18px; }
.prohomebx > .bx > .txbbx > .bx > .txth{ font-size:30px; color:#efcb73; line-height:1;  }
.prohomebx > .bx > .txtbx{ display:block; position: relative; padding:13px 22px;  color:#939598; }
.prohomebx > .bx > .linkbx{ display:block; position: relative; color:#1b499b; font-weight:600; text-transform: uppercase; padding-top:10px;   }
.prohomebx > .bx > .linkbx > span{ display:block; position: relative; border-bottom:#1b499b solid 5px; width:82%; transition: ease 0.5s;  }

.prohomebx > .bx:hover > .imgbx > img{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);  } 
.prohomebx > .bx:hover > .linkbx{ color:#efcb73;  }
.prohomebx > .bx:hover > .linkbx > span{ border-bottom:#efcb73 solid 5px;  }

#bxnewpro{ display:block; position: relative; padding:52px 0;  }  
#bxnewpro > .content{ display:block; position:relative;  width: 96%; max-width:1230px;  }
.slidernewprobx{ display:block; position:relative; padding:26px 0 0;  }

 
#bxhomeprocut{
  display:block; position: relative; padding:52px 0; background: url("../../img/bg-homeproduct.jpg") top repeat; }
.bxhomeprocut{ 
  display:block; position: relative; width: 1148px; height:660px; margin:0 auto; 
  background: url("../../img/productcut.png") no-repeat; background-size:100%;  z-index:66; }
.bxhomeprocut > a.pcbx{ position:absolute; z-index:1;   }

.bxhomeprocut > a.pcbx.shankl{ width:138px; height: 149px; background: url("../../img/p-shankl.png") no-repeat; background-size:100%; left:0px; bottom:50px;  }
.bxhomeprocut > a.pcbx.shankl:hover{ background: url("../../img/p-shankl-hover.png") no-repeat; background-size:100%;  }

.bxhomeprocut > a.pcbx.topround{ width:181px; height: 186px; background: url("../../img/p-topround.png") no-repeat; background-size:100%; left:0px; top:232px; }
.bxhomeprocut > a.pcbx.topround:hover{ background: url("../../img/p-topround-hover.png") no-repeat; background-size:100%; }

.bxhomeprocut > a.pcbx.sirlion{ width:153px; height: 178px; background: url("../../img/p-sirlion.png") no-repeat; background-size:100%; left:165px; top:82px; }
.bxhomeprocut > a.pcbx.sirlion:hover{ background: url("../../img/p-sirlion-hover.png") no-repeat; background-size:100%; }

.bxhomeprocut > a.pcbx.shortloin{ width:157px; height: 172px; background: url("../../img/p-shortloin.png") no-repeat; background-size:100%; left:382px; top:56px; }
.bxhomeprocut > a.pcbx.shortloin:hover{ background: url("../../img/p-shortloin-hover.png") no-repeat; background-size:100%; }

.bxhomeprocut > a.pcbx.rib{ width:186px; height: 162px; background: url("../../img/p-rib.png") no-repeat; background-size:100%; left:593px; top:40px; }
.bxhomeprocut > a.pcbx.rib:hover{ background: url("../../img/p-rib-hover.png") no-repeat; background-size:100%; }

.bxhomeprocut > a.pcbx.chuck{ width:174px; height: 172px; background: url("../../img/p-chuck.png") no-repeat; background-size:100%; top:70px; right:23px; }
.bxhomeprocut > a.pcbx.chuck:hover{ background: url("../../img/p-chuck-hover.png") no-repeat; background-size:100%; }

.bxhomeprocut > a.pcbx.neck{ width:132px; height: 144px; background: url("../../img/p-neck.png") no-repeat; background-size:100%; top:284px; right:0px; }
.bxhomeprocut > a.pcbx.neck:hover{ background: url("../../img/p-neck-hover.png") no-repeat; background-size:100%; }

.bxhomeprocut > a.pcbx.shankr{ width:131px; height: 155px; background: url("../../img/p-shankr.png") no-repeat; background-size:100%; bottom:46px; right:5px; }
.bxhomeprocut > a.pcbx.shankr:hover{ background: url("../../img/p-shankr-hover.png") no-repeat; background-size:100%; }

.bxhomeprocut > a.pcbx.plate{ width:243px; height: 147px; background: url("../../img/p-plate.png") no-repeat; background-size:100%; bottom:0px; right:212px;  }
.bxhomeprocut > a.pcbx.plate:hover{ background: url("../../img/p-plate-hover.png") no-repeat; background-size:100%; }

.bxhomeprocut > a.pcbx.flank{ width:182px; height: 162px; background: url("../../img/p-flank.png") no-repeat; background-size:100%; bottom:1px; left:487px;  }
.bxhomeprocut > a.pcbx.flank:hover{ background: url("../../img/p-flank-hover.png") no-repeat; background-size:100%; }

.bxhomeprocut > a.pcbx.round{ width:182px; height: 162px; background: url("../../img/p-round.png") no-repeat; background-size:100%; bottom:3px; left:274px;  }
.bxhomeprocut > a.pcbx.round:hover{ background: url("../../img/p-round-hover.png") no-repeat; background-size:100%; }
 



#bxhomepromo{ display:block; position: relative; overflow: hidden; }

.bxhomepromoslide{ display:block; position:relative; }
.bxhomepromo{ display:block; position: relative;  background:#17469e; color:#fff; }
.bxhomepromo > .tb{ display:table; position: relative; width:100%; }
.bxhomepromo > .tb > .tl{ display:table-cell; position: relative; width:50%;  }
.bxhomepromo > .tb > .tr{ display:table-cell; position: relative; width:50%; vertical-align: middle; }
.bxhomepromo > .tb > .tl > .imgbx{ display:block; position: relative; }
.bxhomepromo > .tb > .tl > .imgbx img{ width:100%; }
.bxhomepromo > .tb > .tr > .txtbx{ display:block; position: relative; width:86%; margin:0 auto; }
.bxhomepromo > .tb > .tr > .txtbx .txth1{ 
  color:#f0ce6a; text-transform:uppercase; font-weight:700; font-size:70px; line-height:1;  }
.bxhomepromo > .tb > .tr > .txtbx .txth2{ text-transform:uppercase; font-weight:500; font-size:45px; line-height:1; }
.bxhomepromo > .tb > .tr > .txtbx .txt{ 
  display:block; position:relative; font-weight:300; padding:26px 0; font-size:18px;   }
.bxhomepromo > .tb > .tr > .txtbx .link{ 
  display:block; position: relative; font-weight:600; text-transform: uppercase; margin-top:46px;  }
.bxhomepromo > .tb > .tr > .txtbx .link > span{ 
  display:block; position: relative; border-bottom:#ffff solid 5px;  transition: ease 0.5s; width: 300px;  }
.bxhomepromo > .tb > .tr > .txtbx .link:hover > span{ border-bottom:#efcb73 solid 5px; }
.bxhomepromo a{ color:#ffffff; }
.bxhomepromo a:hover{ color:#efcb73; } 


.bxhomepromotxt{ display:block; position: relative; padding:52px 0; background:#1b499b; color:#ffffff; }
 
#bxresellerhome{ display:block; position: relative; padding:52px 0; background:#fff; text-align: center;   }
#bxresellerhome .bxhead{ font-size:24px; color:#69747a;  }

.bxreseller{ display:block; position: relative; } 
.bxreseller > a{ display:inline-block; position: relative; margin:8px 12px; vertical-align: top; }
.bxreseller > a > img{ vertical-align: middle; transition:ease 0.5s; max-height:70px;  }
.bxreseller > a > div { 
  display:block; position: relative; font-size:15px; color:#1b499b; padding:2px 0 0; transition:ease 0.5s;  }
.bxreseller > a:hover > img{ transform: scale(1.1);  }
.bxreseller > a:hover > div{ color:#efcb73;  }

#pagepopup{ display:block; position: relative; padding:26px 0;   }
.bxresellerde{ display:block; position: relative; border-top:#fff solid 1px; padding:16px 0;  }
.bxresellerde > ul{ padding:0 0 0 15px; margin:0;   }
.bxresellerde > ul > li{  position: relative; width: 33.3%; float: left; }



#bxhomenews{ display:block; position: relative; padding:52px 0; background:#c9dbe9;  }
#bxhomenews > .content{ display:block; position:relative; width: 96%; max-width:1230px;  }
.bxtxthead{ display:block; position: relative;  }
.bxtxthead span{ color:#1b499b; text-transform: uppercase; font-size:40px; font-weight:600; }
.bxhomenews{ display:block; position:relative; padding:26px 0; }
.bxnews{ max-width:1230px; margin:0 auto; }
.homenewsbx{ display:block; position:relative; width:33.33%;  float:left; margin-bottom:36px;  }
.homenewsbx > .bx{ display:block; position: relative; width:92%; margin: 0 auto; }
.homenewsbx > .bx > .imgbx{ display:block; position: relative; overflow: hidden; }
.homenewsbx > .bx > .imgbx img{ width:100%; transition: all 0.5s;  }
.homenewsbx > .bx > .imgbx iframe{ width:100%;   }
.homenewsbx > .bx > .txtbx{ display:block; position: relative; padding:20px 0 0;  }
.homenewsbx > .bx > .txtbx > .subj{ color:#1b499b; text-transform:uppercase; font-weight:600; font-size:20px; transition:ease 0.5s; line-height:1.1;  }
.homenewsbx > .bx > .txtbx > .date{ color:#1b499b;   }
.homenewsbx > .bx > .txtbx > .desc{ display:block; position: relative; padding:16px 0; color:#939598;   }
.homenewsbx > .bx > .txtbx > .link{ display:block; position: relative; color:#1b499b;   }
.homenewsbx > .bx > .txtbx > .link > span{ display:block; position: relative; border-bottom:#1b499b solid 5px; transition: ease 0.5s; width:80%; text-transform:uppercase; font-weight:600; }

.homenewsbx > .bx:hover > .imgbx > img{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);  }
.homenewsbx > .bx:hover > .txtbx > .subj{ color:#efcb73;  }
.homenewsbx > .bx:hover > .txtbx > .link > span{ border-bottom:#efcb73 solid 5px; }

.bxiframe{ display:block; position: relative; padding-bottom: 56.25%;  height:0; }
.bxiframe iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }
 
.imgbx169{
  position:relative; overflow:hidden; padding-top:56.25%; width:100%; height:0;   }
.imgbx169 img{ position:absolute; top:0; left:0; width:100%; height:100%; border:0;  }


#iconfix{ position:fixed; z-index:199; bottom:52px; right:8px;  }

.bxyellow{ display:block; position: relative; background:#efcb73; padding:52px 0; }
.bxcer{ display:block; position: relative; width:80%; margin: 0 auto; }
.bxcer > .cx{ dispaly:block; position:relative; width:25%; float: left; }
.bxcer > .cx > .bx{ display:block; position: relative; width:92%; margin:0 auto; }

.bxbuynow{ display:block; position: relative; padding:0 0 39px; text-align: center; color:#17479e; }
.bxbuynow > .bxtxt{ display:inline-block; position: relative; margin:0 0px; vertical-align: middle;  }
.bxbuynow > .bxtxt > .tb{ display:table; position: relative; width:100%;   }
.bxbuynow > .bxtxt > .tb > .c1{ display:table-cell; position: relative; width: 70px; vertical-align: middle; }
.bxbuynow > .bxtxt > .tb > .c2{ display:table-cell; position: relative;  vertical-align: middle; line-height:1; font-weight:600; font-size:18px;   }
.bxbuynow > .bxtxt > .tb > .c2 > .txth{ font-size:44px;   }
.bxbuynow > .bxlink{ display:inline-block; position: relative; margin:0 4px; vertical-align: middle; }
.bxbuynow > .bxlink > a{ display:block; position: relative; background: #f1cd6b; padding:10px 16px; color:#17479e; border-radius:36px; width:216px; transition: ease 0.5s; margin-bottom:10px;  }
.bxbuynow > .bxlink > a > .tb{ display:table; position: relative; width:100%; }
.bxbuynow > .bxlink > a > .tb > .c1{ display:table-cell; position: relative; width:36px; vertical-align: middle;  }
.bxbuynow > .bxlink > a > .tb > .c2{ display:table-cell; position: relative;  vertical-align: middle; line-height:0.8;  }
.bxbuynow > .bxlink > a > .tb > .c2 > .txth{ font-size:20px; font-weight:600;    }
.bxbuynow > .bxlink > a > .tb > .c2 > span{ text-decoration:underline;  }
.bxbuynow > .bxlink > a:hover{ background:#79a4c7; }
.cutipad{ display:none; }

.bximginner{ display:block; position: relative; height:360px; background:#ccc;  }

.bxtxtsub{ display:block; position: relative; font-size:26px; text-transform: uppercase;  }
.bxtxtsub a{  color:#1b499b; margin:0 6px 0 0; font-weight:700;  }
.bxtxtsub span{ margin:0 6px 0 0; font-weight:500; }
.bxtxtsub span.txt{ color:#f0cc6c;   }
.bxtxtsub span.txt > span{ font-size:20px;  } 

#bxproductx{ display:block; position: relative; padding:62px 0 52px; }

.bxhead{ display:block; position: relative; padding:26px 0; text-align: center; color:#17479e; text-transform:uppercase; font-size:44px; font-weight:600; }
 
.bxbc{ display:block; position: relative; padding:0 26px 26px; text-transform:uppercase; font-size:15px; font-weight:500;  }
.bxbc > a{ color:#69747a; transition: ease 0.5s; }
.bxbc > a:hover{ color:#17479e;  }
.bxbc > .line{ display:inline-block; position: relative; width:1px; height: 25px; vertical-align: middle; background:#cdd0d2; margin:0 9px; }
.bxbc > .txt{ color:#17479e; }
.bxbc > .txt > span{ color:#000; }

.bxproductlist{ display:block; position: relative;  }


.bxproduct{ display:block; position: relative; width:25%; float:left; margin-bottom:52px; }
.bxproduct.pronewbx{ width:100%; float:none; margin-bottom:0; text-align: left; }
.bxproduct > .productbx{ display:block; position: relative; width: 92%; margin:0 auto;  }
.bxproduct > .productbx > .bximg{ display:block; position: relative; overflow:hidden; }
.bxproduct > .productbx > .bximg > img { width:100%; transition: all 0.5s; }
.bxproduct > .productbx > .bximg > .bxicon{ position: absolute; top:10px; left:10px; z-index:10;  }
.bxproduct > .productbx > .bximg > .bxicon img{ max-width:50px; }
.bxproduct > .productbx > .bxtxt{ display:block; position: relative; padding:6px 0;  }
.bxproduct > .productbx > .bxtxt > .name{ font-weight:500; font-size:18px; color:#17479e;  }
.bxproduct > .productbx > .bxtxt > .desc{ font-size:15px; color:#949699; line-height:1;   }
.bxproduct > .productbx > .bxtxt > .price{ font-size:20px; color:#f0cc6c; font-weight:500; }
.bxproduct > .productbx > .bxtxt > .link{ font-size:13px; color:#ffffff; background:#17469e; font-weight:500; text-align: right; padding:0 12px;  }

.bxproduct > .productbx:hover > .bximg > img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);  }


.bxcontactpage{ display:block; position:relative; padding:0 0 52px;   }
.bxaddress{ display:block; position: relative; text-align: center; padding:0 0 52px;  }
.bxaddress > .txth{ font-size: 20px; font-weight:500; color:#17479e;   } 
.bxaddress .txtb{ color:#17479e;   }
.bxaddress > .tb{ display:table; position: relative; width:300px; margin:10px auto; }
.bxaddress > .tb > .c1{ display:table-cell; position: relative; vertical-align: top; width:80px;  }
.bxaddress > .tb > .c2{ display:table-cell; position: relative; vertical-align: top; text-align: left; }

.bxgoogle{ display:block; position: relative; }
.bxgoogle iframe{ width:100%; height:420px; }

 
.bxproductdetail{ display:block; position:relative; padding:0 0 36px;  }
.bxproductdetail > .tb{ display:table; position:relative; width:100%;  }
.bxproductdetail > .tb > .c1{ display:table-cell; position: relative; width:50%; vertical-align: top; }
.bxproductdetail > .tb > .c1 > .bxprogall{ display:block; position:relative; }

.gallerybxpro > .iconfix{ position:absolute; top:10px; left:10px; z-index:16;  }
.gallerybxpro > .iconfix > img{ max-width:68px;  }

.gallerybxpro{ display:block; position: relative; width:78%;  margin:0 auto; }
.bxslidergall{ display:block; position: relative; z-index:3;   }
.bxslidergall > .slideimg{ display:block; position: relative;  }
.bxslidergall > .slideimg > img{ width:100%; }   
.bxpagergthumb{ display:block; position:relative; margin:12px 0 0;   } 
.bxpagergthumb > a{ display:block; position: relative; float:left; margin:0 12px 12px 0; outline:0; transition:ease 0.5s; }
.bxpagergthumb > a > .thumbbx{ display:block; position:relative; width:60px; border:#fff solid 2px; }
.bxpagergthumb > a > .thumbbx > img{ width:100%; } 
.bxpagergthumb > a:hover > .thumbbx,
.bxpagergthumb > a.active > .thumbbx{ border:#17469e solid 2px; }

.bxproductdetail > .tb > .c2{ display:table-cell; position: relative; width:50%; vertical-align: top;   }
.bxproductdetail > .tb > .c2 > .bx{  display:block; position:relative; padding:0 0 52px; color:#69747a;  width:80%;  background:#e4edf4;  }
.bxprode{ display:block; position: relative; padding:0 0 6px; line-height:1.2; }
.bxprode > .namebx{ display:block; position: relative; font-size:30px;  font-weight:500; background:#17469e; padding:20px 40px; color:#f0cc6c;   } 
.bxprode > .detailbx{ display:block; position: relative;  margin:20px 40px;  border-bottom:#69747a solid 1px;  } 
.bxprode > .detailbx > .desc{ display:block; position: relative; padding:0 0 26px; }
.bxprode > .detailbx > .code{ display:block; position: relative; padding:0 0 26px; color:#17479e; }
 
.bxprode > .detailbx > .sizebx{ display:block; position: relative; padding:0 0 16px; max-width:300px;  }
.bxprode > .detailbx > .sizebx > .tb{ display:table; position: relative; width:100%;  }
.bxprode > .detailbx > .sizebx > .tb > .c1{ display:table-cell; position: relative; vertical-align: top; }
.bxprode > .detailbx > .sizebx > .tb > .c2{ 
  display:table-cell; position: relative; vertical-align: top; width:140px; text-align:right; }
.bxprode > .detailbx > .qtybx{ display:block; position: relative; padding:0 0 16px; }
.bxprode > .detailbx > .qtybx > .tb{ display:table; position: relative; width:100%; max-width:300px;  }
.bxprode > .detailbx > .qtybx > .tb > .c1{ display:table-cell; position: relative; vertical-align: top; }
.bxprode > .detailbx > .qtybx > .tb > .c2{ 
  display:table-cell; position: relative; vertical-align: top; width:85px; text-align:right; }
.bxprode > .detailbx > .qtybx > .note{ display:block; position: relative; max-width:240px; font-size:12px; font-style: italic; text-align: right; color:#ff0000; padding:3px 0 0;  }
.bxprode > .detailbx > .btnbx{ display:block; position: relative; max-width:160px;  }
.bxprode > .detailbx > .btnbx > a{ display:block; position:relative; padding:6px 10px; text-align: center; background:#f15922; color:#ffffff; transition: ease 0.5s;  }
.bxprode > .detailbx > .btnbx > a > .icon{ display:inline-block; position: relative; width:22px; height:22px; background: url("../img/icon-cart-white.png") no-repeat #f15922; background-size:100%;  vertical-align: middle; margin-right:6px;   }
.bxprode > .detailbx > .btnbx > a > .icon > span{ position:absolute; top:0; left:0; bottom:0; right:0; background: url("../img/icon-cart-orange.png") no-repeat #ffffff; background-size:100%; opacity:0; transition: ease 0.5s;  }
.bxprode > .detailbx > .btnbx > a:hover{ background:#ffffff; color:#f15922;  }
.bxprode > .detailbx > .btnbx > a:hover > .icon > span{ opacity:1; }
 

.bxprode > .detailbx > .btnbx > input[type=submit]{ 
  display:block; position:relative; padding:6px 0; text-align:center;  text-indent:-22px;  
  background:url("../../img/icon-cart-white.png") 86% center no-repeat #f15922 ; background-size:20px; cursor: pointer; 
  color:#ffffff; transition: ease 0.5s; border:none; width:100%; font-size:12px; font-family: inherit;  }
.bxprode > .detailbx > .btnbx > input[type=submit]:hover{ background:url("../../img/icon-cart-orange.png") 86% center no-repeat #fff ; color:#f15922; background-size:20px;  }
.bxprode > .detailbx > .btnbx > input[type=submit]:disabled{ background:url("../../img/icon-cart-white.png") 86% center no-repeat #ccc ; background-size:20px; cursor:no-drop; }
.bxprode > .detailbx > .btnbx > input[type=submit]:disabled:hover{ color:#fff; }

.bxprode > .detailbx > .contactbx{ 
  display:block; position: relative; background:#fff; border-radius:12px; padding:20px; margin:0 0 20px; line-height:1.5; }
.bxprode > .detailbx > .contactbx > .txth{ display:block; position: relative; color:#b71d21; }
.bxprode > .detailbx > .contactbx > a{ margin-right:6px;  }
.bxprode > .detailbx > .contactbx > a > img{ max-height: 26px;  }
 



.bxprode > .detailbx > .pricebx{ 
  display:block; position: relative; text-align: right; font-size:29px; color:#f15a22; font-weight:500;  }

.bxprode select{ width:100%; font-family: inherit; }
.bxprode select option{ font-family: inherit;}

.bxproducttxt{ display:block; position: relative; }
.bxproducttxt > .bxh{ display:block; position: relative; color:#17479e; border-bottom:#17479e solid 2px; }
.bxproducttxt > .bxh > span{ display:block; position: relative; width:90%; margin:0 auto; font-weight:500; }
.bxproducttxt > .bxtxt{ display:block; position: relative; width:90%; margin:0 auto; color:#69747a; line-height:1.2; font-weight:300; padding:26px 0;  }
.bxproducttxt > .bxtxt .txtb{ font-weight:600; }
.bxproducttxt > .bxtxt > .tb{ display:table; position: relative; width:100%; margin:0 0 6px; }
.bxproducttxt > .bxtxt > .tb > .c1{ display:table-cell; position: relative; width:150px; vertical-align: top; }
.bxproducttxt > .bxtxt > .tb > .c2{ display:table-cell; position: relative; vertical-align: top; }
 

.bxnewsde{ display:block; position: relative; }  
.bxnewsde > .bxl{ display:block; position: relative; width:50%; float:left; }
.bxnewsde > .bxr{ display:block; position: relative; width:50%; float:left; }
.bxnewsde > .bxr.bxfull{ width:100%; }
.bxnewsde .gallerybx{ display:block; position: relative;   }
.bxnewsde .bxslidergallery{ display:block; position: relative; width:100%;  }
.bxnewsde .slideimgbx{ display:block; position: relative; width:100%;  }
.bxnewsde .slideimgbx img{ max-width:100%; max-height:600px;  }
.bxnewsde .slideimgbx iframe{ width:100%; }

.bxnewsde .bxpagergthumb{ display:block; position:relative; margin:12px 0 0;   } 
.bxnewsde .bxpagergthumb > a{ display:block; position: relative; float:left; margin:0 12px 12px 0; outline:0; transition:ease 0.5s; }
.bxnewsde .bxpagergthumb > a > .thumbbx{ display:block; position:relative; width:100px; height: 75px;  border:#fff solid 2px; overflow:hidden; }
.bxnewsde .bxpagergthumb > a > .thumbbx > img{ width:100%;  } 
.bxnewsde .bxpagergthumb > a:hover > .thumbbx > img,
.bxnewsde .bxpagergthumb > a.active > .thumbbx > img{ border:#17469e solid 2px; }



.newsdebx{ display:block; position: relative; width:80%; margin:0 auto; padding:0 0 52px; }
.newsdebx > .subject{ display:block; position: relative;  font-size:32px;    }
.newsdebx > .date{ display:block; position: relative; color:#1b499b; font-size:14px; }
.newsdebx > .detail{ display:block; position: relative; padding:6px 0 26px; }

.bxnewsdetail > .ytbx{ display:block; position: relative; padding:0 0 39px; max-width:856px; margin:0 auto;  }
.bxnewsdetail > .ytbx iframe{ width:100%; height: 428px; }


.bxback{ display:block; position:relative; padding:26px 0; }
.bxback > a{ color:#000; transition:ease 0.5s;  }
.bxback > a > img{ vertical-align: middle; margin-right:6px;  }
.bxback > a:hover{ color:#1b499b;   }


.bxpage{ display:block; position: relative; text-align: center; color:#1b499b; margin:26px 0 0;  }
.bxpage > a{ display:inline-block; position: relative; color:#1b499b; margin:0 6px; transition:ease 0.5s;    }
.bxpage > a > span{ display:table-cell; position: relative; width:40px; height:40px; vertical-align: middle; background:#fff; border-radius:4px;  transition:ease 0.5s;  }
.bxpage > span > .none{ display:table-cell; position: relative; width:40px; height:40px; vertical-align: middle;  }
.bxpage > a:hover{ color:#fff; }
.bxpage > a:hover > span{ background:#1b499b; }
.bxpage > a:hover > span.img{ background:none; }
.bxpage > a.sel > span{ background:#1b499b; color:#fff;  }
.bxpage > a.current > span{ background:#1b499b; color:#fff; }

.bxpage > span.inactive{ display:inline-block; position: relative; margin:0 6px; transition:ease 0.5s;  }
.bxpage > span.inactive > span{ display:table-cell; position: relative; width:40px; height:40px; vertical-align: middle; transition:ease 0.5s; }

 
.pageabout{ display:block; position: relative; padding:0;  }
.pageabout > img{ width:100%; }
.pageabout > .content{ position:absolute; top:0; left:0; bottom:0; right:0; padding:79px 0 0;  }
.bxabouttxttop{ 
  display:block; position: relative; color:#ffffff; background:#77a3c9; padding:26px 0; 
  font-weight:700; text-align: center;  }


.bxabouttxt{ display:block; position: relative; padding:52px 0; text-align: center; } 
.bxabouttxt > .contentx > .txth{ font-size:20px; color:#17479e; font-weight:500; padding:0 0 26px; }

.bxabouttxtbtm{ display:block; position: relative; text-align: center; background:#f1cd6b; color:#17479e;  }
.bxabouttxtbtm > .contentx{ padding:65px 0; }
.bxabouttxtbtm > .content{ padding:0 0 65px; }

.abouttxt{ display:block; position: relative; padding:0 0 46px; width:60%; margin:0 auto; }
.abouttxt > .bximg{ padding:0 0 12px; }
.abouttxt > .bxtxth{ display:block; position: relative; font-weight:600; font-size:21px; }



/* cart */
.bxpopupcart{ display:block; position:relative; margin:0 auto; width:300px; padding:10px; }
.bxpopupcart > .txt{ display:block; position:relative; font-weight:500; padding:10px 10px 0; color:#000; }
.bxpopupcart > .txt > span{ color:#17469e; }
.bxpopupcart > .tb{ display:table; position:relative; width:100%; padding:10px;  }
.bxpopupcart > .tb > .c1{ display:table-cell; position:relative; width:80px; vertical-align:top; }
.bxpopupcart > .tb > .c2{ display:table-cell; position:relative; width:6px; }
.bxpopupcart > .tb > .c3{ display:table-cell; position:relative; vertical-align:middle; font-size:12px; line-height:1.2;  }
.bxpopupcart > .tb > .c3 > .bxtxt{ color:#17469e; font-weight:500; font-size:14px; } 
.bxpopupcart > .tb > .c3 > .bxcolor{ color:#69747a; font-weight:300;  }
.bxpopupcart > .tb > .c3 > .bxprice{ font-weight:400; font-size:14px; color:#17469e; }
.bxpopupcart > .tb > .c3 > .bxprice > span{  text-decoration:line-through;   }
.bxpopupcart > .tb > .c3 > .bxsize{ color:#000;  }

.carousel-inner{ overflow:visible; }
.popover {    
  position:absolute; left:4%; z-index:1060; display:none; border-radius:14px; 
  width:280px; padding:0px; background:#17469e; margin-left:auto; color:#ffffff; 
  -webkit-box-shadow: 10px 17px 54px 6px rgba(102,102,102,0.2);
  -moz-box-shadow: 10px 17px 54px 6px rgba(102,102,102,0.2);
  box-shadow: 0px 4px 8.82px 0.18px rgba(0, 0, 0, 0.25);	
}
 
.popover.top{ margin-top:-10px; }
.popover.right{ margin-left: 10px; }
.popover.bottom { margin-top:16px;  }
.popover.left{ margin-left: -10px; }
.popover-title { padding:6px; margin:0; background: #f7f7f7; border-bottom: 1px solid #929293;  }
.popover-content{ padding:0px;  }
.popover > .arrow,
.popover > .arrow:after {
  position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid; }
.popover > .arrow{ border-width:8px; left:50% !important; }
.popover > .arrow:after{ content:""; border-width:0px; }
.popover.top > .arrow{ bottom:-11px; left:50%; margin-left:-11px; border-top-color:#929293;  border-bottom-width:0; }
.popover.top > .arrow:after{ bottom:1px; margin-left:-10px; content:" ";  border-top-color:#fff; border-bottom-width:0; }
.popover.right > .arrow{ top:50%; left:-11px; margin-top:-11px; border-right-color:#929293; border-left-width:0; }
.popover.right > .arrow:after{ bottom:-10px; left:1px; content:" "; border-right-color:#fff; border-left-width:0; }
.popover.left > .arrow{ top:50%; right:-11px; margin-top:-11px; border-right-width:0; border-left-color:#929293;  }
.popover.left > .arrow:after{ right:1px; bottom:-10px; content:" "; border-right-width:0; border-left-color:#fff; }  
.popover.bottom > .arrow{ top:-8px; left:0; margin-right:10px; border-bottom-color:#17469e;  border-top-width:0; }
.popover.bottom > .arrow:after{ top:1px; right:-19px; margin-right:10px; border-bottom-color:#000000;  border-top-width:0;  } 
.popper{ cursor:pointer; }
.popper-content{ display:none; position:relative; z-index:999;  }

.poppermycart{ display:block; position: relative; padding:10px 20px 10px;   }
.nobasket{ display:block; position:relative; text-align:center; font-size:14px;  }  
.bxxbasket{ display:block; position:relative;   } 
.basketbxx{ display:block; position:relative; border-bottom:rgba(255,255,255,0.6) solid 2px; padding:8px 0;  } 
.basketbxx > .tb{ display:table; position:relative; width:100%;}
.basketbxx > .tb > .c1{ display:table-cell; position:relative; width:90px; vertical-align:top; }
.basketbxx > .tb > .c1 > .bximg{ width:80px; }
.basketbxx > .tb > .c1 > .bximg img{ width:80px; }
.basketbxx > .tb > .c2{ display:table-cell; position:relative; vertical-align:middle; font-size:12px; line-height:1.4;   }
.basketbxx > .tb > .c2 > .bxtxt{ color:#fff; font-weight:500; font-size:14px; }
.basketbxx > .tb > .c2 > .bxtxt > span{ color:#fff; font-weight:300; font-size:10px;  }
.basketbxx > .tb > .c2 > .bxcolor{ color:#dcddde; font-weight:300;  }
.basketbxx > .tb > .c2 > .bxcolor.txtgray{ color:#939598;  }
.basketbxx > .tb > .c2 > .bxprice{ font-weight:400; font-size:14px; color:#efcb73;  } 
.basketbxx > .tb > .c2 > .bxsize{ color:#939598;   }
.basketbxx > .bxremove{ position:absolute; bottom:8px; right:0;  }
.basketbxx > .bxremove > a > img{ width:12px;  }
.basketbtm{ display:block; position:relative; width:100%; margin:0 auto; padding:6px 0; font-size:13px;  }
.basketbtm > .tb{ display:table; position:relative; width:100%; padding:0; } 
.basketbtm > .tb > .c1{ display:table-cell; position:relative; width:65%; vertical-align:middle;  }
.basketbtm > .tb > .c2{ display:table-cell; position:relative; width:35%; vertical-align:middle; color:#efcb73; text-align:right;  }
.basketbtm > .bxbtn{ 
   display:block; position:relative; text-align:center; font-size:16px; line-height:20px; padding:16px 0; } 
.basketbtm > .bxbtn > a{ display:block; position:relative; padding:8px 10px; text-align: center; background:#efcb73; color:#17469e; transition: ease 0.5s;  } 
.basketbtm > .bxbtn > a:hover{ background:#ffffff; color:#17469e;  } 

.bxmycart{ display:block; position: relative; }
.bxmycart > .tb{ display:table; position: relative; width:100%; }
.bxmycart > .tb > .c1{ display:table-cell; position: relative; width:75%; vertical-align: top;  }
.bxmycart > .tb > .c2{ display:table-cell; position: relative; width:24%; vertical-align: top;  }
.bxmycart > .tb > .cc{ display:table-cell; position: relative; width:1%; }

.mycartbx{ display:block; position: relative; border:#ebebeb solid 2px; border-radius:10px; margin:0 0 20px;  }
.mycartbx > .bxh{ 
 display:block; position:relative; text-align:center; padding:10px 16px; color:#fff; 
 background:#17469e; border-top-left-radius:5px; border-top-right-radius:5px; }
.mycartbx > .bxh.shoppro{ display:block; }
.mycartbx > .bxh.shoppromo{ display:none; }
.mycartbx > .bxtxtr{ display:block; position:relative; padding:16px; font-size:14px; }
.mycartbx > .bxtxtr > .tb{ display:table; position:relative; width:100%; padding:6px 0; }
.mycartbx > .bxtxtr > .tb > .c1{ display:table-cell; position:relative; text-align:left; vertical-align:top;  }
.mycartbx > .bxtxtr > .tb > .c2{ display:table-cell; position:relative; text-align:right; vertical-align:top; font-size:16px; color:#17469e; }

.mycarttb{ display:table; position:relative; width:100%; }
.mycarttb > .c1{ display:table-cell; position:relative; width:50%; vertical-align:middle; text-align: left; }
.mycarttb > .c2{ display:table-cell; position:relative; width:11%; vertical-align:middle; }
.mycarttb > .c3{ display:table-cell; position:relative; width:16%; vertical-align:middle; }
.mycarttb > .c4{ display:table-cell; position:relative; width:12%; vertical-align:middle; }
.mycarttb  > .c5{ display:table-cell; position:relative; width:11%; vertical-align:middle; }
.mycarttb > .cc{ display:none; }
.mycarttb  > .cw{ display:table-cell; position:relative; width:100%; vertical-align:middle; text-align: left; }

.bxtxtde{ display:block; position:relative; padding:15px 10px; border-bottom:#ebebeb solid 2px; text-align:center;   }
.bxtxtde > .baskettb > .c1{ text-align:left; }
.bxtxtde.bbnone{ border-bottom:#ebebeb solid 0px; }
.baskettb .txtname{ display:none; }

.baskettb{ display:table; position:relative; width:100%; }
.baskettb > .c1{ display:table-cell; position:relative; width:50%; vertical-align:middle; }
.baskettb > .c2{ display:table-cell; position:relative; width:11%; vertical-align:middle; }
.baskettb > .c3{ display:table-cell; position:relative; width:16%; vertical-align:middle; }
.baskettb > .c4{ display:table-cell; position:relative; width:12%; vertical-align:middle; }
.baskettb > .c5{ display:table-cell; position:relative; width:11%; vertical-align:middle; }
 
.bxprobs{ display:table; position:relative; width:100%; }
.bxprobs > .bximg{ display:table-cell; position:relative; vertical-align:middle; width:100px; }
.bxprobs > .bxtxt{ display:table-cell; position:relative; vertical-align:middle; }
.bxprobs > .bxtxt > .bx{ display:block; position:relative; padding:0 10px; color:#000; font-size:14px; line-height:1.2;  }

.bxprobs > .bxtxt > .bx > .txt{ color:#17469e; font-weight:500; font-size:16px; }
.bxprobs > .bxtxt > .bx > .txt > span{ font-weight:300; font-size:12px; color:#000;   }
.bxprobs > .bxtxt > .bx > .color{ font-weight:300;  }
.bxprobs > .bxtxt > .bx > .price{ font-weight:400;  } 
.bxprobs > .bxtxt > .bx > .size{ color:#939598; font-size:13px;  }

 
.bxbasketgray{ display:block; position:relative; background:#ebebeb; border-radius:9px; padding:8px 26px; margin:8px 0;  }
.bxbasketgray > a > img{ margin-right:8px; max-width:26px; }
.bxbasketgray > a{ transition:ease 0.5s;  }
.bxbasketgray > a:hover{ color:#17469e; }
.bxbasketgray.bxdel{ text-align: right; }
.bxbasketgray.bxdel > a{ font-size:14px; }
.bxbasketgray.bxdel > a > img{ width:14px; } 

.txtred{ color:#ff0000;  }

#cartupdateform{ display:block; position:relative; }
#cartupdateform input[type=text]{ 
 display:inline-block; position:relative; font-family:inherit; font-size:inherit; color:inherit; font-weight:inherit; padding: 0; margin:0; background:#f2f2f2; border:none; width:40px; text-align:center; }
#cartupdateform input[type=submit].ibotton{ 
 display:inline-block; position:relative; font-family:inherit; font-size:inherit; cursor:pointer;
 border:#ebebeb solid 1px; width:25px; height:25px; background:#ffffff; color:#555555;  }

a.btnshoping{ display:block; position:relative; padding:8px 10px; text-align: center; background:#efcb73; color:#17469e; transition: ease 0.5s; margin-top:16px;  }
a.btnshoping:hover{ background:#17469e; color:#ffffff; }

.bxcartadd{ display:block; position: relative; }
.bxcartadd > .tb{ display:table; position: relative; width:100%; }
.bxcartadd > .tb > .c1{ display:table-cell; position: relative; width:60%; vertical-align: top;  }
.bxcartadd > .tb > .c2{ display:table-cell; position: relative; width:39%; vertical-align: top; text-align: center; }
.bxcartadd > .tb > .cc{ display:table-cell; position: relative; width:1%; }
.cartaddbx{ display:block; position: relative; padding:16px;  }
.bxinput{ display:block; position: relative;  }
.inputbx{ display:block; position: relative; width:49%; float:left; margin-bottom:12px;   }
.inputbx > .remark{ font-style:italic; font-weight:300  }
.inputbx.even{ float:right;  }
.inputbx > .bxfile{ display:block; position: relative; border:#a1a1a1 solid 1px; border-bottom-width: 2px; padding:6px 12px 7px; color:#d8cdc6; }

.inputbxs{ display:block; position: relative; width:49%; margin-bottom:12px;  }
.inputbxs > .remark{ font-style:italic; font-weight:300; font-size:12px;  }
.inputbxb{ display:block; position: relative; width:100%; margin-bottom:0px;  }
.starfix{ position:absolute; top:6px; left:6px; z-index:2;  }

#inputform{ display:block; position:relative; padding:0; margin:0; font-family:inherit; font-size:13px; color:inherit;   } 
#inputform input[type=text]{ 
  display:block; position:relative; font-family:inherit; font-size:inherit; color:inherit; font-weight:inherit; 
  padding:8px 12px; margin:0; background:#ffffff; border:#a1a1a1 solid 1px; border-bottom-width: 2px; width:100%;  }
#inputform textarea{ 
  display:block; position:relative; font-family:inherit; font-size:inherit; color:inherit; font-weight:inherit; 
  padding:8px 12px; margin:6px 0 0; background:#ffffff; width:100%; resize:none; height:100px; 
  border:#a1a1a1 solid 1px; border-bottom-width: 2px; }
#inputform input[type=file]{  width:65%; } 
#inputform input[type=radio]{
  position:relative; margin:0; padding:0; cursor:pointer; width:15px; vertical-align:middle;  }
#inputform input[type=radio]:not(old){  width:15px; cursor:pointer; margin:0; padding:0; opacity:0; vertical-align:middle; }
#inputform input[type=radio]:not(old) + label{
  margin:0; padding-left:24px; min-height:15px; background: url(../../img/checkbox.png) left center no-repeat; 
  cursor:pointer; font-size:14px; vertical-align:middle; line-height:14px;    }
#inputform input[type=radio]:not(old):checked + label{ background: url(../../img/checkbox-o.png) left center no-repeat; }
#inputform input[type=radio]:not(old):disabled + label{ opacity:0.4; }
/*#inputform input[type=submit]{ display:inline-block; position:relative; border:none; background:#f15922; font-family:inherit; font-size:inherit; color:#fff; cursor:pointer; transition:ease 0.5s; padding:9px 26px; min-width:120px;   } 
#inputform input[type=submit]:hover{ background:#000000; }*/

#inputform .filelabel{ overflow:hidden; position:relative; }
#inputform .filelabel [type=file] {
 cursor:pointer; display:block; min-height:100%; min-width:100%; opacity:0; 
 position:absolute; right:0; text-align:right; top:0;  }
#inputform .filelabel{
 display:block; position:relative; width:100%; padding:8px 10px; background:#ffffff url(../../img/browse.png) 96% no-repeat; border:#a1a1a1 solid 1px; border-bottom-width: 2px; margin-bottom:-24px;
 color:#959595;  font-family:inherit; font-size:inherit;  cursor:pointer; overflow:hidden;  } 
#inputform .filelabel[type=file]{ cursor:pointer; } 

#inputform input::-webkit-input-placeholder{ color:#959595;  }
#inputform input:-moz-placeholder{ color:#959595; }
#inputform input::-moz-placeholder{ color:#959595; }
#inputform input:-ms-input-placeholder{ color:#959595; }

#inputform input:focus{ border-bottom:#17469e solid 2px; }  
#inputform input:focus::-webkit-input-placeholder{ color:#000000; }
#inputform input:focus:-moz-placeholder{ color:#000000; }
#inputform input:focus::-moz-placeholder{ color:#000000; }
#inputform input:focus:-ms-input-placeholder{ color:#000000; }
#inputform input[type=file]:focus{ border-bottom:#17469e solid 0px; } 

#inputform textarea::-webkit-input-placeholder{ color:#959595; }
#inputform textarea:-moz-placeholder{ color:#959595; }
#inputform textarea::-moz-placeholder{ color:#959595;  }
#inputform textarea:-ms-input-placeholder{ color:#959595; }

#inputform textarea:focus{  border-bottom:#17469e solid 2px;  }  
#inputform textarea:focus::-webkit-input-placeholder{ color:#000000; }
#inputform textarea:focus:-moz-placeholder{ color:#000000; }
#inputform textarea:focus::-moz-placeholder{ color:#000000; }
#inputform textarea:focus:-ms-input-placeholder{ color:#000000; }
 
#inputform label { display:inline-block; padding:0; margin:0; text-align:left; }
#inputform label.error{ margin-left: 0px; color:#ff0000; font-size:12px; font-style:italic; font-weight:300; }
#inputform input.error, #inputform textarea.error{ border-bottom:#ff0000 solid 2px;  }
 
#inputform input[type=submit]{ 
  display:inline-block; position:relative; border:none; background:#efcb73; font-family:inherit; font-size:inherit; color:#17469e; cursor:pointer; transition:ease 0.5s; padding:8px 20px 7.5px;    } 
#inputform input[type=submit]:hover{ background:#17469e; color:#ffffff; }

#inputform input[type=submit].bxblue{  background:#17469e;  color:#ffffff;   } 
#inputform input[type=submit].bxblue:hover{ background:#efcb73; color:#17469e; }



.address-bxbtn{ display:block; position: relative; padding:16px 0;  }
.address-bxbtn > .tb{ display:table; position: relative; width: 100%; }
.address-bxbtn > .tb > .c1{ display:table-cell; position: relative; width: 50%; vertical-align: top; text-align: left; }
.address-bxbtn > .tb > .c2{ display:table-cell; position: relative; width: 50%; vertical-align: top; text-align: right; }
.address-bxbtn > .tb > .c1 > a{ 
  display:inline-block; position:relative; padding:6px 20px; text-align: center; color:#17469e; transition: ease 0.5s; border:#17469e solid 2px; width:96%; }
.address-bxbtn > .tb > .c1 > a:hover{ background:#17469e; color:#fff; border:#17469e solid 2px; }
.address-bxbtn > .tb > .c2 > input[type=submit]{  width:96%;  }

.inputbxradio{ display:block; position:relative; }
.inputbxradio > .txth{ font-weight:400; font-size:15px; }
.inputbxradio > .tb{ display:table; position: relative; width: 100%; margin-bottom:16px;  }
.inputbxradio > .tb > .c1{ display:table-cell; position: relative; vertical-align: top; text-align: left; }
.inputbxradio > .tb > .c2{ display:table-cell; position: relative; vertical-align: top; text-align: right; }
.inputbxradio > .tb > .c1 > .txtsub{ margin:0 0 0 38px; font-weight:300; line-height:1.2;  }
.inputbxradio > .tb > .c1 > .txtsub.txtgray{ color:#939598;}
.inputbxradio > .tb > .c1 > .txtsub > .tb{ display:table; position: relative; width:100%; padding:6px 0; line-height:1; }
.inputbxradio > .tb > .c1 > .txtsub > .tb > .c1{ display:table-cell; position: relative; width:36px; vertical-align: top;  }
.inputbxradio > .tb > .c1 > .txtsub > .tb > .c1 > img{ max-width:30px;  }
.inputbxradio > .tb > .c1 > .txtsub > .tb > .c2{ display:table-cell; position: relative; vertical-align: top;  }
.inputbxradio > .tb > .c1 > .txtsub > .tb > .c2 > div{ font-weight:500;  }

.inputbxradioinner{ display:block; position:relative; padding:6px 0 0 25px;  }
.inputbxradioinner > .tb{ display:table; position: relative; width: 100%; margin-bottom:16px;  }
.inputbxradioinner > .tb > .c1{ display:table-cell; position: relative; vertical-align: top; text-align: left; }
.inputbxradioinner > .tb > .c2{ display:table-cell; position: relative; vertical-align: top; text-align: right; }


.mycartorder{ display:block; position: relative; padding:16px; text-align: left; }
.bxxcartorder{ display:block; position:relative; line-height:1.2;   } 
.cartorderbxx{ display:block; position:relative; border-bottom:#ebebeb solid 2px; padding:8px 0;  } 
.cartorderbxx > .tb{ display:table; position:relative; width:100%; }
.cartorderbxx > .tb > .c1{ display:table-cell; position:relative; width:90px; vertical-align:top; }
.cartorderbxx > .tb > .c1 > .bximg{ width:80px; }
.cartorderbxx > .tb > .c1 > .bximg img{ width:80px; }
.cartorderbxx > .tb > .c2{ display:table-cell; position:relative; vertical-align:middle; font-size:12px; line-height:1.2;   }
.cartorderbxx > .tb > .c2 > .bxtxt{ color:#17469e; font-weight:500; font-size:14px; }
.cartorderbxx > .tb > .c2 > .bxtxt > span{   font-weight:300; font-size:10px;  }
.cartorderbxx > .tb > .c2 > .bxcolor{font-weight:300; color:#939598;  } 
.cartorderbxx > .tb > .c2 > .bxprice{ font-weight:400; font-size:14px; color:#666;   } 
.cartorderbxx > .tb > .c2 > .bxprice > .tb{ display:table; position: relative; width: 100%;  }
.cartorderbxx > .tb > .c2 > .bxprice > .tb > .c1{ display:table-cell; position: relative; vertical-align: top;  }
.cartorderbxx > .tb > .c2 > .bxprice > .tb > .c2{ display:table-cell; position: relative; vertical-align: top; text-align: right; color:#000; }
.cartorderbxx > .tb > .c2 > .bxprice > .tb > .c2 > span{  }

.cartorderbxtxt{ display:block; position:relative; margin:20px 0 26px;  }
.cartorderbxtxt > .tb{ display:table; position: relative; width: 100%; padding:6px 0; border-bottom:#939598 dashed 1px; }
.cartorderbxtxt > .tb > .c1{ display:table-cell; position: relative; vertical-align: top;  }
.cartorderbxtxt > .tb > .c2{ display:table-cell; position: relative; vertical-align: top; text-align: right;  width:40%; }
.cartorderbxtxt .txtgray{ color:#939598; }
.cartorderbxtxt > .tb.txtb{ border-bottom:#000 solid 2px; color:#000; font-size:18px;  }

.bxcartfinish{ display:block; position: relative; border:#ebebeb solid 2px; border-radius:10px; padding:20px 26px; text-align: left; font-size:14px;   }
.bxcartfinish > .txth{ display:block; position: relative; font-size:26px; font-weight:500; color:#17469e;  text-align: center; }
.bxcartfinish > .txts{ display:block; position: relative; font-size:18px; text-align: center; }
.bxcartfinish > .txts > span{ margin:0 10px; }
.bxcartfinish > .txts > span > span{ color:#939598; font-weight:400; font-size:16px; }
.bxcartfinish > .txts > span > span > i{ font-weight:300;  }

.bxcartfinish > .bxtb{ display:table; position:relative; width: 100%;  }
.bxcartfinish > .bxtb > .c1{ display:table-cell; position: relative; width:50%; vertical-align: top;  }
.bxcartfinish > .bxtb > .c2{ display:table-cell; position: relative; width:50%; vertical-align: top;  }
.bxcartfinish > .bxtb > .c1 > .bx{ display:block; position: relative; width: 96%;  }
.bxcartfinish > .bxtb > .c2 > .bx{ display:block; position: relative; width: 96%;  }

.bxcartfinish > .bxtb > .c2 > .bx > .cartorderbxtxt{  margin:0 0 26px;  }

.bxcartfinish .bxshipping{ display:block; position: relative; padding:26px 0; }
.bxcartfinish .bxshipping > .bxh{ font-weight:600; font-size:16px;  }
.bxcartfinish .bxshipping > div{ display:block; position: relative; font-weight:300; }
.bxcartfinish .bxshipping > div > span{ font-weight:400; }

.bxfinishpro{ display:block; position:relative;  } 
.bxfinishpro > .mycartbx{ border:none;  border-radius:0;  }
.bxfinishpro > .mycartbx > .bxh{ border-radius:0; }
.remarkbx{ display:block; position:relative; font-weight:300; }
.remarkbx > .txtb{ display:block; position: relative; font-weight:500;  }

.bxfinishtxt{ display:block; position: relative; margin:36px 0 0; font-weight:300; border-top:#ebebeb solid 1px; padding:26px; }
.bxfinishtxt > .txt5x{ font-weight:500; } 
.txtgray{  color:#808285; }

.bxfinishbtn{ display:block; position: relative; text-align: right; margin: 0 0 26px; }
.bxfinishbtn > a.btnshoping{     }
.bxfinishbtn > a.btnshoping{ display:inline-block; position:relative; padding:8px 10px; text-align: center; background:#17469e; color:#ffffff; transition: ease 0.5s; margin-top:16px;  width:136px;  }
.bxfinishbtn > a.btnshoping:hover{ background:#efcb73; color:#17469e; }

.bxfinishbtn > a.btnprint{ 
  display:inline-block; position:relative; padding:6px 20px; text-align: center; color:#000; transition: ease 0.5s; border:#f15922 solid 2px; width:136px;  margin:0 3px; }
.bxfinishbtn > a.btnprint:hover{ background:#000000; color:#fff; border:#000 solid 2px; }

.bxinform{ display:block; position: relative; }
.inputbxbtn{ display:block; position: relative; padding:26px 0; text-align: center; }
.inputbxbtn > input{ width:160px;  } 
/* end cart */

.bxbtnbx{ display:block; position: relative; text-align: center; padding:36px 0 0;  }
a.bxbtnblue{ display:inline-block; position: relative; background:#17469e; color:#fff; padding:12px 16px; min-width:160px; border-radius:20px; transition: ease 0.5s;   box-shadow: 0px 4px 8.82px 0.18px rgba(0, 0, 0, 0.25); }
a.bxbtnblue:hover{ color:#17469e; background:#efcb73; }


.spmbx{ display:block; position:relative; width:25%;  float:left; margin-bottom:36px;  }
.spmbx > .bx{ display:block; position: relative; width:92%; margin: 0 auto; }
.spmbx > .bx > .imgbx{ display:block; position: relative; overflow: hidden; }
.spmbx > .bx > .imgbx img{ width:100%; transition: all 0.5s;  }
.spmbx > .bx > .imgbx iframe{ width:100%;   }
.spmbx > .bx > .txtbx{ display:block; position: relative; padding:20px 0 0;  }
.spmbx > .bx > .txtbx > .subj{ color:#1b499b; text-transform:uppercase; font-weight:600; font-size:20px; transition:ease 0.5s; line-height:1.1; }
.spmbx > .bx > .txtbx > .date{ color:#1b499b;   }
.spmbx > .bx > .txtbx > .desc{ display:block; position: relative; padding:16px 0; color:#939598; line-height:1.4; }
.spmbx > .bx > .txtbx > .link{ display:block; position: relative; color:#1b499b; }
.spmbx > .bx > .txtbx > .link > span{ display:block; position: relative; border-bottom:#1b499b solid 5px; transition: ease 0.5s; width:80%; text-transform:uppercase; font-weight:600; font-size:14px;   }

.spmbx > .bx:hover > .imgbx > img{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);  }
.spmbx > .bx:hover > .txtbx > .subj{ color:#efcb73;  }
.spmbx > .bx:hover > .txtbx > .link > span{ border-bottom:#efcb73 solid 5px; }

.bxpolicy{ display:block; position:relative; width:96%; margin:0 auto; font-size:14px; }
.bxpolicy > .txth{ font-weight:600; color:#1b499b; font-size:16px; }


#bxfixicon{ display:block; position: fixed; bottom:56px; right:20px; z-index:666; }
#fixcon{ cursor:pointer; position: relative; text-align: right; }
#fixcon > .txt{ width:150px; margin-right:4px;  } 
#fixcon > .txt > img{ max-width:150px;  }
#fixcon > .img{ width:69px; } 
#fixcon > .img > img{ max-width:69px;  }
#fixcon.open > .txt > img{ display:none; }
.fixicon{ display:none; position: relative; text-align: right; }
.fixicon > div{ margin-bottom:12px; }
.fixicon > div > a{ display:block; position: relative; transition: ease 0.5s; }
.fixicon > div > a > .txt{ width:150px; margin-right:4px; }
.fixicon > div > a > .txt > img{ max-width:150px;  }
.fixicon > div > a > .img{ width:40px;  } 
.fixicon > div > a > .img > .icon{ 
   display:inline-block; position: relative; width:40px; height:40px; vertical-align: middle; }

.fixicon > div > a > .img > .icon.itel{ background: url("../../img/fix-contact-tel.png") no-repeat; background-size:100%;  }
.fixicon > div > a:hover > .img > .icon.itel{ background: url("../../img/fix-contact-tel-yellow.png") no-repeat; background-size:100%;  }

.fixicon > div > a > .img > .icon.iemail{ background: url("../../img/fix-contact-email.png") no-repeat; background-size:100%;  }
.fixicon > div > a:hover > .img > .icon.iemail{ background: url("../../img/fix-contact-email-yellow.png") no-repeat; background-size:100%;  }

.fixicon > div > a > .img > .icon.iline{ background: url("../../img/fix-contact-line.png") no-repeat; background-size:100%;  }
.fixicon > div > a:hover > .img > .icon.iline{ background: url("../../img/fix-contact-line-yellow.png") no-repeat; background-size:100%;  }

.fixicon > div > a > .img > .icon.imsg{ background: url("../../img/fix-contact-msg.png") no-repeat; background-size:100%;  }
.fixicon > div > a:hover > .img > .icon.imsg{ background: url("../../img/fix-contact-msg-yellow.png") no-repeat; background-size:100%;  }

.fixicon > div > a > .img > .icon.ipin{ background: url("../../img/fix-contact-pin.png") no-repeat; background-size:100%;  }
.fixicon > div > a:hover > .img > .icon.ipin{ background: url("../../img/fix-contact-pin-yellow.png") no-repeat; background-size:100%;  }

#btntop{ display:block; position: relative; width:40px; height:40px; background:#17469e; text-align: center; bottom:10px; right:20px; border-radius:50%;  }
#btntop > span{ 
 display:inline-block; position: relative; width:14px; height:10px; background: url(../../img/iarrow-up-white.png);  
 -webkit-transform: translateY(8px); transform: translateY(8px); transition: all .2s ease; }
#btntop:hover > span{  -webkit-transform: translateY(0px); transform: translateY(0px); } 
 
.pbnone{ padding-bottom:0px;  }


#cookiesbx{ 
 display: none; position:fixed; left: 0px; right: 0px; bottom:0px;  background:rgba(23,70,158,0.9); color: #fff; z-index:9999; font-weight:300; line-height:1.5;    }
.cookiesbx{ display:block; position:relative; padding: 26px 0; width: 92%; margin:0 auto; }
.cookiesbx > .tb{ display:table; position: relative; width:100%; }
.cookiesbx > .tb > .c1{ display:table-cell; position: relative; vertical-align:top; }
.cookiesbx > .tb > .c2{ display:table-cell; position: relative; vertical-align:top; width:246px; text-align: right;  }
.cookiesbx > .tb > .c1 > .bx{ display:block; position: relative; width:100%; }
.cookiesbx a{ text-decoration: underline; color:#fff; transition: ease 0.5s; }
.cookiesbx a:hover{ color: #75c6ed; }
.cookiesbx button{ display:inline-block; position: relative; border: rgba(255,255,255,0.6) solid 1px; background: none; margin: 0; color: #fff; border-radius: 20px; padding:10px 16px; cursor: pointer; font-size:inherit;  transition: ease 0.5s; font-family: inherit;  min-width:160px;   }
.cookiesbx button:hover{ color:#17469e; background:#efcb73;  }