@charset "utf-8";


/*html elements*/
html {font-size: 16px;}

body {background-image: none!important;}

h1 {font-size: 1.5rem;}

h3 {font-size: 1rem;}


/*layout*/
.layoutMain {padding-top: 100px; background-image: none;}

header {top: 0;}

.layoutLogo {z-index: 10000;}

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

.layoutSearch {position: absolute; left: 50%; top: 30px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 130px;}

.layoutSearch input {width: 100%;}

.layoutContent {float: none; width: auto; margin: 0 0 20px;}

.layoutSidebar {float: none; width: auto;}

.layoutSpacer {height: 30px;}

footer {margin-top: 0; height: auto; position: relative;}



ul.roundabout {list-style-type: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;}

ul.roundabout li {width: 48%; margin-right: 4%; padding-bottom: 15px;}

ul.roundabout li img {width: 100%; height: auto;}

ul.roundabout li:nth-child(2n+2) {margin-right: 0;}



/*main menu*/
@-webkit-keyframes moveFromTop {from {opacity: 0; -webkit-transform: translateY(-100%);} to {opacity: 1; -webkit-transform: translateY(0%);}}

@-moz-keyframes moveFromTop {from {opacity: 0; -moz-transform: translateY(-100%);} to {opacity: 1; -moz-transform: translateY(0%);}}

@-ms-keyframes moveFromTop {from {opacity: 0; -ms-transform: translateY(-100%);} to {opacity: 1; -ms-transform: translateY(0%);}}

nav.navMain {position: absolute; left: 0; top: 0; right: 0; padding: 25px 20px 0 130px; height: 80px; border-width: 0 0 5px;}

nav.navMain .mobileMenuToggle {display: block;}

nav.navMain ul.level1 {display: none; position: absolute; left: 0; right: 0; background: #fff; top: 80px; height: auto; padding: 20px 0 20px; height: 0; overflow: hidden; z-index: 1000;}

nav.navMain ul li {display: block!important; height: auto!important; margin: 0; padding: 5px 0; font-size: 1.25rem; border: none!important;}

nav.navMain ul.level1 > li:hover > ul {display: block;}

nav.navMain ul.level1 > li {padding: 10px 20px; opacity: 0;}

nav.navMain ul.level1 > li.do {opacity: 1; -webkit-animation: moveFromTop 250ms ease-in-out; -moz-animation: moveFromTop 250ms ease-in-out; -ms-animation: moveFromTop 250ms ease-in-out;}

nav.navMain ul.level2 {position: relative!important; left: auto; top: auto; opacity: 1; visibility: visible; display: none; margin-top: 10px;}

nav.navMain .spacer {display: none!important;}


nav.navMain .mobileMenuToggle {padding: 0; margin: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 1001;}

nav.navMain .mobileMenuTrigger {display: inline-block; list-style-type: none; padding: 0; margin: 0; height: 100%; padding: 27px 30px 10px; vertical-align: top;}

nav.navMain .mobileMenuToggle span {width: 34px; height: 3px; display: block; background: #B1B2B3; margin: 0 0 5px; transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); }

nav.navMain .mobileMenuToggle.opened span.slice1 {transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: 8px; }

nav.navMain .mobileMenuToggle.opened span.slice2 {opacity: 0; filter: alpha(opacity=0);}

nav.navMain .mobileMenuToggle.opened span.slice3 {transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-top: -16px }
	
nav.navMain .mobileMenuToggle p {display: none;}


/*footer menu*/
nav.navFooter {padding: 10px 20px;}