/* ---------- ------- NAVIGATION ------- ----------*/
#layout-nav {
  height: 150px;
  position: relative; }
  @media all and (max-width: 1000px) {
	#layout-nav{
	  height: auto;
	  width: 100%;
	  position: fixed;
	  top: 0;
	  left: 0;
	  text-align: center;
	  background: white;
	  transform: rotate(180deg);
	  opacity: 0;
	  pointer-events: none; }
	#layout-nav.active {
	  z-index: 10;
	  opacity: 1;
	  pointer-events: all; } }
  #layout-nav #user-and-contacts {
    height: 50px;
    overflow: hidden;
    line-height: 50px;
    color: white;
    background: #2032a1; }
	@media all and (max-width: 1000px) {
		#layout-nav #user-and-contacts {
			height: auto;
			transform: rotate(180deg);
			background: 0;
			color: rgb(100,100,100);
		}
	}
    #layout-nav #user-and-contacts #user-nav {
      float: left;
      font-family: TitilliumWebExtraLight; }
	@media all and (max-width: 1000px) {
		#layout-nav #user-and-contacts #user-nav {
			float: right;
			text-align: right;
			font-size: 1.3em;
		}
	}
      #layout-nav #user-and-contacts #user-nav a {
        text-decoration: none;
		position: relative; }
        #layout-nav #user-and-contacts #user-nav a:hover span{
          text-decoration: underline; }
	@media all and (min-width: 1000px) {
	  #layout-nav #user-and-contacts #user-nav a:not(:last-of-type):after {
		content: "|";
		margin: 0 6px; } }
	@media all and (max-width: 1000px) {
		#layout-nav #user-and-contacts #user-nav a{
			display: block;
			transform: translateX(calc(100% + 40px));
			transition: transform .3s ease;
			margin-right: 20px;
		}
		#layout-nav.active #user-and-contacts #user-nav a{
			transform: none;
		}
		#layout-nav:not(.active) #user-and-contacts #user-nav a{
			transition-delay: 0s !important;
		}	
	}
    #layout-nav #user-and-contacts #social-contacts {
      float: right; }
	@media all and (max-width: 1000px) {
		#layout-nav #user-and-contacts #social-contacts {
			display: none;
		}	
	}
      #layout-nav #user-and-contacts #social-contacts img {
        float: left;
        height: 20px;
        margin: 15px 20px;
        vertical-align: middle; }
      #layout-nav #user-and-contacts #social-contacts span {
        vertical-align: middle; }
  #layout-nav #site-nav {
    height: 100px;
    background: white; }
	@media all and (max-width: 1000px) {
		#layout-nav #site-nav {
			height: auto;
			transform: rotate(180deg);
		}
	}
    #layout-nav #site-nav .text-links {
      float: right;
	  text-transform: uppercase; }
	@media all and (max-width: 1000px) {
		#layout-nav #site-nav .text-links {
			float: none; 
			padding-top: 60px;
		}
	}
      #layout-nav #site-nav .text-links a {
        float: left;
		display: block;	
        height: 100px;
        max-width: 132px;
        margin-left: 40px;
        line-height: 25px;
        text-align: center;
        text-decoration: none;
		text-transform: uppercase;
        font-family: TitilliumWebBold;
        font-size: .85em;
        color: #c8c8c8; }
        #layout-nav #site-nav .text-links a:hover {
          color: black; }
        #layout-nav #site-nav .text-links a.active {
          border-bottom: 4px solid #2032a1;
          color: #2032a1; }
		@media all and (max-width: 1000px) {
			#layout-nav #site-nav .text-links a {
				height: 50px;
				clear: both;
				float: right;
				max-width: none;
				transform: translateX(calc(100% + 40px));
				transition: transform .3s ease;
				margin-right: 20px;
				font-size: 1.3em;
				color: black;
			}
			#layout-nav.active #site-nav .text-links a {
				transform: none;
			}
			#layout-nav:not(.active) #site-nav .text-links a{
				transition-delay: 0s !important;
			}
			#layout-nav #site-nav .text-links a.active{
				border: 0;
			}
		}
        @media all and (max-width: 1200px) {
          #layout-nav #site-nav .text-links a {
            margin-left: 20px; } }
        #layout-nav #site-nav .text-links a .align-helper {
          display: inline-block;
          height: 96px; }
		@media all and (max-width: 1000px) {
			#layout-nav #site-nav .text-links a .align-helper {
				height: 46px;	
			}
		}
        #layout-nav #site-nav .text-links a span:last-of-type {
          display: inline-block;
          vertical-align: middle; }
		  
#layout-logo {
  position: absolute;
  top: 50px;
  left: calc(50% - 610px); }
@media all and (max-width: 1220px) {
  #layout-logo {
	left: 10px; } }
