@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&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: "Helvetica Neue", Helvetica, Arial;  -webkit-text-size-adjust: none; 
 font-size:13px; line-height:1.5; color:#242424; font-weight:400; min-width: 320px;  overflow-x:hidden; } 
.fontbn{ font-family: 'Bebas Neue'; }
 
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; }
.bx{ display:block; position:relative; }
.bxleft, .left{ float:left; }
.bxright, .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; }
 

h1, .h1{ font-size:60px; line-height:1.2; padding:0; margin:0; font-weight:normal;  }
h2, .h2{ font-size:50px; line-height:1; padding:0; margin:0; font-weight:normal;  }
h3, .h3{ font-size:40px; line-height:1; padding:0; margin:0; font-weight:normal;  }
h4, .h4{ font-size:30px; line-height:1; padding:0; margin:0; font-weight:normal;  }
h5, .h5{ font-size:20px; padding:0; margin:0; font-weight:normal;  }
h6, .h6{ font-size:14px; padding:0; margin:0; font-weight:normal;  }


.tb{ display:table; position: relative; width:100%; height:100%;  }
.tb > .tc{ display:table-cell; position: relative;  }
.tb > .tc.vtop{ vertical-align:top; }
.tb > .tc.vmid{ vertical-align:middle; }
.tb > .tc.vbtm{ vertical-align:bottom; }

 

#page{ display:block; position: relative;  /*transition: transform 1000ms ease-out;*/	 }
.content{ display:block; position: relative; width:92%; margin: 0 auto; max-width:1440px;  }
.contentx{ display:block; position: relative; width:90%; margin: 0 auto; max-width:1280px;  }

#bxheader{ display:block; position:fixed; width:100%; height:36px; background:#006668; z-index:999;   } 
.headerbx{ display:table; position: relative; width:100%; height:36px; }
.headerbx > .bxlogo{ display:block; position:absolute; left:0; top:0; z-index:66; }
.headerbx > .bxmenu{ display:table-cell; position: relative; vertical-align:middle; text-align: right; }
.bxnavmo{ display:none; }

