/*
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
GLOBALS
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
*/

@font-face {
	font-family: 'cr';
	src:url('fonts/cr.eot?-8reui4');
	src:url('fonts/cr.eot?#iefix-8reui4') format('embedded-opentype'),
		url('fonts/cr.woff?-8reui4') format('woff'),
		url('fonts/cr.ttf?-8reui4') format('truetype'),
		url('fonts/cr.svg?-8reui4#cr') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'cr';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-play:before   { content: "\e600"; }
.icon-next:before   { content: "\e601"; }
.icon-prev:before   { content: "\e602"; }
.icon-check:before  { content: "\e605"; }
.icon-x:before      { content: "\e606"; }


article {
    display:inline-block;
    margin:0;
    padding: 0 4em 0 0;
    text-align: left;
    width:48%;
    }

article p {
    font-size:1.125em;
    }

#about section {
    max-width:940px;
    margin:0 auto;
    }

#about article {
    padding:0;
    width:100%;
    }

#about article ul {
    font-size:0.875em;
    }

#about article p {
    font-size:2em;
    padding-bottom:2em;
    }

h1, h2 {
    font-weight:normal;
    font-style:normal;
    text-align:left;
    }

h1 {
    font-size:2.5625em;
    line-height:1.2;
    margin:0;
    padding:0 0 0.5625em 0;
    }

h2 {
    display:inline-block;
    font-size:1.25em;
    margin:5em 0 1.5em 0;
    }

h2:before {
    content:'';
    width:100%;
    display:inline-block;
    height:1px;
    padding-top:1.5em;
    border-top:4px solid rgba(255,255,255,0.8);
    }





/*
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
PAGER
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
*/


.pager {
    display:inline-block;
    position:absolute;
    right:0;
    top:0.625em;
    }

.pager a,
.pagination li a {
    -webkit-transition: all 200ms ease;
        transition:     all 200ms ease;
    }

    .pager a {
        border:1px solid rgba(255,255,255,0.125);
        display:inline-block;
        font-size:24px;
        line-height:0;
        padding:0.225em;
        text-align:center;
        }

    .pager a:nth-of-type(odd)  { margin:0; }
    .pager a:nth-of-type(even) { margin-left:0.125em; }

    .pager a:hover { border-color: rgba(255,255,255,0.6); }

.pagination {
    border-bottom:1px solid rgba(64,67,71,0.3);
    background:#2c2e30;
    }

.pagination li {
    display: inline-block;
    width:50%;
    position:relative;
    text-align:center;
    }

.pagination li:first-child {
    border-right:1px solid rgba(64,67,71,0.3);/*404347*/
    }

    .pagination li a {
        color: rgba(255,255,255,0.4);
        display:block;
        font-size:14px;
        line-height:24px;
        margin:0;
        padding:2.5em 0;
        }

    .pagination li a:hover {
        background: rgba(64,67,71,0.25);/*404347*/
        color: rgba(255,255,255,0.9);
        }

        .pagination li span {
            position:relative;
            top:2px;
            font-size:24px;
            line-height:0.5;
            }





/*
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
DATA LIST
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
*/


aside {
    display:inline-block;
    margin:-0.25em 0 0 0;
    padding:0;
    vertical-align:top;
    }

aside a {
    -webkit-transition: all 200ms ease;
        transition:     all 200ms ease;
    }

    dl {
        display:inline-block;
        font-size:0.875em;
        text-transform:lowercase;
        vertical-align:top;
        }

    dl:first-of-type { width:50%; }
    dl:last-of-type  { width:45%; }

        dt, dd {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            }

        dt {
            float: left;
            width: 4.875em;
            }

        dt:after { clear:both; content:":"; }

        dt,
        dd > a,
        dd > p {
            padding: 1.375em 0;
            display:block;
            line-height:0;
            }

        dd > p span:before {
            color: rgba(255,255,255,0.125);
            content: "|";
            padding-left:0.375em;
            padding-right:0.375em;
            }

        dd > p span:first-child:before {
            content: "";
            padding-left:0;
            padding-right:0;
            }

        dd > a,
        dd > p { border-bottom:1px solid rgba(255,255,255,0.125); }

        dd { margin: 0 0 0 4.875em; }

        dd > a:hover { border-color: rgba(255,255,255,0.6); }





/*
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
GRID
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
*/


.grid { text-align:center; }

