@charset 'UTF-8';

@media screen and (max-width: 39.9375em) {
	h1{font-size: 28px;line-height: 1em;}
	h2{font-size: 22px;line-height: 1em;}
	h3{font-size: 20px;line-height: 1.1em;}
	h4{font-size: 18px;line-height: 1.1em;}
	h5{font-size: 16px;line-height: 1.1em;}
	h6{font-size: 14px;line-height: 1.1em;}
	
	p,ul,ol,li{line-height: 1.4em !important;font-size: 13px !important;color: #5b6670;}
	
	iframe{ border: none; }
	
	.spacer{ display: none; }
	
	#back-to-top{top: auto;bottom: 0;z-index: 999999;width: 100px;height: 35px;padding: 0;font-size: 16px;font-weight: bold;padding: 5px 10px;}
	#back-to-top svg{margin: 5px 3px 0 0;width: 20px;height: auto;display: inline;}
	
	
	/**
	 * 	HEADER
	 */
	header{
    /*padding: 0;*/
    padding: 20px 0 5px 0;
}
	header > div{display: flex;}
	header > div > div{display: none;}
	header > div > div:first-child{display: block;}
		header > div > div:first-child svg{
    width: 125px;
    height: 40px;
}
	header > div > div:nth-child(3){display: block;}
		header > div > div:nth-child(3) svg{
    width: 115px;
    height: 40px;
}
	header svg{ max-width: 170px; }
	header .burger-menu-area{display: block;}
	header .burger-menu-area .burger-menu{display: block;cursor: pointer;}
	header .burger-menu-area .burger-menu-close{display: none;cursor: pointer;width:35px;}
	header .burger-menu-area .burger-menu svg{width: 35px;height: 35px;}
	header .burger-menu-area .burger-menu-close svg{width: 30px;height: 30px;}
	
	/**
	 * 	WEB NAVIGATION
	 */
	navigation{position: absolute;z-index: 9999;background: white;top: 0;margin-top: 88px;display: none;height: calc(100%);width: 100%;}
	navigation > div{display: block !important; overflow-y: auto; }
	navigation > .row {height: calc(100vh - 204px);overflow-y: auto;}
	navigation ul{}
	navigation ul.core-nav.ccore-nav-primary.ccore-nav-root{/*max-height: calc(100vh - 205px); calc(80vh - 130px);overflow-y: auto;*/}
	navigation ul ul ul{ margin-left: 15px }
	navigation ul li{display: block;margin: 0 0 4px 0;}
	navigation ul li:first-child{  }
	navigation ul li a{padding: 6px 10px;}
	navigation ul li a:hover{ }
	navigation ul .active a{padding: 6px 10px;}
	navigation ul ul a{font-size: 13px;padding: 3px 10px !important;}
	navigation ul ul a:before{ content: "-"; margin-right: 5px; }
	#search-box{ width: 100%; margin-bottom: 10px; }
	#search-box form input{ width: 100%; flex: 1; }
	#search-box form button{flex-basis: 20px;}
	
	navigation ul li .collapse-icon{padding: 0;position: absolute;top: 0;right: 0;display: block;padding: 5px 5px 0 5px;margin-top: 5px;z-index: 999;}
	navigation ul li .collapse-icon svg{ width: 15px; height: 15px; }
	
	navigation .mobile_expand_subnav.active > a{background: none;color: #4f5c6c;}

    navigation ul .active:after{ display: none; }
	
	#sub-menu{max-width: 100%;margin: 0;}
	#sub-menu > .columns{ padding: 0; }
	#sub-menu .sub-menu{ display: none !important; }
	#sub-menu .sub-foot{position: absolute;bottom: 0;padding: 15px; width: 100%;}
	#sub-menu .sub-foot .sub-copy{padding: 5px 15px !important;border: none;}
	#sub-menu .sub-foot .social-buttons{ }
	#sub-menu .sub-foot .social-buttons a span{ display: none; }
	
	section#page-area .breadcrumb ul{ display: block; }
	
	/**
	 * 	FOOTER
	 */
	footer {max-width: 100%;padding-left: 0;padding-right: 0;}
	footer div{ width: 100%; text-align: center; }
	footer > div > div:nth-child(2){text-align: center;width: 100%;margin-bottom: 15px;}
	footer p{text-align: center;}
	footer p a{ display: block; margin-bottom: 10px; }
	footer .core-nav{margin-bottom: 15px;justify-content: center;}
	
	/**
	 * 	FOOTER DRIVERS
	 */
	#footer-drivers{max-width: 100%;}
	#footer-drivers > div{width: 100%;}
	#footer-drivers > div p{ }
	#footer-drivers > div .driver-button{margin-bottom: 5px;}
	#footer-drivers > div .driver-button > div:nth-child(1){width: 50px;height: 50px;}
	#footer-drivers > div .driver-button.single.dark > div:nth-child(1){height: 50px;}
	#footer-drivers > div .driver-button.single.dark > div:nth-child(1) > *{ max-height: 100%; }
	#footer-drivers > div .driver-button.single.light > div:nth-child(1){ }
	#footer-drivers > div .driver-button.single.light > div:nth-child(1) *{ }
	#footer-drivers > div .driver-button:hover,
	#footer-drivers > div .driver-button:hover > div:nth-child(1),
	#footer-drivers > div .driver-button:hover.single.dark > div:nth-child(1),
	#footer-drivers > div .driver-button:hover.single.light > div:nth-child(1){ }
	#footer-drivers > div .driver-button.extended{ }
	#footer-drivers > div .driver-button.extended:before{ }
	#footer-drivers > div .driver-button.extended p:first-child{ }
	#footer-drivers > div .driver-button > div:nth-child(2){height: 50px;}
	#footer-drivers > div .driver-button-half{margin-bottom: 5px;margin-right: 5px;width: 49%;width: calc(50% - 2.5px);}
	#footer-drivers > div .driver-button-half.last{ }
	#footer-drivers > div .driver-button-half > div{height: 50px;}
	#footer-drivers > div .driver-button-half:hover{ }
	
	
	/**
	 * 	HERO SLIDER
	 */
	#hero-slider{height: 370px;margin: 0;padding: 0;}
	#hero-slider .slick{ height: 370px; }
	#hero-slider .slick .slick-track{height: 370px;}
	#hero-slider .slick .slick-list{ height: 370px; }
	#hero-slider .slick div.slick-slide{height: 370px;position: relative;}
	#hero-slider .slick div.slick-slide > img{ display: none; }
	#hero-slider .slick div.slick-slide .caption{width: 100% !important;padding: 15px;max-height: 100%;bottom: 0 !important;top: auto !important;height: auto !important;padding-bottom:25px;}
	#hero-slider .slick div.slick-slide .caption > div { margin: 10px 0; }
	#hero-slider .slick div.slick-slide .caption p{ font-size: 13px; }
	#hero-slider .slick div.slick-slide .caption p:first-child{ font-size: 17px; line-height: 22px; margin-bottom: 5px; }
	
	#hero-slider .slick-dots li{width: 15px;height: 15px;}
	#hero-slider .slick .slick-arrow{max-width: 12px;}
	#hero-slider .slick .slick-arrow-prev{right: 50px;}
	
	/**
	 * 	HOME DRIVERS (top)
	 */
	section#home-drivers{max-width: 100%;padding: 0;flex-wrap: wrap;margin: 15px 0 0 0;}
	section#home-drivers > a{width: 47%;width: calc(50% - 7.5px);flex: 0 0 auto;margin-right: 15px;margin-bottom: 15px;}
	section#home-drivers > a:nth-child(2n){ margin-right: 0;}
	
	/**
	 * 	MAIN CONTENT - HOME PAGE
	 */
	section#home-content{max-width: 100%;margin-top: 0;margin-bottom: 0;display: block;}
	section#home-content > div{width: 100%;}
	section#home-content > div:last-of-type{ display: none; }
	
	/**
	 * 	SECTION - all-the-latest
	 */
	section#all-the-latest{max-width: 100%;margin-top: 15px;}
	section#all-the-latest > h2{margin-bottom: 15px;}
	section#all-the-latest > h2 strong{ font-size: 25px; }
	section#all-the-latest > div{}
	section#all-the-latest > div .latest-box{width: 100%;margin-bottom: 15px;}
	section#all-the-latest > div  .latest-box .latest-box-head{ background: rgba(0,0,0,0.6); }
	
	/**
	 * 	SECTION - twitter-feed
	 */
	section#twitter-feed h2{}
	section#twitter-feed iframe{height: 400px !important;}
	section#twitter-feed .follow-bar{ display: block; }
	section#twitter-feed .follow-bar span{ display: none; }
	
	/**
	 * 	SECTION  - PAGE AREA - main content area for all inner pages
	 */
	section#page-area .wrapper{flex-wrap: wrap;margin-top: 0 !important;}
	section#page-area .wrapper article:not(.full) { flex-basis: auto; width: 100%; }
	section#page-area .wrapper article,
	section#page-area .wrapper article.full{order: 1;width: 100%; }
	section#page-area .wrapper article.full .row{ display: block; }
	section#page-area .wrapper sidebar{order: 2;margin: 0; }
	section#page-area .wrapper sidebar #sidebar-hero{ display: none; }
	section#page-area .wrapper sidebar #sidebar-subnav{ margin-top: 20px; }
	section#page-area .wrapper sidebar p, section#page-area .wrapper sidebar ul li, section#page-area .wrapper sidebar ol li, section#page-area .wrapper sidebar a{ font-size: 13px; }
	
	section#page-area #page-hero{ flex-wrap: wrap; }
	section#page-area #page-hero > div:nth-child(1){width: 100%;height: 200px;}
	section#page-area #page-hero > div:nth-child(1) iframe{width: 100%;height: 200px;}
	
	/*
	 * News Page
	 */
	.news-block{padding: 20px;}
	.news-block:first-of-type{ margin-top: 50px; }
	.news-content{padding-left: 0px;}
	#newspage .video-box-thumbnail{margin: 0 0 10px 0;}
	
	/*
	 *  SECTION - EVENTS
	 */
	.location-holder { margin: 0; }
	
	/**
	 * 	SECTION - GALLERY
	 */
	#gallery > div{ height: 150px;width: 49%;width: calc(50% - 5px);margin-bottom: 10px; }
	#gallery > div .boxcontentThird{ padding: 4px; }
	
	/**
	 * 	SECTION - VIDEOS
	 */
	body.page-videos #casestudies .wrapper{margin-top: 0px !important;}
	body.page-videos #video-boxes > div{margin: 0 0 15px 0;width: 100%;height: 250px;}
	body.page-videos #video-boxes .boxcontent{ width: 100%; }
	body.page-videos #video-boxes .boxcontent .padding{ padding: 10px; }
	#video-banner{max-height: initial;height: auto !important;}
	.video-information h2{font-size: 18px;margin-bottom: 10px;margin-top: 15px;}
	.description-holder{height: auto;font-size: 13px;}
	.view-more-channel a,
	.view-more-channel a *{font-size: 13px;}
	
	/*
	 * CASE STUDIES
	 */
	.download-study { font-size: 12px; }
	
	/**
	 * 	SECTION - RESOURCES - NEW LAYOUT
	 */
	.res-item-play{display: block !important;max-height: initial;}
	.res-item-play iframe{ max-height: 200px; }
	.res-item-play > div:nth-child(2){ padding: 15px; }
	.res-item-featured > div:nth-child(1){width: 100%;}
	.res-items .res-item{width: 100%;margin-bottom: 10px; margin-right: 0;}
	.res-items .res-item .res-item-caption p { max-height: 56px; }
	
	.res-navigation span{ display: none; }
	
	.res-record{ display: block; }
	.res-record .res-record-right{width: 100%;margin: 0;}
	
	
	#page-head > div:nth-child(2){order: 3;width: 100%;flex-basis: auto;padding-top: 5px;margin-top: 5px;}
	#page-head > div:nth-child(2) .labels{font-size: 16px !important;}
	#page-head > div:nth-child(2) form{display: flex;flex-wrap: nowrap;}
	#page-head > div:nth-child(2) form input[type="text"]{border-radius: 0px;box-shadow: none;height: 40px;margin-right: 0 !important;}
	#page-head > div:nth-child(2) form input[type="submit"]{border: none;box-shadow: none;margin-left: 0px !important;}
	
    /* Contrast Toolbar Toggle */
    .contrast-toggle:hover::after {content: "";display:none;}
    .contrast-toggle:hover::before {content: "";display:none;}
    .contrast-toggle.activated {}
    .contrast-toggle p{ }
    .contrast-toggle .toggle-slide{display: block;}
    .contrast-toggle .toggle-slide .toggle-button{top: -6px;}
    .contrast-toggle.activated .toggle-slide .toggle-button{}
} 

@media screen and (max-width: 33.75em) {
	#team .wrapper article .row .small-4 { flex: 0 0 50%; max-width: 50%; }
}

@media screen and (min-width: 383px) and (max-width: 63.9375em) {
	navigation > .row { height: calc(100vh - 185px); }
}