.bxnav{ display:block; position:relative;  }
.bxnav a{ color:#000; transition: ease 0.5s; }
.bxnav a.activ,
.bxnav a:hover{ color:#fff; }
.bxnav > ul{ position:relative; list-style: none; padding:0; margin:0;   }
.bxnav > ul > li{ display:inline-block; position: relative; margin:0 18px;  }
.bxnav > ul > li:last-child{ margin-right:0px;  }
ul.navmenu > li > a{ 
  display: inline-block; text-decoration: none; padding:0; transition:ease 0.5s; 
  font-family: 'Bebas Neue'; font-size:21px; } 
ul.navmenu > li > a.activ,
ul.navmenu > li > a:hover { color:#fff;  } 
 
.dropdown-content {
  position: absolute;  padding:2px 0 0; margin:0 0 0 -12px; min-width:240px; 
  top:0; left:-999em; z-index: 999; transition:top .5s ease; font-size:14px; font-weight:300;  }
.dropdown-content > .bx{ 
  display:block; position: relative; background:rgba(0,0,0,0.7); text-align: left; padding:10px 0;  }
.dropdown-content > .bx > ul{ padding:0; margin:0; list-style: none; }
.dropdown-content > .bx > ul > li{ display:block !important; position:relative; text-align: left; padding:6px 0;   }
.dropdown-content > .bx > ul > li > a { 
  text-decoration: none; display:table; position: relative; width:100%; text-align: left; color:#fff; transition:ease 0.5s; padding:0 12px; }
.dropdown-content > .bx > ul > li > a:hover{ background:#ee922e; color:#000; }
.dropdown-content > .bx > ul > li > a > .icon{ display:table-cell; width:0px; transition: ease 0.25s; }
.dropdown-content > .bx > ul > li > a:hover > .icon{ position: relative; background:url("../img/icon-right-black.png") left no-repeat; width:9px; height: 9px;  }
.dropdown .dropdown > .dropdown-content{ 
	transition:transform .7s ease, opacity .3s ease; min-width:240px;  
	transform:translateX(-100%); opacity:0; }

.dropdown-content a:hover,  
.dropdown-content li:hover > a { color:#ffffff !important;  }
.dropdown:hover > a { color:#ffffff;   } 
.dropdown:hover > .dropdown-content{ left:0;  top:100%; }
.dropdown .dropdown:hover > .dropdown-content{ left:100%; transform:translateX(0); top:0; opacity:1; }	
.dropdown-content > .bx > ul > li > a.msactiv,
.dropdown-content > .bx > ul > li > a.msactiv:hover{ background:#ee922e; color:#ffffff; }
.dropdown-content > .bx > ul > li > a.msactiv > .icon{ position: relative; background:url("../img/icon-right-black.png") left no-repeat; width:9px; height: 9px;  }

#menumobile{ display:none; }
#bxmrmoicon{ display:none; }
#bxmrmo{ display:block; }

#homeslide{ display:block; position: relative; height:100vh; }
#bxslide{ display:block; position:relative; width:100%; height:100%; }
.slidebx{ display:block; position:relative; width:100%; height:100vh; }
.slidebximg{ display:block; position:relative; width:100%; height:100%; background-size:cover!important; }  
 
#homebxtxt{ display:block; position:absolute; width:100%; bottom:46px; background: rgba(0,59,60,0.8); z-index:89; padding:20px 0; color:#fff; }
.homebxtb{ display:table; position:relative; width:100%;  }
.homebxtb > .c1{ display:table-cell; position: relative; width:50%; vertical-align: top; border-right:#fff solid 1px; }
.homebxtb > .c2{ display:table-cell; position: relative; width:50%; vertical-align: top; }
.homebxnews{ display:block; position:relative; width:92%; margin:0 auto; }
.homebxnews > .bxh{ display:block; position: relative; font-size:30px; }
.homebxnews > a{ color:#fff; }
.homebxnews > a > div:nth-child(1){ display:block; position:relative; padding:0 0 12px;  }
.homebxnews > a > div:nth-child(1) > .tb{ display:table; position: relative; width:100%;  }
.homebxnews > a > div:nth-child(1) > .tb > .subj{ display:table-cell; position: relative; color:#ee922e; font-size:18px; text-transform:uppercase; font-weight:bold;  transition: ease 0.5s; vertical-align: top; }
.homebxnews > a > div:nth-child(1) > .tb > .date{ display:table-cell; position: relative; color:#ccc; font-size:11px; font-style: italic; text-align: right; vertical-align: top; padding:6px 0 0; }
.homebxnews > a > div:nth-child(2){ display:block; position:relative; padding:0 0 12px;  }
.homebxnews > a > div:nth-child(3){ display:block; position:relative;  }
.homebxnews > a > div:nth-child(3) > span{ display:inline-block; position: relative; font-size:14px; font-weight:bold; background:#ee922e; padding:2px 10px; border-bottom:#000 solid 1px; color:#000; transition: ease 0.5s; }
.homebxnews > a:hover > div:nth-child(1) > .tb > .subj{ color:#ffee00;   }
.homebxnews > a:hover > div:nth-child(3) > span{   background:#ffee00; }

.homebxwel{ display:block; position: relative; width:92%; margin:0 auto; }
.homelogobx{ display:block; position: relative; text-align:center; padding:20px 0; }
.homelogobx > span{ margin:0 12px; }


#bxpageinner{ display:block; position: relative; min-height:100vh; }
#bxpageinner.pageabout{ background: url("../img/bg-about.jpg") fixed center no-repeat; background-size:cover; }
#bxpageinner.pageactivities{ background: url("../img/bg-activities.jpg") fixed center no-repeat; background-size:cover;  }
#bxpageinner.pagenews{ background: url("../img/bg-news.jpg") fixed center no-repeat; background-size:cover;  }
#bxpageinner.pagelibrary{ background: url("../img/bg-library.jpg") fixed center no-repeat; background-size:cover;  }
#bxpageinner.pagecountries{ background: url("../img/bg-countries.jpg") fixed center no-repeat; background-size:cover;  }
#bxpageinner.pageextra{ background: url("../img/bg-extra.jpg") fixed center no-repeat; background-size:cover;  }
#bxpageinner.pagecontact{ background: url("../img/bg-contact.jpg") fixed center no-repeat; background-size:cover;  }

.bxinnerpage{ display:block; position: relative; padding:136px 0 52px;  }
.bxinnerpage > .innertb{ display:table; position:relative; width:100%; background:#fff; box-shadow: -5px 0px 26px 0px rgba(0, 0, 0, 0.3); }
.bxinnerpage > .innertb > .innerl{ display:table-cell; position: relative; vertical-align: top; width: 250px; border-right:#000 solid 1px; background:url("../img/bg-bxright.png") repeat; }
.bxinnerpage > .innertb > .innerr{ display:table-cell; position: relative; vertical-align: top; }
.bxinnerpage > .innertb > .innerl > .bx{ display:block; position: relative; padding:36px 0;  }
.bxinnerpage > .innertb > .innerl > .bx > .bxh{ display:block; position:relative; padding:0 42px 15px; font-size:30px; color:#000;  }
.bxinnerpage > .innertb > .innerl > .bx > .bxtxt{ display:block; position:relative; border-top:#000 solid 1px; }
.bxinnerpage > .innertb > .innerl > .bx > .bxtxt > ul{ padding:0; margin:0; list-style:none;  }
.bxinnerpage > .innertb > .innerl > .bx > .bxtxt > ul > li{ display:block; position:relative; border-bottom:#000 solid 1px;  }
.bxinnerpage > .innertb > .innerl > .bx > .bxtxt > ul > li > a{ display:block; position: relative; padding:10px 10px 10px 42px; font-size:14px; transition:ease 0.5s; color:#000;  }
.bxinnerpage > .innertb > .innerl > .bx > .bxtxt > ul > li > a:hover{ background:#006668; color:#fff; }
.bxinnerpage > .innertb > .innerl > .bx > .bxtxt > ul > li > a.sel{ background:#006668; color:#fff;  }
.bxinnerpage > .innertb > .innerl > .bx > .bxtxtbx{ display:block; position:relative; padding:0 42px 15px;  }

.bxinnerpage > .innertb > .innerr > .bx{ display:block; position: relative; width:92%; margin:0 auto; padding:36px 0; }
.bxinnerpage > .innertb > .innerr > .bx > .bxh{ display:block; position:relative; padding:0 0 15px; font-size:30px; color:#006668;  }

.bxinnerpage > .innertb > .innerr > .bx > .bxh > .tb{ 
   display:table; position: relative; width:100%;  border-bottom:#555 solid 1px; padding:0 0 12px; line-height:1; }
.bxinnerpage > .innertb > .innerr > .bx > .bxh > .tb > .c1{ display:table-cell; position:relative; vertical-align:top; }
.bxinnerpage > .innertb > .innerr > .bx > .bxh > .tb > .c2{ display:table-cell; position:relative; vertical-align:top; text-align: right; }


.pagebx{ display:block; position: relative; }
.pagebx > .bxtxt{ display:block; position: relative; padding:0 0 26px; }
 

.accpane{ display:block; position:relative;   } 
.accpane .accname{
  display:block; position:relative; cursor:pointer; margin:0 0 6px; text-align:left; transition:ease 0.5s; color:#fff; background:url(../img/acc-open.png) 99% no-repeat #006668;  font-family: 'Bebas Neue'; font-size:21px; padding:4px 10px; box-shadow: 1px 2px 0px 0px rgba(0, 45, 46, 1);  }
.accpane .accname > div{ display:block; position:relative; width:98%;  }
.accpane .accname.accshow{ color:#fff !important; }	
.accbody{	display:none; background-image:none !important;  padding:6px 10px 26px;  }

.subcatbx{ display:block; position: relative; border-bottom:#555555 solid 1px; padding:16px 0; }
.subcatbx > .bxh{ display:block; position: relative; color:#006668; font-weight:700; padding:0 0 16px; font-size:16px; }
.subcatbx > .bxlist{ display:block; position: relative; width:100%; }
.subcatbx > .bxlist > .itembx{ display:block; position: relative; width:33.33%; float:left; padding:0 0 20px; }
.subcatbx > .bxlist > .itembx > a{ display:block; position: relative; width:90%;  }
.subcatbx > .bxlist > .itembx > a > .name{ display:block; position:relative; color:#ee922e; font-size:14px; font-weight:bold; line-height: 1.2; }
.subcatbx > .bxlist > .itembx > a > .desc{ display:block; position: relative; transition: ease 0.5s; }
.subcatbx > .bxlist > .itembx > a:hover > .desc{ display:block; position:relative; color:#666; text-decoration:underline; }
.subcatbx > .bxlist > .cleardesk{ display:block; }
.subcatbx > .bxlist > .clearmobi{ display:none; }


.bxactivi{ display:block; position: relative; padding:0 0 32px;  }
.bxactivi > .tb{ display:table; position: relative; width:100%; }
.bxactivi > .tb > .c1{ display:table-cell; position: relative; vertical-align: top; width:260px; }
.bxactivi > .tb > .c2{ display:table-cell; position: relative; vertical-align: top; }
.bxactivi > .tb > .c1 > .bximg{ display:block; position: relative;  }
.bxactivi > .tb > .c1 > .bximg > .imgbx{ display:table-cell; position:relative; width:240px; height:93px; text-align: center; vertical-align:middle; border:#777 solid 1px; border-radius:6px;  }
.bxactivi > .tb > .c1 > .bximg > .imgbx > img{ max-width:230px; max-height:83px;  }
.bxactivi > .tb > .c2 > .bxtxt{ display:block; position: relative; }
.bxactivi > .tb > .c2 > .bxtxt > .link{ display:block; position: relative; padding:16px 0 0; }
.bxactivi > .tb > .c2 > .bxtxt > .link > span{ color:#006668; transition: ease 0.5s; text-decoration: underline; }
.bxactivi > .tb:hover > .c2 > .bxtxt > .link > span{ color:#ee922e; }

.bxactivivdo{ display:block; position: relative;  }
.vdobx{ display:block; position: relative; padding:0 0 20px; margin:0 0 30px; border-bottom:#555555 solid 1px; }
.vdobx > .tb{ display:table; position: relative; width:100%; }
.vdobx > .tb > .c1{ display:table-cell; position: relative; width:220px; vertical-align:top;   }
.vdobx > .tb > .c2{ display:table-cell; position: relative; vertical-align:top;   }
.vdobx > .tb > .c1 > .bximg{ display:block; position:relative; width:200px;  }
.vdobx > .tb > .c1 > .bximg > .imgbx{ display:block; position: relative; border:#000 solid 1px; padding:3px; transition: ease 0.5s;  }
.vdobx > .tb > .c1 > .bximg > .imgbx > .iplay{ position:absolute; top:0; left:0; bottom:0; right:0; background: url("../img/icon-play.png") center no-repeat; transition:ease 0.5s;  }
.vdobx > .tb > .c1 > .bximg > .imgbx:hover{ border:#ee922e solid 1px; }
.vdobx > .tb > .c1 > .bximg > .imgbx:hover > .iplay{ background-color: rgba(0,0,0,0.5); }
.vdobx > .tb > .c2 > .bxtxt{ display:block; position: relative; }
.vdobx > .tb > .c2 > .bxtxt > .name{ display:block; position: relative; color:#006668; font-size: 24px; font-family: 'Bebas Neue'; line-height:1;  }
.vdobx > .tb > .c2 > .bxtxt > .date{ display:block; position: relative; color:#666; font-size: 12px;   }


.bxnews{ display:block; position: relative;  }
.newsbx{ display:block; position: relative; padding:0 0 30px; margin:0 0 30px; border-bottom:#555555 solid 1px; }
.newsbx > .tb{ display:table; position: relative; width:100%; }
.newsbx > .tb > .c1{ display:table-cell; position: relative; width:220px; vertical-align:top;   }
.newsbx > .tb > .c2{ display:table-cell; position: relative; vertical-align:top;   }
.newsbx > .tb > .c1 > .bximg{ display:block; position:relative; width:200px;  }
.newsbx > .tb > .c1 > .bximg > .imgbx{ display:block; position: relative; border:#000 solid 1px; padding:3px; transition: ease 0.5s;  } 
.newsbx > .tb:hover > .c1 > .bximg > .imgbx{ border:#ee922e solid 1px; } 
.newsbx > .tb > .c2 > .bxtxt{ display:block; position: relative; }
.newsbx > .tb > .c2 > .bxtxt > .name{ display:block; position: relative; color:#006668; font-size: 24px; font-family: 'Bebas Neue'; line-height:1;  }
.newsbx > .tb > .c2 > .bxtxt > .date{ display:block; position: relative; color:#666; font-size: 12px;   }
.newsbx > .tb > .c2 > .bxtxt > .link{ display:block; position: relative; padding:16px 0; }
.newsbx > .tb > .c2 > .bxtxt > .link > span{ display:inline-block; position: relative; background:#006668; color:#fff; border-radius:4px; padding:4px 12px; transition: ease 0.5s; font-weight:bold; }
.newsbx > .tb:hover > .c2 > .bxtxt > .link > span{ background:#ee922e;  }

.bxnewsde{ display:block; position: relative; }
.bxnewsde > .date{ display:block; position: relative; color:#666; font-size: 12px;  }
.bxnewsde > .detail{ display:block; position: relative; padding:0 0 36px; }
.bxnewsde a{ color:#006668; text-decoration: underline; }
.bxnewsde a:hover{ text-decoration: none; }


.bxlibrary{ display:block; position: relative; }
.librarybx{ display:block; position: relative; padding:0 0 30px; margin:0 0 30px; border-bottom:#555555 solid 1px; }
.librarybx > .tb{ display:table; position: relative; width:100%;  }
.librarybx > .tb > .c1{ display:table-cell; position: relative; width:220px; vertical-align:top;   }
.librarybx > .tb > .c2{ display:table-cell; position: relative; vertical-align:top;   }
.librarybx > .tb > .c1 > .bximg{ display:block; position:relative; width:200px;  }
.librarybx > .tb > .c1 > .bximg > .imgbx{ display:block; position: relative; border:#000 solid 1px; padding:3px; transition: ease 0.5s;  } 
.librarybx > .tb:hover > .c1 > .bximg > .imgbx{ border:#ee922e solid 1px; } 
.librarybx > .tb > .c2 > .bxtxt{ display:block; position: relative; }
.librarybx > .tb > .c2 > .bxtxt > .name{ display:block; position: relative; color:#006668; font-size: 24px; font-family: 'Bebas Neue'; line-height:1;  } 
.librarybx > .tb > .c2 > .bxtxt > .link{ display:block; position: relative; padding:16px 0; }
.librarybx > .tb > .c2 > .bxtxt > .link > span{ display:inline-block; position: relative; background:#006668; color:#fff; border-radius:4px; padding:4px 12px; transition: ease 0.5s; font-weight:bold; }
.librarybx > .tb:hover > .c2 > .bxtxt > .link > span{ background:#ee922e;  }


.bximgmap{ display:block; position: relative; padding:0 0 26px;  }
.bximgmap > img{ width:100%; }

.bxcountriesall{ display:block; position:relative; }
.countrybx{ display:inline-flex; position: relative; width:33%; vertical-align: top; margin:0 0 20px;  }
.countrybx > a{ display:block; position: relative; width:90%;  font-weight:700; color:#006668; transition:ease 0.5s; font-size:16px; }
.countrybx > a > img{ max-width:32px; margin-right:12px; }
.countrybx > a:hover{ color:#ee922e; }


.contactbx{ display:block; position: relative; }
.contactbx > .tb{ display:table; position: relative; width:100%; }
.contactbx > .tb > .c1{ 
  display:table-cell; position: relative;  vertical-align:top; width:55%; border-right:#000 solid 1px; background:#fff; }
.contactbx > .tb > .c2{ display:table-cell; position: relative; background:url("../img/bg-bxright.png") repeat;  }
.contactbx .bxh{ display:block; position:relative; padding:0 0 15px; font-size:30px; color:#006668;  }
.contactbx > .tb > .c1 > .bx{ display:block; position: relative; width:86%; margin:0 auto; padding:36px 0; }
.contactbx > .tb > .c1 > .bx > .bxtxt{ display:block; position: relative; }
.contactbx > .tb > .c1 > .bx > .bxtxt > b{ color:#006668; }
.contactbx > .tb > .c1 > .bx > .bxgg{ display:block; position: relative; padding:26px 0 0; }
.contactbx > .tb > .c1 > .bx > .bxgg > iframe{ width:100%; height:320px; }
.contactbx > .tb > .c2 > .bx{ display:block; position: relative; width:86%; margin:0 auto; padding:90px 0 36px; }
.contactbx > .tb > .c2 > .bx > .bxlink{ display:block; position: relative; padding:20px 0; }


.bxcolleccat{ display:block; position: relative; padding:0 0 30px; margin:0 0 30px; border-bottom:#006668 solid 2px; }
.bxcolleccat > .catname{ display:block; position: relative; color:#006668; font-size: 24px; font-family: 'Bebas Neue'; line-height:1; padding:0 0 12px; }
.bxcolleccat > .catdesc{ display:block; position: relative; padding:0 0 26px;  }

.bxcolleccat.bxtop{ display:block; position: relative; padding:0 0 26px; margin:0; border-bottom:0px; } 
.bxcolleccat.bxtop > .catname > span{ color:#000;  }

.bxcolleccat > .tb{ display:table; position: relative; width:100%;  }
.bxcolleccat > .tb > .c1{ display:table-cell; width:25%; vertical-align:top; }
.bxcolleccat > .tb > .c2{ display:table-cell; width:75%; vertical-align:top; }
.bxcolleccat > .tb > .c1 > .catdesc{ display:block; position: relative; width:92%;  padding:0 0 26px; }
.bxcolleccat > .tb > .c2 > .colleclist{ display:block; position: relative; }
.bxcolleccat > .tb > .c2 > .colleclist > .countbx{ display:inline-flex; position:relative; width:33%; vertical-align:top; padding:0 0 36px; }
.bxcolleccat > .tb > .c2 > .colleclist.nodesc > .countbx{ width:24%;  }
.bxcolleccat > .tb > .c2 > .colleclist > .countbx > a{ display:block; position: relative; width:92%; margin:0 auto; }
.bxcolleccat > .tb > .c2 > .colleclist > .countbx > a > .bximg{ display:block; position: relative;  }
.bxcolleccat > .tb > .c2 > .colleclist > .countbx > a > .bximg > .imgbx{ border:#777 solid 1px;  padding:4px; transition: ease 0.5s;  }
.bxcolleccat > .tb > .c2 > .colleclist > .countbx > a > .bximg > .imgbx > img{ width:100%; height:160px; }
.bxcolleccat > .tb > .c2 > .colleclist > .countbx > a > .bximg > .imgbx > img.thumb{ opacity:0.2;  }
.bxcolleccat > .tb > .c2 > .colleclist > .countbx > a > .bxtxt{ display:block; position: relative; padding:10px 0 0;  }
.bxcolleccat > .tb > .c2 > .colleclist > .countbx > a > .bxtxt > .name{ display:block; position: relative; font-size:20px; font-family: 'Bebas Neue'; line-height:1; transition: ease 0.5s; text-align: center; }
.bxcolleccat > .tb > .c2 > .colleclist > .countbx > a:hover > .bximg > .imgbx{ border:#ee922e solid 1px;  }
.bxcolleccat > .tb > .c2 > .colleclist > .countbx > a:hover > .bxtxt > .name{ color:#ee922e;  }



.bxcollective{ display:block; position: relative; padding:0 0 20px; margin:0 0px 20px; border-bottom:#ccc solid 1px;  }
.bxcollective > .tb{ display:table; position: relative; width:100%; }
.bxcollective > .tb > .c1{ display:table-cell; position: relative; vertical-align: top; width:220px; }
.bxcollective > .tb > .c2{ display:table-cell; position: relative; vertical-align: top; }
.bxcollective > .tb > .c1 > .bximg{ display:block; position: relative; width:200px;  }
.bxcollective > .tb > .c1 > .bximg > .imgbx{ border:#777 solid 1px;  padding:4px; transition: ease 0.5s;  }
.bxcollective > .tb > .c1 > .bximg > .imgbx > img{ width:100%; }
.bxcollective > .tb > .c1 > .bximg > .imgbx > img.thumb{ opacity:0.2;  }
.bxcollective > .tb > .c2 > .bxtxt{ display:block; position: relative; }
.bxcollective > .tb > .c2 > .bxtxt > .name{ display:block; position: relative; font-size:20px; font-family: 'Bebas Neue'; line-height:1; transition: ease 0.5s; }
.bxcollective > .tb > .c2 > .bxtxt > .link{ display:block; position: relative; padding:16px 0 0; }
.bxcollective > .tb > .c2 > .bxtxt > .link > span{ color:#006668; transition: ease 0.5s; text-decoration: underline; }

.bxcollective > .tb:hover > .c1 > .bximg > .imgbx{ border:#ee922e solid 1px;  }
.bxcollective > .tb:hover > .c2 > .bxtxt > .name{ color:#ee922e; }
.bxcollective > .tb:hover > .c2 > .bxtxt > .link > span{ color:#ee922e; }


.bxcolleccat > .bxcollective:last-child{ margin-bottom:0px; padding-bottom:0; border-bottom:0px; }
.bxcollecvdo{ display:block; position: relative; }
.bxcollecvdo > .vdobx{ display:block; position: relative; padding:0 0 20px; margin:0 0 30px; border-bottom:#ccc solid 1px; }
.bxcollecvdo > .vdobx > .tb{ display:table; position: relative; width:100%; }
.bxcollecvdo > .vdobx > .tb > .c1{ display:table-cell; position: relative; width:220px; vertical-align:top;   }
.bxcollecvdo > .vdobx > .tb > .c2{ display:table-cell; position: relative; vertical-align:top;   }
.bxcollecvdo > .vdobx > .tb > .c1 > .bximg{ display:block; position:relative; width:200px;  }
.bxcollecvdo > .vdobx > .tb > .c1 > .bximg > .imgbx{ display:block; position: relative; border:#000 solid 1px; padding:3px; transition: ease 0.5s;  }
.bxcollecvdo > .vdobx > .tb > .c1 > .bximg > .imgbx > img{ width:100%;  }
.bxcollecvdo > .vdobx > .tb > .c1 > .bximg > .imgbx > img.thumb{ opacity:0.2;  }
.bxcollecvdo > .vdobx > .tb > .c1 > .bximg > .imgbx > .iplay{ position:absolute; top:0; left:0; bottom:0; right:0; background: url("../img/icon-play.png") center no-repeat; transition:ease 0.5s;  }
.bxcollecvdo > .vdobx > .tb > .c1 > .bximg > .imgbx > .iplay.nonebg{ background-image:none; }
.bxcollecvdo > .vdobx > .tb > .c1 > .bximg > .imgbx:hover{ border:#ee922e solid 1px; }
.bxcollecvdo > .vdobx > .tb > .c1 > .bximg > .imgbx:hover > .iplay{ background-color: rgba(0,0,0,0.5); }
.bxcollecvdo > .vdobx > .tb > .c2 > .bxtxt{ display:block; position: relative; }
.bxcollecvdo > .vdobx > .tb > .c2 > .bxtxt > .name{ display:block; position: relative; color:#006668; font-size: 24px; font-family: 'Bebas Neue'; line-height:1;  } 
.bxcollecvdo > .vdobx > .tb > .c2 > .bxtxt > .name > span{ color:#000; }
.bxcollecvdo > .vdobx > .tb > .c2 > .bxtxt > .desc{ display:block; position: relative; padding:0 0 20px; }
.bxcollecvdo > .vdobx > .tb > .c2 > .bxtxt > .desc > a{ color:#006668; text-decoration:underline; }
.bxcollecvdo > .vdobx > .tb > .c2 > .bxtxt > .desc > a:hover{ color:#ee922e; }
.bxcollecvdo > .vdobx > .tb > .c2 > .bxtxt > .link{ display:block; position: relative; }
.bxcollecvdo > .vdobx > .tb > .c2 > .bxtxt > .link > span{ display:inline-block; position: relative; background:#006668; color:#ffffff; border-radius:4px; padding:4px 12px; transition: ease 0.5s; font-weight:bold; min-width:90px; text-align: center;  }
.bxcollecvdo > .vdobx > .tb > .c2 > .bxtxt > .link > a{ margin-right:6px; }
 
.bxcollecvdo > .vdobx:last-child{ border-bottom:0; }
.collecvdobxall > .collecvdobxx:last-child{ border-bottom:#ccc solid 0px; border-bottom:0px; }
 
.collecselbx{ display:inline-block; position: relative;  }
#collectiveform{ display:block; position: relative; }
#collectiveform select{ padding:4px 6px;  }
#collectiveform input[type=submit]{ display:inline-block; position: relative; padding:5px 16px; border-radius:4px; border:none; color:#fff; background:#006668 url("../img/icon-arrow-right.png") center no-repeat; cursor: pointer; transition: ease 0.5s; }
#collectiveform input[type=submit]:hover{ background:#ee922e url("../img/icon-arrow-right.png") center no-repeat;  }









.bxback{ display:block; position: relative; border-top:#555  solid 1px; padding:12px 0;  }
.bxback > a{ display:inline-block; position: relative; background:#006668; color:#ffffff; border-radius:4px; padding:4px 12px; transition: ease 0.5s; font-weight:bold; min-width:90px; text-align: center; text-decoration: none;  }
.bxback > a:hover{ background:#ee922e; }

.bxpage{ display:block; position: relative; text-align: right; }
.bxpage > .inum{ color:#006668; }
.bxpage > span{ margin:0 4px; font-weight:bold; }
.bxpage > a{ margin:0 4px; transition: ease 0.5s; text-decoration: none;  }
.bxpage > a:hover{  color:#006668; }

a.bxlinkgreen{ display:inline-block; position: relative; background:#006668; color:#ffffff; border-radius:4px; padding:4px 12px; transition: ease 0.5s; font-weight:bold; min-width:90px; text-align: center; text-decoration: none;  }
a.bxlinkgreen:hover{ background:#ee922e; }
 


#bxfooter{ display:block; position:relative; background:#000; color:#fff; padding:26px 0;  }
.footerbx{ display:table; position: relative; width:100%;  }
.footerbx > .c1{ display:table-cell; position:relative; width:66%; vertical-align: top; }
.footerbx > .c2{ display:table-cell; position:relative; width:34%; vertical-align: top; }
.footerlink{ display:block; position: relative; }
.footerlink > .tb{ display:table; position: relative; width:100%; }
.footerlink > .tb > .tc{ display:table-cell; position: relative; width:25%; vertical-align: top; }
.footerlink > .tb > .tc > .bx{ display:block; position:relative; width:92%; }
.footerlink > .tb > .tc > .bx > .footerlinkbx{ display:block; position: relative; padding:0 0 6px;  }
.footerlink > .tb > .tc > .bx > .footerlinkbx > .bxh{ font-size:18px; }
.footerlink > .tb > .tc > .bx > .footerlinkbx > .bxh > a{ color:#fff; transition: ease 0.5s; }
.footerlink > .tb > .tc > .bx > .footerlinkbx > .bxh > a:hover{ color:#ffee00; }
.footerlink > .tb > .tc > .bx > .footerlinkbx > .bxt{ display:block; position:relative; padding:6px 0 0; line-height:1.2; }
.footerlink > .tb > .tc > .bx > .footerlinkbx > .bxt > div{ padding:0 0 6px; }
.footerlink > .tb > .tc > .bx > .footerlinkbx > .bxt a{ color:#706e6e; transition: ease 0.5s;  }
.footerlink > .tb > .tc > .bx > .footerlinkbx > .bxt a:hover{ color:#fff; }
.footerbxx{ display:block; position: relative; width:86%; margin:0 auto; text-align: center; }
.footersocial{ display:block; position: relative; padding:0 0 39px; }
.footersocial > .txt{ font-size:15px; vertical-align: middle; }
.footersocial > a.linkfb{ display:inline-block; position: relative; width:27px; height: 27px; background: url("../img/icon-fb.png") top no-repeat #000; vertical-align: middle; margin:0 6px; }
.footersocial > a.linkfb > span{ position:absolute; top:0; left:0; bottom:0; right:0; background: url("../img/icon-fb.png") top no-repeat #000; background-position:0 -27px; transition: ease 0.5s; opacity:0; }
.footersocial > a.linkfb:hover > span{ opacity:1; }
.footersocial > a.linkyt{ display:inline-block; position: relative; width:27px; height: 27px; background: url("../img/icon-yt.png") top no-repeat #000; vertical-align: middle; margin:0 6px; }
.footersocial > a.linkyt > span{ position:absolute; top:0; left:0; bottom:0; right:0; background: url("../img/icon-yt.png") top no-repeat #000; background-position:0 -27px; transition: ease 0.5s; opacity:0; }
.footersocial > a.linkyt:hover > span{ opacity:1; } 
.footersocial > a.linktm{ display:inline-block; position: relative; width:27px; height: 27px; background: url("../img/icon-tm.png") top no-repeat #000; vertical-align: middle; margin:0 6px; }
.footersocial > a.linktm > span{ position:absolute; top:0; left:0; bottom:0; right:0; background: url("../img/icon-tm.png") top no-repeat #000; background-position:0 -27px; transition: ease 0.5s; opacity:0; }
.footersocial > a.linktm:hover > span{ opacity:1; }
.footeraddress{ display:block; position: relative; color:#a6a6a6;  }
.footeraddress > .name{ font-size:18px; }
.footeraddress > .txt{ font-size:11px; padding:0 0 12px; }
.footeraddress > .copy{ font-size:11px; }



#topcontrol{ z-index:999; }
#btntop{ display:block; position: relative; width:39px; height: 39px; background:#cccccc; border-radius:50%; text-align: center; bottom:26px; right:26px; transition: ease 0.5s; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);  }
#btntop > span{ 
 display:inline-block; position: relative; width:22px; height:14px; background: url("../img/icon-top.png");  
 -webkit-transform: translateY(12px); transform: translateY(12px); transition: all .2s ease; }
#btntop:hover{ box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35); }
#btntop:hover > span{  -webkit-transform: translateY(6px); transform: translateY(6px); }



.tbc3{ display:table; position: relative; width: 100%; padding:0 0 26px; }
.tbc3 > .c1{ display:table-cell; position: relative; width: 33.33%; vertical-align: top;  }
.tbc3 > .c2{ display:table-cell; position: relative; width: 33.33%; vertical-align: top;  }
.tbc3 > .c3{ display:table-cell; position: relative; width: 33.33%; vertical-align: top;  }

.tbc2{ display:table; position: relative; width: 100%; padding:26px 0; }
.tbc2 > .c1{ display:table-cell; position: relative; width:35%; vertical-align: top;  }
.tbc2 > .c1 > img{ max-width:90%; }
.tbc2 > .c2{ display:table-cell; position: relative; vertical-align: top;  }

.tbc2x{ display:table; position: relative; width: 100%; padding:26px 0; }
.tbc2x > .c1{ display:table-cell; position: relative; width:40%; vertical-align: top;  }
.tbc2x > .c1 > img{ max-width:92%; }
.tbc2x > .c2{ display:table-cell; position: relative; vertical-align: top;  }

.tb2it{ display:table; position: relative; width: 100%; padding:26px 0 ;  }
.tb2it > .c1img{ display:table-cell; position: relative; width:180px; vertical-align: top;  }
.tb2it > .c1img > img{ max-width:160px; }
.tb2it > .c2txt{ display:table-cell; position: relative; vertical-align: top;  }

.tb2itx{ display:table; position: relative; width: 100%; padding:26px 0;  }
.tb2itx > .c1img{ display:table-cell; position: relative; width:260px; vertical-align: top;  }
.tb2itx > .c1img > img{ max-width:250px; }
.tb2itx > .c2txt{ display:table-cell; position: relative; vertical-align: top;  }

.tb2itz{ display:table; position: relative; width: 100%; padding:26px 0;  }
.tb2itz > .c1img{ display:table-cell; position: relative; width:220px; vertical-align: top;  }
.tb2itz > .c1img > img{ max-width:200px; }
.tb2itz > .c2txt{ display:table-cell; position: relative; vertical-align: top;  }