/*@font-face{
font-family:'opensans';
src:url('/assets/css/fonts/Graphik Web-Regular.eot');
src:url('/assets/css/fonts/Graphik Web-Regular.eot?#iefix') format('embedded-opentype'),
url('/assets/css/fonts/Graphik Web-Regular.woff') format('woff'),
url('/assets/css/fonts/Graphik Web-Regular.ttf') format('truetype'),
url('/assets/css/fonts/Graphik Web-Regular.svg#GraphikWeb') format('svg');
font-weight:normal;
font-style:normal}@font-face{
font-family:'GraphikWebItalic';
src:url('/assets/css/fonts/Graphik Web-Regular Italic.eot');
src:url('/assets/css/fonts/Graphik Web-Regular Italic.eot?#iefix') format('embedded-opentype'),
url('/assets/css/fonts/Graphik Web-Regular Italic.woff') format('woff'),
url('/assets/css/fonts/Graphik Web-Regular Italic.ttf') format('truetype'),
url('/assets/css/fonts/Graphik Web-Regular Italic.svg#GraphikWebItalic') format('svg');
font-weight:normal;
font-style:normal}@font-face{
font-family:'opensansmedium';
src:url('/assets/css/fonts/Graphik Web-Bold.eot');
src:url('/assets/css/fonts/Graphik Web-Bold.eot?#iefix') format('embedded-opentype'),
url('/assets/css/fonts/Graphik Web-Bold.woff') format('woff'),
url('/assets/css/fonts/Graphik Web-Bold.ttf') format('truetype'),
url('/assets/css/fonts/Graphik Web-Bold.svg#GraphikWebBold') format('svg');
font-weight:normal;
font-style:normal}@font-face{
font-family:'GraphikWebBoldItalic';
src:url('/assets/css/fonts/Graphik Web-Bold Italic.eot');
src:url('/assets/css/fonts/Graphik Web-Bold Italic.eot?#iefix') format('embedded-opentype'),
url('/assets/css/fonts/Graphik Web-Bold Italic.woff') format('woff'),
url('/assets/css/fonts/Graphik Web-Bold Italic.ttf') format('truetype'),
url('/assets/css/fonts/Graphik Web-Bold Italic.svg#GraphikWebBoldItalic') format('svg');
font-weight:normal;
font-style:normal}@font-face{
font-family:'opensansbold';
src:url('/assets/css/fonts/Graphik Web-Black.eot');
src:url('/assets/css/fonts/Graphik Web-Black.eot?#iefix') format('embedded-opentype'),
url('/assets/css/fonts/Graphik Web-Black.woff') format('woff'),
url('/assets/css/fonts/Graphik Web-Black.ttf') format('truetype'),
url('/assets/css/fonts/Graphik Web-Black.svg#GraphikWebBlack') format('svg');
font-weight:normal;
font-style:normal}@font-face{
font-family:'GraphikWebBlackItalic';
src:url('/assets/css/fonts/Graphik Web-Black Italic.eot');
src:url('/assets/css/fonts/Graphik Web-Black Italic.eot?#iefix') format('embedded-opentype'),
url('/assets/css/fonts/Graphik Web-Black Italic.woff') format('woff'),
url('/assets/css/fonts/Graphik Web-Black Italic.ttf') format('truetype'),
url('/assets/css/fonts/Graphik Web-Black Italic.svg#GraphikWebBlackItalic') format('svg');
font-weight:normal;
font-style:normal}@font-face{
font-family:'opensans';
src:url('/assets/css/fonts/Publico Headline Web-Roman.eot');
src:url('/assets/css/fonts/Publico Headline Web-Roman.eot?#iefix') format('embedded-opentype'),
url('/assets/css/fonts/Publico Headline Web-Roman.woff') format('woff'),
url('/assets/css/fonts/Publico Headline Web-Roman.ttf') format('truetype'),
url('/assets/css/fonts/Publico Headline Web-Roman.svg#Publico') format('svg');
font-weight:normal;
font-style:normal}@font-face{
font-family:'PublicoItalic';
src:url('/assets/css/fonts/Publico Headline Web-Italic.eot');
src:url('/assets/css/fonts/Publico Headline Web-Italic.eot?#iefix') format('embedded-opentype'),
url('/assets/css/fonts/Publico Headline Web-Italic.woff') format('woff'),
url('/assets/css/fonts/Publico Headline Web-Italic.ttf') format('truetype'),
url('/assets/css/fonts/Publico Headline Web-Italic.svg#PublicoItalic') format('svg');
font-weight:normal;
font-style:normal}@font-face{
font-family:'PublicoBold';
src:url('/assets/css/fonts/Publico Headline Web-Bold.eot');
src:url('/assets/css/fonts/Publico Headline Web-Bold.eot?#iefix') format('embedded-opentype'),
url('/assets/css/fonts/Publico Headline Web-Bold.woff') format('woff'),
url('/assets/css/fonts/Publico Headline Web-Bold.ttf') format('truetype'),
url('/assets/css/fonts/Publico Headline Web-Bold.svg#PublicoBold') format('svg');
font-weight:normal;
font-style:normal}@font-face{
font-family:'PublicoBoldItalic';
src:url('/assets/css/fonts/Publico Headline Web-Bold It.eot');
src:url('/assets/css/fonts/Publico Headline Web-Bold It.eot?#iefix') format('embedded-opentype'),
url('/assets/css/fonts/Publico Headline Web-Bold It.woff') format('woff'),
url('/assets/css/fonts/Publico Headline Web-Bold It.ttf') format('truetype'),
url('/assets/css/fonts/Publico Headline Web-Bold It.svg#PublicoBoldItalic') format('svg');
font-weight:normal;
font-style:normal}@font-face{
font-family:'TradeGothicLtStdBdCn20';
src:url('/assets/css/fonts/tradegothicltstd-bdcn20-webfont.eot');
src:url('/assets/css/fonts/tradegothicltstd-bdcn20-webfont.eot?#iefix') format('embedded-opentype'),
url('/assets/css/fonts/tradegothicltstd-bdcn20-webfont.woff') format('woff'),
url('/assets/css/fonts/tradegothicltstd-bdcn20-webfont.ttf') format('truetype'),
url('/assets/css/fonts/tradegothicltstd-bdcn20-webfont.svg#TradeGothicLtStdBdCn20') format('svg');
font-weight:normal;
font-style:normal}*/
*{
margin:0;
padding:0;
outline:0}

body,html{
height:100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}


body{

margin: 0;
font-size:16px;
line-height:1.8em;
font-family:'opensans',sans-serif;
color:#888888;
background:#eeeeee;
min-width:320px;
-webkit-font-smoothing:antialiased  !important}

a{
color:#ef9300;
text-decoration:none;
cursor:pointer}

a:hover{
color:#ffbf2e;
text-decoration:underline}

a img{
border:0}

input,textarea,select{
font-size:.750em;
font-family:opensans,sans-serif}

textarea{
overflow:auto}

.shell:after,.clearfix:after{
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
*zoom:1}

.cl{
display:block;
height:0;
font-size:0;
line-height:0;
text-indent:-4000px;
clear:both}

.notext{
font-size:0;
line-height:0;
text-indent:-4000px}

.left,.alignleft{
float:left;
display:inline}

.right,.alignright{
float:right;
display:inline}

h1{
font:72px/80px 'opensanslight',sans-serif;
font-weight:normal;
color:#606060;
margin-bottom:28px;
letter-spacing:.00009em}

h2{
font:48px/60px 'opensansbold',sans-serif;
font-weight:normal;
color:#606060;
margin-bottom:20px;
letter-spacing:0px}

h3{
font:2em/1.5em 'opensans-bold',sans-serif;
font-weight:700;
color:#bebebe;
letter-spacing:0px}

h4{
font:1.25em/2em 'opensans', sans-serif;
font-weight:700;
color:#959595;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover{
text-decoration:none}

.u{
color:#fff}

.u:hover{
color:#fff !important}

.shell{
max-width:860px;
min-width:280px;
padding:0 20px;
margin:0 auto}

.sojects{
max-width:100%;
min-width:280px;
padding:0 20px;
margin:0 auto}

.more-link{
color:#ef9300}

.btn-block{
font:24px/40px 'opensansbold', sans-serif;
color:#fff;
display:block;
text-align:center;
background:#F15C30;
margin:56px 0 40px;
transition: .2s background;
padding:5px
0;
letter-spacing:0em}

.btn-block:hover{
text-decoration:none;
color:#fff;
background:#dc461e}.mobile-visible{
display:none}

.mobile-hidden{
display:block}

#header{
background:#fff;
padding:0px}

/*#logo{
display:block;
width:289px;
height:75px;
margin-left:-6px}

#logo
a{
display:block;
height:78px;
background:url(/assets/css/images/logo.png?v2) no-repeat}.home-text{
font:26px/26px 'opensans',sans-serif;
color:#ef9300;
margin-top:-2px;
display:none}*/

#navigation{
background:#eeeeee;
color:#3d3d3d;
text-transform:none;
font:.75em/1em 'opensans', sans-serif}

#navigation
.shell{
position:relative}

#navigation
a{
padding:10px 20px}

#navigation
ul.nav{
margin-left:-16px}

#navigation ul.nav>li{
float:left;
list-style:none}

#navigation ul.nav>li+li{
margin-left:4px}

#navigation ul.nav>li>a{
display:block;
color:#888888;
transition: .2s background}
#navigation ul.nav > li > a:hover,
#navigation ul.nav>li>a.active{
text-decoration:none;
background:#f8f8f8;
color:#bababa}

