@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@font-face {
    font-family: 'socicon';
    src: url('fonts/socicon.eot');
    src: url('fonts/socicon.eot?#iefix') format('embedded-opentype'),
         url('fonts/socicon.woff') format('woff'),
         url('fonts/socicon.ttf') format('truetype'),
         url('fonts/socicon.svg#sociconregular') format('svg');
    font-weight: normal;
    font-style: normal;
    text-transform: initial;
}

*{
	margin:0px;
	padding:0px;
}

img{
    display:block;
}

[class^="socicon-"], [class*=" socicon-"] { /* Change to your class name, eg: icon, socicon, social... */
	font-family: 'socicon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    display:inline-block;
    width:80px;
    margin-top:40px;
    font-size:36px;
}

[class^="dvd-"], [class*=" dvd-"], [class^="itunes-"], [class*=" itunes-"], [class^="amazon-"], [class*=" amazon-"]{
    display:block;
    width:150px;
    height: 55px;
    background-color:rgb(0,0,0);
    margin:10px auto;
    position:relative;
}

[class^="itunes-"], [class*=" itunes-"]{
	background:url("images/itunes-button.png") top center no-repeat;
    background-size: 150px 55px;
}

[class^="amazon-"], [class*=" amazon-"]{
	background:url("images/amazon-button.png") top center no-repeat;
    background-size: 150px 55px;
}

[class^="dvd-"], [class*=" dvd-"]{
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px; /* future proofing */
}

[class^="dvd-"]:after, [class*=" dvd-"]:after{
    position: absolute;
    top:16px; left:0px; right:0px; bottom:0px;
    content:"Buy DVD";
    color:rgb(255,255,255);
}

.dvd-us:after{
    top:16px; 
    font-size:10px;
    content:"DVD available on 25/09";
}

[class^="dvd-"]:hover, [class*=" dvd-"]:hover, [class^="itunes-"]:hover, [class*=" itunes-"]:hover, [class^="amazon-"]:hover, [class*=" amazon-"]:hover{
    opacity:0.5;
}


body{
    min-width:640px;
    -webkit-text-size-adjust:none;
    color:rgb(255,255,255);
    /*background: rgb(246,153,56);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2OTkzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y5YmMxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNjk5MzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgb(246,153,56) 0%, rgb(249,188,23) 50%, rgb(246,153,56) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(246,153,56)), color-stop(50%,rgb(249,188,23)), color-stop(100%,rgb(246,153,56)));
    background: -webkit-linear-gradient(left, rgb(246,153,56) 0%,rgb(249,188,23) 50%,rgb(246,153,56) 100%);
    background: -o-linear-gradient(left, rgb(246,153,56) 0%,rgb(249,188,23) 50%,rgb(246,153,56) 100%);
    background: -ms-linear-gradient(left, rgb(246,153,56) 0%,rgb(249,188,23) 50%,rgb(246,153,56) 100%);
    background: linear-gradient(to right, rgb(246,153,56) 0%,rgb(249,188,23) 50%,rgb(246,153,56) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f69938', endColorstr='#f69938',GradientType=1 );*/
    font:18px/22px 'Montserrat', sans-serif;
    font-weight: 700;
    background-color:rgb(40,40,40);
}


header, footer, .credits{
    font:18px/20px 'Oswald', sans-serif;
    text-transform: uppercase;
}

.credits{
    margin-bottom:30px;
    color: grey;
}


header{
    width:100%;
    top:0px; right:0px; left:0px; 
    background-color:rgb(0,0,0);
    position: fixed;
    z-index:501;
}

header li{
    display: inline-block;
}

header li a{
    padding:15px;
    display: block;
    color:rgb(215,29,36);
}

h1, h2, h3{ text-transform: uppercase; }
h1{ font:36px/32px 'Montserrat', sans-serif; font-weight: 700; margin-bottom:30px; color:rgb(0,0,0);}
h2{ font:18px/22px 'Montserrat', sans-serif; font-weight: 700; }
h3{ font:10px/14px 'Montserrat', sans-serif; font-weight: 700; color:rgb(215,29,36); }

p{ margin-bottom:30px; } 
p:last-child{
    margin:0px;
}

a{ color:rgb(215,29,36); text-decoration:none; }
a:hover{ color:rgb(255,255,255); }

.trailer{
    padding:30px 0px 0px 0px;
    width:90%;
    min-width:320px;
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    z-index: 2;
}

