@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@100;200;300;400;500;600;700;800;900&display=swap');
html, body, div{ margin:0; padding:0; }
html { 
	-ms-text-size-adjust: 100%; 
	-webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}
*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
 
body{ 
 font-family: 'Kanit', sans-serif; -webkit-text-size-adjust: none; background:#ffffff; 
 font-size:16px; line-height:1.2; color:#626262; font-weight:400; min-width: 320px;  overflow-x:hidden; } 
 
img{ border:none; max-width:100%; outline:0; vertical-align:middle;  }
: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:#000000; }
a:visited{ text-decoration:none; color:#000000; }
a:hover{ text-decoration:none; color:#000000; }

h1, .h1{ font-size:68px; padding:0; margin:0; font-weight:normal;  }
h2, .h2{ font-size:50px; padding:0; margin:0; font-weight:normal; }
h3, .h3{ font-size:42px; padding:0; margin:0; font-weight:normal; }
h4, .h4{ font-size:36px; padding:0; margin:0; font-weight:normal; }
h5, .h5{ font-size:30px; padding:0; margin:0; font-weight:normal; }
h6, .h6{ font-size:26px; padding:0; margin:0; font-weight:normal; }
h7, .h7{ font-size:22px; padding:0; margin:0; font-weight:normal; }
h8, .h8{ font-size:18px; padding:0; margin:0; font-weight:normal; } 
 
 

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

#bxheader{ display:block; position: fixed; background:rgba(255,255,255,0.85); top:0; left:0; right:0; z-index:299; }
.bxheader{ display:block; position: relative; height:72px; }
.bxheader > .tb{ display:table; position: relative; width:100%; height:100%;  }
.bxheader > .tb > .c1{ display:table-cell; position: relative; width:24%; vertical-align: middle; }
.bxheader > .tb > .c2{ display:table-cell; position: relative; vertical-align: middle; text-align: right; }
.bxheader > .tb > .c1 > .bx{ display:block; position: relative; max-width:220px; }

.bxheader .bxnav{ display:inline-block; position: relative; vertical-align: middle; margin-right:52px;  }
.bxheader .bxlink{ display:inline-block; position: relative; vertical-align: middle; }

ul#navmenu{ display:block; position:relative; margin:0; padding:0; list-style:none; color:#000; font-size:18px; font-weight:400; }
ul#navmenu > li{ display:inline-block; position:relative; margin:0; height:72px; min-width:220px; text-align: center; }
ul.navmenu > li > a{ display:inline-block; text-decoration: none; padding:24px 0; transition:ease 0.5s; cursor: pointer; }
ul.navmenu > li > a.activ,
ul.navmenu > li > a:hover { opacity:0.8;  }
.dropdown:hover > a {  opacity:0.8;  }
ul.navmenu > li > a > span.icon{ margin-left:16px;   } 
.dropdown-content {
  position: absolute; text-align: center; padding:6px 0; margin: 0px; min-width:220px; 
  top:0; left:-999em; z-index: 999; transition:top .5s ease; font-size:16px; background:rgba(255,255,255,0.7);   } 
.dropdown-content > li{ display:inline-block; position:relative; padding:0; margin:0; border-bottom:#000 solid 1px; width:200px; }
.dropdown-content > li:last-child{ border-bottom:none; }
.dropdown-content > li > a{ 
  padding:6px 0; text-decoration: none; display:block; ransition:ease 0.5s; cursor:pointer; } 
.dropdown-content a:hover, .dropdown-content a.activ, .dropdown-content li:hover > a {  opacity:0.8; }
 
.dropdown:hover > .dropdown-content{ left:0; top:100%; }
.dropdown .dropdown > .dropdown-content{
	transition:transform .7s ease, opacity .3s ease; min-width:300px; 
	transform:translateX(-100%); opacity:0; }
.dropdown .dropdown:hover > .dropdown-content{ left:100%; transform:translateX(0); top:0; opacity:1; }	

 
#bxhome{ display:block; position:relative; background:url("../img/bg-homebx.webp") bottom center no-repeat; height:756px; color:#fff; }
#bxhome > .tb{ display:table; position: relative; width:100%; height:100%;  }
#bxhome > .tb > .tc{ display:table-cell; position: relative; vertical-align:middle; } 
#bxhome > .tb > .tc > .bx{ display:block; position: relative; width:84%; margin:0 auto; }

.bxhometxt{ display:block; position:relative; width:50%; }
.bxhometxt > .bxicon{ display:block; position: relative; padding:0 0 26px; }
.bxhometxt > .bxicon > img{ margin:0 16px 0 0; vertical-align: middle; }
.bxhometxt > .bxtxt{ display:block; position: relative; padding:0 0 36px }
.bxhometxt > .bxtxt > h4{ font-weight:500; }
.bxhometxt > .bxtxt > h1{ font-weight:500; text-transform:uppercase; }
.bxhometxt > .bxtxt > h5{ font-weight:300; text-transform:uppercase; }
.bxhometxt > .bxbtn{ display:block; position: relative;  }

.bxhomeimg{ position:absolute; z-index:6; bottom:0; right:0; width:53%; top:0; }
.bxhomeimg > .imgbx{ display:block; position: relative;  background: url("../img/homebximg.svg") left center no-repeat; height:100%; background-size:90%; }


#bxhowto{ display:block; position: relative; text-align: center; padding:52px 0 0; z-index:6;  }
.bxtxthead{ display:block; position: relative; text-align: center; padding:0 0 39px; }
.bxtxthead > h4{ font-weight:500; color:#000; }
.bxtxthead > h4 > span{ color:#1743b4; }

.howtobx{ display:inline-block; position:relative; vertical-align: top; border-radius:24px; width:480px; height:540px; margin:0 39px; box-shadow: 4px 11px 19.09px 3.91px rgba(0, 0, 0, 0.11); }
.howtobx.one{ background: rgb(0,55,125); background: linear-gradient(0deg, rgba(0,55,125,1) 0%, rgba(85,130,165,1) 100%); }
.howtobx.one > .bx{ position: absolute; top:8px; left:8px; bottom:8px; right:8px; background:#fff; border-radius:20px;  }
.howtobx.two{ background:#143051; color:#fff;  }

.howtobx > .bx{ padding:26px; }
.howtobx > .bx > h4{ font-weight:500; padding:0 0 26px; }
.howtobx > .bx > .bxtxt{ display:block; position: relative; text-align:left; font-weight:300; }
.howtobx > .bx > .bxtxt > ul{ padding:0 0 0 46px; margin:0; }
.howtobx > .bx > .bxtxt > ul > li{ margin-bottom:26px; }

.howtobx.one > .bx > h4{ color:#000; } 
.howtobx.one > .bx > .bxtxt > ul{ list-style: url("../img/ul-false.webp");  }
.howtobx.two > .bx > .bxtxt > ul{ list-style: url("../img/ul-true.webp");  }


#bxdidwhat{ display:block; position: relative; background:#f1f1f1; margin-top:-65px; padding:126px 0 52px;  }
.bxdidwhat{ display:block; position: relative; width:86%; margin:0 auto; max-width:1500px; }
.bxdidwhat > .tb{ display:table; position: relative; width:100%; }
.bxdidwhat > .tb > .c1{ 
  display:table-cell; position:relative; width:33%; border-right:#a1a1a1 solid 3px; vertical-align:top; }
.bxdidwhat > .tb > .c2{ 
  display:table-cell; position:relative; width:33%; border-right:#a1a1a1 solid 3px; vertical-align:top; }
.bxdidwhat > .tb > .c3{ 
  display:table-cell; position:relative; width:33%; vertical-align:top;  }
.didwhatbx{ display:block; position: relative; width:80%; margin:0 auto; text-align: center; }
.didwhatbx > .imgbx{ display:table; position:relative; width:100%; height:272px; margin-bottom:6px;  }
.didwhatbx > .imgbx > .bx{ display:table-cell; position: relative; vertical-align: middle; text-align: center; }
 
.didwhatbx > .txtbx{ display:block; position:relative; font-weight:300; padding:0 0 16px;    }
.didwhatbx > .txtbx > .h7{ color:#000; font-weight:500; padding:0 0 6px;  }


#bxInfluencerInsight{ display:block; position:relative; background: url("../img/bg-bx01.webp") center bottom #0f2245; padding:104px 0 85px; color:#fff;  }
.bxInfluencerInsight{ display:block; position: relative; margin:0 auto; }
.bxinintop{ display:block; position: relative; padding:0 0 65px; }
.bxinintop > .bx{ display:block; position: relative; }
.bxinintop > .bx > .bxleft{ display:block; position: relative; float:left; width:50%;  }
.bxinintop > .bx > .bxright{ display:block; position: relative; float:right; width:50%;  }

.ininbxtxt{ display:block; position:relative; max-width:600px; }
.ininbxtxt > .num{ display:block; position:relative;  font-weight:600;  padding:0 0 26px; }
.ininbxtxt > .txt01{ display:block; position:relative;  font-weight:500;  }
.ininbxtxt > .txt02{ display:block; position:relative;  font-weight:500; color:#13b8ff; }
.ininbxtxt > .txtbx{ display:block; position: relative; max-width:500px; border-left:#14b8ff solid 8px; padding:10px 26px; margin:16px 0; font-weight:300;   }

.ininbxvdo{ display:block; position: relative; width:100%; margin:0; } 
.ininbxvdo > .bxvdo{ display:block; position: relative; border-radius:16px; }


.bxininbtm{ display:block; position:relative; text-align: center; }
.bxininbtm > .bxtxth{ display:block; position: relative; padding:0 0 52px; }
.bxininbtm > .bxtxth > h5{ display:block; position: relative; font-weight:500; }
.bxininbtm > .bxtxth > h5 > img{ margin-right:10px; }
.bxininbtm > .bxtxth > .linex{ 
	display:block; position: relative; max-width:760px; height:2px; background:#fff; margin:6px auto 12px; }
.bxininbtm > .bxtxth > h7{ display:block; position: relative;  }
.bxininbtm > .bxtxth > h7 > span{ color:#14b8ff; }

.bxininitem{ display:block; position: relative; padding:0 0 52px;   }
.bxrowitem{ display:block; position: relative; text-align:center;      }
.bxitem{ display:inline-block; position: relative; vertical-align:top; margin:0 10px 26px;    }
.bxitem > .imgbx{ display:block; position:relative; margin:0 0 10px; }

 


.bxininbtm > .bxtxthbtm{ display:block; position: relative;  }
.bxininbtm > .bxtxthbtm > h5{ display:block; position: relative; font-weight:500; color:#14b8ff; }
.bxininbtm > .bxtxthbtm > h6{ display:block; position: relative;  }


#bxfiltermore{ display:block; position: relative; background:#f1f1f1; padding:65px 0; text-transform:uppercase; }
.bxfiltermore{ display:block; position: relative; max-width:1280px; margin:0 auto; text-align: center; }
.bxfiltermore > h6{ color:#000; font-weight:500; padding:0 0 16px;  }
.bxfiltermore > h2{ color:#1743b4; font-weight:500; padding:0 0 16px;  }
.bxfiltermore > h7{ color:#7e7e7e;   }
.bxfiltermore > .bxvdo{ display:block; position: relative; margin:39px auto; max-width:1104px;  }
.bxfiltermore > h6.txtblue{ color:#1743b4;  }
.bxfiltermore > .bxtb{ display:table; position: relative; width:100%; margin:10px 0 39px; } 
.bxfiltermore > .bxtb > .tc{ display:table-cell; position: relative; width:25%; border-right:#808b97 solid 2px; }
.bxfiltermore > .bxtb > .tc:nth-child(4){ border-right:0; }
.bxfiltermore > .bxtb > .tc > .bx{ display:block; position: relative; padding:20px 0; width:180px; margin:0 auto; text-align: left; }
.bxfiltermore > .bxtb > .tc > .bx > h8{ display:block; position:relative; padding:0 0 10px; color:#808b97; font-weight:500; }
.bxfiltermore > .bxtb > .tc > .bx > h8 > img{ margin-right:16px; vertical-align: middle; }
.bxfiltermore > .bxtb > .tc > .bx > .txtb{ display:block; position:relative; color:#143051; font-size:50px; line-height:1; font-weight:600;  }
.bxfiltermore > .bxtb > .tc > .bx > .txtb > img{ margin-right:16px; vertical-align: middle; margin-bottom:6px; }
.bxfiltermore > .bxbtn{ display:block; position: relative; padding:36px 0 0; }


#bxcampaign{ display:block; position: relative; padding:104px 0; }
.bxcampaign{ display:block; position: relative; max-width:1516px; margin:0 auto; }
.bxcamptop{ display:block; position: relative; padding:0 0 65px; }
.bxcamptop > .bx{ display:block; position: relative; }
.bxcamptop > .bx > .bxleft{ display:block; position: relative; float:left; width:50%;  }
.bxcamptop > .bx > .bxright{ display:block; position: relative; float:right; width:50%;  }

.campbxtxt{ display:block; position:relative; max-width:600px; }
.campbxtxt > .num{ display:block; position:relative;  font-weight:600;  padding:0 0 26px; color:#000; }
.campbxtxt > .txt01{ display:block; position:relative;  font-weight:500; color:#000;  }
.campbxtxt > .txt02{ display:block; position:relative;  font-weight:500; color:#13b8ff; }
.campbxtxt > .txtbx{ display:block; position: relative; max-width:500px; border-left:#14b8ff solid 8px; padding:10px 26px; margin:16px 0; color:#808b97; font-weight:300; }

.campbximg{ display:block; position: relative;   } 
.campbximg > img{ box-shadow: 6px 10px 11.57px 1.43px rgba(131, 141, 153, 0.32);  } 
 
.bxcampbtm{ display:block; position:relative; text-align: center; }
.bxcampbtm > .bxtxth{ display:block; position: relative; padding:0 0 52px; line-height:1.4; }
.bxcampbtm > .bxtxth > h4{ display:block; position: relative; font-weight:500; color:#000; padding:0 0 16px;  }
.bxcampbtm > .bxtxth > h4 > span{   color:#1743b4; }
.bxcampbtm > .bxtxth > h6{ display:block; position: relative; font-weight:500; color:#000; }
.bxcampbtm > .bxtxth > h8{ display:block; position: relative; color:#7e7e7e; }
 
.bxcampitem{ display:block; position:relative; text-align: center; text-transform:uppercase; }
.bxcampitem > .bxitem{ display:inline-block; position: relative; width:48%;  }
.bxcampitem > .bxitem > .bx{ display:block; position: relative; }
.bxcampitem > .bxitem > .bx > .bxtbh{ display:table; position: relative; width:100%; text-align: left; height:100px; }
.bxcampitem > .bxitem > .bx > .bxtbh > .icon{ display:table-cell; position: relative; width:52px; vertical-align: top; }
.bxcampitem > .bxitem > .bx > .bxtbh > .text{ display:table-cell; position: relative; vertical-align: top; }
.bxcampitem > .bxitem > .bx > .bxtbh > .text h6{ display:block; position: relative; color:#000; font-weight:500; }
.bxcampitem > .bxitem > .bx > .bxtbh > .text h8{ display:block; position: relative; color:#7e7e7e;   }
.bxcampitem > .bxitem > .bx > .bximg{ display:block; position: relative; }
.bxcampitem > .bxitem > .bx > .bximg > img{ box-shadow: 6px 10px 11.57px 1.43px rgba(131, 141, 153, 0.32);  }


 
#bxautomatic{ display:block; position: relative; padding:104px 0; background:#f1f1f1; }
.bxautomatic{ display:block; position: relative; max-width:1516px; margin:0 auto; }
.bxatmttop{ display:block; position: relative; padding:0 0 65px; }
.bxatmttop > .bx{ display:block; position: relative; }
.bxatmttop > .bx > .bxleft{ display:block; position: relative; float:left; width:50%;  }
.bxatmttop > .bx > .bxright{ display:block; position: relative; float:right; width:50%;  }

.atmtbxtxt{ display:block; position:relative; max-width:600px; }
.atmtbxtxt > .num{ display:block; position:relative;  font-weight:600;  padding:0 0 26px; color:#000; }
.atmtbxtxt > .txt01{ display:block; position:relative;  font-weight:500; color:#000;  }
.atmtbxtxt > .txt02{ display:block; position:relative;  font-weight:500; color:#13b8ff; }
.atmtbxtxt > .h6{ display:block; position:relative;  font-weight:500; color:#000; }
.atmtbxtxt > .txtbx{ display:block; position: relative; max-width:500px; border-left:#14b8ff solid 8px; padding:10px 26px; margin:16px 0; color:#808b97; font-weight:300;  }

.bxatmtbtm{ display:block; position:relative; text-align: center; }
.bxatmtbtm > .bxtxth{ display:block; position: relative; padding:0 0 52px; line-height:1.4; } 
.bxatmtbtm > .bxtxth > h6{ display:block; position: relative; font-weight:500; color:#000; }
.bxatmtbtm > .bxtxth > h8{ display:block; position: relative; color:#7e7e7e; }

.bxatmtitem{ display:block; position:relative; text-align: center; text-transform:uppercase;   }
.bxatmtitem > .bximg{ display:inline-block; position: relative; vertical-align: top; margin:0 10px;  }  
.bxatmtitem > .bximg > .bx{ display:block; position: relative;   }
.bxatmtitem > .bximg > .bx > img{ max-height:220px; }

.bxatmticon{ display:block; position:relative; margin:36px 0; }

.bxatmttblue{ display:block; position: relative; background:#dae8f9; padding:39px; text-align: left; }
.bxatmttblue > .tb{ display:table; position:relative; width:100%;  }
.bxatmttblue > .tb > .c1{ display:table-cell; position:relative; vertical-align: middle; }
.bxatmttblue > .tb > .c2{ display:table-cell; position:relative; width:30%; vertical-align: middle; text-align: right; }
.bxatmttblue > .tb > .c1 > .bx{ display:block; position: relative; color:#7e7e7e; }
.bxatmttblue > .tb > .c1 > .bx > h4{ display:block; position: relative; color:#1743b4; font-weight:500; padding:0 0 16px; }
.bxatmttblue > .tb > .c1 > .bx > h4 > img{ vertical-align:middle; max-height:60px; margin-left:6px;  }
.bxatmttblue > .tb > .c2 > .bx{ display:block; position: relative; }


#bxreview{ display:block; position: relative; background: url("../img/bg-bxreview.webp") center bottom no-repeat; padding:104px 0;  }
.bxreview{ display:block; position: relative; }
.bxrvtxttop{ display:block; position: relative; padding: 0 0 65px; text-align: center; }
.bxrvtxttop > h4{ color:#000; font-weight:500; text-transform:uppercase; }
.bxrvtxttop > h4 > div{ color:#1743b4; text-transform: none;  }
.bxreviewitem{ display:block; position:relative; text-align:center;   }
.bxreviewitem > .reviewitembx{  display:block; position:relative;  }
.bxreviewitem > .reviewitembx > .row{ display:block; position:relative; margin:0 0 10px;  }
.bxreviewitem > .reviewitembx > .row > .bxitem{ display:inline-block; position:relative; vertical-align: middle;}
.bxreviewitem > .reviewitembx > .row.one > .bxitem{ width:10%;  }
.bxreviewitem > .reviewitembx > .row.two > .bxitem{ width:14%;  }
.bxreviewitem > .reviewitembx > .row.three > .bxitem{ width:20%;  }
.bxreviewitem > .reviewitembx > .row.four{ margin:26px 0;  }
.bxreviewitem > .reviewitembx > .row.four > .bxitem{ width:auto;  }
.bxreviewitem > .reviewitembx > .row > .bxitem > div{ display:block; position:relative; width:76%; margin:0 auto 20px;  }

.bxreviewcomment{ display:block; position: relative; padding:104px 0; text-align: center; }
.bxreviewcomment > h4 { display:block; position: relative; padding:0 0 39px; font-weight:500; color:#000; }

.reviewcommentbx{ display:block; position: relative;  }
.reviewcommentbx > .tb{ display:table; position:relative; width:100%; }
.reviewcommentbx > .tb > .tc{ display:table-cell; position: relative; width:33.33%; vertical-align:top; }
.reviewcommentbx > .tb > .tc > .bx{ display:block; position:relative; width:90%; margin:0 auto; }

.bxrvcm{ display:block; position:relative; background: rgb(25,86,173); background: linear-gradient(0deg, rgba(25,86,173,1) 0%, rgba(93,148,214,1) 100%); box-shadow: 17px 29px 18.69px 2.31px rgba(131, 141, 153, 0.65);  border-radius:26px; height:520px; }
.rvcmbx{ position: absolute; top:10px; left:10px; bottom:10px; right:10px; background:#fff; border-radius:20px;   }
.rvcmbx > .bx{ display:block; position:relative; padding:30px; text-align: left; height:100%; }
.rvcmbx > .bx > .txtbx{ display:block; position:relative; font-weight:300; color:#000; line-height:1.5;  }
.rvcmbx > .bx > .logobx{ display: block; position:absolute; bottom:10px; }
.rvcmbx > .bx > .logobx > .logoimg{ display:block; position:relative; padding:0 0 10px;  }
.rvcmbx > .bx > .logobx > h6{ color:#000; }


.bxreviewvdo{  display:block; position: relative; max-width:960px; margin:0 auto;  }

.bxreviewbtm{ display:block; position: relative; color:#fff; text-align: center; padding:52px 0 0;  }
.bxreviewbtm > h3{ }
.bxreviewbtm > .bxbtn{ display:block; position: relative;  padding:52px 0 0; }


#bxqa{ display:block; position: relative; padding:104px 0;  }
.bxqa{ display:block; position: relative; width: 76%; margin:0 auto; }
.bxqa > h4{ display:block; position: relative; text-align:center; color:#000; padding:0 0 52px;   }

.qabx{ display:block; position: relative; border:#c6d5e5 solid 2px; margin:0 0 39px; border-radius:20px; padding:26px; }
.qabx > h6{ display:block; position:relative; border-bottom:#c6d5e5 solid 3px; color:#000; padding:0 0 10px;  }
.qabx > h6 > .tb{ display:table; position:relative; width:100%; }
.qabx > h6 > .tb > .c1{ display:table-cell; position:relative; width:60px; vertical-align:top;   }
.qabx > h6 > .tb > .c1 > .bx{ display:block; position: relative; width:40px; }
.qabx > h6 > .tb > .c2{ display:table-cell; position:relative;  vertical-align:top;   }
.qabx > h6 > .tb > .c2 > .bx{ display:block; position: relative; }

.qabx > h8{ display:block; position:relative; padding:10px 0 0;  color:#7e7e7e; }
.qabx > h8 > .tb{ display:table; position:relative; width:100%; }
.qabx > h8 > .tb > .c1{ display:table-cell; position:relative; width:60px; vertical-align:top;   }
.qabx > h8 > .tb > .c1 > .bx{ display:block; position: relative; }
.qabx > h8 > .tb > .c2{ display:table-cell; position:relative;  vertical-align:top;   }
.qabx > h8 > .tb > .c2 > .bx{ display:block; position: relative; }


#bxcontact{ 
  display:block; position:relative; background: url("../img/bg-contact.webp") center no-repeat; padding-top:65px;   }
.bxcontact{ display:block; position: relative; width:86%; margin:0 auto;  }
.bxcontact > .tb{ display:table; position:relative; width:100%; }
.bxcontact > .tb > .bxadd{ display:table-cell; position:relative; width:50%; vertical-align: middle; color:#fff; }
.bxcontact > .tb > .bxform{ display:table-cell; position:relative; width:50%; vertical-align: bottom; }

.bxadd > .bx{ display:block; position:relative; padding:95px 0;  }
.bxadd > .bx > h3{ display:block; position:relative; font-weight:500; padding:0 0 6px;  }
.bxadd > .bx > h3 > img{ margin-right:16px; width:42px; }
.bxadd > .bx > h5{ display:block; position:relative; font-weight:300; padding-left:58px;  }

.bxcontact > .bxform > .bx{ display:block; position:relative; background:#f78;  }
.contactbx{ display:block; position:relative; background:#fff; width:92%; margin:0 0 -160px auto; box-shadow: 6px 10px 11.57px 1.43px rgba(131, 141, 153, 0.32); padding:26px 0 52px; z-index:6;  }
.contactbx > .bx{ display:block; position:relative; width:80%; margin:0 auto; }

.bxformtxt{ display:block; position: relative; margin-bottom:16px; color:#000; }
.bxformtxt > .txtname{ font-size:18px; color:#b9b9b9; font-weight:500; }
.bxformtxt a{ text-decoration:underline; }
.bxsubmit{ display:block; position: relative; margin:0px 0 0; text-align: center; }
.txtinput{ text-align: center; font-size:18px;}

#contactform{ display:block; position:relative;   } 
#contactform input{ 
 display:block; position:relative; width:100%; padding:8px 0px; font-family: inherit; font-size:18px; font-weight:inherit; background:none; border:0;  border-bottom:#c6d5e5 solid 3px; color: #000;  }
#contactform textarea{ 
 display:block; position:relative; width:100%; padding:8px 0px; font-family: inherit; font-size:18px; font-weight:inherit; background:none; border:0;  border-bottom:#c6d5e5 solid 3px; color: #000; height:160px; resize:none;    }


#contactform input:focus{  border-color:#395ebf; }   
#contactform input[type=checkbox]{ width:24px; position:relative; margin:0; padding:0; cursor:pointer;  }
#contactform input[type=checkbox]:not(old){  width:24px; cursor:pointer; margin:0; padding:0; opacity:0; vertical-align:middle;  }
#contactform input[type=checkbox]:not(old) + label{
  display:inline-block; margin:0; min-height:24px; padding-left:34px; 
  background: url("../img/checkbox.png") left center no-repeat; cursor:pointer; margin-left:0px;  }
#contactform input[type=checkbox]:not(old):checked + label{ background: url(../img/checkbox_o.png) left center no-repeat; }
#contactform input[type=checkbox].error:not(old) + label{ background:url(../img/checkbox_e.png) left center no-repeat; }

#contactform label { display:block; padding:0; margin:0; text-align:left; }
#contactform label.error{ margin-left: 0px; color:#ff0000; font-size:12px; font-style:italic; }
#contactform input.error{ border-color:#ff0000;   }
 
#contactform input[type=submit]{ display:inline-block; position: relative;   color:#fff; font-weight:500; font-size:20px; line-height:1.16; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); padding:14px 22px; border-radius:24px; transition:ease 0.5s; width:200px; text-transform:uppercase;  cursor:pointer; border:none; background-color: #343b3f;
background-image: linear-gradient(0deg, #343b3f 0%, #272727 18%, #272727 60%, #4c4c4c 63%, #a8a8a8 100%);   } 
#contactform input[type=submit]:hover{  opacity:0.8;   } 
#contactform input[type=submit]:disabled { opacity:0.8; cursor: no-drop;   }


#pagethanks{ display:block; position: relative; width:100%; height:100vh; }
#pagethanks > .tb{ display:table; position:relative; width:100%; height:100%; }
#pagethanks > .tb > .tc{ display:table-cell; position: relative; vertical-align: middle; text-align: center; }

.pagethanks{ display:block; position:relative; max-width:400px; margin:0 auto; font-weight:300; }
.pagethanks > h7{ font-size:24px; color:#000; font-weight:500; }

#bxpolicy{ display:block; position: relative; padding:160px 0 65px;   }
.bxpolicy{ display:block; position:relative; width:86%; margin:0 auto; font-weight:300; line-height:1.5;    }
.bxpolicy > .bxtxth{ display:block; position:relative; color:#000; padding:0 0 52px; text-align: center; font-weight:500; }

.bxpolicy > h6.num{ display:block; position:relative;  color:#000; padding:0 0 26px; font-weight:700; }
.bxpolicy > h4.txth{ display:block; position:relative;  color:#000; padding:0 0 39px; font-weight:500; }
.bxpolicy > h7{ display:block; position:relative;  color:#000; padding:0 0 16px; font-weight:500; }
.bxpolicy a{ color:#626262; text-decoration:underline; }
.bxpolicy ol, .bxpolicy ul{ padding:0 0 0 36px; margin:0;  }
.bxpolicy > .tb{ display:table; position:relative; width:100%; text-align:center; border:#ccc solid 1px;  border-bottom:0; border-right:0; }
.bxpolicy > .tb > .tr{ display:table-row;  }
.bxpolicy > .tb > .tr.bxh{ font-weight:500;  }
.bxpolicy > .tb > .tr > .tc{ display:table-cell; position:relative; width:18%; border-bottom:#ccc solid 1px; border-right:#ccc solid 1px; }
.bxpolicy > .tb > .tr > .tc:nth-child(3){ width:46%; }
.bxpolicy > .tb > .tr > .tc > .bx{ display:block; position:relative; padding:10px; }



#bxfooter{ display:block; position:relative; background: url("../img/bg-footer.webp") top center no-repeat; }
.bxfooter{ display:block; position:relative; width:86%; margin:0 auto; padding:65px 0;   }
.bxfooter > .bxlogo{ display:block; position:relative; width:260px; padding-bottom:126px;   }

.bxfooter > .bxcopy{ display:block; position:relative; text-align: center; font-size:14px; color:#000;  }

#bxfooter.thanks .bxfooter{ padding:52px 0;   }
#bxfooter.thanks .bxfooter > .bxlogo{ padding-bottom:39px;   }

.bxiframe{ position:relative; overflow:hidden; padding-top:56.25%; width: 100%; height: 0;}
.bxiframe iframe{ position:absolute; top:0; left:0; width:100%; height:100%; border:0; } 
.bxiframe video{ position:absolute; top:0; left:0; width:100%; height:100%; border:0; border-radius:16px;  } 


a.btnblue{ display:inline-block; position: relative; width:209px; height:46px; background: url("../img/bgbtn.png") no-repeat; background-size:100%; text-align:center; font-size:22px; line-height:1.8; transition: ease 0.5s; color:#fff;  }
a.btnblue:hover{ opacity: 0.5; }
a.btnblue.xl{ width:280px; height:61px; background: url("../img/bgbtn-xl.png") no-repeat; background-size:100%; font-size:32px; line-height:1.8;  }

a.btnwhite{ display:inline-block; position: relative; width:209px; height:46px; background: url("../img/bgbtn-white.png") no-repeat; background-size:100%; text-align:center; font-size:22px; line-height:1.8; transition: ease 0.5s; color:#000;  }
a.btnwhite:hover{ opacity: 0.5; }


a.btnbluex{ display:inline-block; position: relative;  text-align:center; font-size:22px; transition: ease 0.5s; color:#fff; background-color: #0b2039; background-image: linear-gradient(0deg, #0b2039 0%, #143052 18%, #1e3c60 59%, #1f416a 63%, #a8a8a8 100%); border:#000 solid 1px; padding:10px 26px; border-radius:28px; min-width:209px; cursor:pointer; }
a.btnbluex:hover{ background-color: #FFFFFF; background-image: linear-gradient(0deg, #FFFFFF 12%, #cee1ef 47%, #ffffff 49%, #ffffff 100%); border-color:#444444; color:#000; }

a.btnbluex.xl{ font-size:30px; padding:16px 36px; min-width:300px; font-weight:500; border-radius:36px; }

a.btnwhitex{ display:inline-block; position: relative;  text-align:center; font-size:22px; transition: ease 0.5s;  padding:10px 26px; border-radius:28px; background-color: #FFFFFF; background-image: linear-gradient(0deg, #FFFFFF 12%, #cee1ef 47%, #ffffff 49%, #ffffff 100%); border:#444444 solid 1px; color:#000; min-width:209px;  cursor:pointer;  }
a.btnwhitex:hover{ color:#fff; background-color: #0b2039; background-image: linear-gradient(0deg, #0b2039 0%, #143052 18%, #1e3c60 59%, #1f416a 63%, #a8a8a8 100%); border-color:#000; }

a.btnwhitex.xl{ font-size:30px; padding:16px 36px; min-width:300px; font-weight:500; border-radius:36px; }

/*
#topcontrol{ z-index:199; }
#btntop{ display:block; position: relative; width:66px; height:66px; border:#fff solid 2px; text-align: center; bottom:48px; right:48px; border-radius:50%;  } 
#btntop > span{ 
 display:inline-block; position: relative; width:20px; height:24px; background: url("../img/icon-top.png");  
 -webkit-transform: translateY(20px); transform: translateY(20px); transition: all .2s ease; background-size:100%;  }
#btntop:hover > span{  -webkit-transform: translateY(6px); transform: translateY(6px); }
*/


#cookiesbx{ 
 display:none; position:fixed; left:0px; right:0px; bottom:0px;  background:rgba(255,255,255,0.85); z-index:9999; line-height:1.8;    }
.cookiesbx{ display:block; position:relative; padding:20px 0; width:91%; margin: 0 auto; }
.cookiesbx > .tb{ display:table; position: relative; width:100%; }
.cookiesbx > .tb > .c1{ display:table-cell; position: relative; vertical-align:middle; }
.cookiesbx > .tb > .c2{ display:table-cell; position: relative; vertical-align:middle; text-align: right;  }
.cookiesbx > .tb > .c1 > .bx{ display:block; position: relative; width:100%; }
.cookiesbx a{ color:#626262; text-decoration:underline; transition: ease 0.5s; }
.cookiesbx a:hover{ color:#626262; text-decoration:none; }
.cookiesbx button{  display:inline-block; position: relative; text-align:center; font-size:22px; transition: ease 0.5s; color:#fff; background-color: #0b2039; background-image: linear-gradient(0deg, #0b2039 0%, #143052 18%, #1e3c60 59%, #1f416a 63%, #a8a8a8 100%); border:#000 solid 1px; padding:10px 26px; border-radius:28px; min-width:180px; cursor:pointer; font-family:inherit;    }
.cookiesbx button:hover{ background-color: #FFFFFF; background-image: linear-gradient(0deg, #FFFFFF 12%, #cee1ef 47%, #ffffff 49%, #ffffff 100%); border-color:#444444; color:#000;  }