#navigation ul.nav>li.right{
float:right;
margin-left:0px;
width:80px}

#navigation ul.nav>li>a.btn-right{
float:right;
color:#fff;
background:#ffb100s;
transition: .2s background}

#navigation ul.nav>li>a.btn-right:hover{
text-decoration:none;
background:#ffcc00}

#navigation a.link-right{
position:absolute;
right:5px;
bottom:100%;
display:none}

#navigation a.link-right:hover{
text-decoration:none}

#navigation a.menu-btn{
display:none}

#main{
background:#f8f8f8;
padding:1em 0 1.5em}

#breadcrumbs{
font:.75em/1em 'opensans', sans-serif;
color:#505050;
margin-bottom:2em;
}

#breadcrumbs
a{
font-family:'opensansmedium',sans-serif;
color:#ef9300}

#breadcrumbs a:hover{
text-decoration:none;
color:#ffbf2e}

#breadcrumbs
a.current{
color:#505050;
font-family:'opensans',sans-serif;
text-decoration:none;
cursor:default;
letter-spacing:-1px}

.article{
margin:8em 0}

.article-videomrq{
margin:3em 0}

.article:after{
clear:both;
content:'';
display:block}

.article
p{
margin-bottom:1em}

.article
p.details{
font:16px/25px 'opensansmedium', sans-serif;
color:#606060}

.article
p.name{
font-family:'opensans',sans-serif;
letter-spacing:-1px}


/*==========================================================
SECTION & ARTICLEs
==========================================================*/

p.lineheight{
margin-top:-10px}

.article p.name
a{
color:#ef9300}

.article p.name a:hover{
color:#ffbf2e}

.article
p.datetime{
font-family:'opensans',sans-serif;
letter-spacing:-1px}

.article
p.meta{
font:24px/25px 'opensans', sans-serif;
margin:-20px 0 36px;
position:relative;
letter-spacing:-1px}

.article
h2{
margin-bottom:12px}

.article
h2.large{
font-size:60px;
line-height:80px;
margin:32px 0 18px}

.article h2 a:hover{
text-decoration:none}

.article h3.quick-info,
.article.sva-tumblr .post
h3{
font-family:'opensans',serif;
color:#505050;
margin-bottom:30px}

.article
ul{
margin-bottom:28px}

.article ul
li{
list-style:none;
padding-left:0px;
 padding-top: 8px}

.article
blockquote{
font:36px/44px 'opensans', sans-serif;
color:#ef9300;
padding:0
0 0 78px;
background:url(/assets/css/images/quotes.png) no-repeat 0 20px;
margin:0
0 30px;
letter-spacing:-2px}

.article .btn-block{
margin:50px
0 48px}

.article
.info{
font:18px/25px 'opensans', sans-serif;
line-height: 25px;
letter-spacing:.005em}

.article .info h4{
font:18px/25px 'opensansbold', sans-serif;
text-transform:uppercase;
margin-bottom:5px;
letter-spacing:0px}

.article .info p{
margin-bottom:30px}

.article a:hover{
color:#ffbf2e}

.article a.btn-block:hover{
color:#fff}

.article p a:hover{
color:#ffbf2e;
text-decoration:underline}

.article .date{
float:left;
width:140px;
text-align:center;
color:#fff;
background:#F15C30;
padding:10px
0;
margin:18px
0}




.article .dates {
 float: right;
 width: 60%;
 text-align: center;
 border: red 0px solid;
}

/* ||||||||||||||||||||| 60/40 ||||||||||||||||||||| */

/*image right, Text left*/

.article .irtl{
float: right;
 width: 60%;
 text-align: left;
 border: red 0px solid;}

.article
.txtlft{
margin:0em 65% 0 0;
 border: pink 0px solid;}

/*image left, Text right*/

.article
.iltr{
float: left;
 width: 60%;
 text-align: left;
border: red 0px solid;}

.article
.txtrt{
margin-top:0em;
margin-left:65%;
 border: pink 0px solid;}

/* _______________ 60/40  _______________ */



/* ||||||||||||||||||||| 20/80 ||||||||||||||||||||| */

/*image right, Text left*/

.article .ir1x1{
float: right;
 width: 40%;
 text-align: left;
 border: red 0px solid;}

.article
.txtlft-long{
margin:0em 45% 0 0;
 border: pink 0px solid;}

/*image left, Text right*/

.article
.il1x1{
float: left;
 width: 40%;
 text-align: left;
border: red 0px solid;}

.article
.txtrt-long{
margin-top:0em;
margin-left:45%;
 border: pink 0px solid;}

/* _______________ 20/80  _______________ */


.article
.body{
margin:4em 65% 0 0;
}


.article .date
p{
margin:0;
}

.article .date
.month{
font:24px/36px 'opensansbold', sans-serif;
color:#000;
text-transform:uppercase;
letter-spacing:0px}

.article .date
.day{
font:72px/84px 'opensansbold', sans-serif;
color:#fff;
letter-spacing:0px}

.article .date:hover{
text-decoration:none;
background:#dc461e}

.article .meta-date{
font:24px/30px 'opensansbold', sans-serif;
color:#505050;
margin-bottom:6px;
text-transform:uppercase;
letter-spacing:0px}

.article
.sidebar{
border-top:solid 10px #d1d1d1;
padding-top:30px;
font:16px/25px 'opensans', sans-serif;
color:#505050;
letter-spacing:-1px}

.article .sidebar .widget{
margin-bottom:25px}

.article .sidebar .btn-block{
margin:0 0 20px}

.article .sidebar h4{
font:16px/25px 'opensans', sans-serif;
color:#606060;
margin-bottom:10px;
text-transform:uppercase;
letter-spacing:0px}

.article .sidebar
p{
margin-bottom:10px}

.article .sidebar p
a{
color:#ef9300}

.article .sidebar p a:hover{
color:#ffbf2e}

.article
.content{
font-size:18px;
line-height:25px}

.article .content h2{
margin-top:40px}

.article .content h4{
text-transform:uppercase;
margin-bottom:10px;
font-family:'opensans',sans-serif;
letter-spacing:0px}

.article .content p{
margin-bottom:30px}

.article.article .content p{
margin-bottom:30px}

.article
.section{
border-top:solid 10px /*#d1d1d1*/ #fff;
padding:2em 0 0;
margin-top:2em}


/* Sections middle never first section*/
.midsection{
border-top:dotted 1px /*#d1d1d1*/ magenta;
padding:2em 0 0;
margin-top:5em}

.article
.section.first{
margin:20px 0 60px;
padding-top:50px}

.article .sections-list .section{
border-top:0;
padding-top:0;
margin-top:60px;
border-bottom:solid 10px #d1d1d1}

.article p+.image{
margin-top:28px}

.article p+.two-cols{
margin-top:-10px}

.article h2+.image{
margin-top:30px}

.article .image+p{
margin-top:18px}

.article .utility{
border-top:solid 10px #d1d1d1;
padding:30px 0;
margin-top:50px}

.article .utility h4{
font:18px/25px 'opensansbold',sans-serif;
text-transform:uppercase;
margin-bottom:10px;
letter-spacing:0px}

.article+.article{
margin:50px 0}.article+.tags{
margin-bottom:20px}

/*KKKKKKKKKKKKKKKKKKK*/
.article .post .caption, .article .content .caption, .article.project .caption{
font:1em/1em 'opensans',sans-serif;
line-height:1.8em;
color:#505050;
margin-bottom:12px;
margin-top:20px;
letter-spacing:0px}

.image{
margin: 6em 0;
border: solid red 0px}


.image
img{
display:block;
width:100%;
height:auto;
}

.image .img-holder{
position:relative;
margin-bottom:1em;
margin-top:1em;}



.image .img-holder .caption{
position:relative;
left:0;
color:#888;
font:1em/1em 'opensans',sans-serif;
line-height:1.8em;
width:100%;
border-bottom: 1px dotted #d7d7d7;
letter-spacing:0px}

.image .img-holder .caption p{
margin:0;
padding:30px 0px 30px}

.image .img-holder .caption .u{
text-decoration:none;
background:url(css/cssimages/underline.png) repeat-x 0 bottom}

.image .img-holder .caption .u:hover{
background:transparent}

.image .author{
font:14px/20px 'opensans', sans-serif;
color:#505050;
margin-bottom:12px;
letter-spacing:-1px}
.image .author a{
text-transform:capitalize}

ul.projects-list{
list-style:none}

ul.res-blocks{
list-style:none;
}
ul.res-blocks>li{
padding:30px 0;
border-top:solid 8px #fff;
background:none}
ul.res-blocks > li
h3{
float:left;
width:140px;
margin:0 20px 0 0}

ul.res-blocks > li
p.tags{
margin:5px
0;
line-height:30px}




ul.tags-list{
list-style:none;
}
ul.tags-list>li{
padding:30px 0;
border-top:solid 8px #fff;
}
ul.tags-list > li
h3{
float:left;
width:140px;
margin:0 20px 0 0}

ul.tags-list > li
p.tags{
margin:5px
0;
line-height:30px}ul.people-list{
list-style:none;
font-family:'opensans',sans-serif;
letter-spacing:0px}ul.people-list>li{
border-bottom:solid 10px #d1d1d1;
margin:60px
0;
padding:0;
background:none}ul.people-list > li
img{
display:block;
width:100%;
margin:0
0 20px}ul.contact.people-list > li
img{
height:auto;
max-height:430px}ul.people-list > li
h2{
margin:0}ul.people-list > li
a{
color:#ef9300}
    
ul.projects-list>li{
border-bottom:solid 10px #d1d1d1;
margin:50px
0 60px}

ul.projects-list > li .image{
margin-top:0}

ul.projects-list > li
h2{
margin-bottom:10px}

ul.projects-list > li
h3{
margin-bottom:20px}

ul.projects-list > li h3 a:hover,
ul.projects-list > li h2 a:hover{
text-decoration:none}

ul.people-list > li p{
margin:0 0 25px}

ul.people-list > li .text-wrap{
position:relative;
padding-right:120px}

ul.people-list > li ul.social-links{
position:absolute;
top:10px;
right:0}

ul.people-list > li ul.social-links
li{
list-style:none;
padding:0;
background:none;
width:auto;
margin:0}

ul.people-list > li ul.social-links li+li{
margin-left:5px}

ul.people-list > li ul.social-links li
a{
display:block;
height:40px}

ul.people-list > li ul.social-links li
a.email{
width:41px;
background:url(/assets/css/images/email-ico.png) no-repeat}

ul.people-list > li ul.social-links li
a.twitter{
width:40px;
background:url(/assets/css/images/twitter-ico.png) no-repeat}

ul.people-list > li ul.social-links li a:hover{
text-decoration:none;
background-position:0 bottom}       

/*ul.students-list, */ul.project-list{
list-style:none;
font:16px/20px 'opensans', sans-serif;
margin:60px 0 0;
letter-spacing:-.4px}

ul.students-list:after,ul.project-list:after{
clear:both;
content:'';
display:block}

/*line under projects */
ul.students-list>li,ul.project-list>li{
padding:0px 0px 10px;
background:none;
border-bottom:solid 8px #eeeeee;
margin:0 0 60px;
float:left}

ul.students-list > li img, ul.project-list > li img{
display:block;
width:100%;
margin-bottom:10px;
max-height:630px;
height:auto;
}

/*projects TITLE*/ ul.students-list > li a, ul.project-list > li a{
color:#ffb100}

ul.students-list > li h3, ul.project-list > li h3{
margin:0}

ul.students-list > 

li h3 a:hover, ul.project-list > li h3 a:hover{
text-decoration:none}

ul.students-list > li p{
margin:0px 0 20px;
}

ul.project-list > li p{
margin:0 0 15px;
min-height:50px}

ul.students-list>li,ul.project-list>li{
float:left;
width:420px;
max-width:48.83720930232558%}

ul.students-list>li:nth-child(even),ul.project-list>li:nth-child(even){
float:right}

ul.students-list>li:nth-child(odd),ul.project-list>li:nth-child(odd){
clear:left}

.tour{
font:24px/30px 'opensans', sans-serif;
color:#7f7f7f;
letter-spacing:0px}

.col img{
display:block;
width:100%;
margin:50px 0 20px}

.profile img{
display:block;
width:100%;
margin:50px 0 20px}

/*.profile ul{
font:18px/20px 'opensans', sans-serif;
color:#505050;
margin-bottom:20px}

.profile ul li{
padding-left:22px;
}
*/

.profile a{
color:#ef9300}.profile

.image{
}

.profile .image img{
margin:0 0 1.5em;
height:auto}

.profile .col p{
font:18px/25px 'opensans', sans-serif;
margin-bottom:10px;
letter-spacing:0px}

/*Profile TAGS */
.profile .col p.tags{
font:18px/30px 'opensans', sans-serif;
letter-spacing:0px;
 font-weight:800}

.profile .col .info{
border-top:8px #fff solid;
 margin-bottom: 30px}

.profile .col .info h4{
margin-bottom:5px;
font-weight:700;
letter-spacing:-.005em;
 text-transform: none;
 color: #dc461e;
}

.profile .col .info p{
margin-bottom:30px}

.profile
.post{
margin-bottom:30px}

.profile .post h3{
margin-bottom:30px}

.profile .post h3 a:hover{
text-decoration:none}

.profile .post
p{
font:18px/30px 'opensans', serif;
margin-bottom:25px;
letter-spacing:0px}

.profile .post
p.meta{
font:18px/30px 'opensans', sans-serif;
letter-spacing:-1px}

.sections header>h2{
margin:34px
0 22px}

.sections
.section{
border-top:solid 10px #d1d1d1;
padding:20px
0;
font:18px/25px 'opensans', sans-serif;
letter-spacing:-1px}

.sections .section:after{
clear:both;
content:'';
display:block}

.sections .section
h3{
margin-bottom:20px}

.sections .section
h4{
font:16px/25px 'opensansbold', sans-serif;
text-transform:uppercase;
letter-spacing:0px}

.sections .section .sidebar
ul{
list-style:none;
font:16px/25px 'opensans', sans-serif;
margin-bottom:30px;
letter-spacing:-1px}

.sections .section .sidebar ul
li{
margin:10px
0}.content{
margin-right:280px}

.sidebar{
float:right;
width:220px}



/*==========================================================
TAGS Buttons
==========================================================*/
/* ORANGE TAGS*/

a.btn{
display:inline-block;
color:#fff;
background:#ef9300;
font:18px/30px 'opensans', sans-serif;
letter-spacing:0px;
 font-weight:800;
padding:4px 10px 1px;
text-transform:none;
margin:0 1px 5px 0}

a.btn:hover{
text-decoration:none;
color:#fff;
background:#ffbf2e;
text-decoration:none}

a.btn.active{
background:#d1d1d1;
cursor:default}

/* GREY TAGS*/

a.greybtn{
display:inline-block;
color:#fff;
background:#d3d3d3;
font:.9em/1em 'opensans', sans-serif;
letter-spacing:0px;
 font-weight:800;
padding:5px 10px 5px;
text-transform:uppercase;
margin:0 1px 5px 0 !important}

a.greybtn:hover{
text-decoration:none;
color:#fff;
background:#eeeeee;
text-decoration:none !important}

a.greybtn:active{
background:#d1d1d1;
cursor:default}

a.btn.pagination{
margin:20px
0 0}a.btn
em{
color:#A53F21;
font-style:normal}a.btn:hover
em{
color:#A53F21}

.tags{
font:18px/30px 'opensans', sans-serif;
color:#505050;
text-transform:uppercase;
margin-top:5px;
letter-spacing:0px}

.tags .label{
display:inline-block;
padding:3px 10px 2px}

.tags a.btn:hover{
text-decoration:none;
color:#fff}

.tags+.article{
margin-top:50px}

#page-title+.tags{
margin:50px 0}

#page-title.blog-archive-title
h1{
margin-bottom:0}

#page-title.blog-archive-title
h2{
font-family:'opensans',sans-serif;
font-size:40px;
letter-spacing:-2px}

ul.social-media{
list-style:none}

ul.social-media
li{
margin-bottom:11px;
position:relative;
background:none;
padding:0;
height:40px;
float:left;
padding-right:10px}

ul.social-media li
a{
display:inline-block}

ul.social-media li a
i{
display:block;
width:40px;
height:40px;
background:url(/assets/css/images/social-media.png) no-repeat 0 0}

ul.social-media li a.email
i{
background-position:0 0}

ul.social-media li a.twitter
i{
background-position:-40px 0}

ul.social-media li a.facebook
i{
background-position:-80px 0}

ul.social-media li a
.counter{
position:absolute;
top:0;
left:50px;
width:40px;
height:40px;
text-align:center;
color:#fff;
text-decoration:none;
background:#d1d1d1;
font:18px/40px 'TradeGothicLtStdBdCn20', Impact, sans-serif}

ul.social-media li a .counter:after{
position:absolute;
width:5px;
height:9px;
content:'';
top:18px;
left:-5px;
background:url(/assets/css/images/social-media-arrow.png) no-repeat}

ul.social-media li a.email:hover
i{
background-position:0 -40px}

ul.social-media li a.twitter:hover
i{
background-position:-40px -40px}

ul.social-media li a.facebook:hover
i{
background-position:-80px -40px}




/*==========================================================
2 cols
==========================================================*/

.two-cols{
overflow:hidden}

.textspace{
margin:3em 0;
border: 0px solid red}

.textspace p{
margin:.75em 0;
}


.two-cols .col{
float:left;
width:420px;
max-width:48.83720930232558%}



.two-cols .col img{
float:left;
margin-top: 0px}

.two-cols .col+.col{
float:right}


/*=====================================================
NEWS
=====================================================*/
.news-col{
float:left;
width:400px;
max-width:48.83720930232558%;
padding-right:20px}

.news{
font:14px/20px opensans, sans-serif;
color:#505050;
margin-bottom:30px}

.news ul.list{
list-style:none}

.news ul.list li{
margin-bottom:5px;
min-height:113px}

.news ul.list li
.image{
float:left;
width:60px;
margin:5px
20px 0 0}

.news ul.list li
.date{
float:left;
width:60px;
background:#F15C30;
margin:5px
20px 0 0;
text-align:center;
font:10px/20px 'opensansbold', sans-serif;
color:#000;
text-transform:uppercase;
transition: .3s background}

.news ul.list li .date .month{
padding:5px0 0}

.news ul.list li .date .day{
color:#fff;
font-size:30px;
line-height:20px;
padding-bottom:15px}.news ul.list li .date:hover{
text-decoration:none;
background:#dc461e}

.news ul.list li
.body{
margin-left:80px}.news
h4{
font:18px/25px 'opensansbold', sans-serif;
margin-bottom:3px}

.news h4 a{
color:#ef9300}

.news h4 a:hover{
text-decoration:none;
color:#ffbf2e}

.news .flex-control-nav{
bottom:5px}



/*=====================================================
FOOTER & WELCOME
=====================================================*/

#welcome h3 a{
color:#00a7de}

#welcome h3 a:hover{
color:#ffbf2e;
text-decoration:none}

#footer{
padding:40px 0 0;
font:1em/1.25em 'opensans', sans-serif;
color:#888888;
letter-spacing:0px}

#footer h3{
font:1.5em/2em 'opensans-bold', sans-serif;
font-weight:normal;
text-transform:none;
color:#888888;
margin:0 0 15px;
letter-spacing:0px}

#footer a{
color:#888888;
transition: .2s color}

#footer a:hover{
color:#bababa;
text-decoration:none}

#footer p.info{
font:.75em/1em 'opensans', sans-serif;
letter-spacing:-.005em}

#footer
.map{
width:100%;
height:430px;
margin:0
0 60px;
position:relative}

#footer .map
img{
display:block;
border:solid 1px #dadada}

#footer
.entry{
border-top:solid 8px #dcddde;
padding:1em
0 20px}

#footer
.entry.noborder{
border-top:0}

#footer
address{
text-align:center;
padding-top:15px}

#footer address>p>strong{
color:#888888;
font-weight:normal;
margin-top:-15px;
display:block;
letter-spacing:0px}

#footer a.btn-block:hover{
color:#fff}

#footer
.search{
margin:15px 0 40px}

#footer
h3.browse{
margin-bottom:0}

#map_div{
width:100%;
height:100%;
position:absolute;
top:0;
left:0}

#footer-logo{
display:block;
margin:40px
auto 10px;
width:372px;
height:97px}

#footer-logo
a{
display:block;
height:97px;
background-color:url(cssimages/footer-logo.png) no-repeat}

address{
font-style:normal}ul.contact-list{
list-style:none}

ul.contact-list
li{
margin-bottom:10px}

ul.contact-list li
strong{
font-weight:normal;
font-family:'opensansmedium',sans-serif;
display:block;
letter-spacing:0px}

ul.social-links{
list-style:none;
padding:5px
0 0;
overflow:hidden}

ul.social-links
li{
float:left;
width:60px;
margin-right:20px}



/*=====================================================
social links & search & suscribe
=====================================================*/

ul.social-links li
a{
display:block;
width:60px;
height:60px}ul.social-links li a.tw-link{
background:#F15C30 url(/assets/css/images/tw-ico.png) no-repeat 0 0}ul.social-links li a.fl-link{
background:#F15C30 url(/assets/css/images/flickr-ico.png) no-repeat 0 0}ul.social-links li a.vim-link{
background:#F15C30 url(/assets/css/images/vimeo-ico.png) no-repeat 0 0}ul.social-links li a:hover{
background-color:#dc461e;
background-position:0 bottom}ul.links{
font:18px/25px 'opensansmedium', sans-serif;
color:#fff;
list-style:none}ul.links li
a{
color:#fff}.form{
margin:4px
0 18px}.form .field-wrapper{
margin:0
12px}.form
.field{
background:#fff;
font:18px/22px 'opensans', sans-serif;
color:#c1c1c1;
border:0;
border-bottom:solid 1px #d0d0d0;
border-top:solid 1px #717171;
box-shadow:inset 0 1px #b8b8b8;
padding:9px
12px 8px;
width:100%;
margin:0
-12px;
position:relative;
letter-spacing:-1px}.form .field:focus{
color:#818181}.form .submit-button{
position:absolute;
top:0;
right:0;
text-align:center;
color:#fff;
height:41px;
font:18px/41px 'opensansmedium', sans-serif;
background:#F15C30;
border:0;
cursor:pointer;
transition: .2s background;
letter-spacing:0px}.form .submit-button:hover{
background:#dc461e;
text-decoration:none}#search{
padding-right:70px;
position:relative}#search .submit-button{
width:60px}#subscribe{
padding-right:140px;
position:relative}#subscribe .submit-button{
width:130px}



/*=====================================================
page 404  search
=====================================================*/

.page-404{
text-align:center;
font:18px/25px 'opensans', serif;
color:#505050;
width:622px;
margin:0
auto;
max-width:100%}.page-404
h1{
font-size:180px;
line-height:280px}.page-404
a{
color:#ef9300}.search{
margin:60px
0;
padding:0
18px;
position:relative}.search
.field{
text-align:left;
font:18px/22px 'opensans', sans-serif;
color:#c1c1c1;
background:#f3f3f3 url(/assets/css/images/search.png);
padding:9px
16px;
border:solid 1px #dadada;
border-left:solid 2px #dadada;
border-right:solid 2px #dadada;
border-radius:2px;
box-shadow:inset 0 1px #b5b5b5, inset 0 -1px #ebebeb;
margin:0
-18px;
position:relative;
width:100%;
letter-spacing:-1px}.search .field:focus{
color:#818181}.search .submit-button{
position:absolute;
top:3px;
right:2px;
border:0;
cursor:pointer;
font-size:0;
line-height:0;
text-indent:-4000px;
width:54px;
height:36px;
background:#f3f3f3 url(/assets/css/images/search-ico.png) no-repeat center center}



/*=====================================================
ALERT & .Home
=====================================================*/

#alert{
position:absolute;
top:10px;
left:0;
width:100%;
color:#fff;
background:#F15C30;
z-index:100;
font:14px/20px 'opensans', sans-serif;
text-align:center;
padding:10px
0;
letter-spacing:-1px}#alert
a{
color:#fff;
text-decoration:underline}#alert a:hover{
text-decoration:none}.home
h1{
text-align:center;
margin:0
0 30px;
color:#505050}.home
#header{
padding:38px
0 34px}.home .home-text{
display:inline-block;
vertical-align:middle}.home
#logo{
width:900px;
height:78px;
display:inline-block;
vertical-align:middle;
margin-left:20px}.home #logo
a{
height:78px;
background:url(/assets/css/images/logo-home.png?v2) no-repeat}.home
#main{
padding-top:60px}.home
.news{
float:left}



/*=====================================================
# SLIDER
=====================================================*/
#slider{
background:#f8f8f8;
width:100%;
position:relative;
z-index:5}
#slider .flexslider ul.slides li{
position:relative;
max-height:800px;
overflow:hidden;
float:left;
display:none;
width:100%}
#slider .flexslider ul.slides li:first-child{
display:block}
#slider .flexslider ul.slides li img{
display:block;
width:100%;
vertical-align:middle}

