﻿/* base is for all screens and devices */
/* Reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, em, img, strong, sub, sup, ol, ul, li, dl, dt, dd, fieldset, form, label { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; }
html { font-family: small; font-size: 125%; }
body, input, select, textarea, button { font: 70%/1.4 'rubrikregular',Arial,'Trebuchet MS','Droid Sans',helvetica,sans-serif; outline: 0; }
input, button, select, textarea { font-size: 1em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; }
input[type=date]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-input-list-button { display: none; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
::-moz-focus-inner { outline: 0; border: 0; }
a:active { background: inherit; }
/* IE10 fix */
ul { list-style: none; }

/*rip*/
.wrapper > .rip { font-size: 1.2em; width: 80%;margin:1em 10%;line-height:1.3em;text-align:center;}
.wrapper > .rip .date { font-style:italic;}
.wrapper > .rip p {margin-bottom:1.2em;}
.wrapper > .rip a {color:#22314D !important;}

.owl-carousel p.rip {font-style:italic;margin-bottom:.3em !important;font-size:1.4em !important;font-family:'nlight',arial,sans-serif !important;}

/*fonts*/
@font-face { font-family: 'nboldbold'; src: url('../font/nboldbold-webfont.eot'); src: url('../font/nboldbold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/nboldbold-webfont.woff') format('woff'), url('../font/nboldbold-webfont.ttf') format('truetype'), url('../font/nboldbold-webfont.svg#nboldbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'nbold'; src: url('../font/nbold-webfont.eot'); src: url('../font/nbold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/nbold-webfont.woff') format('woff'), url('../font/nbold-webfont.ttf') format('truetype'), url('../font/nbold-webfont.svg#nbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'nlight'; src: url('../font/nlight-webfont.eot'); src: url('../font/nlight-webfont.eot?#iefix') format('embedded-opentype'), url('../font/nlight-webfont.woff') format('woff'), url('../font/nlight-webfont.ttf') format('truetype'), url('../font/nlight-webfont.svg#nlight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'icons'; src: url('../font/rwf.eot'); src: url('../includes/font/rwf.eot?#iefix') format('embedded-opentype'), url('../font/rwf.woff') format('woff'), url('../includes/font/rwf.ttf') format('truetype'), url('../font/rwf.svg#icons') format('svg'); font-weight: normal; font-style: normal; }

/*NEWSLETTER MAILCHIMP*/
#mc_embed_signup {clear:left; font:14px Helvetica,Arial,sans-serif; }
.audible #mc_embed_signup {padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #C1B2B2;}

/* Global */
body { font-family: 'nlight',arial,sans-serif; color: #22314D; background: #f5f5f5; font-size: .75em; }

h1, h2 { font-family: 'Raleway';font-weight:900; line-height: 1.3; }
h3, h4, h5, h6 { line-height: 1.3; font-weight: normal; -webkit-font-smoothing: antialiased; }

h1 { font-size: 4.5em; margin-bottom: .5em; }
h2 { font-size: 2.5em; margin: .4em 0 .35em 0; display: block; color: #3FC0D4; }
h3 { font-size: 1.3em; margin: 0 0 .6em 0; font-family: 'nboldbold'; }
.projectdetail h3 { margin-bottom: 0; font-size: 1.1em; font-family: 'nbold'; }
h4 { font-size: 1em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.7em; }

a { color: #069; }
a:hover { text-decoration: underline; color: #22314D; }
img { max-width: 100%; width: auto; height: auto; }
p { margin-bottom: .5em; }


.txtcolor1 { color:#AD9A9A; }
.txt2 { font-family: 'nlight'; font-size: .9em; color:#AD9A9A; }
.txt3 { font-style: italic; }
.txtb { font-weight:bold; }
.rw { color: #EB3A00; }
.rw p { color: #22314D; }


/* Grid */
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11,
.grid12 { display: block; margin-left: 2%; margin-right: 2%; margin-bottom: 2%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*layout*/
.wrapper { position: relative; }
.wrapper.pad { padding: 0 2%; }
section.grid { background: transparent; border: 0; overflow: hidden; /* padding: 0 2%;*/ }
section { margin-bottom: 2em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.home section.grid { margin-bottom: 0; }

/*header*/
header { overflow: hidden; border-bottom: 10px solid #20314C; padding-bottom: 0; }
header section { margin-bottom: 0; }
/*navigation*/
nav.largemenu { margin-bottom: 0; z-index: 10; position: relative; }
nav.largemenu .wrapper {background:#EFEBEB;overflow: hidden; width: 100%;border-bottom:10px solid #C1B2B2;}
nav.largemenu a {float:left;border-bottom:1px solid #E2DADA;width:50%;padding:.6em 4% 0.6em 4%;box-sizing:border-box;font-family:"nbold";
                 text-decoration:none;color: #20314C;position: relative;}
nav.largemenu a:nth-child(even) {border-left:1px solid #E2DADA;}
nav.largemenu a:hover {text-decoration:underline;}
.home nav.largemenu a.home,
.films nav.largemenu a.films,
.news nav.largemenu a.news,
.updates nav.largemenu a.updates,
.tv nav.largemenu a.tv,
.standup nav.largemenu a.standup,
.plays nav.largemenu a.plays,
.calendar nav.largemenu a.calendar,
.bio nav.largemenu a.bio,
.interviews nav.largemenu a.interviews,
.tour nav.largemenu a.tour,
.fans nav.largemenu a.fans {background:#E2DADA;}

.home nav.largemenu a.home:before, 
.films nav.largemenu a.films:before, 
.news nav.largemenu a.news:before, 
.updates nav.largemenu a.updates:before, 
.tv nav.largemenu a.tv:before, 
.standup nav.largemenu a.standup:before, 
.plays nav.largemenu a.plays:before, 
.calendar nav.largemenu a.calendar:before, 
.bio nav.largemenu a.bio:before, 
.interviews nav.largemenu a.interviews:before, 
.tour nav.largemenu a.tour:before, 
.fans nav.largemenu a.fans:before {content:"\a0\203A";position:absolute;left:3%;top:5px;font-size:1.4em;color:#3FC0D4;}

nav section { margin-bottom: 0 !important; }

.hamburger { background: #20314C; padding: 0; margin-left: .7em; margin-top: .7em; float: right; }
.hamburger a {display:block;padding:.9em .6em;text-decoration:none;font-size:1em;font-family:'nbold';color:#fff;position:relative;}
/*.hamburger a:before,
.hamburger a:after {border-bottom:solid 3px #fff;width:18px;left:50%;margin-left:-9px;position:absolute;content:"";}
.hamburger a:before {height:3px;border-top:solid 3px #fff;top:2px;}
.hamburger a:after {height:0px;top:14px;}*/
.hamburger a:before,
.hamburger a:after {position:absolute;left:50%;margin-left:-3px;content:"";border-bottom:6px solid transparent;
                     border-left:6px solid transparent;border-right:6px solid transparent;}
.hamburger a:before {border-top:6px solid #fff;bottom:0;}
.hamburger a:after {bottom:2px;border-top:6px solid #22314D;}

nav.top { display: none; }
.logo { float: left; color: #22314D; font-size: 1.7em; text-transform: lowercase; font-family: 'Raleway',cursive;font-weight:900;margin: 15px 0 0 0; text-decoration: none; }
.logo:hover { text-decoration: none; }
.logo span { color:#3FC0D4; }
header .wrapper > p {display:none;}

.utility /*, .social*/ { display: none; }

header .social { display: block; float: right; margin: .7em 0 0; }
header .social span { display: none; }
header .social li { float: left; margin: 0 .3em; }
header .social li:last-child { margin-right: 0; }
header .social li ul { float: right; }
header .social li ul li { margin: 0 .3em; }

.facebook, .twitter { font-family: 'icons'; color: #fff; line-height: 2.8em; text-align: center; text-decoration: none; width: 2.8em; display: block; }
.facebook { background: #20314C; }
.twitter { background: #40C1D5; }
.facebook:hover, .twitter:hover { color: #fff; text-decoration: none; opacity: .9; }

/*For the hamburger menu to work*/
html { font-family: small; }

/*breadcrumbs*/
.breadcrumbs { display: none; }

/*blocks*/
.block { padding: 0; border: 0; overflow: hidden; }

/*GLOBAL*/
.projectdetail ul.list { overflow: hidden; }
.projectdetail ul.list + h3 { margin-top: 1em; }
ul.list li { margin-bottom: .3em; padding-left: 20px; position: relative; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
ul + p { margin-top: 1em; }
ul.list li:before,
footer .grid4 > ul li a:before { position: absolute; content: ""; left: 3px; top: 6px; width: 10px; height: 10px; background: #006699; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
ul.list li:hover:before,
footer .grid4 > ul li a:hover:before { background: #22314D; }

ul.quote li { margin-bottom: .2em; }

/*VIDEO EMBED*/
.videocontainer { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; }
.videocontainer iframe, .videocontainer object, .videocontainer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.fb_iframe_widget iframe, .fb_iframe_widget > span, .fb_iframe_widget { width: 100% !important; }
.sharing .fb_iframe_widget iframe, .sharing .fb_iframe_widget > span, .sharing .fb_iframe_widget { width: 78px !important; }

/*sharing*/
.sharing { overflow: hidden; margin-bottom: 1em; }
.fb-like { float: left; display: inline; }
.sharing .fb-like, .sharing > a, .sharing .twitter-share-button { float: right; }
.sharing .twitter-share-button { padding: .15em 0; width: 92px !important; }
.sharing > a:not(.twitter-share-button) { margin-right: 1.5em; background: #E7ECF3; border: 1px solid #D3D6E0; border-radius: 4px; padding: .5px 8px .5px; font-size: .8em; margin-top: 2px; text-decoration: none; }

/*HOMEPAGE*/
/*banner*/
.banner { margin-bottom:25px; position: relative; z-index: 5; }
.banner .wrapper { overflow: visible; padding: 0; }
.banner .infobox { position: absolute; left: 4%; top: 1em; }
.banner .infobox .title, .banner .infobox h1 { font-family: 'Raleway';font-weight:900; -webkit-font-smoothing: antialiased; font-size: 2.4em; color: #fff; margin-bottom: 0; -webkit-text-shadow: 2px 2px 0 rgba(0,0,0,.5); text-shadow: 2px 2px 0 rgba(0,0,0,.5); }
.banner .infobox .subtitle { font-size: 1.2em; color: #fff; font-family: 'nbold'; margin-bottom: 1.2em; -webkit-text-shadow: 1px 1px 0 rgba(0,0,0,.4); text-shadow: 1px 1px 0 rgba(0,0,0,.4); }

.banner .bottombox { padding: 4% 2%; }
.banner .bottombox select { margin-top: 1em; padding: .2em; width: 100%; }

/*no banner*/
.nobanner .infobox { padding: 0 2%; }
.nobanner .infobox h1 { font-size: 3em; margin-bottom: 0; }
.nobanner .infobox p.subtitle { font-family: 'nbold'; margin-bottom: 2.7em; }

.nobanner .bottombox { padding: 1em; background: #eee; }
.nobanner .bottombox #dropdown { float: right; }

/*promo*/
.promo {position:relative;display:block;}
.promo h2 {position:absolute;top:0;padding:0 4%;color:#fff;font-size:2.5em !important;}
.promo img {display:block;}
.promo .bottombox {position:absolute;bottom:0;left:0;width:94%;padding:1.2em 2% 1.2em 4%;background:#41413F;background:rgba(22,22,17,.5);color:#fff;}

/*buttons*/
.button1 { padding: .6em .8em; background: #20314C; color: #fff; -o-transition: .4s; -ms-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s; text-decoration: none;border:0;}
.button1:hover { background: #006699; text-decoration: none; color: #fff;cursor:pointer;}


/*subscribe*/
.subscribe form {overflow:hidden;margin-bottom:1em;padding-left:0 !important;}
.subscribe label {margin:.2em 0;}
.subscribe label, .subscribe input[type=text] {width:100%;}
.subscribe input[type=text],
.subscribe input[type=email] { padding:.45em; }
.subscribe .button1 {margin-top:1em;}
.subscribe .tributes-banner {display:none;}

/*latestnews, updates, films*/
.home .list { padding: 0 2%; }
.home .block > h2 a { color: #3FC0D4; text-decoration: none; }
.block.list li,
.block.latestnews li,
.block.updates li { overflow: hidden; margin-bottom: 1.2em; padding-top: 1.2em; border-top: 3px solid #E2DADA; }
ul.updates li { overflow: hidden; }
.block li:first-child { border-top: 0; }
.latestnews li > div { margin-left: 17%; padding-left: 1em; }
.latestnews li:first-child > div, .projectdetail.latestnews li > div { margin-left: 25%; }
.latestnews li .date { color:#AD9A9A; text-transform: lowercase; margin-bottom: .3em; font-size: 1em; float: left; width: 100%; display: block; }
.latestnews li img { float: left; margin-right: 1em; width: 17%; }
.latestnews li:first-child img { width: 25%; }
.block h3, .list.news ul h2 { margin-bottom: .15em; font-size: 1.928em; line-height: 1.2; font-family: 'nboldbold'; }
.list.news ul h2 { margin-top: .1em; }
.block h3 a:hover,
.projectdetail.latestnews h3 a:hover,
.list.news h2 a:hover,
.block.list h3 a:hover,
.home .block > h2 a:hover { text-decoration: none; color: #20314C; -o-transition: .4s; -ms-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s; }
.block h3 a,
.projectdetail.latestnews h3 a,
.list.news h2 a,
.block.list h3 a { color: #069; text-decoration: none; -o-transition: .4s; -ms-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s; }
.block h3 a:after,
.projectdetail.latestnews h3 a:after,
.list.news h2 a:after,
.block.list h3 a:after,
.home .block > h2 a:after { content: "\a0\203A"; }
.home .block > h2 a:after { font-family: 'nbold'; }

.list.news ul div > a { float: right; }
.list.news p.date { color: #888; }

/*updates*/
.updates li div.cal + div { margin-left: 65px; padding-left: 1em; }
.updates li p, .films li p, .list.news p.date { margin-bottom: 0; }


/*calendar*/
.cal { background-color: #40C1D5; text-align: center; width: 65px; margin-right: 1em; float: left; }
.cal span { display: block; }
.cal .month { padding: .4em 0 0 0; color: #20314C; }
.cal .day { color: #fff; padding: 0 0 .2em 0; }
.cal .number { font-size: 2.2em; font-family: "nboldbold"; line-height: 1.1; color: #20314C; }

/*film listing*/
.list li img { float: left; width: 25%; margin-right: .8em;}
.availability .list li img {width:0px; margin-right:0;}
.list li > div:not(.cal) { padding-left: 25%; margin-left: 1em; }
.list li .as, .films li .summary { margin-bottom: 1.15em; }
.list li .status { font-family: 'nbold'; }

/*tributes listing*/
.tributes h3 {font-size:1.2em;}
.tributes p {font-size:.9em;}
.tributes p.summary {margin-bottom:0;}
.tributes p.as {margin:.4em 0;display:none;}
.tributes li > div {padding-left:50px !important;background-image:url('../../images/overall/tributes2.png');background-repeat:no-repeat;}
.tributes li a:visited {color:#39c;}
.movieclip > div {background-position: 0 -452px;}
.reading > div {background-position:0 4px;}
.painting > div {background-position:0 -215px;}
.music > div {background-position:0 -933px;}
.bikeride > div {background-position:0 -705px;}
.theater > div {background-position:0 -1153px;}

.tributes-banner {position:relative;width:100%;}
.tributes-banner span {position:absolute;bottom:20px;left:5%;color:#fff;text-decoration:none;font-family:'nbold';font-size:30px;}

/*filmdetail*/
.posterholder { float: left; width: 35%; margin-right: 1em; }
.posterholder + ul { padding-left: 35%; margin-left: 1em; }
.projectdetail { border-top: 10px solid #E2DADA; margin-top: 2em; overflow: hidden; }
.projectdetail:first-child { border-top: 0; margin-top: 0; }
.projectdetail li { margin-bottom: 1em; font-family: 'nbold'; }
.projectdetail li:last-child { margin-bottom: 0; }
.projectdetail li p { font-family: 'nlight'; }

.projectdetail .dates li { overflow: hidden; }
.projectdetail .dates li h3 { font-size: 1.2em; }

.projectdetail.tagline p { background: #22314D; color: #fff; font-size: 1.4em; font-style: italic; padding: 1em; margin-top: 1em; margin-bottom: 0; }

.projectdetail.cast li, .projectdetail.availability ul li { float: left; width: 48%; margin-right: 4%; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; }
.projectdetail.cast li:nth-child(2n+2), .projectdetail.availability ul li:nth-child(2n+2) { margin-right: 0; }

.projectdetail ul.quote + ul.quote { margin-top: 1.2em; }
ul.quote p { margin-bottom: 0; }

.fans + .projectdetail {clear:left;}

.pluginSkinLight.pluginFontHelvetica > div { width: 100% !important; }
.fb-comments.fb_iframe_widget { width: 100% !important; }
.fb-comments { width: 100% !important; }
.fb-comments iframe[style] { width: 100% !important; }
.fb-like-box { width: 100% !important; }
.fb-like-box iframe[style] { width: 100% !important; }
.fb-comments span { width: 100% !important; }
.fb-comments iframe span[style] { width: 100% !important; }
.fb-like-box span { width: 100% !important; }
.fb-like-box iframe span[style] { width: 100% !important; }


.projectdetail .more,
div.more { display: none; margin-top: 1.5em; }
button.expand { /*display:block;background:#EB3A00;color:#fff;*/ background: transparent; border: none; text-decoration: none; position: relative; padding-right: 15px; padding-left: 0; color: #069; margin-top: 1.5em; }
button.expand:hover { text-decoration: underline; cursor: pointer; }
button.expand:after { content: '\a0\02C5'; position: absolute; right: 0; top: 1px; }
button.expand.opened:after { content: '\a0\02C4'; }


/* LATEST NEWS*/
.article h1 { font-size: 2.5em; }
.intro { font-family: 'nbold'; }
img.fullsize { width: 100% !important; margin: 1em 0 .3em 0; }

.projectdetail.latestnews li { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 3px solid #eee; overflow: hidden; }
.projectdetail.latestnews li img { width: 25%; }
.projectdetail.latestnews li p.date, .projectdetail.article .date { float: none; color: #888; }
/*.projectdetail.latestnews*/ ul + .button1 { float: right; }


/*INTERVIEWS*/
.article h1 + span, .article h2 + span { display: block; color: #888; margin-bottom: 2.5em; }
.article h1 + h2 { font-size: 1.4em; display: block !important; font-family: 'nbold'; }
.article h1 + span + h2 { padding-top: .5em; border-top: 10px solid #E2DADA; }

.standout { padding: 1.5em; background: #eee; margin-bottom: 1.5em; border-left: 5px solid #e7e7e7; }

/*accordion*/
.accordion h3 { padding-left: 20px; position: relative; }
.accordion h3:hover { text-decoration: underline; cursor: pointer; }
.accordion h3:before { content: ""; left: 0; top: 8px; position: absolute; height: 0; width: 0; border-left: 7px solid #3FC0D4; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.accordion h3.open:before { border-top: 7px solid #3FC0D4; border-left: 6px solid transparent; border-right: 6px solid transparent; }
.accordion h3 + div { border-bottom: 6px solid #ddd; margin-bottom: 1em; }

.accordion p > span { display: block; font-style: italic; }
.accordion div > ul { font-family: 'nbold'; margin-bottom: 1em; }
.accordion div > ul + p { margin-top: 0; }

/* AUDIBLE DOWNLOADS */
.audible h3:hover .txt2 {text-decoration:none !important;}
.download {border:3px solid #C1B2B2;background:#EFEBEB;padding:0 15px 15px 15px;margin-bottom:15px;}
.donate {border-top:1px solid #C1B2B2;padding-top:15px;}
.download .rw {font-weight:bold;font-size:20px;margin-right:10px;}
.download .txt2 {color:#8D7A7A;}


/*contact page / form*/
/* Contact page*/
#contact-wrapper { width: 100%; }
#contact-wrapper div { clear: both; margin: 1em 0; }
#contact-wrapper label { display: block; float: none; width: auto; }
form#contactform { display: block !important; }
form#contactform input { border: 1px solid #B7B7B7; padding: 5px; color: #333; width: 80%; }
form#contactform textarea { font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 100%; padding: 0.6em 0.5em 0.7em; border: 1px solid #B7B7B7; overflow: auto; width: 100%; }

#contactform { margin-bottom: 1em; }
#contactform label.error { background: pink; color: #f00; width: 402px; padding: 5px; margin-top: 2px; }
#contact-wrapper span.required { color: #EC3C00; font-weight: bold; }

#contact-wrapper .success, #contact-wrapper .error { padding: 1em; margin-top: 1em; font-weight: bold; }
#contact-wrapper .success { background-color: #CCE57F; color: #333; padding: 1em 1em .1em 1em; }
#contact-wrapper .error { background: #F4DFD7; color: #EC3C00; }

#contact-wrapper .button1 { color: #fff; padding-top: .5em; padding-bottom: .5em; }
#contact-wrapper .button1:hover { cursor: pointer; }

/*interview page*/
.bottombox span span, .interviews li h3 { padding-left: 20px; position: relative; }
.bottombox span span:before, .interviews li h3:before { position: absolute; left: 3px; top: 6px; content: ""; width: 10px; height: 10px; }
.interviews li h3:before { top: 19px; }
.interviews li h3.interview:before, .bottombox span.interview:before { background: #EC3C00; }
.interviews li h3.article:before, .bottombox span.article:before { background: #3FC0D4; }
.interviews li h3.review:before, .bottombox span.review:before { background: #99CC00; }
.interviews li h3.preview:before, .bottombox span.preview:before { background: #22314D; }
div.standout { background-color: #eee; padding: 1em; margin-bottom: 1em; }


/*Footer*/
.backtotop { position: fixed; bottom: .2em; right: .2em; width: 40px; height: 40px; border-radius: 50%; background: #3FC0D4; color: #fff; font-family: 'icons'; line-height: 40px; text-align: center; font-size: 1.5em; text-decoration: none; z-index: 2; -o-transition: .4s; -ms-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s; }
.backtotop:hover { text-decoration: none; }
footer { padding-top: 2%; padding-bottom: 2%; background:#EFEBEB; overflow: hidden; }
footer .grid4 { overflow: hidden; }
footer .social { margin-top: 1.5em; }
footer .social ul { overflow: hidden; }
footer .social li { float: left; margin-left: .3em; }
footer .social span { float: left; line-height: 2; }

footer .grid + .grid { overflow: hidden; float: left; }

footer .grid4 > ul { overflow: hidden; }
footer .grid4 > ul li a { position: relative; padding-left: 20px; text-decoration: none; padding-bottom: .3em; float: left; clear: left; }
footer .grid4 > ul li:last-child a { padding-bottom: 1.2em; }
footer .grid4 > ul li a:hover { text-decoration: underline; }

footer .twitter-timeline { float: left; margin-bottom: .8em; }
footer .twitter-follow-button { float: left; clear: both; display: block; margin-bottom: 2em; }

footer .subfooter { font-size: .8em; margin-top: 3em; line-height: 1.5; margin-bottom: 0; }

/*owl carousel v1.24*/

/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { /* display: none;*/ position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel .owl-item { float: left; }
.banner .owl-carousel .owl-item div.imagebox { background: #000; }
.banner .owl-carousel .owl-item div img { opacity: .7; }
.owl-carousel img { display: block; margin: 0 auto; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.owl-carousel .owl-pagination { position: absolute; bottom: -40px; text-align: center; width: 100%; }

.projectdetail .owl-carousel .owl-item > div { border-top: 1px solid #E2DADA; }
.projectdetail .owl-carousel .infobox { text-align: center; border-top: 1px solid #E2DADA; padding-top: .8em; }
/* mouse grab icon */
.grabbing { cursor: url(grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }
.owl-item {position:relative;}

/* CSS3 Transitions */

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; -ms-perspective: 1200px; perspective: 1200px; }
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; -o-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; -o-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; -o-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; -o-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; -o-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; -o-animation: goDown .6s ease both; animation: goDown .6s ease both; }
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; -o-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; -o-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {0% { opacity: 1; }}

@-moz-keyframes empty {0% { opacity: 1; }}

@keyframes empty {0% { opacity: 1; }}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-moz-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes backSlideOut {
    25% { opacity: .5; -webkit-transform: translateZ(-500px); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}

@-moz-keyframes backSlideOut {
    25% { opacity: .5; -moz-transform: translateZ(-500px); }
    75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}

@keyframes backSlideOut {
    25% { opacity: .5; -moz-transform: translateZ(-500px); -ms-transform: translateZ(-500px); -o-transform: translateZ(-500px); -webkit-transform: translateZ(-500px); transform: translateZ(-500px); }
    75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); -ms-transform: translateZ(-500px) translateX(-200%); -o-transform: translateZ(-500px) translateX(-200%); -webkit-transform: translateZ(-500px) translateX(-200%); transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); -ms-transform: translateZ(-500px) translateX(-200%); -o-transform: translateZ(-500px) translateX(-200%); -webkit-transform: translateZ(-500px) translateX(-200%); transform: translateZ(-500px) translateX(-200%); }
}

@-webkit-keyframes backSlideIn {
    0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px); }
    100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}

@-moz-keyframes backSlideIn {
    0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -moz-transform: translateZ(-500px); }
    100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}

@keyframes backSlideIn {
    0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); -ms-transform: translateZ(-500px) translateX(200%); -o-transform: translateZ(-500px) translateX(200%); -webkit-transform: translateZ(-500px) translateX(200%); transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -moz-transform: translateZ(-500px); -ms-transform: translateZ(-500px); -o-transform: translateZ(-500px); -webkit-transform: translateZ(-500px); transform: translateZ(-500px); }
    100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); -ms-transform: translateZ(0) translateX(0); -o-transform: translateZ(0) translateX(0); -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); }
}

@-webkit-keyframes scaleToFade {
    to { opacity: 0; -webkit-transform: scale(.8); }
}

@-moz-keyframes scaleToFade {
    to { opacity: 0; -moz-transform: scale(.8); }
}

@keyframes scaleToFade {
    to { opacity: 0; -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); -webkit-transform: scale(.8); transform: scale(.8); }
}

@-webkit-keyframes goDown {
    from { -webkit-transform: translateY(-100%); }
}

@-moz-keyframes goDown {
    from { -moz-transform: translateY(-100%); }
}

@keyframes goDown {
    from { -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
    from { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpFrom {
    from { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpFrom {
    from { opacity: 0; -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
    to { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpTo {
    to { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpTo {
    to { opacity: 0; -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); }
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.24


.owl-theme .owl-controls {position:relative;top:0;}*/
:not(".home") .owl-theme .owl-controls { height: 0; width: 100%; position: absolute; top: 0; }

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div { color: #3FC0D4; display: inline-block; -ms-zoom: 1; zoom: 1; *display: inline; margin: 5px; padding: 3px 10px; font-size: 60px; filter: Alpha(Opacity=50); opacity: 0.75; position: absolute; top: 65px; }
.owl-theme .owl-controls .owl-buttons div.owl-prev { left: 0; }
.owl-theme .owl-controls .owl-buttons div.owl-next { right: 0; }
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { /*filter: Alpha(Opacity=100); opacity: 1;*/ text-decoration: none;background:#20314C; }

/* Styling Next and Prev buttons

.owl-theme .owl-controls .owl-buttons {position:absolute;top:45%;width:100%;}
.owl-theme .owl-controls .owl-buttons div { color:#3FC0D4;display: inline-block; -ms-zoom: 1; zoom: 1;position:absolute; 
											*display: inline; margin: 5px; padding: 3px 10px; font-size: 60px; } */
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { /*filter: Alpha(Opacity=100); IE7 fix opacity: 1;*/ text-decoration: none; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page { display: inline-block; -ms-zoom: 1; zoom: 1; *display: inline; /*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span { display: block; width: 15px; height: 15px; margin: 5px 7px;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background:#3FC0D4; }
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { /*filter: Alpha(Opacity=100); IE7 fix opacity: 1;*/background:#20314C; }
/*filter: Alpha(Opacity=50); IE7 fix opacity: 0.5;*/
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center; }

@media (min-width:479px) and (max-width:700px) {
    footer .grid4:nth-child(2), footer .grid4:nth-child(3) { float: left; width: 46%; margin-left: 4%; }
    footer .grid4:nth-child(2) { clear: left; margin-left: 2%; margin-right: 0; }
}

@media (min-width:500px) {
    .hamburger a { padding: 0.9em 1em; }
}

@media (min-width:600px) {
    .logo { font-size: 2.2em; margin: 8px 0 0 0; }
}