@media all and (max-width: 1000px) {
  #layout-logo{
	position: static; } }
  #layout-logo img {
  	height: 80px;
  	margin-top: 10px; }

#hmb{
  height: 24px;
  width: 35px;
  position: absolute;
  z-index: 11;
  right: 20px;
  top: 35px;
  padding: 0;
}
#hmb.active{
	position: fixed;
}
  #hmb .layer{
	display: block;
	background: black;
	height: 4px;
	width: 100%;
	transition: all .5s ease;
  }
	#hmb .layer:nth-of-type(2){
		margin: 6px 0;
		opacity: 1;
	}
	#hmb.active .layer:nth-of-type(1){
		transform-origin: left top;
		transform: rotate(45deg) translateY(-3px);
	}
	#hmb.active .layer:nth-of-type(2){
		opacity: 0;
	}
	#hmb.active .layer:nth-of-type(3){
		transform-origin: left bottom;
		transform: rotate(-45deg) translateY(2px);
	}
	@media only screen and (min-width: 1000px){
		#hmb{
			display: none;
		}
	}

#responsive-menu-background{
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	background: white;
}
#responsive-menu-background.active{
	display: block;
}

/* ---------- --------- FOOTER --------- ----------*/
#layout-footer {
  background-color: #20212b;
  color: white; }
  #layout-footer #footer-columns {
    padding: 60px 0; }
    #layout-footer #footer-columns .responsive-column {
      float: left;
      width: 25%; }
      @media all and (max-width: 1000px) {
        #layout-footer #footer-columns .responsive-column {
          width: 50%;
          margin-bottom: 30px; }
        #layout-footer #footer-columns .responsive-column:nth-of-type(3) {
          clear: both; } }
      @media all and (max-width: 600px) {
        #layout-footer #footer-columns .responsive-column {
          clear: both;
          width: 100%; } }
      #layout-footer #footer-columns .responsive-column .footer-group.newsletter {
        float: left; }
        #layout-footer #footer-columns .responsive-column .footer-group.newsletter form {
          position: relative; }
          #layout-footer #footer-columns .responsive-column .footer-group.newsletter form #newsletter-email {
            height: 50px;
            width: 100%;
            font-size: 1em;
            padding: 0 50px 0 20px; }
          #layout-footer #footer-columns .responsive-column .footer-group.newsletter form button {
            height: 50px;
            width: 40px;
            position: absolute;
            top: 10px;
            right: 0;
			padding: 0;
            background: 0; }
            #layout-footer #footer-columns .responsive-column .footer-group.newsletter form button span{
              height: 10px;
              width: 10px;
              position: absolute;
              top: calc(50% - 5px);
              left: calc(50% - 20px);
              transform: rotate(45deg);
              transform-origin: center center;
              border-top: 1px solid #969696;
              border-right: 1px solid #969696; }
      #layout-footer #footer-columns .responsive-column .footer-group.contacts p {
        line-height: 26px;
        padding: 0;
        padding-top: 10px; }
        #layout-footer #footer-columns .responsive-column .footer-group.contacts p img {
          height: 20px;
          margin-right: 10px;
          vertical-align: middle; }
      #layout-footer #footer-columns .responsive-column .footer-group.social-media {
        margin-top: 30px; }
        #layout-footer #footer-columns .responsive-column .footer-group.social-media img {
          width: 100px;
          margin: 7px 0; }
      #layout-footer #footer-columns .responsive-column .footer-group h3 {
        float: left;
        border-bottom: 2px solid #faa61a;
        text-transform: uppercase;
        font-family: TitilliumWebBold; }
      #layout-footer #footer-columns .responsive-column .footer-group h3 + * {
        clear: both;
        padding: 10px 0 20px; }
      #layout-footer #footer-columns .responsive-column .footer-group li {
        position: relative;
        padding-left: 20px;
        line-height: 30px;
        list-style: none; }
        #layout-footer #footer-columns .responsive-column .footer-group li:before {
          content: "";
          display: inline-block;
          height: 6px;
          width: 6px;
          position: absolute;
          top: 12px;
          left: 0;
          background: white; }
        #layout-footer #footer-columns .responsive-column .footer-group li a {
          text-decoration: none; }
        #layout-footer #footer-columns .responsive-column .footer-group li a:hover {
          text-decoration: underline; }
  #layout-footer #credits {
    padding: 30px 0; }
  #layout-footer .copyright {
    float: left; }
  #layout-footer .creator {
    float: right; }
  @media all and (max-width: 800px) {
    #layout-footer #credits .copyright, #layout-footer #credits .creator {
      float: none;
      padding: 10px 0;
      line-height: 22px;
      text-align: center; } }

/*# sourceMappingURL=layout.css.map */

/*Manually added styles*/
#layout-footer .creator img{
	height: 17px;
	position: relative;
	top: 2px;
	filter: invert(100%);
	margin: 0 3px;
}