#slider2{
background:#f8f8f8;
width:100%;
position:relative;
z-index:5}
#slider2 .flexslider ul.slides li .1k {
position:relative;
max-height:auto;
overflow:hidden;
float:left;
display:none;
width:auto}
#slider2 .flexslider ul.slides li:first-child{
display:block}
#slider2 .flexslider ul.slides li img{
display:block;
width:auto;
vertical-align:middle;
 margin-left: auto;

    margin-right: auto;
}


#slider
.caption{
position:absolute;
left:0;
bottom:0;
width:100%;
color:#888888font:.5em/.875px 'opensans', serif}

#slider .caption .wrap{
padding:20px 0}
#slider .caption
h2{
font:48px/60px 'opensansbold', sans-serif;
color:#fff;
margin:0 0 10px;
letter-spacing:0px
}
#slider .caption .u{
text-decoration:none;
padding-bottom:6px}
#slider .caption .u:hover{
background:transparent}
#slider .flex-direction-nav{
visibility:hidden;
display:none
}


#slider .prev-slide,
#slider .next-slide{
position:absolute;
top:0;
height:100%;
width:45%;
z-index:10;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0)}
#slider .prev-slide{
left:0}
#slider .next-slide{
right:0}

#slider .prev-slide em,
#slider .next-slide
em{
position:absolute;
top:0%;
width:40px;
height:40px;
display:block;
font-size:0;
line-height:0;
margin-top:50%;
transition:none}

