@import url(https://fonts.googleapis.com/css?family=Arapey);

body{background: #faf1d2;color:#f8e6cc;font-family: Arapey, serif;}
h3{ color:#faf1d2; font-size: 16px;letter-spacing: 0.17em;text-transform: uppercase;margin-top: 10px;}
p{ color:#faf1d2;font-size: 18px;letter-spacing: 0.03em;margin: 0 0 10px;}
input, button, select, textarea {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 1px solid #5a554e;border-radius: 2px;box-shadow: none;color: #faf1d2;font-size: 15px;letter-spacing: 0.16em;margin: 15px 0 25px;padding: 15px 35px;text-transform: uppercase;}

.hero-mob {background-image: url("../images/visual1_mob.png");height:650px;box-shadow:0 0 0 0 #000 inset, 0 -100px 64px -10px #0b0904 inset;background-size:cover;margin-top:-110px}
.hero {height:600px;width:100%;position:relative;}
.small-logo-container {padding-top: 80px;height: 80px;overflow: hidden;}
.small-logo {color: white;font-size: 2.5em;padding-bottom: 2px;}
.big-logo {background: #fff;}
.big-logo-row .big-logo-container {padding-top: 0px;}
.big-logo-row h1 {font-size: 4em;margin: 0;padding: 0;}
.tomahawk-logo{width:270px;margin-top:35px;}
.rlje-logo{margin-top: 37px;width: 85px;}
#copyright{margin-bottom:20px;}
#content-area{padding:40px 0px;}
.image a {background-color: transparent;transition: background-color .60s ease-out;-moz-transition: background-color .60s ease-out;-webkit-transition: background-color .60s ease-out;}
.image a:hover {transition: background-color .20s ease-in;-moz-transition: background-color .20s ease-in;-webkit-transition: background-color .20s ease-in;}
.banner{width:100%;position:relative;box-shadow:0px -2px 14px 3px #000;}

.outer-container {position: relative; height: 0; padding-bottom: 56.25%;}
.BrightcoveExperience {position: absolute;width: 100%;} 


#fancybox{background-color:rgba(0, 0, 0, 0.7);opacity: 0.8;display: none;position: fixed;left: 0;right: 0;bottom: 0;top: 0;z-index: 8010;width:100%;height:100%;}
.fancybox-wrap{background: transparent;display: table;margin: 0 auto;position: relative;padding: 15px;border-radius: 10px;top: 50px;z-index: 8030;}
.fancybox-close {background: rgba(0, 0, 0, 0) url("../images/close.png") no-repeat scroll 0 0;cursor: pointer;height: 36px;position: absolute;right: -19px;top: 13px;width: 36px;z-index: 8040;}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes fadeIn {from {opacity: 0;}
to {opacity: 1;}}

@keyframes fadeIn {from {opacity: 0;}
to {opacity: 1;}}

.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}

@media all and (min-width: 768px) {
.tomahawk-logo{width:405px;}
#copyright{margin-bottom:0px;}
#content-area{padding:100px 0px;}

#trailer-width{width:700px;}
}

@media all and (min-width: 1350px) {
.container{width:1283px}