/* MEDIA QUERIES CSS
*********************************************/
@media all and (min-width: 769px) and  (max-width: 1100px) {
.fullheight {
	min-height:670px;
}


}

@media all and (min-width: 1101px) {
.fullheight {
	min-height:670px;
}

.slideboxbottom .link-icon-black, .slideboxbottom .link-icon-play {
 display:inline-block;
}


.toflipiny {
	opacity:0;
}

.toflipinx {
	opacity:0;
}

.tofadeinright {
	opacity:0;
}

.toslideinright {
	opacity:0;
}

.tofadein{
	opacity:0;
}

.tofadeinup{
	opacity:0;
}

.tofadeinupslow{
	opacity:0;
}


}

/* Small Screens*/
@media all and (max-width: 1100px) {
.prinavinner .mod-languages {
	display:none!important;
}
.article-content img {
	max-width:850px!important;
}
.figure-item {
	width: 40%;
	margin:0 10px 0 10px;
}
.figure-item:nth-child(1) {
	width: 40%;
	margin:0 10px 30px 10px;
}
.figure-item:nth-child(2) {
	width: 40%;
	margin:0 10px 30px 10px;
}
.slidebox {
	height: 280px!important;
	padding:15px 20px 15px 20px!important;
}
.textslidecontainer {
	height: 310px!important;
}
.slidebox h1 {
font-size: 30px!important;
margin-bottom: 10px!important;
margin-top: 30px!important;
}
.slideboxbottom .link-icon-black, .slideboxbottom .link-icon-play {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0;
	background-size: 24px 48px;
	-webkit-background-size:24px 48px;
	vertical-align:middle;
}
.slideboxbottom p {
  display: inline-block;
}

.toflipiny {
	opacity:1;
}

.toflipinx {
	opacity:1;
}

.tofadeinright {
	opacity:1;
}

.toslideinright {
	opacity:1;
}

.tofadein{
	opacity:1;
}

.tofadeinup{
	opacity:1;
}

.tofadeinupslow{
	opacity:1;
}

.static-slide {
	background-attachment: scroll!important;
	background-position:center center;
}
.sidenavigation {
	display:none!important;
}



.bottomcolhalfmisc {
	margin-top:10px!important;
}

.bottomcolhalftext {
	width:100%!important;
	float:right!important;
	margin-top:0!important;
	margin-right:0!important;
}

.logo-footer {
	background-position: bottom center!important;

}

}


/********************************************************************************************************************************

/********************************************************************************************************************************

/********************************************************************************************************************************

/********************************************************************************************************************************

/********************************************************************************************************************************

/* Tablet */