#slider .prev-slide
em{
right:80%;
background:rgba(0,0,0,.5)}
#slider .next-slide
em{
left:80%;
background-position:0px 0;
background:rgba(0,0,0,.5)}
#slider .prev-slide em:hover{
background-position:0 0px}
#slider .next-slide em:hover{
background-position:0px 0px}

.flex-container a:active,
.flexslider a:active{
outline:none}.slides,.flex-control-nav,.flex-direction-nav{
margin:0;
padding:0;
list-style:none}.flexslider{
width:100%;
margin:0;
padding:0}.flexslider .slides>li{
display:none}.flexslider .slides
img{
max-width:100%;
display:block}.flex-pauseplay
span{
text-transform:capitalize}.slides:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0}html[xmlns] .slides{
display:block}* html
.slides{
height:1%}.no-js .slides>li:first-child{
display:block}.flexslider{
position:relative;
zoom:1}.flexslider
.slides{
zoom:1}.flexslider .slides>li{
position:relative}.flex-container{
zoom:1;
position:relative}.flex-direction-nav li
a{
width:60px;
height:60px;
margin:-30px 0 0;
display:block;
background:url(/assets/css/images/slider-dir.png) no-repeat 0 0;
position:absolute;
top:50%;
cursor:pointer;
font-size:0;
line-height:0;
text-indent:-4000px}.flex-direction-nav li .flex-next{
background-position:-60px 0;
right:160px}.flex-direction-nav li .flex-prev{
left:160px}.flex-direction-nav li .flex-disabled{
opacity: .3;
filter:alpha(opacity=30);
cursor:default}.flex-control-nav{
width:100%;
position:absolute;
bottom:-30px;
text-align:center}.flex-control-nav
li{
margin:0
0 0 5px;
display:inline-block;
zoom:1;
*display:inline}.flex-control-nav li:first-child{
margin:0}.flex-control-nav li
a{
width:10px;
height:10px;
display:block;
background:url(/assets/css/images/slider-nav.png) no-repeat 0 0;
cursor:pointer;
font-size:0;
line-height:0;
text-indent:-4000px}

