html, body { height: 100%;width: 100%;padding: 0;margin: 0;}
body {background: url(../images/f_bg_white_08741a8d7e3fc31ceb95cae7c1917a449692c92e.jpg) top center repeat-y #f3f4f2; }
.right-touts > .row > .one { /* hacking the grid */
    width: 100% !important;
}

.sticky-footer-fix { min-height: 100%;}

h1 {font-family: arial, helvetica, verdana; font-size: 16px; text-transform: uppercase; font-weight: bold; margin: 12px 0;color: #2e2e2e;}

summary p {
	font-family: arial, gentium_basicregular, "trebuchet ms", georgia; 
	font-size: 16px; 
	color: #646464;
    font-style: italic;
    font-weight: bold;
	line-height: 25px; 
}
.four summary p { width: 75%;} /* make the summary look smaller on full pages without touts */

.float-right {float: right;}
.float-left {float: left;}
.align-center { text-align: center;}
.no-padding {padding: 0 !important;}
.no-margin { margin: 0 !important;}
.align-center {text-align: center;}
.clear-fix { clear: both;}
.margin-right { margin-right: 20px;}

.font-tms {font-family: arial, "trebuchet ms", georgia, "times new roman"; font-size: 13px;}
.font-helvetica {font-family: helvetica, arial, verdana, sans-serif; text-transform: uppercase; color: #404040; font-weight: normal;}

/* FOundation overrides */
table tbody tr:nth-child(even) { background: transparent;}
table {background: white;-webkit-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;-o-border-radius: 0px;border-radius: 0px;margin: 0 0 18px;border: 0px solid transparent;}
table tbody tr td { padding: 0;}
.content ul { margin-left: 20px;}



.sticky-link {border-bottom: 4px solid #d5d5d5; padding: 5px 10px;}
	.sticky-link.yellow {border-bottom: 4px solid #f0ca36;}
	.sticky-link.orange {border-bottom: 4px solid #eec836;}
	.sticky-link a {font-family: arial, helvetica, verdana, sans-serif; text-transform: uppercase; color: #404040; font-weight: normal; font-size: 12px; display: block;}
	.sticky-link:hover {border-bottom: 4px solid #2e2e2e;}

a.read-more {text-decoration: underline;}
a.read-more:after {
	content: " >>";
}

.margin-bottom {margin-bottom: 30px;}
.social-item { margin-bottom: 8px;}
.header-wrapper {background: #cae8f2; padding: 30px 0 0 0; border-bottom: 4px solid #4a7888;}
.content-wrapper {padding-top: 20px;}
	.content-wrapper>.content {padding-bottom: 30px;color: #646464;}
	.content-wrapper>.content h1 { font-size: 35px;color: #cf1012;text-transform: none;}

.footer-wrapper {height: 57px;margin-top: -57px; background: url(../images/f_footer-red_3acbfbab5ac04fb048cfdba6aeb6519c67155809.jpg) top center no-repeat #f3f4f2; margin-bottom: 0; padding: 20px 0;}
.footer-wrapper p {font-size: 10px;margin: 0;}
.sticky-footer-fix-push { height: 57px;} /* same height as the footer-wrapper */


.branding {
    position: relative;
}
.branding:after {
    content: " ";
    background-image: url(../images/f_kite_a3641845b870b1513afd7dcc2c7f795144265de6.png);
    width: 74px;
    height: 59px;
    position: absolute;
    left: 95%;
    top: 40px;
}

.branding .logo {margin-top: 10px; display: inline-block; margin-bottom: 10px;}
.branding .secondary-menu-top {font-size: 11px; font-family: arial, helvetica, verdana, sans-serif; margin-bottom: 20px;width: 25%;display: inline-block;}
	.branding .secondary-menu-top a {display: inline-block;margin: 0 0 0 5px; padding: 2px 0px; border-right: 1px solid #646466;font-family: arial, helvetica, verdana;font-size: 11px;color: #646466;position: relative;top: 7px;}
	.branding .secondary-menu-top a:hover {text-decoration: underline; color: #000;}
	.branding .secondary-menu-top a:last-child {border-right: 0px solid transparent; margin: 0; padding: 0;}

.branding a.foundation-social-link {
    float: right;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: 100%;
    border: none;

    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;

    -webkit-transform: translate(-25%,-25%);
    -ms-transform: translate(-25%,-25%);
    transform: translate(-25%,-25%);
}
.branding a.foundation-social-link--mobile {
    float: right;
    margin: 5px 10px 0 0;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.branding a.foundation-social-link--mobile:first-child {
    margin: 5px 0 0;
}
.header-twitter-link {
    background-image: url('../images/twittericons/f_twitter_b5b7ef247826cf8e4c06a2a719a334eb151349d8.png');
}
/*.svg .header-twitter-link {
    background-image: url('../Images/twitterIcons/twitter.svg');
}*/
.header-facebook-link {
    background-image: url('../images/twittericons/f_fb_c0e06ca0c86be67cc08caf8ea07f1b16baeab2dd.png');
}
/*.svg .header-facebook-link {
    background-image: url('../Images/twitterIcons/fb.svg');
}*/

.menu .for-desktop {position: relative; top: 24px; padding-bottom: 0; overflow: auto; overflow: visible;}

.menu .for-desktop a {	font-family:  arial, helvetica, verdana;font-size: 11px;text-transform: uppercase;font-weight: bold;padding: 6px 20px;display: inline-block;border-bottom: 4px solid #4a7888;float: left;color: #4a7888; text-align: center;}
.menu .for-desktop a.active {border-color: #41aacd;}
.menu .for-desktop .decorator {width: 16px;border-bottom: 4px #cae8f2 solid;padding: 6px 0;float: left;line-height: inherit;font-size: 14px;height: 25px;}
nav > ul > li > a{height:25px;}
nav  ul  li{position:relative;float:left;min-height:25px;}
nav > ul > li > ul { background-color: #cae8f2; z-index: 999; position: absolute; top: 25px;left:-25px;min-width:191px;}
ul li ul { height: auto !important;}
nav ul li ul,nav ul li ul li ul {display:none;}
nav>ul>li:hover>ul,nav>ul>li>ul>li:hover>ul,nav>ul>li:focus>ul,nav>ul>li>ul>li:focus>ul {display: inline-block !important;}
ul li ul li{border-bottom: 1px solid #4a7888 !important;}
ul li a{height:auto;}
nav ul li ul li a{border:none !important; text-align:left !important;}
nav > ul > li > ul > li > ul{background-color: #cae8f2;position: absolute; width:191px;left:171px;float:left;top:-1px;}
nav > ul > li > ul > li > ul > li:first-child{border-top:3px solid #4a7888;}
nav ul > li > ul > li{min-width:191px;min-height: 32px;}
.secondary-menu {margin-bottom: 20px;}
.secondary-menu a {display: inline-block; padding-left: 20px;color: #8f8f90;margin-right: 20px;font-size: 11px;font-weight: bold;text-transform: uppercase;}
.secondary-menu a.active { background: url(../images/f_secondary-menu-active-red_fa1b72d1f428eaf8f770efa0a3ce7d665f063381.png) left center transparent no-repeat;color:#d01012}
.menu .for-desktop li > ul > li:hover > a{color:#fff}
.menu .for-desktop li > ul > li:hover{background-color: #4a7888;}
mobile-nav ul, mobile-nav li{border:none;}
#mobile-nav ul li {
  min-width: 191px;
}
.ccc {
    display: inline-block !important;
}
.hide{display : none !important;}
span.more:after{
    content:'';
    position:absolute;
    top:10px;
    right:8px;
    width: 0; 
    height: 0; 
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #2C4852;
}
.activepage{background-color:#4a7888;}
nav ul.no-bullet li ul li.activepage a{color:#ffffff;}
nav ul.no-bullet li ul li.activepage ul li a { color: #4a7888;  }
nav ul.no-bullet li ul li.activepage ul li.activepage a { color: #ffffff;  }
@media screen and (min-width: 848px) {
	.for-desktop {display: block;}
	.for-mobile {display: none;}
}

.lt-ie9 .for-mobile { display: none;}

.tout {margin-bottom: 30px;}
.tout .tout-content {border-top: 10px solid #d01012; padding: 0 7px 20px 7px;background: white;
box-shadow: 0px 0px 10px #d5d5d5;
border-radius: 0 0 3px 3px;}
	.tout.green .tout-content {border-top-color: #9ea375}
	.tout.yellow .tout-content {border-top-color: #f0ca36}
	.tout.orange .tout-content {border-top-color: #ff805e}
	.tout.blue .tout-content {border-top-color: #4a7888}
	.tout.lightblue .tout-content {border-top-color: #cae8f2}
	.tout.gray .tout-content {border-top-color: #646466}
	.tout.purple .tout-content { border-top-color: #512E63}
	.tout.red .tout-content { border-top-color: #d01012}

	.tout h3 {font-family: arial, helvetica, verdana, sans-serif; font-size: 11px; text-transform: uppercase; color: #646464; font-weight: normal; margin: 8px 0;}
	.tout h4 {font-family: arial, gentium_basicbold, georgia, "times new roman"; font-size: 16px; color: #646464; margin: 3px 0 6px;}

	.tout h3+img {width: 100%;}
.tout p {font-family: arial, "trebuchet ms", verdana, sans-serif; font-size: 13px; color: #646464;line-height: 15px;}
.tout p.highlighted {font-family: arial, gentium_basicregular, "trebuchet ms", georgia; font-size: 16px; color: #395667; line-height: normal;}

.content iframe.shadow {box-shadow: 0 0 10px #d5d5d5; margin: 0 20px 10px 0; position: relative; top: 10px;}

.content-collection {}
	.content-collection .item {background: #646464; color: #fff; overflow: auto;}
	.content-collection .item  img {float: left; margin: 0 10px 0 0;}
	.content-collection .item  a { color: #fff;text-decoration: none;}
.content-collection .item .item-content {padding: 10px;}
	.content-collection .item  h3 {font-family: arial, helvetica, verdana, sans-serif; font-size: 11px; text-transform: uppercase; color: #404040; font-weight: normal; margin: 8px 0; color: #fff;}
.content-collection .item  h4 {font-family: arial, gentium_basicregular, "trebuchet ms", georgia; font-size: 16px; color: #fff; line-height: normal; margin: 5px 0;}
.content-collection .item p {font-family: arial, "trebuchet ms", georgia, "times new roman"; font-size: 13px; line-height: 16px; margin: 6px 0;}
.content-collection .item p:last-child {margin-bottom: 0;}

/* special styling for links with a prepended image */
.content-collection p a {
    color: white;
    display: block;
    line-height: 48px;
    font-weight: bold;
    font-size: 15px;
}

.underline p a {text-decoration: underline;}

.download-links {}
    .download-links .item { overflow: auto;margin-bottom: 10px;}
    .download-links .item a { line-height: 48px; vertical-align: middle; font-family: arial, helvetica, verdana; text-transform: uppercase; color: #2E2E2E; font-size: 11px; font-weight: bold; display: block; width: auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .download-links .item img { float: left;margin-right: 10px;}

/* -----------------------------------------
   TWITTER FEED
----------------------------------------- */
.twitter-user {
    display: block;
    clear: both;
    height: 60px;
    margin-left: 10px;
}

.three .twitter-user {
    margin-left: 0px;
    height: 40px;
}
.twitter-avatar {
    height: 40px;
    border-radius: 4px;
    float: left;
    margin-right: 6px;
}

.three .twitter-avatar {
    height: 32px;
    width: 32px;
}

.twitter-logo {
    float: left;
    margin-left: 10px;
    height: 32px;
}

.three .twitter-logo {
    width: 24px;
    height: 24px;
    margin-left: 0px;
    float: right;
}
.twitter-userinfo {
    float: left;
}
.twitter-screenname {
    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #000000;
    display: block;
}

.three .twitter-screenname {
    font-size: 16px;
    
}


.twitter-username {
    display: block;
}

.three .twitter-username a {
    font-size:11px
}


ul.twitter-feed {
    list-style: none;
    clear: both;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-right: 10px;
    margin-left: 10px;
}

ul.twitter-feed li.twitter-tweet {
    padding-bottom: 10px;
}

ul.twitter-feed li.twitter-tweet span.twitter-buttons {
    float: right;
    margin-right: 10px;
}

ul.twitter-feed li.twitter-tweet span.twitter-tweet-date {
    display: block;
    font-size: 11px;
    float: left;
}

ul.twitter-feed li.twitter-tweet span.twitter-feed-seperator {
    clear: both;
    display: block;
    height: 1px;
    border-bottom: 1px solid #ccc;
}

ul.twitter-feed li a {
    color: #395667;
    font-weight: 400;
}

ul.twitter-feed li a:hover {
    text-decoration: underline;
}

.twitter-act {
    fill: #999;
    height: 18px;
    width: 18px;
}

.twitter-act:hover {
    fill: #333;
}

.twitter-ret:hover {
    fill: #19CF86;
}

.twitter-like:hover {
    fill: #E81C4F;
}

.twitter-btn {
    padding: 8px 12px;
    font-size: 12px;
    line-height: 1.1;
    border-radius: 6px;
    color: #fff;
    background-color: #d01012;
    float: right;
}

.three .twitter-btn {
    padding: 6px 9px;
    font-size: 11px;
    line-height: 1.1;
    border-radius: 6px;
    color: #fff;
    background-color: #d01012;
    float: right;
}

.twitter-btn:hover {
    background-color: #d00000;
    color: #ffffff;
}
.twitter-tout .spacer {
    clear: both;
    display: block;
}

.green .twitter-btn {background-color: #9ea375}
.yellow .twitter-btn {background-color: #f0ca36}
.orange .twitter-btn {background-color: #ff805e}
.blue .twitter-btn {background-color: #4a7888}
.lightblue .twitter-btn {background-color: #cae8f2}
.gray .twitter-btn {background-color: #646466}
.purple .twitter-btn { background-color: #512E63}
.red .twitter-btn { background-color: #d01012}

/* -----------------------------------------
   SLIDER
----------------------------------------- */

/*#featured {background: #dc8f3a; }*/

.featured-green #featured  { background: #9ea375}
.featured-yellow #featured  { background: #f0ca36}
.featured-orange #featured { background: #ff805e}
.featured-blue #featured  { background: #cae8f2}
.featured-gray #featured { background: #646466}
.featured-purple #featured { background: #512E63}
.featured-red #featured { background: #d01012}

#featured .columns {padding: 0;}
#featured h3 {font-family: arial, helvetica; font-size: 11px; margin: 10px 0;font-weight: bold;text-transform: uppercase;}
#featured h4 {font-family: gentium_basicbold, georgia, "times new roman"; font-size: 16px; color: #2e2e2e; margin: 3px 0;}

#featured img {float: left;}
#featured .caption {float: right; padding: 17px;}
#featured .caption p { font-weight: normal; font-size: 13px; line-height: 15pt; margin-bottom: 17px; font-family: arial, "trebuchet ms", georgia, "times new roman"; color: #2a5c6d;}
#featured .caption h3 { color: #2a5c6d;}
#featured .caption h4 { color: #2e2e2e;margin: 10px 0;}
#featured .timer {display: none;}
.lt-ie9 #featured div.caption { filter: none;background: transparent !important;}

.orbit.with-bullets {margin-bottom: 0;}
div.orbit img.fluid-placeholder {width: 75%;} /* we use only 75% for the image */
ul.orbit-bullets {bottom: -13px; margin-right: 10px; left: 10px; margin-left: auto !important;}

/* orange */
ul.orbit-bullets li {background-color: #e0e1e5; width: 16px; height: 16px;margin-right: 28px; border-radius: 50%;box-shadow: 0px 1px #8a909c;}
ul.orbit-bullets li.active { background-color: #d01012;}

/* green */
/*.featured-green ul.orbit-bullets li {background: url('../images/bullets/f_9ea375_7078b05e90de8f20503b5cbf964be5300fdb6420.png') no-repeat 0px 0;width: 16px; height: 18px;margin-right: 28px;}
.featured-green ul.orbit-bullets li.active {background: url('../images/bullets/f_9ea375_7078b05e90de8f20503b5cbf964be5300fdb6420.png') no-repeat -16px 0;}*/

/* blue */
/*.featured-blue ul.orbit-bullets li {background: url('../images/bullets/f_395667_d2d62b51d11e7322d4fe5a2ceeb356734b1aa384.png') no-repeat 0px 0;width: 16px; height: 18px;margin-right: 28px;}
.featured-blue ul.orbit-bullets li.active {background: url('../images/bullets/f_395667_d2d62b51d11e7322d4fe5a2ceeb356734b1aa384.png') no-repeat -16px 0;}*/

/* yellow */
/*.featured-yellow ul.orbit-bullets li {background: url('../images/bullets/f_f0ca36_3f42588f4f9ff0199933e9bf1f2c983129310edc.png') no-repeat 0px 0;width: 16px; height: 18px;margin-right: 28px;}
.featured-yellow ul.orbit-bullets li.active {background: url('../images/bullets/f_f0ca36_3f42588f4f9ff0199933e9bf1f2c983129310edc.png') no-repeat -16px 0;}*/

/* gray */
/*.featured-gray ul.orbit-bullets li {background: url('../images/bullets/f_646466_26c1fc92d21f97390bbbaeab33f5c8ea1c0ecf19.png') no-repeat 0px 0;width: 16px; height: 18px;margin-right: 28px;}
.featured-gray ul.orbit-bullets li.active {background: url('../images/bullets/f_646466_26c1fc92d21f97390bbbaeab33f5c8ea1c0ecf19.png') no-repeat -16px 0;}*/

/* purple */
/*.featured-purple ul.orbit-bullets li {background: url('../images/bullets/f_512e63_6d04e9feba8b9429ce6417f762052e872b94c662.png') no-repeat 0px 0;width: 16px; height: 18px;margin-right: 28px;}
.featured-purple ul.orbit-bullets li.active {background: url('../images/bullets/f_512e63_6d04e9feba8b9429ce6417f762052e872b94c662.png') no-repeat -16px 0;}*/

div.orbit-wrapper div.timer { display: none !important;}

@media screen and (min-width: 0px) and (max-width: 847px) {
    #featured img {float: none;}
    #featured .caption {float: none; padding: 17px;}
    div.orbit img.fluid-placeholder {width: 100%; height: 380px;} /* we use only 75% for the image */
}

/* -----------------------------------------
   GRID
----------------------------------------- */
.grid {}
.grid h2 {font-family: arial ,helvetica, verdana, sans-serif; font-size: 14px; text-transform: uppercase; color: #395667; margin: 40px 0 5px 0; clear: both;}
.grid .item {width: 200px; height: 175px; box-shadow: 0px 0px 10px #d5d5d5; position: relative; float: left; margin: 0 30px 30px 0;}
.grid .item .item-content {display: none; position: absolute; top: 0; left: 0; background: rgb(57, 86, 103); background: rgba(57, 86, 103, 0.8); overflow: hidden; color: #fff; padding: 10px; height: 100%; word-break: break-word;overflow: hidden;width: 100%;}
.grid .item .item-content a { color: #fff;text-decoration: none;}
    .grid .item .item-content a:hover {text-decoration: underline;}
.grid .item:hover .item-content {display: block;}
.grid .item .item-content h3 {font-family: arial, helvetica, verdana, sans-serif; font-size: 11px; text-transform: uppercase; color: #fff;}
.grid .item .item-content p {font-family: arial, "trebuchet ms", georgia, "times new roman"; font-size: 13px; line-height: 16px; margin: 6px 0;}

/* -----------------------------------------
   ACCORDION
----------------------------------------- */
.accordion {clear: both;}
.accordion .item .item-header {padding: 20px 10px;}
.accordion .item .item-header h2 {font-size: 11px; font-weight: normal; margin: 0; padding: 0;}
.accordion .item.even .item-header {background: #eaece7;}
.accordion .item.odd .item-header {background: #ffffff;}
.accordion .item .item-content {background: #395667; color: #fff;}
.accordion .item .item-content img {display: block;}
.accordion .item .item-content a { color: #fff;}
.accordion .item .item-content {}
.accordion .item  h3 {font-family: arial, helvetica, arial, verdana, sans-serif; font-size: 11px; text-transform: uppercase; color: #404040; font-weight: normal; margin: 12px 0; color: #fff;}
.accordion .item  h4 {font-family: arial, gentium_basicregular, "trebuchet ms", georgia; font-size: 16px; color: #fff; line-height: normal; margin: 12px 0;}
.accordion .item p {font-family: "arial, trebuchet ms", georgia, "times new roman"; font-size: 13px; line-height: 16px; margin: 6px 0;}
.accordion .item p:last-child {margin-bottom: 0;}

/* -----------------------------------------
   ACCORDION
----------------------------------------- */
.project-map {box-shadow: 0px 0px 10px #d5d5d5; clear: both; margin-bottom: 30px;text-align: center;background: #fff;}
	.project-map {width: 100%; position: relative;}
	.project-map .point {width: 14px; height: 14px; cursor: pointer; line-height: 14px; border: 3px #636366 solid; border-radius: 10px; position: absolute; background: #fff;}
	.project-map .point.active {background: #636366; border: 3px #fff solid;}
	.project-map .point .tooltip {background: #fff; border: 1px solid #888; width: 200px; border-radius: 3px; color: #444; text-align: left; padding: 10px;}
	.project-map .point .tooltip p {margin: 0; padding: 0;}

	.map-item {display: none;}
	.map-item .download-links .item a { color: #fff;}
    .map-item .download-links .item {display: inline-block; width: 33%;}

	.map-item>img {height: 210px;}

	.top-bar ul > li.name {background: #F4F4F2; border-top: 4px solid #646466;}
	.top-bar ul > li a:not(.button) {color: #555;}
	.top-bar section ul > li a:not(.button) {color: #f3f3f3;}
	.top-bar ul > li.toggle-topbar a {border-color: #555 transparent transparent transparent;}

/* -----------------------------------------
   SEARCH
----------------------------------------- */
.branding .search {
    width: 73%;
}

.row.menu {
    margin: 0px auto 20px auto;
}

#searchform {
width: 100%;
box-shadow: 0 0 5px #d5d5d5;
background: #fff;
    float: left;

}

#searchform button {
  float: right;
  width: 25px;
  height: 26px;
  display: block;
  text-indent: -10000px;
  border: none;
  border-left: 1px solid #888;
  background: url('../images/f_search-icon_66e9080133775902038f1f26c2805f65375cc7c8.png') center center no-repeat #fff;
  cursor: pointer;
}

#searchform input[type="text"] {
  width: 80%;
  height: 26px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  margin: 0;
  outline: none;
  background: #fff;
}

.inline {
    display: inline-block;
    margin-top: 18px;
}

#searchform input[type="text"]:hover {background: #fff;}


.tout.search-tout .tout-content {
  border-top: none;
  padding: 0 10px 10px 10px;
  background: #fff;
  box-shadow: none;
  border-radius: 0;
  border-top: #bbbbbb 2px solid;
  border-bottom: #bbbbbb 2px dotted;
}
.tout.search-tout .tout-content h4 {
  margin: 10px 0;
}
.tout.search-tout .tout-content img {
  float: left;
  margin-right: 20px;
  box-shadow: 0 0 10px #d5d5d5;
}

/* -----------------------------------------
   NEWS PAGE
----------------------------------------- */
.tout.news-tout .tout-content {
  border-top: none;
  padding: 0 10px 10px 10px;
  background: #fff;
  box-shadow: none;
  border-radius: 0;
  border-top: #bbbbbb 2px solid;
  border-bottom: #bbbbbb 2px dotted;
  overflow: auto;
}
.tout.news-tout .tout-content h4 {
  margin: 10px 0;
}
.tout.news-tout .tout-content img {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  box-shadow: 0 0 10px #d5d5d5;
}


/* -----------------------------------------
   IMAGE CAROUSEL
----------------------------------------- */
.is-gallery-wrapper {
	position: relative;
}

.is-gallery-wrapper .zoom {
	position: absolute;
	opacity: .6;
	background: url('../images/f_zoom_25261a89c5b6a73b8647c31bb088ed02bcc0288c.png') no-repeat top right;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	cursor: pointer;
}

.is-gallery-wrapper .zoom:hover {
	opacity: 1;
}


/* -----------------------------------------
   MOBILE NAVIGATION
----------------------------------------- */

#mobile-nav {
  padding: 7.5px;
  margin-top: -15px;
}

#mobile-nav .menu-toggle {

padding: 10px 10px 10px 47px;
border-radius: 3px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 15px;
background-color: #d5d5d5;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAASCAYAAAE/AI5yAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNCMjgyMkM3OTEzNzExRTI5MzBCQUUwOTI2NEMyRjIzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNCMjgyMkM4OTEzNzExRTI5MzBCQUUwOTI2NEMyRjIzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0IyODIyQzU5MTM3MTFFMjkzMEJBRTA5MjY0QzJGMjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0IyODIyQzY5MTM3MTFFMjkzMEJBRTA5MjY0QzJGMjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Ior9YAAAAdklEQVR42mIMDQ39z4AEmBjQAIYAQAAxImthwqkUIIAY////z4ALMDHgAQABxIjuJqKNZQkLC6OBToAAwqsTH2BiIBPQXyNAAOENdLwah07g4I3kke5HgABjvHbt2n8GOgKyA5XuYTpkLGS5fv36aByOxiFJAACJmDKzMM1oQwAAAABJRU5ErkJggg==');
background-repeat: no-repeat;
background-position: 10px center;
cursor: pointer;
margin-bottom: 10px;
}

#mobile-nav.active .menu-toggle {
background-color: #ccc;	
}

#mobile-nav a {
  display: block;
}

#mobile-nav > ul {

list-style: none;
 padding: 0 10px;
border: 1px solid #d5d5d5;
border-radius: 3px;
background: #f3f3f3;
display: none;
}

#mobile-nav ul  ul{
    margin: 0;
    padding: 0;
}

#mobile-nav>ul>li {
font-weight: bold;
text-transform: uppercase;
padding: 5px 0;
border-bottom: 1px solid #d5d5d5;
overflow: auto;
}

#mobile-nav>ul>li:last-child {
  border: none;
}

#mobile-nav ul ul li {
  list-style: none;
  float: left;
  padding: 0 20px 0 10px;
  width: 50%;
  border:none !important;
}

#mobile-nav ul ul ul{
    font-weight:normal;
}

#mobile-nav ul ul ul{
    color:#ACACAC;
}

#mobile-nav ul ul li a {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  padding: 5px 0;
  color: #888;
}

@media screen and (min-width: 0px) and (max-width: 1024px) {
    .branding:after {
        left: 88%;
        top: 50px;
    }
}

@media screen and (min-width: 0px) and (max-width: 847px) {
    .branding:after {
        display: none;   
    }

    .four.inline {
        width: 100%;
        float: none;
        padding: 0 8.5px;
    }

    .branding .search {
        width: 100%;
    }
}

@media screen and (min-width: 0px) and (max-width: 847px) {
	.for-desktop {display: none;}
	.for-mobile {display: block;}
    .branding .secondary-menu-top { display: none;}
	.tout-content {height: auto !important;} /* overrule JS that makes touts equal height */
	.right-touts { padding-top: 0 !important;}
	summary p { font-size: 14px;}
	.secondary-menu { margin-bottom: 0;}
	.secondary-menu a {width: 40%; margin-bottom: 15px; font-size: 12px;}
    .branding .logo {
        max-width: 200px;
    }
    .tout h3+img {
        max-width: 50%;
        margin: 0 auto;
        display: block;
    }
}