@media all and (min-width: 568px) and (max-width: 768px) {
.prinav ul.nav, .prinavinner ul.nav {
	display:none!important;
}
.prinav .mod-languages {
	display:none!important;
}
.prinav, .prinavinner {
	position:fixed!important;
	width:100%!important;
	background:url(../images/nav-pattern.jpg) repeat;
	top:0!important;
	z-index:999999!important;
}
.prinavactive {
	background:  rgba(255,255,255,0)!important;
}
.prinav .logo, .prinavinner .logo {
	width:150px!important;
	height:70px!important;
	margin:0 auto!important;
	background:url(../images/logo.png) transparent center center no-repeat!important;
	background-size: 113px 45px!important;
	-webkit-background-size: 113px 45px!important;
	display:block!important;
	float:none!important;
}

.secnav ul.menu > li:first-child {
	display: block!important;
}

.fullheight {
	height:620px!important;
}


.fullheightalt {
	height:480px!important;
}
.toflipiny {
	opacity:1;
}

.toflipinx {
	opacity:1;
}

.tofadeinright {
	opacity:1;
}

.toslideinright {
	opacity:1;
}

.tofadein{
	opacity:1;
}

.tofadeinup{
	opacity:1;
}

.tofadeinupslow{
	opacity:1;
}

.static-slide {
	background-attachment: scroll!important;
	background-position:center center;
}



.secnav ul.menu {
	max-width:400px!important;
}

.mobilenavbutton {
	display:block!important;
}
.article-content img {
	max-width:600px!important;
}
.figure-item {
	width: 40%;
	margin:0 10px 0 10px;
}
.figure-item:nth-child(1) {
	width: 40%;
	margin:0 10px 30px 10px;
}
.figure-item:nth-child(2) {
	width: 40%;
	margin:0 10px 30px 10px;
}
.slidebox {
	height: 280px!important;
	padding:15px 20px 15px 20px!important;
}
.textslidecontainer {
	height: 310px!important;
}
.slidebox h1 {
font-size: 30px!important;
margin-bottom: 10px!important;
margin-top: 30px!important;
}
.footercol h2 {
    font-size: 19px!important;
}
.footergroup1 {
	height:200px;
}
.footergroup2 {
	height:200px;
}
.footergroup3 {
	height:200px;
}
.slidebox2 {
	width:70%;
}
.slidebox3 {
	min-width:460px;
}
.slidebox5 h1 {
	font-size:24px!important;
}
.slidebox5 h2 {
	font-size:16px!important;
}
.slidebox5 h3 {
	font-size:16px!important;
}
input.inputbox {
	max-width:320px!important;
}
input.inputboxlight {
	max-width:320px!important;
}
input.inputboxlighter {
	max-width:320px!important;
}
textarea.inputbox{
	max-width:320px!important;
}
textarea.inputboxlight{
	max-width:320px!important;
}
textarea.inputboxlighter{
	max-width:320px!important;
}
.modns .button {
	max-width:290px!important;
}
.modns .buttonlight {
	max-width:290px!important;
}
.modns .buttonlighter {
	max-width:290px!important;
}
.feedbackbutton {
	max-width:290px!important;
}
.contactbaritem {
	width:-webkit-calc(100% / 2);
	width:calc(100% / 2);
	
}
.contactbar {
	height:720px;
}

.recentpostboximg {
	width: 100%;
	height: 180px;
	background-position:50% 50%;
}

.slideboxbottom .link-icon-black, .slideboxbottom .link-icon-play {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0;
	background-size: 24px 48px;
	-webkit-background-size:24px 48px;
	vertical-align:middle;
}
.slideboxbottom p {
  display: inline-block;
}

.sidenavigation {
	display:none!important;
}

.recommendationsbox {
	height:300px!important;
}


.bottomcolhalfmisc {
	margin-top:10px!important;
}

.bottomcolhalftext {
	width:100%!important;
	float:right!important;
	margin-top:0!important;
	margin-right:0!important;
}

.logo-footer {
	float: right!important;
	width: 144px;
	height: 40px;
	background-size: 144px 20px;
	-webkit-background-size: 144px 20px;
	background-position: bottom center!important;
	-website-background-position: bottom center!important;
}




}
/********************************************************************************************************************************

/********************************************************************************************************************************

/********************************************************************************************************************************

/********************************************************************************************************************************

/********************************************************************************************************************************

/* Phone */