.flex-control-nav li a:hover{
background-position:0 -20px}

.flex-control-nav li a.flex-active{
background-position:0 -10px;
cursor:default}

@media screen and (-webkit-min-device-pixel-ratio:0){
}@media only screen and (max-width: 1023px){
body{
font-size:16px;
line-height:25px;
color:#888888}
    
    h1{
font-size:60px;
line-height:70px;
margin-bottom:24px}
    
    h2{
font-size:36px;
line-height:45px;
margin-bottom:20px}
    
    h3{
font-size:30px;
line-height:40px;
margin-bottom:20px}
    
    a.btn{
font-size:16px;
line-height:25px;
padding-left:8px;
padding-right:8px}
    
    .btn-block{
font-size:18px;
line-height:30px;
margin:38px 0 20px}

#navigation{
font-size:.75em/1em;
line-height:20px}

#slider
.caption{
font-size:.75em}

#slider .caption
.wrap{
padding:15px 0}

#slider .caption
h2{
font-size:36px;
line-height:45px;
margin-bottom:10px}

/*=====================================================
DONT KNOW WHAT THIS DO
=====================================================*/
#breadcrumbs{
margin-bottom:2em;
}

.article{
margin:6em 0}



.article
p{
margin-bottom:20px}.article p+h2{
margin-top:24px}.article
h2{
margin-bottom:7px}.article
h2.large{
font-size:48px;
line-height:60px;
margin:15px
0 13px}.article
h3{
margin-bottom:12px}.article h3.quick-info{
margin-bottom:20px}.article
p.datetime{
font-size:16px}.article
ul{
margin-bottom:20px}.article ul
li{
background-position:0 10px}.article
blockquote{
font-size:36px;
line-height:45px;
background-position:3px 10px;
margin:22px
0 18px;
letter-spacing:-.5px}



/*=====================================================
ARTICLES AND SECTIONS 2
=====================================================*/
.article
.info{
font-size:1em;
line-height:1.5em;
margin-top:3px}

.article .info
h4{
line-height:20px}

.article .info
p{
margin-bottom:20px}

.article
.date{
margin:7px
0}

.article .meta-date{
font-size:18px;
line-height:25px}



/* ||||||||||||||||||||| 60/40 ||||||||||||||||||||| */

/*image right, Text left*/

.article
.txtlft{
margin:0em 65% 0 0;
 border: pink 0px solid;}
}
/*image left, Text right*/

.article
.txtrt{
margin-top:0em;
margin-left:65%;
 border: pink 0px solid;}
 
/* _______________ 60/40  _______________ */

.article
.body{
margin:4em 65% 0 0;
}

.article
.post{
margin-top:30px}

.article
.content{
font-size:18px;
line-height:25px}

.article .content .image+p{
margin:30px
0 20px}

.article .content
p{
margin-bottom:20px}

.article .content
h2{
margin:24px
0 6px;
font-size:36px;
line-height:45px}

.article .content
h2.large{
font-size:48px;
line-height:60px}

.article .content
h4{
margin-bottom:5px}

.article
.sidebar{
padding-top:20px}

.article .sidebar
p{
margin-bottom:10px}

.article+.article{
margin:2em 0}

.article
.section{
margin-top:3em;
padding-top:1em}

.article .section+.section{
margin-top:28px}

.article
.section.first{
font-size:21px;
line-height:30px;
padding-top:34px;
margin-bottom:36px}

.article .btn-block{
margin:30px 0}

.article p+.two-cols{
margin-top:-6px}

.article .image+p{
margin:-3px 0 4px}

.article p+h2{
margin-top:0}

.article
p.meta{
font-size:18px;
margin-bottom:24px}

.article
.utility{
margin:30px 0 0;
padding:12px 0}

.article .utility
h4{
font-size:16px;
line-height:25px;
margin-bottom:12px}

.article .utility
p{
margin-bottom:8px}

.article+.tags{
margin-bottom:10px}

.article .sections-list
.section{
margin-top:28px;
padding-bottom:5px}

.article .sections-list .section+.section{
margin-top:40px}

.article .sections-list .section
.image{
}

.sections header>h2{
margin:0 0 15px}

.sections
.section{
padding:11px
0 17px}

.sections .section
h3{
margin-bottom:12px}

.sections .section .sidebar
ul{
margin-bottom:20px}

.sections .section .sidebar ul
li{
margin:5px 0}



/*=====================================================
.IMAGE  &  .PROFILE
=====================================================*/
.image{
}

.image .img-holder{
margin-bottom:0px}

.image .img-holder
.caption{
font-size:1em;
line-height: 1.8em;}

.image
.author{
font-size:12px}

.profile{
margin-top:-10px}

.profile
img{
margin:30px 0 12px}

/*.profile
ul{
font-size:30px;
line-height:40px;
margin-bottom:18px}

.profile ul
li{
padding-left:18px;
background-position:0 15px}
*/

.profile
.post{
margin:0
0 24px}

.profile .post
p.meta{
font-size:15px;
line-height:25px;
letter-spacing:-0.05em}

.profile .col
p{
font-size:16px;
margin:2px
0 5px}

.profile .thumblr
.col{
float:none;
width:auto;
max-width:100%}

.profile .thumblr .col
p{
font-size:18px}

.profile .thumblr
h3{
font-size:36px;
line-height:45px;
margin:0
0 10px}

.profile .thumblr+h2.large{
margin-top:6px}

.article h2+.image{
margin-top:22px}




/*=====================================================
STUDENT
=====================================================*/
.student{
font-size:18px;
line-height:30px}

.student
.section.first{
margin-top:16px;
font-size:18px;
line-height:25px}

.student .section.first
p{
margin-bottom:30px}

.student .section+.section{
margin-top:37px}.student .image
img{
margin-bottom:0}

.student .image
.author{
margin-bottom:6px}

.student p+.two-cols{
margin-top:-10px}

.student .col .info
h4{
font-size:16px;
line-height:25px;
margin:0
0 5px}

.student .col .info
p{
font-size:16px;
line-height:25px;
margin:0
0 20px}




/*=====================================================
PROJECTS    PEOPLE    NEWS
=====================================================*/
ul.projects-list>li{
margin:20px
0 40px}ul.projects-list > li
h3{
font-size:36px;
line-height:45px;
margin:10px
0 15px}ul.projects-list > li
h2{
margin:11px
0 14px}ul.projects-list > li
.image{
margin:30px
0 0}ul.people-list>li{
margin:40px
0 40px}ul.people-list > li
img{
margin-bottom:10px}ul.people-list > li
h2{
margin-bottom:-5px}ul.people-list > li
p{
margin-bottom:15px}ul.people-list > li ul.social-links{
top:6px}ul.students-list{
margin-top:35px}

ul.project-list{
margin-top:28px}
ul.project-list p{
margin:20 0}

ul.students-list>li,ul.project-list>li{
margin-bottom:40px}

ul.students-list > li img,
ul.project-list > li
img{
margin-bottom:12px}ul.students-list > li h3,
ul.project-list > li
h3{
margin-bottom:-3px}ul.project-list > li
p{
margin-bottom:11px}ul.students-list > li
p{
margin-bottom:16px}.tour{
font-size:18px;
line-height:25px}.project{
font-size:16px}.project .image+p{
margin:5px
0 20px}.project .image
.author{
margin-bottom:9px}.people{
font-size:21px;
line-height:30px}.news{
margin-bottom:0}.news
h4{
font-size:16px;
line-height:20px}.sidebar{
float:none;
display:block;
width:100%}.article .sidebar
.widget{
margin-bottom:20px}.article .sidebar .btn-block{
margin-bottom:12px;
font-size:16px}.content{
margin:30px
0 38px}.tags{
font-size:16px}.tags
.label{
padding-left:8px;
padding-right:8px}ul.tags-list{
margin:34px
0 0}ul.tags-list>li{
padding:10px
0}ul.tags-list > li
p.tags{
padding-top:5px}



/*=====================================================
MORE>>> PAGE TITLE     FOOTER    HEADER    LOGO
=====================================================*/
#page-title+.tags{
margin:28px
0 26px}.tags+.article{
margin-top:26px}

#footer{
font-size:16px;
line-height:25px}

#footer
h3{
margin-bottom:8px}

#footer
p.info{
font-size:12px;
line-height:20px}

#footer
.map{
height:350px;
margin-bottom:40px}

#footer
.entry{
padding:8px
0 30px}.form{
margin:0
0 15px}

.form
.field{
font-size:16px;
padding:10px
12px 9px}

.form .submit-button{
font-size:16px}

#search{
padding-right:55px;
position:relative}#search .submit-button{
width:45px}#subscribe{
padding-right:128px;
position:relative}#subscribe .submit-button{
width:118px}#footer-logo{
width:278px;
height:76px;
margin:32px
auto 10px}#footer-logo
a{
height:76px;
background-size:278px 76px}.page-404{
width:544px}.page-404
h1{
margin:20px
0 44px;
font-size:150px;
line-height:194px}.search{
margin:44px
0 60px}.search
.field{
background:#fff}.search .submit-button{
background-color:#fff}.home
#header{
text-align:center}.home
#logo{
width:757px;
height:62px;
margin-left:50px}.home #logo
a{
height:62px;
background-size:757px 62px}.home .home-text{
font-size:21px;
line-height:21px;
text-align:left}.home
#main{
padding-top:40px}