.video, header > nav, #reviews, #quotes, #channels{
    margin:0px auto 0px auto;
    max-width:1200px;
    text-align: center;
}
.video, header > nav, #reviews, #quotes, #channels{
    padding: 0;
}


section, footer{
    width:100%;
    margin:0px auto 0px auto; 
    text-align: center;
    padding:120px 0px;
}

/*#home{
    background: url("assets/background_no_tape.jpg") center center no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top:80px;
    padding-bottom: 200px;
}*/
#home{

    padding-top:80px;
    padding-bottom: 200px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

#news{
    padding: 30px 0 0 0;
}

.iframe-container{
    width: 80%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    overflow-x: hidden;
    margin-bottom: 10%;
}

img.osama-tape{
    width: 50%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    max-width: 700px;
    z-index: 2;
}

img.layer{
    width: 100%;
    background-position: center;
    position: absolute;
    z-index: 1;
    top:0;

}

/*#about{
    background: url("assets/background_paper.jpg") center center no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/
#about{
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
}
article{
    position: relative;
    z-index: 10;
}

#how-to-watch{
    background-color:rgb(80,80,80);
}

#news h1, #contact h1, #how-to-watch h1{
    color:rgb(215,29,36); 
}

#how-to-watch h2{
    color:rgb(255,255,255);
    margin:30px 0px;
}

#news{
    overflow-x: hidden;
    position: relative;
    z-index: 10;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



[class*='col-'] {
  float: left;
}

.col-1-1{
    width:100%;
}
.col-2-3 {
    width: 66.66%;
}
.col-1-3 {
    width: 33.33%;
}

.col-1-2 {
    width: 50%;
}
.col-1-4 {
    width: 25%;
}

.col-1-5 {  
    width: 20%;
}

.col-1-8 {
  width: 12.5%;
}

[class*='col-'] {
  padding: 0px;
}

section:after, #reviews:after, #quotes:after {
  content: "";
  display: table;
  clear: both;
}

#reviews .row{
    width:100%;
}

.material-icons{
    font-size:42px !important;
}

#about article{
    max-width:640px;
    margin:0px auto;
}

#about h2{
    color:rgb(215,29,36);
    margin-bottom:30px;
}

#about p{
    text-align:justify;
    text-justify: inter-word;
}

blockquote{
    margin-top: 30px;
}

#channels{
    margin:30px auto;
    color:rgb(0,0,0);
}

a, #itunes, #amazon{
   transition: 0.3s ease; 
    -o-transition: 0.3s ease; 
    -moz-transition: 0.3s ease; 
    -ms-transition: 0.3s ease;
}

a:hover div{
    opacity:0.5; 
    color:rgb(0,0,0);
}

#itunes, #amazon{
    display:inline-block;
    margin:0px auto;
    height:12px;
    padding-top:52px;
    width:150px;
    font-size:10px;
    position: relative;
}

#itunes{
	background:url("images/itunes-button.png") top center no-repeat;
    background-size:150px 55px;
        color:rgb(0,0,0);
}

#amazon{
	background:url("images/amazon-button.png") top center no-repeat;
    background-size:150px 55px;
}


#laurels{
    width:100%;
    max-width:1200px;
    margin:30px auto 0px auto;
    min-height:73px;
    background:url("images/laurels.png") center center no-repeat;
    background-size:1200px 73px;
}

section span, footer span{
    white-space: nowrap;
}

footer a{
    color:rgb(255,255,255);
}

footer a:hover{
    color:rgb(215,29,36);
}



.symbol, a.symbol:before {
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

a.symbol:before {
    content: attr(title);
    margin-right: 0.3em;
    font-size: 130%;
}
		
.active{
    color:rgb(255,255,255);
}
@media only screen and ( max-width: 1200px ){ 
    .col-1-8{
          width: 25%;
    }
    /*
    #how-to-watch .col-1-8:nth-child(5) {
        clear:both;
    }
    
    #how-to-watch .col-1-8:nth-child(5), #how-to-watch .col-1-8:nth-child(6), #how-to-watch .col-1-8:nth-child(7), #how-to-watch .col-1-8:nth-child(8) {
       margin-top:30px;
    }*/
}

@media only screen and ( max-width: 920px ){ 
    .col-1-4{
          width: 50%;
    }
    .col-1-5{
        width: 33.33%;
    }
    #reviews .row{
        width:100%;
    }
    article{
        padding-left: 10px;
        padding-right: 10px;
    }
    #home, #about{
    background-attachment: scroll;

}


}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

}