.container { margin-top:104px; }
.content { max-width:1412px; margin:0 auto; }
.content.conf, .content.lectures, .content.contact { max-width:784px; }
.content.contact h4 { text-align:center; margin-bottom:26px; }
.content.contact h6 { text-align:center; color:#333; font-size:11px; line-height:26px; margin-bottom:26px; }
.allcols { background-color:transparent; font-size:0; position:relative; width:100%; margin:0; display:inline-block; vertical-align:top; border:0; }
.allcols.videos, .allcols.trends, .allcols.reviews { text-align:left; }
.cols { background-color:transparent; position:relative; width:100%; margin:0; padding:0; display:inline-block; border:0; }
.cols.sponsor, .cols.conf { padding-bottom:80px; }
.col-border { max-width:100%; margin:0 20px; padding:40px 0 0 0; border-top:1px #ccc solid; }
.col { float:left; padding:0 20px; }
.col.center { float:none; margin:0 auto; }
.col.colleft { padding:0 20px 0 0; }
.col.colright { padding:0 0 0 20px; }
.col.colcenter { margin:0 auto; padding:0; }
.col.vf { border-left:1px #ccc solid; }
.d1 { width:100%; }
.d2 { width:50%; }
.d3 { width:33.333333%; }
.d3x2 { width:66.666666%; }
.d4 { width:25%; }
.d4x2 { width:50%; }
.d5 { width:20%; }
.portrait { margin-bottom:60px; padding-left:20px; }
.portrait img { max-width:100%; margin:0 0 20px 0; display:block; }
.portrait span { text-align:center; font-size:13px; letter-spacing:1px; line-height:13px; display:block; }
.allcols img { max-width:100%; border:1px #ddd solid; }
.allcols p { text-align:left; font-size:21px; letter-spacing:1px; line-height:26px; margin-bottom:26px; }
.allcols .serif { font-size:23px; line-height:26px; }
.allcols .serif.about { line-height:31px; margin:0 0 31px 0; }
.allcols .nobottom { margin-bottom:0; }
.allcols video { max-width:100%; padding-bottom:106px; }
.allcols p sup { font-size:15px; line-height:0; }
.allcols .serif sup { font-size:17px; line-height:0; }
.allcols p.conf { padding-top:20px; }
.allcols a img.conf { max-width:33.333333%; margin-bottom:20px; display:block; border:1px #ddd solid; }

.allcols .box { margin:0 0 62px 0; padding:0; display:inline-block; vertical-align:top; border:0; }
.allcols .box a { background-color:transparent; position:relative; max-width:100%; padding:0 20px; display:block; border:0; }
.allcols .box a:focus, .allcols .box a:hover, .allcols .box a:active { cursor:pointer; }
.allcols .box a img { background-color:#000; max-width:100%; height:auto; margin-bottom:20px; border:1px #ccc solid; display:block; }
.allcols .box a:focus img, .allcols .box a:hover img, .allcols .box a:active img { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; -khtml-opacity:0.7; }
.allcols .box a.empty:focus img, .allcols .box a.empty:hover img, .allcols .box a.empty:active img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1; }
.allcols .box a .toClick { background-image:url(../img/video/video.jpg); background-position:center; background-size:cover; text-align:center; position:absolute; top:19px; left:42px; width:40px; height:30px; margin:0; display:block; border:0; }
.allcols .box a:focus .toClick, .allcols .box a:hover .toClick, .allcols .box a:active .toClick { border:0; }
.allcols .video { width:50%; }
.allcols .media { word-wrap:break-word; width:20%; }
.allcols .media p { color:#333; }

.allcols .eachbox { text-align:left; margin:0 0 40px 0; padding:0; display:inline-block; vertical-align:top; border:0; }
.allcols .mt { width:33.333333%; padding:0 20px; }
.allcols .eachbox .bybox { width:100%; height:420px; border:1px #ccc solid; }
.allcols .eachbox a { background-color:transparent; position:relative; max-width:100%; padding:36px; display:block; border:0; }
.allcols .eachbox a:focus, .allcols .eachbox a:hover, .allcols .eachbox a:active { cursor:pointer; }
.allcols .eachbox p { color:#333; margin:0 0 26px 0; }
.allcols .eachbox h2 { margin:0 0 26px 0; }

a .externallink { font-family:"Haas Grotesk Display Web", Helvetica, Arial; color:#3b538b; color:#000; font-size:13px; font-style:normal; font-weight:500; letter-spacing:2px; line-height:26px; }
a .inbox { color:#333; }
.colcenter p { text-align:center; }
.colcenter h2 { text-align:center; }
span.contact img { max-width:40px; margin:20px; }

@media screen and (min-width:1281px) and (max-width:1440px) { 
}
@media screen and (min-width:1025px) and (max-width:1280px) { 
.allcols .media { width:25%; }
.col-border { margin:0 15px; }
.col { padding:0 15px; }
.col.colleft { padding:0 15px 80px 0; }
.col.colright { padding:0 0 80px 15px; }
.portrait { padding-left:15px; }
.allcols .box a { padding:0 15px; }
.allcols .mt { padding:0 15px; }
.allcols .eachbox .bybox { height:500px; }
.allcols .eachbox a { padding:30px; }
}
@media screen and (min-width:769px) and (max-width:1024px) { 
.container { margin-top:74px; }
.allcols .media { width:33.333333%; }
.col-border { margin:0 10px; }
.col { padding:0 10px; }
.col.colleft { padding:0 10px 80px 0; }
.col.colright { padding:0 0 80px 10px; }
.d2 { width:100%; }
.about.d2 { width:100%; float:none; }
.about.d3 { width:50%; }
.about.d3x2 { width:50%; }
.portrait { padding-left:10px; }
.allcols .box a { padding:0 10px; }
.allcols .mt { width:50%; padding:0 10px; }

}
@media screen and (min-width:481px) and (max-width:768px) {
.container { margin-top:74px; }
.content.contact h4 { text-align:left; }
.content.contact h6 { text-align:left; }
.allcols .media { width:50%; }
.col-border { margin:0 10px; }
.col { padding:0 10px; }
.col.colleft { padding:0 10px 80px 0; }
.col.colright { padding:0 0 80px 10px; }
.col.colcenter { margin:0; }
.d2 { width:100%; }
.about.d2 { width:100%; padding:0; float:none; }
.about.d3 { width:100%; }
.about.d3x2 { width:100%; }
.portrait { padding-top:20px; padding-left:0; }
.allcols .box a { padding:0 10px; }
.allcols .video { width:100%; }
.allcols .eachbox { margin:0 0 20px 0; }
.allcols .mt { width:100%; padding:0 10px; }
.colcenter p { text-align:left; }
.colcenter h2 { text-align:left; }
}
@media screen and (max-width:480px) {
.container { margin-top:74px; }
.content.contact h4 { text-align:left; }
.content.contact h6 { text-align:left; }
.allcols .media { width:100%; }
.col-border { margin:0 10px; }
.col { padding:0 10px; }
.col.colleft { padding:0 10px 80px 0; }
.col.colright { padding:0 0 80px 10px; }
.col.colcenter { margin:0; }
.d2 { width:100%; }
.about.d2 { width:100%; padding:0; float:none; }
.about.d3 { width:100%; }
.about.d3x2 { width:100%; }
.portrait { padding-top:20px; padding-left:0; }
.allcols .box a { padding:0 10px; }
.allcols .video { width:100%; }
.allcols .eachbox { margin:0 0 20px 0; }
.allcols .mt { width:100%; padding:0 10px; }
.allcols .eachbox a { padding:30px; }
.colcenter p { text-align:left; }
.colcenter h2 { text-align:left; }
}