/*=====================================================
MAYBE MOBILE?
=====================================================*/
#welcome
p{
margin-bottom:1em}
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1023px){
}

#Velcome
p{
margin-bottom:2em;
float: left;
width: 80%;
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1023px)

@media only screen and (max-width: 730px){
.home .home-text{
display:none}}@media only screen and (max-width: 640px){
body{
font-size:14px;
line-height:1.8em}

h1{
font-size:30px;
line-height:35px;
margin-bottom:10px;
letter-spacing:-1px}

h2{
font-size:24px;
line-height:30px;
margin-bottom:10px;
letter-spacing:-1px}

h3{
font-size:21px;
line-height:25px}

h4{
font-size:12px;
line-height:20px}

.shell{
padding:0
10px}

a.btn{
font-size:12px;
line-height:15px;
padding:3px
5px 2px}

a.btn-block{
font-size:14px;
line-height:20px;
padding:10px;
margin:15px
0}

.mobile-hidden{
display:none}

.mobile-visible{
display:block}

#header{
padding:26px
0 16px}

.home #logo,#logo{
width:208px;
height:59px;
margin-left:0px}

.home #logo a,
#logo
a{
height:59px;
background:url(/assets/css/images/logo.png?v2) no-repeat 0 0;
background-size:208px 59px}

#logo{
margin-left:0}

#navigation{
background:#fff;
position:relative;
z-index:20;
 text-align:center}

#navigation
ul.nav{
position:absolute;
top:100%;
left:0;
margin:0;
background:#ffb100;
border-top:solid 10px #ffb100;
border-bottom:solid 10px #ffb100;
width:100%;
display:none}

#navigation ul.nav>li{
float:none;
font-size:2em;
border-bottom: 1px dotted #ffcc00}

#navigation ul.nav>li+li{
margin:0}

#navigation ul.nav>li>a{
padding:50px 50px}

#navigation ul.nav>li>a:hover{
background:#ffcc00}

#navigation ul.nav>li>a.btn-right{
color:#fff;
background:none;
float:none;
display:block;
width:100%;
 text-align:center}

#navigation ul.nav>li>a.btn-right:hover{
color:#d3d3d3;
background:#555555;
width:100%;
 text-align:center}

#navigation ul.nav>li.right{
float:none;
display:block}

#navigation a.menu-btn{
float:left;
display:inline-block;
padding:6px 18px 5px 18px;
text-transform:uppercase;
font-family:'opensansbold',sans-serif;
color:#fff;
background:#ffb100 url(/assets/css/images/menu-btn.png) no-repeat 10px 10px}

#navigation a.menu-btn:hover{
text-decoration:none;
background-color:#ffcc00;
transition: .2s background}

#navigation a.link-right{
color:#ffb100;
display:inline-block;
float:right;
margin:0px
0;
padding:0;
position:static}

#navigation a.link-right:hover{
text-decoration:none;
color:#ffcc00}

#main{
padding:14px
0 10px}

#breadcrumbs{
display:none}



/*=====================================================
mobile articless
=====================================================*/
.article+.article{
margin:1em 0}

.article
h2{
margin:15px
0 4px}

.article
h2.large{
font-size:24px;
line-height:30px;
margin:15px 0 0}

.article h3.quick-info{
margin-bottom:8px}

.article h3.quick-info+.image{
margin-top:21px}.article
h3{
margin-bottom:5px}

.article
p{
margin-bottom:20px}

.article p+h2{
margin-top:11px}

.article
p.meta{
font-size:14px;
line-height:20px;
margin:-8px 0 13px !important}

.article p.meta-date+h2{
margin-top:0}

.article p.meta-date{
font-size:14px;
line-height:20px;
margin-bottom:0}

.article
p.details{
font-size:14px;
line-height:20px;
margin-top:15px}

.article
p.datetime{
font-size:14px}

.article .image+p.meta-date{
margin-bottom:0}

.article p+.image{
margin-top:-3px}

.article ul
li{
padding-left:8px;
background:url(/assets/css/images/list-ico-mobile.png) no-repeat 0 8px;
margin-bottom:5px}

.article .image+p{
margin:0
0 20px}

.article
.date{
width:60px;
font-size:10px;
line-height:10px;
padding:10px
0 8px;
margin:9px
0
}

.article
.dates{
width:100%;
font-size:10px;
line-height:10px;
padding:10px
0 8px;
margin:9px
0
}




/* ||||||||||||||||||||| 60/40 ||||||||||||||||||||| */

/*image right, Text left*/

.article
.irtl{
width:100%;
text-align:left;
padding:10px
0 8px;
margin:9px
0}

.article
.txtlft{
margin:.25em 0em}

/*image left, Text right*/

.article
.iltr{
width:100%;
text-align:left;
padding:10px
0 8px;
margin:9px
0}

.article
.txtrt{
margin:.25em 0em}
/* _______________ 60/40  _______________ */



/* ||||||||||||||||||||| 20/80 ||||||||||||||||||||| */

/*image right, Text left*/

.article
.ir1x1{
width:100%;
text-align:left;
padding:10px
0 8px;
margin:9px
0}

.article
.txtlft-long{
margin:.25em 0em}

/*image left, Text right*/

.article
.il1x1{
width:100%;
text-align:left;
padding:10px
0 8px;
margin:9px
0}

.article
.txtrt-long{
margin:.25em 0em}
/* _______________ 20/80  _______________ */




.article
.body{
margin:.25em 0em}

.article .date
.month{
font-size:10px;
line-height:10px}

.article .date .month{
font-size:10px;
line-height:10px
}

.article .date
.day{
font-size:30px;
line-height:30px;
padding-top:2px}

.article
.info{
margin-top:0}

.article .info
h4{
font-size:14px;
line-height:15px;
margin-bottom:7px}

.article .info
p{
margin-bottom:10px}

.article .btn-block{
margin:16px
0 14px}

.article .sections-list
.section{
padding-bottom:9px}

.article .sections-list .section+.section{
margin-top:20px}

.article .sections-list .section
p{
margin-bottom:0}

.article .sections-list .image
.author{
margin-bottom:10px}

.article
.section{
margin-top:2em;
}

.article .section+.section{
margin-top:15px}

.article
.section.first{
font-size:14px;
line-height:20px;
margin-top:7px;
margin-bottom:24px;
padding-top:16px}

.article .section.first
p{
margin-bottom:10px}

.article
.content{
font-size:14px;
line-height:20px}

.article .content
h2{
font-size:24px;
line-height:30px;
margin:11px
0 4px}

.article .content
p{
margin-bottom:10px}

.article .content .image+p{
margin-top:0;
margin-bottom:10px}

.article
.post{
margin-bottom:12px;
margin-top:10px}

.article .post
p{
margin-bottom:10px}

.article
blockquote{
font-size:24px;
line-height:30px;
padding-left:40px;
background-size:23px 16px;
background-position:3px 8px;
margin:10px
0}

.article
.utility{
margin-top:15px;
padding-bottom:0}

.content{
margin:21px
0 19px}

.article
.sidebar{
padding:10px
0 0;
font-size:14px;
line-height:20px}

.article .sidebar
h4{
font-size:1.5em;
margin-bottom:1.5em}

.article .sidebar
.widget{
margin-bottom:12px}

.article .sidebar .btn-block{
margin-bottom:16px}



/*=====================================================
mobile SECTIONS // students articles tours curric profile
=====================================================*/
.sections
.section{
font-size:14px;
line-height:20px;
padding:4px 0 10px}

.sections .section
h3{
margin-bottom:10px}

.sections .section
h4{
font-size:14px;
line-height:20px}

.sections .section
p{
margin-bottom:10px}

.sections .section
.content{
margin:0
0 0}.sections .section .sidebar
ul{
font-size:14px;
line-height:20px;
margin-bottom:10px}

.sections .section + header
h2{
margin-top:-5px}

.sections header>h2{
margin:15px
0 16px}

.article .sections-list
.section{
margin-top:21px}

.article .sections-list .section
.image{
margin-top:0}

ul.social-media{
margin-bottom:0}

ul.social-media
li{
padding-left:0;
background:none;
margin-bottom:10px}

.two-cols .col{
float:none;
display:block;
width:100%;
max-width:100%}



.faqs
p{
margin-bottom:8px}

.apply
h2{
margin:14px
0 2px}

.apply
p{
margin-bottom:10px}

