*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0 none;
}

html, body { font-size: 16px; line-height:24px; background:#63378e; position:relative;

font-family: 'Crimson Text', serif; /* , "Times New Roman", Georgia */


min-height: auto;
background:#ffffff repeat center top;



}



a { color:#00aeef; text-decoration:underline; }
a:active, a:hover { color:#000000; text-decoration:underline; }

h1 { color:#00aeef; font-size:30px; line-height:34px; font-weight:normal; padding:20px 0 10px 0; }
h2 { color:#00aeef; font-size:24px; line-height:28px; font-weight:normal; padding:20px 0 10px 0; }
h3 { color:#00aeef; font-size:22px; line-height:26px; font-weight:normal; padding:10px 0 10px 0; }
hr { display:block; height:1px; margin:20px auto; width:25%; background-color:#00aeef; color:#00aeef; }


section#topvideodesc h2 { color:#000000; }


div.text { margin-top:20px; }
div.text23 { width:66%; }
div.pb1 { padding-bottom:40px;  }

.columns1 {
    -webkit-column-count: 1 !important; /* Chrome, Safari, Opera */
    -moz-column-count: 1 !important; /* Firefox */
    column-count: 1 !important;
	}

.columns2 {
    -webkit-column-count: 2 !important; /* Chrome, Safari, Opera */
    -moz-column-count: 2 !important; /* Firefox */
    column-count: 2 !important;

  -moz-column-break-inside:avoid;
  -webkit-column-break-inside:avoid;
  column-break-inside:avoid;

	}

.columns3 {
    -webkit-column-count: 3 !important; /* Chrome, Safari, Opera */
    -moz-column-count: 3 !important; /* Firefox */
    column-count: 3 !important;

    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;

  -moz-column-break-inside:avoid;
  -webkit-column-break-inside:avoid;
  column-break-inside:avoid;

	}

.columns3 > * {
  -moz-column-break-inside:avoid;
  -webkit-column-break-inside: avoid;
  column-break-inside: avoid;
}


ul.list { list-style:none; padding:0 0 30px 0; margin:0; }
ul.list li { padding:2px 0; margin:0; }



#container {   margin:0 auto 0 auto; padding:0;
/* background:url(gfx/bg01.jpg) no-repeat center top; */
background-size:100%;
height:100%;
position:relative;
width:100%;
}

section > div { width:92%; padding:0; margin:0 auto 0 auto;  max-width:1000px; position:relative; }

section.submenu {}

section#top {  background:#ffffff; color:#63378e; height:auto; margin-top:30px; }
section#top > div {  }
section#top > div > a > img { width:9%; }

section#menu { background:#ffffff;

position:relative;

}

a.logo { font-size:30px; line-height:34px; color:#00aeef; text-decoration:none; font-family: Tahoma, Verdana, Arial; font-weight:bold; }


section#menu ul { list-style:none; margin:0px; padding:0 0 0 0px; text-align:left; display:block; height:auto; }
section#menu ul li { display:inline-block; padding:0; margin:0; text-align:center; }
section#menu ul li a { display:block; font-size:18px; font-weight:normal; color:#b0b0b0; padding:10px 0px 10px 0px; text-decoration:none; }
section#menu ul li:first-child a { padding-left:0; }
section#menu ul li.div { padding:10px 5px; color:#b0b0b0; }
section#menu ul li a:hover {  color:#00aeef;  }

section#menu ul li a.active {  color:#00aeef;  }


section#footer { background:#ffffff;  margin-top:30px; padding:20px 0 30px 0; border-top:#636466 solid 1px;  }
section#footer > div > div { display:inline-block; padding:0; width:33.3333%; font-size:14px; line-height:18px; vertical-align:top; }
section#footer > div > div img { width:45%; margin:0 auto 10px auto; }
section#footer > div > div:first-child { padding-right:20px; }
section#footer > div > div > span { display:block; text-align:left; font-size:12px; }
section#footer > div > div + div { text-align:left; width:33.3333%; }
section#footer > div > div + div + div { text-align:left; width:33.3333%; }


section#toppromo { margin:30px 0; }
section#toppromo ul { display:block; list-style:none;  padding:0; margin:0; }
section#toppromo ul li { display:none; }
section#toppromo ul li > div {
position:relative;
width:100%; height:0; padding-bottom:50%;
background:no-repeat center center;
background-size:cover;
}
section#toppromo ul li > div a { position:absolute; left:0; top:0; width:100%; height:100%; }

section#toppromo > div { max-width:none; width:100%; }

section#text { }
.sharer { padding:20px 0 40px 0; height:40px;  overflow: hidden; }


section#artwork { }
section#artwork > div > h1 { color:#606060; font-weight:normal; }
section#artwork > div > h1 span { color:#606060; font-weight:normal; }
section#artwork > div > h2 { color:#606060; font-size:24px; line-height:28px; padding-top:0px; font-weight:normal; }



div.articles { width:100%; padding:30px 0; }
div.articles.toppadding { padding-top:50px; }

div.articles article { width:32.65%; display:inline-block; vertical-align:top;  padding-right:2%; padding-left:2%; border-left: #636466 solid 1px; margin-bottom:40px; }
div.articles article div.image { width:100%; height:0; padding-bottom:50%; position:relative;

background: #939598 no-repeat center center;
background-size:contain;
}

div.articles article div.image.blue { background-color:#00aeef; }
div.articles article div.image.white { background-color:#ffffff; }

div.articles article div.image a { position:absolute; top:0; left:0; width:100%; height:100%; display:block; }

div.articles article div.image.blue a { text-decoration:none; }
div.articles article div.image.white a { text-decoration:none; }
div.articles article div.image a > span { display:table; width:100%; height:100%; background-size:cover; background:#000000; }
div.articles article div.image a > span > span { display:none;  width:100%; height:100%; vertical-align:middle; text-align:center;  color:#ffffff; text-decoration:none; font-size: 24px;    line-height: 28px;  }


div.articles article div.image.anim {

 transition: background-position 0.5s;
 transition-timing-function: ease-in;

}
div.articles article div.image.anim a { opacity:0;   background-color:#ffffff; 

 transition: color 0.5s, opacity 0.5s, background-position 0.5s;
 transition-timing-function: ease;
}
div.articles article div.image.anim a span { color:#000000; }

div.articles article div.image.anim a:hover { opacity:1; }

div.articles article div.image.anim:hover { /* background-position: 0 200px; */ }











div.articles article div.text { height:auto; overflow:hidden; }
div.articles article h2 { display:block; font-size:18px; line-height:22px; padding:10px 0; color:#636466;  font-style: italic; font-weight:normal;
/* height:48px; line-height:24px; overflow:hidden;  */
}
div.articles article h2 a { display:block; text-decoration:none; color:#636466; }

div.articles article p { padding:0; margin:0; margin-bottom:5px; font-size:16px; line-height:18px; color:#636466; }


div.articles article:nth-child(3n+1) { clear:both;  width:32.65%; border-left:0; padding-left:0; }
div.articles article:nth-child(3n+2) { width:34.7%;  border-right: #636466 solid 1px;}
div.articles article:nth-child(3n+3) { width:32.65%; padding-right:0; border-left:0; }


div.articles1 { padding-top:0; }
div.articles1 article { width:100% !important; padding-left:6% !important; margin-top:0; }
div.articles1 article div.text { margin-top:10px; }


section#text {  margin: 30px 0; padding:0 0 30px 0; }
section#text > div h1 { font-style:italic; padding-top:10px; }
section#text > div > p { display:block; font-style:italic; font-size:20px; line-height:26px; padding:10px 0; }
section#text div.text {   }
section#text div.text > h2 { padding:0 0 20px 0; color:#606060; }

section#video { }

div.video { display:block; position:relative; height:0; padding-bottom:56.3%; }
div.video iframe { position:absolute; top:0; left:0; width:100%; height:100%; }


img.bigtitimage { width:100%; margin:30px 0 0 0; padding:0; border:0; }


ul.submenu { list-style:none; padding:0; margin:0; }
ul.submenu li { display:inline-block; padding:0; padding:0 3px; }
ul.submenu li:first-child { padding-left:0; }
ul.submenu li a { color:#b0b0b0; text-decoration:none;  }
ul.submenu li a:hover { color:#00aeef; }


ul.submenu li.active a { color:#00aeef; }








@media screen and (max-width: 800px) {

div.text23 { width:100%; }

section#footer > div > div { width:100%; }
section#footer > div > div + div { width:100%; padding-top:20px; text-align:left; }
section#footer > div > div + div img { width:33%; min-width:200px; }
section#footer > div > div + div + div { width:100%; padding-top:20px; text-align:left; }
section#footer > div > div + div + div img { width:33%; min-width:200px;}

div.articles article:nth-child(1n) { padding-right:2%; padding-left:2%; border-left: #636466 solid 1px; }
div.articles article:nth-child(2n+1) { clear:both; width:50%; border-left:0; padding-left:0; }
div.articles article:nth-child(2n+2) { width:50%; padding-right:0; }

.columns3 {
    -webkit-column-count: 2 !important; /* Chrome, Safari, Opera */
    -moz-column-count: 2 !important; /* Firefox */
    column-count: 2 !important;

    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
	}


}


@media screen and (max-width: 500px) {

div.articles article:nth-child(1n) { clear:both; width:100%; padding-right:0; padding-left:0; border:0; }
div.articles article div.text { height:auto; }


.columns3 {
    -webkit-column-count: 1 !important; /* Chrome, Safari, Opera */
    -moz-column-count: 1 !important; /* Firefox */
    column-count: 1 !important;

    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
	}

}






//################### BA SLIDER


/* SLIDER */


.bx-wrapper {
    position: relative;
    margin: 0px auto 0px auto;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.bx-wrapper .bx-viewport {
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.bx-wrapper .bx-controls { position:absolute; top:100px; left:0; width:100%; }

.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {
    position: absolute;
    /* bottom: 5%; */
    width: 100%;
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: 0.85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
}

.bx-wrapper .bx-pager { display:none !important; }


.bx-wrapper .bx-pager-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: rgba(255,255,255,0.6);
	background: #009e96;
	border:#ffffff solid 2px;
    text-indent: -9999px;
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #ba1521;
}

.bx-wrapper .bx-prev {
    left: 20px;
    background: url(gfx/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
    right: 20px;
    background: url(gfx/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev {
    left: 40px;
    background: url(gfx/bite_arrow_left.svg) no-repeat center left;
	background-size:contain;
}

.bx-wrapper .bx-next {
    right: 40px;
    background: url(gfx/bite_arrow_right.svg) no-repeat center right;
	background-size:contain;
}



/* 
.bx-wrapper .bx-prev:hover {    background-position: 0 0;}
.bx-wrapper .bx-next:hover {    background-position: -43px 0;}
*/


.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper.disabled {
    display: none;
}

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto:hover,.bx-wrapper .bx-controls-auto.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto:hover,.bx-wrapper .bx-controls-auto.active {
    background-position: -86px -33px;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #0b0b0b;
    background: rgba(80,80,80,0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: 0.85em;
    padding: 10px;
}

.slider__core {
    visibility: hidden;
}

.homepage .bx-controls-direction {
    display: none;
}

.slider__content {
    margin: 0;
}

.slider__content-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.slider__content-inner--heading {
    margin-top: 10%;
    font-size: 72px;
    font-size: 4.5rem;
    color: #f08c28;
}

.slider__content-inner--info {
    font-size: 20px;
    font-size: 1.25rem;
    color: #fff;
}

.slider__content-inner--btn {
    margin: 24px 0px;
    margin: 1.5rem 0rem;
    padding: 8px 31px;
    padding: 0.5rem 1.9375rem;
    font-size: 26px;
    font-size: 1.625rem;
    color: #fff;
}

.slider__content-inner--btn:visited {
    color: #fff;
}

.slider__content-inner--btn:focus {
    color: #fff;
}

.slider__content-inner--btn:hover {
    color: #fff;
}

.slider__content-inner--btn:active {
    color: #fff;
}

.slider__content-inner--try {
    font-size: 20px;
    font-size: 1.25rem;
    color: #fff;
    color: rgba(255,255,255,0.5);
}

.slider__content-inner--try a {
    color: #fff;
    color: rgba(255,255,255,0.5);
}

.slider__resources {
    visibility: hidden;
}



/* PAGER */


.pager { position:relative; clear:both; display:block; overflow:hidden; height:auto; text-align:left; }
.pager a { color:#000000; display:inline-block; padding:1px 6px 1px 6px;

margin-right:5px;
/* border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; */
 /* border:#000000 solid 1px; */
 text-decoration:none;

}
.pager span { color:#000000; display:inline-block; padding:1px 5px; width:100px; }
.pager a.active { font-weight:normal; color:#ffffff; border-color:#00aeef; background-color:#00aeef; }
.pager a:hover { color:#00aeef; border-color:#00aeef; }



.footer { margin-top:18px; width:940px;clear:both;height:auto;overflow:hidden; height:80px; text-align:center; font-size:14px; color:#909090; }


.pages_container_top {
	width: 680px;
	height:30px;
	padding-bottom:20px;
	clear:both;
}
.pages_container {
float:right;
	height: 30px;
	text-align: center;
}
.pages_container span {
	font-size: 14px;
	color: #ffffff;
	height: 17px;
	padding-right: 0px;
	padding-left: 0px;
	display: block;
	float: left;
	padding-top: 3px;
}
.pages_container a {
	font-size: 14px;
	color: #f9dc14;
	text-decoration: none;
	display: block;
	height: 17px;
	width: 20px;
	float: left;
	padding: 3px 5px 5px 5px;
	margin:0px;
}
.pages_container a:hover, a.pc_select {
	color: #ffffff;
	text-decoration: underline;
}

.aaa.active { color:#ffffff; border:#f9dc14 solid 2px; }