.grid > div:nth-of-type(even) { background-color: #404347; }

.col1,
.col1-3,
.col2,
.half,
.col4   { display: inline-block; }

.col1   { width: 22.00%; }
.col1-3 { width: 33.33%; }

.col2   { width: 46.00%; }

.half   { width: 50.00%; }

.col4   { width: 100%; }

.col1 {
    margin-left:2%;
    margin-right:2%;
    }

.col1:first-of-type { margin-left:0; }
.col1:last-of-type { margin-right:0; }

.col2:nth-of-type(odd)  { padding-right:2%; padding-left:0; }
.col2:nth-of-type(even) { padding-left:2%; padding-right:0;  }

.col2:nth-child(3),
.col2:nth-child(4) { padding-top:4%; }

.pd { padding:3.5% 8% 5.5% 8%; }



.grid > div,
.grid > div:only-of-type {
    padding-top:8%;
    padding-bottom:8%;
    }

.grid > div.np { padding:0; }
.grid > div.ntp { padding-top:0; }

.grid > div:first-of-type,
.grid > div:first-of-type.rows { padding-top:0; }

.grid .rows div {
	display:block;
	margin:0;
	}
	
.grid .rows div:nth-of-type(1) {
	padding:0;
	}
	
.grid .rows div:nth-of-type(2) {
	padding:4% 0 0 0;
	}





/*
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
MEDIA QUERIES
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
*/


@media all and (min-width: 1320px){

    .col2 { max-width:640px; }
    .col4 { max-width:1280px; }

    aside { width:50%; }

    dl:first-of-type { width:50%; }
    dl:last-of-type { width:45%; }

    }


@media all and (max-width: 1319px) and (min-width: 1000px) {

    .col2 { max-width:480px; }
    .col4 { max-width:960px; }

    article { width:64%; }

    aside { width:35%; }

    dl:first-of-type,
    dl:last-of-type { width:100%; }

    }


@media all and (min-width: 1000px) {

    section:first-of-type {
        padding-top: 8em;
        padding-bottom: 7em;
        }

    #about article ul {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-column-count: 3;
           -moz-column-count: 3;
                column-count: 3;
          -webkit-column-gap: 4em;
             -moz-column-gap: 4em;
                  column-gap: 4em;
        }

    }


@media all and (max-width: 999px) {

    h1 { font-size:2em; }

    h2 { margin:1.5em 0 1.5em 0; }

    dl { font-size:0.75em; }

    article p { font-size:0.875em; }

    section:first-of-type {
        padding-top: 2.5em;
        padding-bottom:1.5em;
        }

    article {
        display:block;
        width:100%;
        margin:0 0 1em 0;
        padding:0;
        }


    #about article p {
        font-size:1.25em;
        padding-top:1em;
        }

    .pager {
        display:block;
        position:relative;
        padding-bottom:1.5em;
        padding-top:0;
        top:auto;
        }

    aside { width:100%; }

    }


@media all and (max-width: 999px) and (min-width: 680px){

    .col2 { max-width:320px; }
    .col4 { max-width:640px; }

    }


@media all and (max-width: 999px) and (min-width: 610px){

    dl:first-of-type { width:50%; }

    dl:last-of-type { width:45%; }

    #about article ul {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
          -webkit-column-gap: 3em;
             -moz-column-gap: 3em;
                  column-gap: 3em;
        }

    }


@media all and (max-width: 679px){

    .col1 { width:46%; }

    .col1-3,
    .col2,
    .half { width:100%; }

    .col2,
    .col2:nth-of-type(odd),
    .col2:nth-of-type(even),
    .col4 {
        padding-left: 8%;
        padding-right: 8%;
        }

    .col1:nth-child(1),
    .col1:nth-child(2) { margin-bottom:8%; }

    .col1:nth-of-type(odd) {
        margin-left:0;
        margin-right:4%;
        }

    .col1:nth-of-type(even) {
        margin-left:4%;
        margin-right:0;
        }

    .col2:nth-child(3),
    .col2:nth-child(4) { padding-top:0; }

    .col2 { padding-bottom:8%; }
    .col2:last-of-type { padding-bottom:0; }
	
	.grid .rows div:nth-of-type(1) {
		padding-bottom:8%;
		}
	
	.grid .rows div:nth-of-type(2) {
		padding:0;
		}

    .pd { padding:8%; }

    .pagination li a                { font-size:12px; }
    .pagination li:first-of-type    { text-align:left; }
    .pagination li:first-of-type a  { padding-left:13%; }

    .pagination li:last-of-type     { text-align:right; }
    .pagination li:last-of-type a   { padding-right:13%; }

    }


@media all and (max-width: 609px){

    dl:first-of-type,
    dl:last-of-type  { width:100%; }

    }