.tour{
font-size:14px;
line-height:20px;
color:#7f7f7f}

.curriculum
p{
text-align:left;
margin-bottom:10px}

.curriculum
h2{
margin:12px
0 4px}

.curriculum h3.quick-info{
font-size:21px;
line-height:30px;
margin:12px
0 8px}

.people{
font-size:14px;
line-height:20px}

.people
p{
margin-bottom:11px}

.people
h2{
margin:15px
0 4px}

.people h3.quick-info{
font-size:21px;
line-height:30px}

.project{
font-size:14px}

.project
.image{
margin-top:21px}

.project
p.tags{
margin-bottom:12px}

.profile
img{
margin-bottom:3px}

.profile
ul{
list-style:none;
padding-left:10px;
 margin-bottom:5px}

.profile ul
li{
margin-bottom:0}

.article profile
ul{
list-style:none;
padding-left:10px;
 margin-bottom:5px}

.profile ul
li{
margin-bottom:0}

.profile
.image{
margin-top:12px}

.profile .col
p{
font-size:14px;
line-height:20px}

.profile .col
h3{
margin-bottom:12px}

.profile .col
p.tags{
font-size:12px;
line-height:15px;
margin-bottom:13px}

.profile
.thumblr{
font-size:14px;
line-height:20px}

.profile .thumblr .col
p{
font-size:14px;
line-height:25px;
margin-bottom:15px}

.profile .thumblr .col
h3{
font-size:21px;
line-height:25px;
margin-bottom:6px}

.profile .col
.info{
font-size:14px;
line-height:25px}

.profile .col .info
h4{
font-size:14px;
line-height:15px;
margin-bottom:5px}

.profile .col .info
p{
margin-bottom:1em}

.profile .post
p.meta{
font-size:12px;
line-height:15px}

.student{
margin-top:15px;
font-size:14px;
line-height:20px}

.student
img{
margin-top:21px;
margin-bottom:5px}

.student
h2{
font-size:21px;
line-height:25px;
margin-top:11px}

.student .col
h3{
margin-bottom:3px}

.student
.section.first{
margin-top:10px}

.student .section+.section{
margin-top:20px}.student .col .info
h4{
font-size:14px;
line-height:15px;
margin:0
0 5px}

.student .col .info
p{
font-size:14px;
line-height:15px;
margin:0
0 10px}

.student p+.two-cols{
margin-top:23px}



/*=====================================================
General     P    H#   UL   ets  
=====================================================*/
ul.tags-list{
margin:21px
0 0}

ul.tags-list>li{
padding:4px
0}

ul.tags-list > li
h3{
width:60px;
font-size:21px;
line-height:25px}

ul .tags-list > li p .tags{
margin-left:80px;
padding:0;
line-height:20px}

a.btn{
margin:0 2px 5px 0}

.image{
margin-top:3em}



.image .img-holder .caption{
position:static;
}

.image .img-holder .caption p{
padding:15px 0px 2.5em}

.image
.author{
margin-bottom:10px}

.tags{
font-size:12px;
line-height:15px;
margin-top:0}

.tags
.label{
padding:3px
5px 2px}

#page-title+.tags{
margin:20px
0 14px}

.tags+.article{
margin-top:14px}

#page-title+.article>p:first-child{
margin-top:18px}

#slider
.caption{
position:static;
background:#5f5f5f;
font-size:14px;
line-height:20px}

#slider .caption
.wrap{
padding:15px
10px}

#slider .caption
h2{
font-size:24px;
line-height:30px;
margin:0
0 5px}

#slider .prev-slide,
#slider .next-slide{
display:none}

#slider .caption .u,
.image .img-holder .caption
.u{
background-image:url(cssimages/image-caption.png)}

#slider .caption .u:hover,
.image .img-holder .caption .u:hover{
background:transparent}

.news{
margin-bottom:30px}.news
h4{
margin-bottom:6px}

.news ul.list li .image,
.news ul.list li
.date{
margin-top:4px}

.news
.col{
margin-bottom:16px}

ul.projects-list>li{
margin:20px
0}

ul.projects-list > li
.image{
margin-top:.75em}

ul.projects-list > li
h3{
font-size:24px;
line-height:30px;
margin:4px
0 6px}

ul.people-list>li{
margin:22px
0;
padding:0;
background:none}

ul.people-list > li
img{
margin-bottom:4px}

ul.people-list > li
h2{
margin-bottom:-2px}

ul.people-list > li .text-wrap{
padding:0}

ul.people-list > li
p{
margin:0 0 3px}ul.people-list > li ul.social-links{
position:static;
margin-bottom:5px}

ul.people-list.type-2 .text-wrap{
padding-right:120px}ul.people-list.type-2 ul.social-links{
position:absolute;
top:0;
right:0}

ul.people-list.type-2
p{
margin-bottom:8px}ul.project-list{
margin-top:20px}

ul.students-list{
margin-top:15px}

ul.students-list>li,ul.project-list>li{
float:none;
display:block;
width:100%;
max-width:100%;
font-size:14px;
line-height:20px;
margin-bottom:20px;
padding:0;
background:none}

ul.students-list>li:nth-child(2n),ul.project-list>li:nth-child(2n){
float:none}

ul.students-list > li img,
ul.project-list > li
img{
margin-bottom:4px}

ul.students-list > li h3,
ul.project-list > li
h3{
font-size:24px;
line-height:30px;
margin-bottom:-2px}

ul.students-list > li p,
ul.project-list > li
p{
min-height:0;
margin-bottom:8px}.page-404{
width:100%;
font-size:14px;
line-height:20px}

.page-404
h1{
font-size:72px;
line-height:80px;
margin:14px
0 28px}

.search{
margin:44px
0 30px}



/*=====================================================
STUDENT
=====================================================*/




/*=====================================================
new nav
=====================================================*/

#outer-wrap {

  position: relative;

  overflow: hidden;

  width: 100%;

}

#inner-wrap {

  position: relative;

  width: 100%;

}

abbr[title] {

  border-bottom: 1px dotted;

}

b,
strong {

  font-weight: bold;

}

dfn {

  font-style: italic;

}

mark {

  background: #ff0;

  color: #000;

}

code,
kbd,
pre,
samp {

  font-family: monospace, serif;

  font-size: 1em;

}

pre {

  white-space: pre;

  white-space: pre-wrap;

  word-wrap: break-word;

}

q {

  quotes: "\201C" "\201D" "\2018" "\2019";

}

small {

  font-size: 80%;

}

sub,
sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}

sup {

  top: -0.5em;

}

sub {

  bottom: -0.25em;

}

img {

  border: 0;

}

svg:not(:root) {

  overflow: hidden;

}

figure {

  margin: 0;

}

fieldset {

  border: 1px solid silver;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}

legend {

  border: 0;

  padding: 0;

}




button,
input,
select,
textarea {

  font-family: inherit;

  font-size: 100%;

  margin: 0;

}

button,
input {

  line-height: normal;

}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {

  -webkit-appearance: button;

  cursor: pointer;

}

button[disabled],
input[disabled] {

  cursor: default;

}

input[type="checkbox"],
input[type="radio"] {

  box-sizing: border-box;

  padding: 0;

}

input[type="search"] {

  -webkit-appearance: textfield;

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}

button::-moz-focus-inner,
input::-moz-focus-inner {

  border: 0;

  padding: 0;

}

textarea {

  overflow: auto;

  vertical-align: top;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}




.highlight {

  background: #fff699;

  padding: 0 0.5em;

}

.prose ul, .prose ol {

  list-style: outside disc;

  font-size: 1em;

  line-height: 1.5em;

  margin-bottom: 1.5em;

}
.prose p {

  font-size: 1em;

  line-height: 1.5em;

  margin-bottom: 1.5em;

}
.prose p.small {

  color: #666;

  font-size: 0.8125em;

  line-height: 1.84615em;

  margin-bottom: 1.84615em;

}
.prose p.medium {

  color: #666;

  font-size: 0.875em;

  line-height: 1.71429em;

  margin-bottom: 1.71429em;

}
.prose p:last-child {

  margin-bottom: 0;

}
.prose h1 {

  font-size: 1.875em;

  line-height: 1.2em;

  margin-bottom: 0.4em;

}
.prose h2 {

  font-size: 1.5em;

  line-height: 1.25em;

  margin-bottom: 0.5em;

}
.prose a {

  color: #6d7173;

  border-bottom: 1px solid #a1cfe5;

  text-decoration: none;

  outline: none;

}
.prose a:focus, .prose a:hover {

  color: #4ab336;

  border-bottom-color: #77b36b;

}

.block {

  position: relative;

  margin: 0 auto;

  padding: 1.5em 1.25em;

  max-width: 60em;

}

.close-btn {

  display: block;

  width: 2.625em;

  height: 2.25em;

  padding: 0;

  border: 0;

  outline: none;

  background: #333333 url("cssimages/close-btn.svg") left center no-repeat;

  background-size: 1.875em 1.875em;

  overflow: hidden;

  white-space: nowrap;

  text-indent: 100%;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

  opacity: 1;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}
.no-svg .close-btn {

  background-image: url("../img/close-btn.png");

}
.close-btn:focus, .close-btn:hover {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

  opacity: 1;

}

.nnav-btn {

  display: block;

  width: 2.625em;

  height: 2.25em;

  padding: 0;

  border: 0;

  outline: none;

  background: #333333 url("cssimages/nav-icon.svg") left center no-repeat;

  background-size: 1.875em 1.5em;

  overflow: hidden;

  white-space: nowrap;

  text-indent: 100%;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);

  opacity: 0.7;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}
.no-svg .nnav-btn {

  background-image: url("../img/nav-icon.png");

}
.nnav-btn:hover, .nnav-btn:focus {

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

  opacity: 1;

}

#outer-wrap {

  position: relative;

  overflow: hidden;

  width: 100%;

}

#inner-wrap {

  position: relative;

  width: 100%;

}

#nnav {

  z-index: 200;

  position: relative;

  overflow: hidden;

  width: 100%;

  color: #fff;

}
#nnav .close-btn {

  display: none;

}
#nnav .block-title {

  border: 0;

  clip: rect(0 0 0 0);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute;

  width: 1px;

}
#nnav .block {

  z-index: 2;

  position: relative;

  padding: 0.75em 1.25em;

  background: #333333;

}
#nnav ul {

  *zoom: 1;

  display: block;

}
#nnav ul:before, #nnav ul:after {

  content: "";

  display: table;

}
#nnav ul:after {

  clear: both;

}
#nnav li {

  display: block;

}
#nnav li a {

  display: block;

  color: #ccc;

  font-size: 0.875em;

  line-height: 1.28571em;

  font-weight: bold;

  outline: none;

}
#nnav li a:focus, #nav li a:hover {

  color: #fff;

  background: rgba(255, 255, 255, 0.1);

}
#nnav li.is-active a {

  color: #fff;

}