@media all and (min-width: 320px) and (max-width: 567px) {
	
hr.spacer {
	margin: 20px auto!important;
	max-width:260px!important;
}
	
.prinav ul.nav, .prinavinner ul.nav {
	display:none!important;
}
.prinav .mod-languages {
	display:none!important;
}
.prinav, .prinavinner {
	position:fixed!important;
	width:100%!important;
	background:url(../images/nav-pattern.jpg) repeat;;
	top:0!important;
	z-index:999999!important;
}


.prinavactive {
	background:  rgba(255,255,255,0)!important;
}
.prinav .logo, .prinavinner .logo {
	width:150px!important;
	height:70px!important;
	margin:0 auto!important;
	background:url(../images/logo.png) transparent center center no-repeat!important;
	background-size: 113px 45px!important;
	-webkit-background-size: 113px 45px!important;
	display:block!important;
	float:none!important;
}

.secnav ul.menu > li:first-child {
	display: block!important;
}




.secnav ul.menu {
	max-width:250px!important;
	
}
.mobilenavbutton {
	display:block!important;
	width:25px!important;
	height:25px!important;
	background-size: 25px 25px!important;
	-webkit-background-size: 25px 25px!important;
}
.mobilenavbutton {
	top:20px!important;
}
.stellar-slide {
	background-position:center center!important;
}
.static-slide {
	border-bottom:1px solid #fff!important;
	background-attachment: scroll!important;
	background-position:center center;
}
.fullheight {
	height:450px!important;
}
.fullheightalt {
	height:260px!important;
}
.halfheight {
	height:50%!important;
}
.fixedheight130 {
	height:130px!important;
}
.fixedheight420 {
	height:210px!important;
}
.fixedheight420-2cols {
	height:421px!important;
}
.fixedheight420-3cols {
	height:630px!important;
}
.fixedheight520 {
	height:260px!important;
}
.fixedheight520-3cols {
	height:730px!important;
}
.fixedheight620 {
	height:340px!important;
}
.fixedheight720 {
	height:480px!important;
}
.fixedheight720alt {
	height:340px!important;
}
.fixedheight840-2cols {
	height:840px!important;
}
.fixedheight840 {
	height:560px!important;
}
.autoheight {
	height:auto!important;
}
.halfwidth {
	width:100%!important;
	border-bottom:1px solid #fff;
}
.thirdwidth {
	width:100%!important;
	border-bottom:1px solid #efefef!important;
}
.thirdwidth:last-child {
	width:100%!important;
	border-bottom:0!important;
}
.toflipiny {
	opacity:1;
}

.toflipinx {
	opacity:1;
}

.tofadeinright {
	opacity:1;
}

.toslideinright {
	opacity:1;
}

.tofadein{
	opacity:1;
}

.tofadeinup{
	opacity:1;
}

.tofadeinupslow{
	opacity:1;
}
.mainslidercontainer3 .slideselectors3 .subtext {
	margin-top:5px!important;
}
.slidebox {
	height:240px!important;
	width:200px!important;
	padding:15px 15px 15px 15px!important;
}
.textslidercontainer {
	height:270px!important;
	width:230px!important;
}
.slidebox h1 {
	font-size:30px!important;
	margin-bottom:10px!important;
	margin-top:30px!important;
}
.slidebox h3 {
	font-size:28px!important;
	margin-bottom:10px!important;
	margin-top:30px!important;
}
.slidebox p {
	font-size:11px!important;
	line-height:120%!important;
	margin-bottom:10px!important;
}


.slidebox2 {
	width:80%!important;
	padding:15px!important;
}
.slidebox2 h1 {
	font-size:22px!important;
	margin-bottom:10px!important;
}
.slidebox2 h2 {
	font-size:22px!important;
	margin-bottom:10px!important;
}
.slidebox2 h3 {
	font-size:22px!important;
	margin-bottom:10px!important;
}
.slidebox2 h4 {
	font-size:14px!important;
	margin-bottom:10px!important;
	padding-bottom:0!important;
}

.slidebox2 h5 {
	font-size:22px!important;
	margin-bottom:10px!important;
	padding-bottom:0!important;
	margin-top:10px!important;
}
.slidebox2 h6 {
	font-size:22px!important;
	margin-bottom:10px!important;
	padding-bottom:0!important;
	margin-top:10px!important;
}
.slidebox2 p {
	font-size:11px!important;
	line-height:120%!important;
	margin-bottom:10px!important;
}
.slidebox3 {
	width:80%!important;
	padding:15px!important;
	height:auto!important;
	margin:30px auto!important;
}
.slidebox3 h1 {
	font-size:16px!important;
	margin-bottom:10px!important;
}
.slidebox3 h2 {
	font-size:16px!important;
	margin-bottom:10px!important;
}
.slidebox3 p {
	font-size:11px!important;
	line-height:120%!important;
	margin-bottom:10px!important;
}
.vwrapper ul, .vwrapper ol {
	font-size: 11px!important;
}
.slidebox4 {
	width:80%!important;
	height:auto!important;
	margin:30px auto!important;
}
.slidebox4 p {
	font-size:11px!important;
	line-height:120%!important;
}
.slidebox4 h1 {
	font-size:22px!important;
	margin-bottom:10px!important;
}
.slidebox5 h1 {
	font-size:22px!important;
}
.slidebox5 h2 {
	font-size:14px!important;
	margin-bottom:10px!important;
}
.slidebox5 h3 {
	font-size:14px!important;
	margin-bottom:10px!important;
}
.mobilewhite {
	background-color:rgba(255,255,255,0.7);
}
.hideonmobile {
	display:none;
}
.showbioonmobile {
	display:block;
}
.staffbox .rightalign{
	width:50%!important;
	height:350px!important;
	margin:30px 20px 0 auto!important;
}
.staffbox .leftalign{
	width:50%!important;
	height:350px!important;
	margin:30px auto 0 20px!important;
}


.staffbox  p {
	font-size:11px!important;
	line-height:120%!important;
}
.staffbox  h1 {
	font-size:22px!important;
	margin-bottom:10px!important;
}
.slidebox3 {
	width:80%!important;
	padding:15px!important;
	height:auto!important;
	margin:30px auto!important;
}
.csbox {
	width:300px!important;
	padding:80px 0 0 0!important;
}
.csbox h1 {
	font-size:32px!important;
	margin-bottom:10px!important;
}
.csbox h2 {
	font-size:16px!important;
	margin-bottom:10px!important;
}
.csbox p {
	font-size:11px!important;
	line-height:120%!important;
	margin-bottom:10px!important;
}
.facebook-icon {
	width:22px!important;
	height:22px!important;
	margin:0 auto 10px auto!important;
	background-size:22px 45px!important;
	-webkit-background-size:22px 45px!important;
}
.twitter-icon {
	width:22px!important;
	height:22px!important;
	margin:0 auto 10px auto!important;
	background-size:22px 45px!important;
	-webkit-background-size:22px 45px!important;
}
.instagram-icon {
	width:22px!important;
	height:22px!important;
	margin:0 auto 10px auto!important;
	background-size:22px 45px!important;
	-webkit-background-size:22px 45px!important;
}
.target-link {
	width: 28px!important;
	height: 28px!important;
	background-size:28px 56px!important;
	-webkit-background-size:28px 56px!important;
}
.expand-link {
	width: 28px!important;
	height: 28px!important;
	background-size:28px 56px!important;
	-webkit-background-size:28px 56px!important;
}

.expand-link.active {
	width: 28px!important;
	height: 28px!important;
	background-size:28px 56px!important;
	-webkit-background-size:28px 56px!important;
}

.figures {
	margin: 10px auto!important;
}
.figure-item {
	width: 200px!important;
	margin:0 auto 30px auto!important;
}
.figure-circle {
	width: 160px!important;
	height:180px!important;
}
.figuresimg {
	width:100%;
	max-width:270px;
}
.blogbox {
	width:90%!important;
	padding:30px 0 30px 0!important;
}
.experiencebox {
	width:90%!important;
	padding:15px!important;
}
.newsbox {
	width: 90%!important;
	padding:15px!important;
}
.quotebox1, .quotebox2 {
	display:none!important;
}
.newsbox h1 {
	margin: 5px auto 5px auto!important;
}
.blogbox h1 {
	margin: 5px auto 5px auto!important;
}
.quotebox1 h1, .quotebox2 h1 {
	font-size: 22px!important;
	margin: 5px auto 5px auto!important;
}
.experiencebox h1 {
	margin: 5px auto 5px auto!important;
}
.blogbox p.date {
	margin-bottom: 30px!important;
}
.newsbox p.date {
	margin-bottom: 30px!important;
}
.experiencebox p.date {
	margin-bottom: 30px!important;
}
.blogbox p {
	line-height:120%!important;
}
.quotebox1 p, .quotebox2 p {
	font-size:16px!important;
	line-height:120%!important;
}
.newsbox p {
	line-height:120%!important;
}
.experiencebox p {
	line-height:120%!important;
}
.news-social {
	padding: 30px 0 30px 0!important;
}
.follow-social {
	padding: 10px 0 10px 0!important;
}
.recentpostboximg {
	height: 120px!important;
	margin-top:10px!important;
	background-position:50% 50%!important;
}
.recentpostbox h1 {
	font-size: 16px!important;
}
.recentpostbox p, .recentpostbox p.date {
	line-height: 120%!important;
	margin-bottom:0!important;
}
.footerwrap {
	height:450px!important;
}
.footergroup0 {
	display:block!important;
}
.footergroup1 {
	width:50%!important;
	height:300px!important;
}
.footergroup2 {
	width:50%!important;
	height:300px!important;
}
.footergroup3 {
	width:50%!important;
	height:auto!important;
}
.footergroup2 .footercol {
	width:100%!important;
	height:auto!important;
	margin-bottom:20px!important;
}
.footergroup4 {
	display:none!important;
}
.footergroup5 {
	width:50%!important;
	height:auto!important;
}
.footercol h2 {
	font-size: 16px!important;
}
.bottomcolhalf:first-child {
	width:50%!important;
}
.bottomcolhalf:last-child {
	width:50%!important;
}
.article-content img {
	max-width:250px!important;
}
.article-img {
	max-width:250px!important;
}
input.inputbox {
	height:15px!important;
	padding:8px 5px!important;
	max-width:240px!important;
	font-size: 13px!important;
}
input.inputboxlight {
	height:15px!important;
	padding:8px 5px!important;
	max-width:240px!important;
}
input.inputboxlighter {
	height:15px!important;
	padding:8px 5px!important;
	max-width:240px!important;
}
textarea.inputbox{
	padding:8px 5px!important;
	max-width:240px!important;
}
textarea.inputboxlight{
	padding:8px 5px!important;
	max-width:240px!important;
}
textarea.inputboxlighter{
	padding:8px 5px!important;
	max-width:240px!important;
}
.modns .button {
	padding:8px 0 8px 0!important;
	margin:20px auto 0 auto!important;
	font-size:13px!important;
	height:40px!important;
	max-width:240px!important;
}
.modns .buttonlight {
	padding:8px 0 8px 0!important;
	margin:20px auto 0 auto!important;
	font-size:13px!important;
	height:40px!important;
	max-width:240px!important;
}
.modns .buttonlighter {
	padding:8px 0 8px 0!important;
	margin:20px auto 0 auto!important;
	font-size:13px!important;
	height:40px!important;
	max-width:240px!important;
}
.feedbackbutton {
	padding:8px 0 8px 0!important;
	margin:20px auto 0 auto!important;
	font-size:13px!important;
	height:20px!important;
	max-width:240px!important;
	line-height:20px!important;
}
.img
.img-intro {
	height:240px!important;
}
.regridart-art .inner-mix h3 {
	margin: 5px 0 0 0!important;
	font-size: 16px!important;
}
.mix-date {
	line-height:110%!important;
	font-size:11px!important;
	margin:0!important;
}
.experiencebox h2 {
	font-size: 14px!important;
	margin: 5px auto 5px auto!important;
}
#sideBar {
	height:auto;
}

.sidebaritem {
	width:100%!important;
	margin:0!important;
}
.contactbar {
	height:1050px!important;
}
.contactbarheading {
	padding:40px 0 20px 0!important;
}
.contactbaritem {
	width:100%!important;
	height:190px!important;
	margin: 0!important;
	padding:20px 0;
	border-bottom:1px solid #888888;
}
.contactbaritem:last-child {
	border-bottom:0;
}
.contactbaritem h2 {
	line-height:110%!important;
}
#map {
	height:270px!important;
}
.closeloc {
	font-size: 16px!important;
}
.mapwrapper p {
	font-size: 11px!important;
}
.sidenavigation {
	display:none!important;
}

.amp-logo {
	width:72px!important;
	height:69px!important;
	margin:0 auto 10px auto!important;
	background-size:72px 69px!important;
	-webkit-background-size:72px 69px!important;
}

.bioappend {
	display:block;
	position:absolute;
	width:-webkit-calc(100% - 60px);
	width:calc(100% - 60px);
	height:-webkit-calc(100% - 60px);
	height:calc(100% - 60px);
	left:0;
	top:0;
	background:rgba(255,255,255,0.9);
	padding:30px;
	z-index:10;
	
}

.bioappend p{
	font-family:'Graphik-Regular', arial;
	font-size:12px;
	color:#333333;
	margin-bottom:10px;
}