#top {

  z-index: 100;

  position: relative;

  color: #fff;

  background: #333333;

}
#top .block-title {

  margin: 0;

  font-size: 1.875em;

  line-height: 1.2em;

  text-align: center;

  white-space: nowrap;

}
#top .nnav-btn {

  position: absolute;

  top: 1.5em;

  left: 1.875em;

}


}
#main .block {

  padding: 2.625em 1.875em;

}






@media screen and (min-width: 45.0625em) {

  #top .nnav-btn {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

  }

  #nnav .close-btn {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

  }
  #nnav .block-title {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

  }
  #nnav ul {

    text-align: center;

    white-space: nowrap;

  }
  #nnav li {

    display: inline-block;

    border-right: 1px solid rgba(255, 255, 255, 0.1);

  }
  #nnav li:last-child {

    border-right: none;

  }
  #nnav li a {

    padding: 0.42857em 0.85714em;

  }
}
@media screen and (max-width: 45em) {

  #nnav {

    position: absolute;

    top: 0;

    padding-top: 5.25em;

  }
  #nnav:not(:target) {

    z-index: 1;

    height: 0;

  }
  #nnav:target .close-btn {

    display: block;

  }
  #nnav .close-btn {

    position: absolute;

    top: -3.75em;

    left: 1.875em;

  }
  #nnav .block {

    position: relative;

    padding: 0;

  }
  #nnav li {

    position: relative;

    border-top: 1px solid rgba(255, 255, 255, 0.1);

  }
  #nnav li:last-child {

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  }
  #nnav li.is-active:after {

    z-index: 50;

    display: block;

    content: "";

    position: absolute;

    top: 50%;

    right: -0.03125em;

    margin-top: -0.625em;

    border-top: 0.625em transparent solid;

    border-bottom: 0.625em transparent solid;

    border-right: 0.625em white solid;

  }
  #nnav li a {

    padding: 0.85714em 2.14286em;

  }

  .js-ready #nnav {

    height: 100%;

    width: 70%;

    background: #333333;

    -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);

    -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);

    box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);

  }
  .js-ready #nnav .block {

    background: transparent;

  }
  .js-ready #nnav .close-btn {

    display: block;

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);

    opacity: 0.7;

  }
  .js-ready #nnav .close-btn:focus, .js-ready #nav .close-btn:hover {

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

    opacity: 1;

  }

  .js-ready #nnav {

    left: -70%;

  }
  .js-ready #inner-wrap {

    left: 0;

  }

  .js-nnav #inner-wrap {

    left: 70%;

  }

  .csstransforms3d.csstransitions.js-ready #nnav {

    left: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    -moz-transform: translate3d(-100%, 0, 0);

    -ms-transform: translate3d(-100%, 0, 0);

    -o-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    -o-backface-visibility: hidden;

    backface-visibility: hidden;

  }
  .csstransforms3d.csstransitions.js-ready #inner-wrap {

    left: 0 !important;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -webkit-transition: -webkit-transform 500ms ease;

    -moz-transition: -moz-transform 500ms ease;

    -o-transition: -o-transform 500ms ease;

    transition: transform 500ms ease;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    -o-backface-visibility: hidden;

    backface-visibility: hidden;

  }

  .csstransforms3d.csstransitions.js-nnav #inner-wrap {

    -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);

    -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);

    -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);

    -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);

    transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);

  }

  .csstransforms3d.csstransitions.js-ready #nnav .block {

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);

    opacity: 0.7;

    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;

    -webkit-transition-delay: ease, 0s;

    -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;

    -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;

    transition: opacity 300ms 100ms ease, transform 500ms ease;

    -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);

    -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);

    -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);

    -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);

    transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);

    -webkit-transform-origin: 50% 0%;

    -moz-transform-origin: 50% 0%;

    -ms-transform-origin: 50% 0%;

    -o-transform-origin: 50% 0%;

    transform-origin: 50% 0%;

  }

  .csstransforms3d.csstransitions.js-nnav #nnav .block {

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }
}
/*=====================================================
NOT INCORPORATED YET DONT KNOW WHAT THIS DOES
=====================================================*/
#footer{
padding:20px
0 0;
font-size:14px;
line-height:20px}#footer
h3{
font-size:21px;
line-height:25px;
margin-bottom:15px}#footer
.map{
margin-bottom:10px;
height:150px}#footer
address{
padding-top:0}#footer address>p>strong{
font-size:14px;
line-height:20px;
margin-top:0}#footer
.entry{
padding:5px
0 15px}#footer .btn-block{
margin-bottom:10px;
margin-top:10px}#footer-logo{
width:200px;
height:54px;
margin:14px
auto 5px}#footer-logo
a{
height:54px;
background-size:200px 54px}ul.social-links{
padding:5px
0}ul.links{
font-size:14px;
line-height:20px;
padding-bottom:10px}ul.social-media{
margin-bottom:0}ul.social-media
li{
padding-left:0;
background:none;
margin-bottom:10px}#subscribe,#search{
padding:3px
0 0;
margin:0
0 5px}#subscribe .submit-button,
#search .submit-button{
position:static;
width:100%;
text-align:center;
margin-top:20px}#subscribe
p{
margin:15px
0 5px}#alert{
top:0}.home
#header{
text-align:left}.home
#main{
padding-top:22px}.home
h1{
font-size:36px;
line-height:41px;
margin-bottom:10px}.flex-control-nav{
bottom:-19px}.flex-control-nav
li{
margin:0
0 0 3px}.flex-control-nav li
a{
width:8px;
height:8px;
border-radius:4px;
background:#d1d1d1}.flex-control-nav li a.flex-active{
background:#ff5129}}@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 640px){
}input{
-webkit-appearance:none;
border-radius:0}#main.search-results{
padding-top:0}.search-results-form{
background-color:#F0F0F0;
padding-bottom:0;
background-image:none;
max-width:100%;
width:100%;
padding:45px
0}.search-results-form
form.search{
max-width:540px;
margin:0
auto}.search-results-form
input.field{
background-color:#FFF;
background-image:none}.search-results-form input.submit-button{
background-color:inherit}.search-results-form
article{
max-width:860px;
margin:0
auto}.search-results-form article
form{
margin:0}.search-result-list{
padding:30px
0;
font:15px/25px 'opensans', sans-serif;
font-weight:normal}.search-result-list .results-meta,
.search-result-list .result-url{
color:#AAA;
font-size:14px}.search-result-list .search-result-item{
padding-top:30px}.search-result-list .result-title{
font:18px/25px 'opensansbold', sans-serif}.search-result-list .result-excerpt{
font-size:14px;
line-height:21px;
color:#666}

.search-result-list .result-pagination{
padding-top:30px;
text-align:center;
font-family:'opensansbold',sans-serif;
letter-spacing:2px}.search-result-list .result-pagination
span{
font-family:'opensans',sans-serif}.sva-tumblr .like_reblog_buttons
p{
float:left;
padding-right:10px}.sva-tumblr.article
p.meta{
text-transform:none}.sva-tumblr.article.single-tumblr-post .sections-list
.section{
border-bottom:none}.sva-tumblr.article.single-tumblr-post
footer.utility{
margin-top:0}.sva-tumblr .post
img{
max-width:100%}.sva-tumblr
div.post{
overflow:hidden}.sva-tumblr .tumblr-post-notes
li.note{
list-style:none;
border-bottom:1px solid #d1d1d1;
padding:10px
0}

.sva-tumblr .tumblr-post-notes li.note
blockquote{
background:none;
color:#505050;
font-size:inherit;
letter-spacing:normal;
font-family:inherit;
margin:0;
padding-left:28px}

.sva-tumblr .tumblr-post-notes li.note blockquote
a{
color:#505050}

.section.tumblr-reblog-post .post.post-type-text blockquote p:last-child{
font:24px/35px 'opensans', sans-serif;
letter-spacing:normal}

.section .post-type-video .fluid-width-video-wrapper{
margin-bottom:15px}.section.tumblr-reblog-post .post>blockquote{
color:inherit;
font:inherit;
letter-spacing:inherit}@media only screen and (max-width: 1023px){
.section.tumblr-reblog-post .post.post-type-text blockquote p:last-child{
font-size:18px;
line-height:25px}
@media only screen and (max-width: 640px){
.section.tumblr-reblog-post .post.post-type-text blockquote p:last-child{
font-size:14px;
line-height:1.8em}
#page-title.blog-archive-title
h2{
font-size:20px}



/*=====================================================
Fllash content holder
=====================================================*/
/* Flash*/
#flashholder
{
padding:0px 25px 40px 25px;

    width: auto;

    height: 300px;

    stroke: 2px red solid;
 Backgroud: #d3d3d3
}

#flashcontentpop
{
padding:0px 25px 0px 25px;

float: left;
    display: block;


}

#flashcontentcan
{
padding: 0px 25px;

float: right;
    stroke: 2px red solid;
 Backgroud: #d3d3d3
}
#flashcontentcheese
{
padding: 0px 0px 0px 25px;

float: right;
    display: block;


}

/*=====================================================
mobile show / hide
=====================================================*/

.mosh { display: none;}
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){
.mosh { display: inline;}}
   
.mohi { display: inline;}
/* Smartphone Portrait and Landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px){
.mohi { display: none;}}

.article .date{
float:left;
width:140px;
text-align:center;
color:#fff;
background:#F15C30;
padding:10px
0;
margin:18px
0}