.hidebioappend {
	display:block;
	background:url(../images/hide-link-black.png) no-repeat top center;
	width: 28px!important;
	height: 28px!important;
	background-size:28px 56px!important;
	-webkit-background-size:28px 56px!important;
	margin: 0 auto;
}

.hidebioappend:hover {
	cursor:pointer;
}

.showbioonmobile {
	display:block;
	background:url(../images/target-link-black.png) no-repeat top center;
	width: 28px!important;
	height: 28px!important;
	background-size:28px 56px!important;
	-webkit-background-size:28px 56px!important;
	margin: 0 auto;
}

.showbioonmobile:hover {
	cursor:pointer;
}

.slideboxbottom .link-icon-black, .slideboxbottom .link-icon-play {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0;
	background-size: 24px 48px;
	-webkit-background-size:24px 48px;
	vertical-align:middle;
}
.slideboxbottom p {
  display: inline-block;
}

.slideboxbottom {
	width:200px!important;
}

.recommendationsbox {
	width:calc(100% - 60px)!important;
	width:-webkit-calc(100% - 60px)!important;
	margin: 0 0 30px 30px!important;
	height:240px!important;
}

h1.recommendations {
	font-size:16px!important;

}

.bottomcolhalfmisc {
	margin-top:0!important;
}

.bottomcolhalftext {
	width:100%!important;
	float:none!important;
	margin-top:0!important;
	margin-right:0!important;
}

.logo-footer {
	float: right!important;
	width: 135px;
	height: 19px;
	background-size: 135px 19px;
	-webkit-background-size: 135px 19px;
}

.bottom {
	height: 90px!important;
}


#thumbox-dock{
	display:none!important;
}





}