@charset "UTF-8";
/* @group AUTHOR */
/* created by Tibor Benkő */
/* copyright © kRevo Kft. */
/* @end /AUTHOR */
/* @group FONTS */
@font-face {
  font-family: 'LatoWebRegular';
  src: url("../assets/fonts/Lato-Regular.eot");
  src: url("../assets/fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Lato-Regular.woff2") format("woff2"), url("../assets/fonts/Lato-Regular.woff") format("woff"), url("../assets/fonts/Lato-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Light */
@font-face {
  font-family: 'LatoWebLight';
  src: url("../assets/fonts/Lato-Light.eot");
  /* IE9 Compat Modes */
  src: url("../assets/fonts/Lato-Light.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Lato-Light.woff2") format("woff2"), url("../assets/fonts/Lato-Light.woff") format("woff"), url("../assets/fonts/Lato-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-LightItalic */
@font-face {
  font-family: 'LatoWebLightItalic';
  src: url("../assets/fonts/Lato-LightItalic.eot");
  /* IE9 Compat Modes */
  src: url("../assets/fonts/Lato-LightItalic.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Lato-LightItalic.woff2") format("woff2"), url("../assets/fonts/Lato-LightItalic.woff") format("woff"), url("../assets/fonts/Lato-LightItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Thin */
@font-face {
  font-family: 'LatoWebThin';
  src: url("../assets/fonts/Lato-Thin.eot");
  src: url("../assets/fonts/Lato-Thin.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Lato-Thin.woff2") format("woff2"), url("../assets/fonts/Lato-Thin.woff") format("woff"), url("../assets/fonts/Lato-Thin.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Hairline */
@font-face {
  font-family: 'LatoWebHairline';
  src: url("../assets/fonts/Lato-Hairline.eot");
  /* IE9 Compat Modes */
  src: url("../assets/fonts/Lato-Hairline.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Lato-Hairline.woff2") format("woff2"), url("../assets/fonts/Lato-Hairline.woff") format("woff"), url("../assets/fonts/Lato-Hairline.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Heavy */
@font-face {
  font-family: 'LatoWebHeavy';
  src: url("../assets/fonts/Lato-Heavy.eot");
  src: url("../assets/fonts/Lato-Heavy.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Lato-Heavy.woff2") format("woff2"), url("../assets/fonts/Lato-Heavy.woff") format("woff"), url("../assets/fonts/Lato-Heavy.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
}

/* @end */
/* @group GENERAL RESETS */
html,
body {
  position: relative;
  display: block;
  float: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
  font-size: 16px;
  line-height: 130%;
  font-weight: normal;
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
  color: #666666;
  background-color: #ffffff;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none;
}

div {
  position: relative;
  display: block;
  box-sizing: border-box;
  float: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
}

p {
  position: relative;
  display: block;
  box-sizing: border-box;
  float: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
  line-height: 130%;
  font-weight: normal;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
}

ul,
ol,
li {
  position: relative;
  float: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
}

h1, h2, h3, h4, h5, h6 {
  position: relative;
  display: block;
  box-sizing: border-box;
  float: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
  line-height: 130%;
  font-weight: normal;
  font-family: "LatoWebHeavy" , Helvetica , sans-serif;
}

a {
  position: relative;
  text-decoration: none;
}

a img {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
}

.template {
  display: none;
}

header, section, footer, aside, nav, main, article, figure {
  position: relative;
  display: block;
  box-sizing: border-box;
}

/* @end */
#uins {
  font-size: 1em;
  width: 100%;
  max-width: 100%;
  padding-top: 5.75em;
  background-color: #ffffff;
  /* @group CODEBOX DESKTOP NAVIGATION */
  /* @end */
  /* @group HEADER DESKTOP NAVIGATION */
  /* @end */
  /* @group HEADER DESKTOP NAVIGATION */
  /* @end */
  /* @group FOOTER  */
  /* @end */
  /* @group PROMO DESKTOP  */
  /*

//1460px
@media screen and (min-width: $pageWidthStep000+1px){
	.promo .message .insight{
			font-size: 3.75em;	
	}	
}



//1460px
@media screen and (max-width: $pageWidthStep000){
	.promo .message .insight{
			font-size: 3.5em;	
	}	
}


//1370px
@media screen and (max-width: $pageWidthStep00){
	.promo .message .insight{
			font-size: 3em;	
	}	
}


//1280px
@media screen and (max-width: $pageWidthStep0){
	.promo .message .insight{
			font-size: 2.75em;	
	}	
}

//1160px
@media screen and (max-width: $pageWidthStep1111){
	.promo .message .insight{
			font-size: 2.5em;	
	}	
}

//700px;
@media screen and (max-width: $pageWidthStep3){
	.promo .message .insight{
			font-size: 2.75em;	
	}	
}

//650px;
@media screen and (max-width: $pageWidthStep4){
	.promo .message .insight{
			font-size: 2em;	
	}	
}
*/
  /* @end */
  /* @group CALLTOACTION  */
  /* @end */
  /* @group CALLTOACTION FORM  */
  /* @end */
  /* @group MOREACTION DESKTOP  */
  /* @end */
  /* @group SECTION TITLE  */
  /* @end */
  /* @group SECTION SOLLUTIONS  */
  /* @end */
  /* @group SECTION QUICKLINKS  */
  /* @end */
  /* @group OFFER DESKTOP  */
  /*

//$pageWidthStep00: 1380px;
@media screen and (min-width: $pageWidthStep00){
	.offer{
		.content{
			.title{
				font-size: 2.5em;
				//margin-top: -100%
			}
			.paragraph{
				font-size: 1.5em;
			}
			.moreaction{
				font-size: 1.5em;
			}
		}
	}
}

//pageWidthStep00: 1380px;
@media screen and (max-width: $pageWidthStep00){
	.offer{
		.content{
			.title{
				font-size: 2em;
				//margin-top: -90%
			}
			.paragraph{
				font-size: 1.25em;
			}
			.moreaction{
				font-size: 1.25em;
			}
		}
	}
}


//$pageWidthStep0: 1280px;
@media screen and (max-width: $pageWidthStep0){
	.offer{
		.content{
			.title{
				font-size: 1.75em;
			}
			.paragraph{
				font-size: 1.25em;
			}
			.moreaction{
				font-size: 1.25em;
			}
		}
	}
}

//$pageWidthStep111: 1050px;
@media screen and (max-width: $pageWidthStep111){
	.offer{
		.content{
			.title{
				font-size: 1.5em;
			}
			.paragraph{
				font-size: 1em;
			}
			.moreaction{
				font-size: 1em;
			}
		}
	}
}
*/
  /* @end */
  /* @group LABELS FOR PAGE and BLOG  */
  /* @end */
  /* @group MASONRY DESKTOP  */
  /* @end */
  /* @group CONTENT LEAD  */
  /* @end */
  /* @group INTRO  */
  /* @end */
  /* @group INTRO  */
  /* @end */
  /* @group INTRO  */
  /* @end */
  /* @group VIDEO  */
  /* @end */
  /* @group STEPS DESKTOP  */
  /* IE10+ CSS styles go here */
  /* @end */
  /* @group WHAT YOU GET  */
  /* @end */
  /* @group PACKAGES DESKTOP  */
  /* @end */
  /* @group SECTION DETAILS  */
  /* @end */
  /* @group SECTION DOCUMENTS  */
  /* @end */
  /* @group SECTION SUPPORT  */
  /* @end */
  /* @group SOCIAL  */
  /* @end */
  /* @group cookie statement  */
  /* @end */
  /* @group COLOR */
  /* @end */
}

#uins.accessibility {
  color: #ffff00;
  background-color: #000000;
}

#uins .codebox {
  position: relative;
  display: block;
  box-sizing: border-box;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
}

#uins .header-photo {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

#uins .header-photo .picture {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

#uins .header-photo .image {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

#uins .header {
  position: fixed;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  top: 0px;
  left: 0px;
  width: 100%;
  min-width: 320px;
  height: 5.75em;
  margin: 0px 0px 0px 0px;
  padding: 3em 2em 0px 10.125em;
  border: none;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 10;
  -webkit-backdrop-filter: blur(0.25em);
  /* Safari 9+ */
  backdrop-filter: blur(0.25em);
  /* Chrome and Opera */
  transition-duration: 0.25s;
  transition-property: top;
}

#uins .header .logotype {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 1.5em;
  left: 2em;
  width: 8.125em;
  height: 3.125em;
  border: 0px;
  overflow: hidden;
}

#uins .header .logotype .image {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0px;
  left: 0px;
  width: 8.125em;
  height: 6.25em;
  border: 0px;
}

#uins .header .logomark {
  position: absolute;
  display: none;
  box-sizing: border-box;
  left: 2em;
  top: 3em;
  width: 1.5em;
  height: 1.5em;
  border: 0px;
  overflow: hidden;
}

#uins .header .logomark .image {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0px;
  left: 0px;
  width: 1.5em;
  height: 3em;
  border: 0px;
}

#uins .header .mode {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0.25em;
  right: 0.25em;
  width: 1.25em;
  height: 1.25em;
  border: 0px;
  cursor: pointer;
}

#uins .header .mode.accessbility {
  display: block;
}

#uins .header .mode.normal {
  display: none;
}

#uins .header .mode .icon {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0px;
  right: 0px;
  width: 1.25em;
  height: 1.25em;
  border: 0px;
}

#uins .header .navicon {
  display: none;
  cursor: pointer;
}

#uins .header .mainmenu {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: right;
  white-space: nowrap;
}

#uins .header .mainmenu .group {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  font-size: 1em;
  margin: 0px 0px 0px 1em;
  padding: 00px 0px 0px 0px;
}

#uins .header .mainmenu .group.mobile {
  display: none;
}

#uins .header .mainmenu .group .menulink {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 0.9em;
  line-height: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0.25em 0.5em 0.25em 0.5em;
  padding-top: 0.5em\9;
  padding-bottom: 0.1em\9;
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #818181;
  border: none;
  text-shadow: 0px 0px 0.5em #ffffff;
}

#uins .header .mainmenu .group .menulink:first-child {
  margin-left: 0px;
}

#uins .header .mainmenu .group .menulink.outlined {
  border: 1px solid #818181;
}

#uins .header .mainmenu .group .menulink:link, #uins .header .mainmenu .group .menulink:visited {
  color: #818181;
}

#uins .header .mainmenu .group .menulink.active, #uins .header .mainmenu .group .menulink:hover, #uins .header .mainmenu .group .menulink:active {
  color: #FF0000;
}

#uins .header .mainmenu .group .menulink .label {
  position: relative;
  display: inline;
  box-sizing: border-box;
  font-size: 1em;
  line-height: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#uins .header .mainmenu .group .menulink.outlined {
  border: 1px solid #818181;
}

#uins .header .mainmenu .group .menulink.outlined.active, #uins .header .mainmenu .group .menulink.outlined:hover, #uins .header .mainmenu .group .menulink.outlined:active {
  border-color: #FF0000;
}

#uins .header .mainmenu .group .submenulink {
  display: none;
}

#uins .header.compact {
  top: -1.75em;
  border-bottom: 1px solid #dddddd;
  transition-duration: 0.25s;
  transition-property: top;
}

#uins .header.compact .logotype {
  display: none;
}

#uins .header.compact .logomark {
  display: block;
}

#uins .header.compact .mode {
  display: none;
}

#uins .header .submenu {
  position: absolute;
  display: none;
  box-sizing: border-box;
  font-size: 1em;
  left: 0px;
  top: 5.75em;
  width: 100%;
  max-width: 100%;
}

#uins .header .submenu:after {
  position: relative;
  display: block;
  box-sizing: border-box;
  clear: both;
  content: '';
  height: 0px;
  width: 100%;
}

#uins .header .submenu .submenulink {
  position: relative;
  display: block;
  box-sizing: border-box;
  float: left;
  width: 33%;
  height: 7.5em;
  margin: 0px 0px 0px 0px;
  padding: 1.25em 0.25em 0.5em 0.25em;
  background-color: rgba(255, 47, 48, 0.85);
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(0.25em);
  /* Safari 9+ */
  backdrop-filter: blur(0.25em);
  /* Chrome and Opera */
  text-align: center;
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
  text-transform: none;
  letter-spacing: 0.05em;
  line-height: 100%;
}

#uins .header .submenu .submenulink.half {
  width: 50%;
}

#uins .header .submenu .submenulink.half:nth-child(2n) {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}

#uins .header .submenu .submenulink.third {
  width: 33%;
}

#uins .header .submenu .submenulink.third:nth-child(3n+3), #uins .header .submenu .submenulink.third:nth-child(3n+2) {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}

#uins .header .submenu .submenulink.third:nth-child(3n+2) {
  width: 34%;
}

#uins .header .submenu .submenulink.quarter {
  width: 25%;
}

#uins .header .submenu .submenulink.quarter:nth-child(2n), #uins .header .submenu .submenulink.quarter:nth-child(2n+1) {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}

#uins .header .submenu .submenulink:link, #uins .header .submenu .submenulink:visited {
  color: #ffffff;
}

#uins .header .submenu .submenulink:hover, #uins .header .submenu .submenulink:active {
  color: #ffffff;
}

#uins .header .submenu .submenulink.model {
  display: none;
}

#uins .header .submenu .submenulink .icon {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 2.5em;
  height: 2.5em;
  margin: 0px auto 0px auto;
  border: none;
}

#uins .header .submenu .submenulink .label {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding-top: 0.25em;
}

#uins .header .submenu .close {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0.25em;
  right: 0.25em;
  width: 2em;
  height: 2em;
  cursor: pointer;
  overflow: hidden;
}

#uins .header .submenu .close .icon {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: -2em;
  left: 0px;
  width: 2em;
  height: 8em;
}

@media screen and (min-width: 1280px) {
  #uins .header {
    padding: 3em 4em 0px 12.125em;
  }
  #uins .header .logotype {
    left: 4em;
  }
  #uins .header .logomark {
    left: 4em;
  }
  #uins .header .mode {
    right: 1em;
  }
}

@media screen and (min-width: 1280px) {
  #uins .header {
    left: 50%;
    margin-left: -640px;
    max-width: 1280px;
  }
}

#uins .footer {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  margin: 0px 0px 0px 0px;
  padding: 1.5em 2em 1em 2em;
  border-top: 1px solid #818181;
}

#uins .footer:after {
  position: relative;
  display: block;
  box-sizing: border-box;
  content: '';
  clear: both;
  float: none;
}

#uins .footer .column {
  position: relative;
  display: block;
  box-sizing: border-box;
  float: left;
  width: 20%;
  margin: 0px 0px 0px 6%;
  padding: 0px 0px 0px 0px;
}

#uins .footer .column:first-child {
  margin-left: 0px;
}

#uins .footer .column .title {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 0.875em;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 1em 0px;
  text-transform: uppercase;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  color: #333333;
}

#uins .footer .column .info {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 0.75em;
  line-height: 135%;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  color: #818181;
}

#uins .footer .contact + .column {
  margin-left: 0px;
}

#uins .footer .contact {
  position: relative;
  display: block;
  box-sizing: border-box;
  clear: both;
  float: none;
  font-size: 1em;
  margin: 0px;
  padding: 2.5em 0px 0.5em 2.5em;
}

#uins .footer .contact :after {
  position: relative;
  display: block;
  box-sizing: border-box;
  content: '';
  clear: both;
  float: none;
}

#uins .footer .contact .icon {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 2.25em;
  left: 0px;
  width: 2em;
  height: 2em;
}

#uins .footer .contact .text {
  position: relative;
  display: block;
  box-sizing: border-box;
  float: left;
  font-size: 1em;
  min-width: 7em;
  line-height: 100%;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
}

#uins .footer .contact .link {
  position: relative;
  display: block;
  box-sizing: border-box;
  float: left;
  font-size: 1em;
  min-width: 7em;
  font-family: "LatoWebHeavy" , Helvetica , sans-serif;
  color: #FF0000;
}

#uins .footer .contact + .contact {
  padding-top: 1em;
}

#uins .footer .contact + .contact .icon {
  top: 0.75em;
}

#uins .footer .bottom {
  position: relative;
  display: block;
  box-sizing: border-box;
  clear: both;
  float: none;
  font-size: 1em;
  margin: 3em 0px 0px 0px;
  padding: 1.5em 0px 0.5em 0px;
  border-top: 1px solid #818181;
}

#uins .footer .bottom :after {
  position: relative;
  display: block;
  box-sizing: border-box;
  content: '';
  clear: both;
  float: none;
}

#uins .footer .bottom .content {
  position: relative;
  display: block;
  box-sizing: border-box;
  float: left;
  font-size: 0.75em;
  width: 50%;
  min-height: 3em;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  color: #bdc2c6;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
}

#uins .footer .bottom .content.right {
  text-align: right;
}

#uins .footer .bottom .content .iconlink {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  font-size: 0.75em;
  border: none;
  margin: 0px 0px 0px 0.5em;
  padding: 0px;
}

#uins .footer .bottom .content .iconlink .icon {
  width: 3em;
  height: 3em;
}

@media screen and (min-width: 1280px) {
  #uins .footer {
    padding-left: 4em;
    padding-right: 4em;
  }
}

#uins .promo {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 320px;
  margin: 0px 0px 0px 0px;
  padding: 0px 2em 60% 2em;
}

#uins .promo .hero {
  position: absolute;
  display: block;
  box-sizing: border-box;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 125%;
}

#uins .promo .hero .image {
  position: absolute;
  display: block;
  box-sizing: border-box;
  left: 0px;
  top: -20%;
  width: 100%;
  border: none;
}

#uins .promo .canvas {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 115%;
  border: none;
  will-change: transform;
  transform: tranlsateZ(0);
}

#uins .promo .message {
  position: absolute;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  bottom: 35%;
  width: 50%;
  max-width: 50%;
  margin: 0px 0px 0px 0px;
  padding: 0px 2em 2.5em 0px;
}

#uins .promo .message .insight {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 2.5em;
  line-height: 100%;
  font-weight: normal;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#uins .promo .message .insight .text {
  font-family: "LatoWebThin" , Helvetica , sans-serif;
  font-weight: normal;
}

#uins .promo .message .insight .red {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #FF0000;
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
  font-weight: normal;
}

#uins .promo .message .insight .offer {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 0.6em;
  font-family: "LatoWebThin" , Helvetica , sans-serif;
  font-weight: normal;
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0px 0px 0px 0px;
  padding: 1.25em 0px 0px 0px;
}

#uins .promo .message .insight .offer:before {
  display: none;
}

#uins .promo .message .insight .offer:after {
  display: none;
}

#uins .promo .message.light .insight {
  color: #ffffff;
}

#uins .promo .calltoaction {
  position: absolute;
  top: 65%;
}

#uins .promo .moreaction {
  position: absolute;
  top: 65%;
}

#uins .promo .moreaction.button {
  height: 2.5em;
  padding-top: 0.75em;
}

#uins .promo .moreaction.button:after {
  top: 1em;
}

#uins .promo .moreaction + .calltoaction {
  left: 17em;
}

#uins .promo .category {
  position: absolute;
  display: block;
  box-sizing: border-box;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 7em;
  -webkit-transform: perspective(1px);
  -ms-transform: perspective(1px);
  transform: perspective(1px);
}

#uins .promo .category:before {
  position: absolute;
  display: block;
  box-sizing: border-box;
  content: '';
  top: -2em;
  left: 50%;
  width: 4em;
  height: 2em;
  margin-left: -2em;
  border-top-left-radius: 2em;
  border-top-right-radius: 2em;
  background-color: inherit;
  -webkit-transform: perspective(1px);
  -ms-transform: perspective(1px);
  transform: perspective(1px);
}

#uins .promo .category .icon {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: -0.5em;
  left: 50%;
  width: 2.5em;
  height: 2.5em;
  margin: 0px 0px 0px -1.25em;
  border: none;
}

#uins .promo .category .name {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1.25em;
  line-height: 120%;
  margin: 0px auto 0px auto;
  padding: 2.25em 0px 0px 0px;
  border: none;
  color: inherit;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (min-width: 1280px) {
  #uins .promo {
    padding: 0px 4em 60% 4em;
  }
  #uins .promo .message {
    padding-right: 4em;
  }
}

#uins .section .calltoaction {
  margin-left: auto;
  margin-right: auto;
}

#uins .calltoaction {
  box-sizing: border-box;
  width: 17.5em;
  height: 2.5em;
  min-height: 2.5em;
  margin: 0px 0px 0px 0px;
  padding: 0px 2.5em 0px 0px;
  border: none;
  background-color: #FF0000;
  overflow: hidden;
  cursor: pointer;
  /*
	&:before{
		position: absolute;
		display: block;
		box-sizing: border-box;
		
		content: '';
		top: 0px;
		left: 0px;
		width: 15em;
		height: 100%;
		border: 1px solid $colorRed;
		background-color: $colorWhite;	
	}
	*/
}

#uins .calltoaction:after {
  position: absolute;
  display: block;
  box-sizing: border-box;
  content: '';
  top: 0.8em;
  right: 1em;
  width: 0.9em;
  height: 0.9em;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  transform-origin: center;
  transform: rotate(45deg);
}

#uins .calltoaction:hover:after {
  top: 0.65em;
  right: 0.9em;
  width: 1.1em;
  height: 1.1em;
  transition-duration: 0.25s;
  transition-property: top, right, width, height;
}

#uins .calltoaction .settings {
  display: none;
}

#uins .calltoaction .buttonlabel {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  width: 15em;
  height: 100%;
  margin: 0px;
  padding: 0.75em 0.5em 0.25em 1em;
  line-height: 100%;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  text-transform: uppercase;
  color: #818181;
  border: 1px solid #FF0000;
  background-color: #ffffff;
}

#uins .calltoaction .inputlabel {
  position: absolute;
  display: none;
  box-sizing: border-box;
  font-size: 1em;
  top: 0px;
  left: 0px;
  width: 15em;
  height: 100%;
  margin: 0px;
  padding: 0.75em 0.5em 0.25em 1em;
  line-height: 100%;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  text-transform: uppercase;
  color: #bdc2c6;
  border: 1px solid #FF0000;
  background-color: #ffffff;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}

#uins .calltoaction .inputlabel .inputtext {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: default;
  position: absolute;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  top: 0px;
  left: 0px;
  width: 15em;
  height: 100%;
  padding: 0.25em 0.5em 0.25em 1em;
  line-height: 100%;
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
  text-transform: none;
  border: none;
  background-color: rgba(255, 255, 255, 0.01);
}

#uins .calltoaction .inputlabel .inputtext.error {
  color: #FF0000;
}

#uins .calltoaction .inputlabel .inputtext.filled {
  background-color: #ffffff;
}

#uins .calltoaction .inputlabel .inputtext:focus {
  outline: none;
}

#uins .calltoaction .inputlabel.filled .inputtext {
  background-color: #ffffff;
}

#uins .calltoaction .inputlabel.error .inputtext {
  color: #FF0000;
}

#uins .calltoaction:hover .buttongo .icon {
  top: -3.25em;
  width: 3em;
  height: 12em;
  transition-duration: 0.25s;
  transition-property: top, width, height;
}

#uins .promo .calltoactionform {
  position: absolute;
  top: 85%;
  margin-top: 0px;
}

#uins .section .calltoactionform {
  position: relative;
  box-sizing: content-box;
  margin-left: -2em;
  margin-right: -2em;
  width: 100%;
  max-width: auto;
}

#uins .section .calltoactionform:last-child {
  margin-bottom: -3em;
}

#uins .calltoactionform {
  position: absolute;
  display: none;
  box-sizing: border-box;
  left: 0px;
  width: 100%;
  height: auto;
  max-width: 100%;
  min-width: 320px;
  margin: 3em 0px 0px 0px;
  padding: 0.5em 2em 2em 2em;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  color: #818181;
  background-color: #f3f3f3;
  z-index: 9;
}

#uins .calltoactionform .settings {
  display: none;
}

#uins .calltoactionform .origin {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: -2em;
  left: 50%;
  width: 4em;
  height: 3em;
  margin-left: -2em;
  border-top-left-radius: 2em;
  border-top-right-radius: 2em;
  overflow: hidden;
  background-color: inherit;
  cursor: pointer;
}

#uins .calltoactionform .origin .icon {
  position: absolute;
  display: block;
  box-sizing: border-box;
  margin-top: 0.65em;
  top: 0em;
  left: 1em;
  width: 2em;
  height: 8em;
}

#uins .calltoactionform .origin:hover .icon {
  top: -6em;
}

#uins .calltoactionform .close {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0.25em;
  right: 0.25em;
  width: 2em;
  height: 2em;
  cursor: pointer;
  overflow: hidden;
}

#uins .calltoactionform .close .icon {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: -6em;
  left: 0px;
  width: 2em;
  height: 8em;
}

#uins .calltoactionform .inputlabel {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 15em;
  height: 2.5em;
  margin: 0.25em auto 0px auto;
  padding: 0.2em 0.5em 0.25em 1em;
  line-height: 2em;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  text-transform: uppercase;
  color: #bdc2c6;
  border: none;
  background-color: #ffffff;
  overflow: hidden;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}

#uins .calltoactionform .inputlabel.submit {
  color: #ffffff;
  background-color: #FF0000;
  cursor: pointer;
}

#uins .calltoactionform .inputlabel .inputtext {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  top: 0px;
  left: 0px;
  width: 15em;
  height: 2.5em;
  padding: 0.2em 0.5em 0.25em 1em;
  line-height: 2em;
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
  text-transform: none;
  border: 1px solid #e3e3e3;
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 0.01);
}

#uins .calltoactionform .inputlabel .inputtext:focus {
  outline: 1px solid #818181;
}

#uins .calltoactionform .inputlabel.filled .inputtext {
  background-color: #ffffff;
}

#uins .calltoactionform .inputlabel.error .inputtext {
  color: #FF0000;
}

#uins .calltoactionform .inputlabel .inputsubmit {
  position: absolute;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  top: -2.5em;
  right: 0px;
  width: 2.5em;
  height: 10em;
  padding: 0px;
  margin: 0px;
  border: none;
  background-color: #FF0000;
}

#uins .calltoactionform .inputlabel .inputsubmit:focus {
  outline: 1px solid #818181;
}

#uins .calltoactionform .title {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1.5em;
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
  text-align: center;
  width: 15em;
  margin: 1em auto 0px auto;
  padding: 0px;
}

#uins .calltoactionform .description,
#uins .calltoactionform .legal,
#uins .calltoactionform .response {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  text-align: left;
  width: 15em;
  margin: 0.5em auto 0.5em auto;
  padding: 0px;
}

#uins .calltoactionform .legal {
  font-size: 0.8em;
  width: auto;
  text-align: justify;
  padding-top: 1em;
  padding-bottom: 1em;
}

#uins .calltoactionform .legal a {
  color: #818181;
  text-decoration: underline;
}

#uins .calltoactionform .response {
  display: none;
  padding-top: 1.5em;
}

#uins .calltoactionform .response.error {
  color: #FF0000;
}

#uins .calltoactionform .loader {
  position: relative;
  display: block;
  display: none;
  box-sizing: border-box;
  width: 12.5em;
  height: 3.125em;
  margin: 0px auto 0px auto;
  overflow: hidden;
}

#uins .calltoactionform .loader .animation {
  position: absolute;
  display: block;
  box-sizing: border-box;
  left: 0px;
  top: -9.325em;
  width: 12.5em;
  height: 12.5em;
}

#uins .calltoactionform .help {
  position: absolute;
  display: none;
  box-sizing: border-box;
  font-size: 0.85em;
  width: 15em;
  margin: 0px 0px 0px 0px;
  padding: 0.5em 0.5em 0.5em 0.5em;
  color: #ffffff;
  background-color: rgba(177, 177, 177, 0.95);
  border: none;
  box-shadow: 0px 0.25em 1em rgba(0, 0, 0, 0.25);
}

#uins .calltoactionform .help:after {
  position: absolute;
  display: block;
  box-sizing: content-box;
  content: '';
  bottom: -1em;
  left: 50%;
  width: 1px;
  height: 1px;
  padding: 0px;
  margin: 0px 0px 0px -1em;
  background-color: none;
  border-top: 1em solid rgba(177, 177, 177, 0.95);
  border-left: 1em solid transparent;
  border-right: 1em solid transparent;
}

#uins .calltoactionform .help.error {
  background-color: rgba(255, 47, 48, 0.85);
}

#uins .calltoactionform .help.error:after {
  border-top: 1.1em solid rgba(255, 47, 48, 0.85);
}

#uins .dark .moreaction {
  color: #ffffff;
}

#uins .dark .moreaction:after {
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

#uins .moreaction {
  position: relative;
  display: inline;
  box-sizing: border-box;
  font-size: 1em;
  margin: 0px 2.5em 0px 0px;
  padding: 0px 2em 0px 0px;
  border: none;
  cursor: pointer;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  line-height: 125%;
  color: #333333;
}

#uins .moreaction:after {
  position: absolute;
  display: block;
  box-sizing: border-box;
  content: '';
  top: 0.4em;
  right: 1em;
  width: 0.55em;
  height: 0.55em;
  border-top: 1px solid #FF0000;
  border-right: 1px solid #FF0000;
  transform-origin: center;
  transform: rotate(45deg);
}

#uins .moreaction:hover {
  color: #FF0000;
}

#uins .moreaction.button {
  display: block;
  font-size: 1em;
  width: 14em;
  height: 2em;
  min-height: 2em;
  margin: 0px 0px 0px 0px;
  padding: 0.5em 2em 0px 0.75em;
  line-height: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-color: #FF0000;
  color: #ffffff;
  text-transform: uppercase;
  /*.label{
			position: absolute;
			display: block;
			box-sizing: border-box;
			
			top: 0px;
			left: 0px;
			width: 15em;
			height: 2.5em;
			padding: 0.2em 0.5em 0.25em 1em;
			
			line-height: 2em;
			text-transform: uppercase;
			color: $colorWhite;			
		}
		
		.go{
			display: none !important;			
		}*/
}

#uins .moreaction.button:after {
  position: absolute;
  display: block;
  box-sizing: border-box;
  content: '';
  top: 0.75em;
  right: 1em;
  width: 0.55em;
  height: 0.55em;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  transform-origin: center;
  transform: rotate(45deg);
}

#uins .moreaction.button:hover {
  color: #ffffff;
}

#uins .moreaction.button:hover:after {
  width: 0.65em;
  height: 0.65em;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}

#uins .moreaction.button.small {
  width: 10em;
}

#uins .sectiontitle {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  width: 100%;
  max-width: 100%;
  min-width: 320px;
  margin: 0px 0px 0px 0px;
  padding: 4em 2em 4em 2em;
  background-color: #ffffff;
}

#uins .sectiontitle .text {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1.5em;
  margin: 0px;
  padding: 0px;
  text-align: center;
  line-height: 120%;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#uins .sectiontitle .text .red {
  position: relative;
  display: inline;
  font-size: 1em;
  color: #FF0000;
}

#uins .sectiontitle .text.small {
  font-size: 1em;
  text-transform: none;
}

#uins .sectiontitle:before {
  position: absolute;
  display: block;
  box-sizing: border-box;
  content: '';
  bottom: -2em;
  left: 50%;
  width: 4em;
  height: 2em;
  margin-left: -2em;
  border-bottom-left-radius: 2em;
  border-bottom-right-radius: 2em;
  overflow: hidden;
  background-color: inherit;
  z-index: 1;
}

#uins .sectiontitle:after {
  position: absolute;
  display: block;
  box-sizing: border-box;
  content: '';
  bottom: -0.75em;
  right: 50%;
  width: 1em;
  height: 1em;
  margin-right: -0.5em;
  border-bottom: 1px solid #818181;
  border-right: 1px solid #818181;
  transform-origin: center;
  transform: rotate(45deg);
  z-index: 1;
}

#uins .sectiontitle.colorblue1:after, #uins .sectiontitle.colorblue2:after, #uins .sectiontitle.colorblue3:after, #uins .sectiontitle.colorblue4:after, #uins .sectiontitle.colorblue5:after, #uins .sectiontitle.colorgray1:after, #uins .sectiontitle.colorgray2:after, #uins .sectiontitle.colorgray3:after, #uins .sectiontitle.colorgray4:after, #uins .sectiontitle.colorgray5:after, #uins .sectiontitle.colorgray6:after, #uins .sectiontitle.colorgray7:after, #uins .sectiontitle.colorgray8:after, #uins .sectiontitle.colorred1:after, #uins .sectiontitle.colorred2:after, #uins .sectiontitle.colorred3:after, #uins .sectiontitle.colorred4:after, #uins .sectiontitle.colorcreme1:after, #uins .sectiontitle.colorcreme2:after, #uins .sectiontitle.colorcreme3:after {
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

#uins .sectiontitle .target {
  display: none !important;
}

@media screen and (min-width: 1380px) {
  #uins .sectiontitle .text {
    font-size: 2.5em;
  }
  #uins .sectiontitle .text.small {
    font-size: 1.5em;
  }
}

@media screen and (max-width: 1380px) {
  #uins .sectiontitle .text {
    font-size: 2em;
  }
  #uins .sectiontitle .text.small {
    font-size: 1.25em;
  }
}

@media screen and (max-width: 1280px) {
  #uins .sectiontitle .text {
    font-size: 1.5em;
  }
  #uins .sectiontitle .text.small {
    font-size: 1em;
  }
}

#uins .sectionsollutions {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  width: 100%;
  max-width: 100%;
  min-width: 320px;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #FF0000;
}

#uins .sectionsollutions:after {
  position: relative;
  display: block;
  box-sizing: border-box;
  clear: both;
  content: '';
  height: 0px;
  width: 100%;
}

#uins .sectionsollutions .sollution {
  position: relative;
  display: block;
  box-sizing: border-box;
  float: left;
  width: 50%;
  height: 12em;
  margin: 0px 0px 0px 0px;
  padding: 4em 0.25em 0.5em 0.25em;
  border: none;
  text-align: center;
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
  text-transform: none;
  letter-spacing: 0.05em;
  line-height: 100%;
  overflow: hidden;
  cursor: pointer;
}

#uins .sectionsollutions .sollution.half {
  width: 50%;
}

#uins .sectionsollutions .sollution.third {
  width: 33%;
}

#uins .sectionsollutions .sollution.third:nth-child(3n+2) {
  width: 34%;
}

#uins .sectionsollutions .sollution.quarter {
  width: 25%;
}

#uins .sectionsollutions .sollution:link, #uins .sectionsollutions .sollution:visited {
  color: #ffffff;
}

#uins .sectionsollutions .sollution:hover, #uins .sectionsollutions .sollution:active {
  color: #ffffff;
}

#uins .sectionsollutions .sollution.model {
  display: none;
}

#uins .sectionsollutions .sollution .background {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

#uins .sectionsollutions .sollution .background .image {
  position: absolute;
  display: block;
  box-sizing: border-box;
  left: 0px;
  top: 0px;
  width: 100%;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  border: none;
}

#uins .sectionsollutions .sollution.quarter .background .image, #uins .sectionsollutions .sollution.third .background .image, #uins .sectionsollutions .sollution.half .background .image {
  width: 100%;
  height: auto;
}

#uins .sectionsollutions .sollution:hover .background {
  opacity: 0.5;
  transition-duration: 0.25s;
  transition-property: opacity;
}

#uins .sectionsollutions .sollution:hover .icon {
  width: 3em;
  height: 3em;
  transition-duration: 0.25s;
  transition-property: width, height;
}

#uins .sectionsollutions .sollution:hover .label {
  font-size: 0.85em;
  text-shadow: 0px 0px 1em #FF0000;
  transition-duration: 0.25s;
  transition-property: font-size, text-shadow;
}

#uins .sectionsollutions .sollution .icon {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 2.5em;
  height: 2.5em;
  margin: 0px auto 0px auto;
  border: none;
  transition-duration: 0.25s;
  transition-property: width, height;
}

#uins .sectionsollutions .sollution .label {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 0.75em;
  padding-top: 0.25em;
  text-transform: uppercase;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  font-weight: normal;
  transition-duration: 0.25s;
  transition-property: font-size;
}

@media screen and (max-width: 70em) {
  #uins .sectionsollutions .sollution.third .background .image {
    width: auto;
    height: 100%;
  }
}

@media screen and (max-width: 114em) {
  #uins .sectionsollutions .sollution.quarter .background .image {
    width: auto;
    height: 100%;
  }
}

@media screen and (min-width: 1380px) {
  #uins .sectionsollutions .sollution .label {
    font-size: 1em;
  }
}

@media screen and (max-width: 1380px) {
  #uins .sectionsollutions .sollution .label {
    font-size: 0.8em;
  }
}

@media screen and (max-width: 1280px) {
  #uins .sectionsollutions .sollution .label {
    font-size: 0.75em;
  }
}

#uins .quicklinks {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  width: 100%;
  max-width: 100%;
  min-width: 320px;
  margin: 0px 0px 0px 0px;
  padding: 4em 0px 0px 0px;
  background-color: #ffffff;
}

#uins .quicklinks .title {
  position: relative;
  display: block;
  box-sizing: border-box;
  list-style-type: none;
  margin: 0px;
  padding: 0px 0px 1em 0px;
  text-align: center;
  background-color: #ffffff;
}

#uins .quicklinks .title .category {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  overflow: hidden;
  width: 25%;
  padding: 0px;
  margin: 0px;
}

#uins .quicklinks .title .category .link {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  padding: 0px;
  margin: 0px;
  line-height: 135%;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  color: #818181;
  text-transform: uppercase;
}

#uins .quicklinks .title .category .link:hover {
  color: #FF0000;
}

#uins .quicklinks .title .category.selected {
  width: 30%;
}

#uins .quicklinks .title .category.selected .link {
  font-size: 1.5em;
  color: #FF0000;
  transition-duration: 0.25s;
  transition-property: font-size;
}

#uins .quicklinks .title .target {
  position: absolute;
  display: block;
  box-sizing: border-box;
  bottom: -2em;
  left: 50%;
  width: 4em;
  height: 3em;
  margin-left: -2em;
  border-bottom-left-radius: 2em;
  border-bottom-right-radius: 2em;
  overflow: hidden;
  background-color: inherit;
  cursor: pointer;
  z-index: 1;
}

#uins .quicklinks .title .target .icon {
  position: absolute;
  display: block;
  box-sizing: border-box;
  margin-top: 0.65em;
  top: -0.25em;
  left: 1em;
  width: 2em;
  height: 8em;
}

#uins .quicklinks .title .target:hover .icon {
  top: -6.25em;
}

#uins .quicklinks .content {
  position: relative;
  display: none;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  background-color: rgba(255, 47, 48, 0.85);
}

#uins .quicklinks .content.selected {
  display: block;
}

#uins .quicklinks .content:after {
  position: relative;
  display: block;
  box-sizing: border-box;
  clear: both;
  content: '';
  height: 0px;
  width: 100%;
}

#uins .quicklinks .content .quicklink {
  position: relative;
  display: block;
  box-sizing: border-box;
  float: left;
  width: 50%;
  height: 7.5em;
  margin: 0px;
  padding: 1.25em 0.25em 0.5em 0.25em;
  background-color: rgba(255, 47, 48, 0.85);
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  text-align: center;
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
  text-transform: none;
  letter-spacing: 0.05em;
  line-height: 100%;
}

#uins .quicklinks .content .quicklink:first-child {
  border-left: none;
}

#uins .quicklinks .content .quicklink.half {
  width: 50%;
}

#uins .quicklinks .content .quicklink.quarter {
  width: 25%;
}

#uins .quicklinks .content .quicklink.eighth {
  width: 12.5%;
}

#uins .quicklinks .content .quicklink:link, #uins .quicklinks .content .quicklink:visited {
  color: #ffffff;
}

#uins .quicklinks .content .quicklink:hover, #uins .quicklinks .content .quicklink:active {
  color: #ffffff;
}

#uins .quicklinks .content .quicklink .icon {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 2.5em;
  height: 2.5em;
  margin: 0px auto 0px auto;
  border: none;
  transition-duration: 0.25s;
  transition-property: width, height;
}

#uins .quicklinks .content .quicklink .label {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 0.75em;
  padding-top: 0.25em;
  text-transform: uppercase;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  font-weight: normal;
  transition-duration: 0.25s;
  transition-property: font-size;
}

#uins .offer {
  position: relative;
  display: block;
  box-sizing: border-box;
  vertical-align: middle;
  width: 100%;
  max-width: 100%;
  min-width: 320px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px  0px;
  border: none;
  overflow: hidden;
}

#uins .offer:before {
  position: relative;
  display: block;
  box-sizing: border-box;
  content: "";
  float: right;
  width: 50%;
  margin: 0px 0px 0px 0px;
  padding: 50% 0px 0px 0px;
  border: none;
  text-align: left;
}

#uins .offer:after {
  position: relative;
  display: block;
  box-sizing: border-box;
  content: "";
  float: none;
  clear: both;
  width: 100%;
  height: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
}

#uins .offer .background {
  position: absolute;
  display: block;
  box-sizing: border-box;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 0px;
  padding: 75% 0px 0px 0px;
  overflow: hidden;
}

#uins .offer .background .image {
  position: absolute;
  display: block;
  box-sizing: border-box;
  left: 0px;
  top: 0px;
  width: 100%;
  height: auto;
  border: none;
}

#uins .offer .large {
  position: absolute;
  display: block;
  box-sizing: border-box;
  font-size: 3em;
  top: 50%;
  left: 50%;
  width: 50%;
  -webkit-transform: perspective(1px) translateY(-50%);
  -ms-transform: perspective(1px) translateY(-50%);
  transform: perspective(1px) translateY(-50%);
  text-align: center;
  line-height: 130%;
  color: #FF0000;
}

#uins .offer .content {
  position: relative;
  display: block;
  box-sizing: border-box;
  float: left;
  width: 50%;
  margin: 0px 0px 0px 0px;
  padding: 4em 2em 1em 2em;
  border: none;
  text-align: left;
}

#uins .offer .content .title {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1.5em;
  line-height: 110%;
  font-weight: normal;
  color: #FF0000;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 1em 0px;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
}

#uins .offer .content .paragraph {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  line-height: 135%;
  font-weight: normal;
  color: #333333;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 1.5em 0px;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  text-align: left;
}

#uins .offer .content.dark .title {
  color: #ffffff;
}

#uins .offer .content.dark .paragraph {
  color: #ffffff;
}

#uins .offer .content.dark .moreaction .label {
  color: #ffffff;
}

#uins .offer.example .content .title {
  font-size: 2em;
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#uins .offer.example .content .paragraph {
  color: red;
}

#uins .offer.third:before {
  width: 34%;
}

#uins .offer.third .content {
  width: 66%;
}

#uins .offer.quarter:before {
  width: 25%;
}

#uins .offer.quarter .content {
  width: 75%;
}

#uins .offer.right:before {
  float: left;
}

#uins .offer.right .content {
  float: left;
}

#uins .offer.right .large {
  left: 0px;
}

#uins .offer.right.quarter .content {
  margin-left: 25%;
}

@media screen and (min-width: 1280px) {
  #uins .offer .content {
    padding-left: 4em;
    padding-right: 4em;
  }
}

#uins .labels {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 0px 0px 0px 0px;
  padding: 3em 14em 3em 2em;
  white-space: normal;
}

#uins .labels .parameter {
  display: none;
}

#uins .labels .date {
  position: absolute;
  display: block;
  font-size: 0.875em;
  width: 13.5em;
  right: 2.25em;
  top: 3.4285em;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  color: #818181;
  text-align: right;
}

#uins .labels .label {
  position: relative;
  display: inline;
  font-size: 0.875em;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  color: #818181;
}

#uins .labels .label:after {
  position: relative;
  display: inline;
  content: '|';
  margin: 0px 0px 0px 0px;
  padding: 0px 0.5em 0px 0.5em;
  color: #FF0000;
}

#uins .labels .label:last-child:after {
  display: none;
}

#uins .labels .label:link, #uins .labels .label:visited {
  color: #818181;
}

#uins .labels .label:hover, #uins .labels .label:active {
  color: #FF0000;
}

#uins .labels .label:hover:after, #uins .labels .label:active:after {
  color: #FF0000;
}

#uins .labels .label.hidden {
  display: none;
}

@media screen and (min-width: 1280px) {
  #uins .labels {
    padding-left: 4em;
    padding-right: 16em;
  }
  #uins .labels .date {
    right: 4.5em;
  }
}

#uins .masonry {
  box-sizing: border-box;
  margin: 0px 0px 0px 0px;
  padding: 4em 2em 4em 2em;
  border: none;
}

#uins .masonry:after {
  position: relative;
  display: block;
  box-sizing: border-box;
  content: '';
  clear: both;
  height: 0px;
  width: 100%;
}

#uins .masonry .parameter {
  display: none !important;
}

#uins .masonry .model {
  display: none !important;
}

#uins .masonry .column {
  position: relative;
  display: block;
  box-sizing: border-box;
  float: left;
  width: 30%;
  margin: 0px 0px 0px 5%;
  padding: 0px 0px 0px 0px;
}

#uins .masonry .column:first-child {
  margin-left: 0px;
}

#uins .masonry .getmore {
  position: relative;
  display: block;
  box-sizing: border-box;
  float: none;
  clear: both;
  width: 14em;
  margin: 0px auto 0px auto;
  padding: 0.5em 2.5em 0.5em 0.5em;
  background-color: #FF0000;
  overflow: hidden;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  color: #ffffff;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
}

#uins .masonry .getmore:after {
  position: absolute;
  display: block;
  box-sizing: border-box;
  content: '';
  top: 0.65em;
  right: 0.75em;
  width: 0.65em;
  height: 0.65em;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  transform-origin: center;
  transform: rotate(45deg);
}

#uins .masonry .item {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: auto;
  margin: 0px 0px 3em 0px;
  padding: 0px 0px 1.5em 0px;
  background-color: #f3f3f3;
  border: none;
  overflow: hidden;
  cursor: pointer;
}

#uins .masonry .item:hover {
  box-shadow: 0px 0.25em 2em #bdc2c6;
}

#uins .masonry .item .picture {
  position: relative;
  display: block;
  box-sizing: border-box;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 0px;
  margin: 0px 0px 0px 0px;
  padding: 100% 0px 0px 0px;
  overflow: hidden;
  border: none;
}

#uins .masonry .item .picture .image {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0px;
  left: auto;
  right: 0px;
  width: auto;
  height: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#uins .masonry .item .picture.short {
  padding-top: 75%;
}

#uins .masonry .item .picture.short .image {
  left: auto;
  right: 0px;
}

#uins .masonry .item .picture.square {
  padding-top: 100%;
}

#uins .masonry .item .picture.square .image {
  left: auto;
  right: 0px;
}

#uins .masonry .item .picture.tall {
  padding-top: 125%;
}

#uins .masonry .item .picture.tall .image {
  left: auto;
  right: 0px;
}

#uins .masonry .item .labels {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 0.925em;
  max-width: 100%;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 0.5em 0.5em 0px 0.5em;
  white-space: normal;
}

#uins .masonry .item .labels .label {
  position: relative;
  display: inline;
  box-sizing: border-box;
  white-space: normal;
}

#uins .masonry .item .labels .label:after {
  color: #818181;
}

#uins .masonry .item .title {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1.25em;
  margin: 1em 0px 0px 0px;
  padding: 0px 0.5em 0px 0.5em;
  font-weight: normal;
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
  color: #000000;
}

#uins .masonry .item .lead {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  margin: 1em 0px 0px 0px;
  padding: 0px 0.625em 1em 0.625em;
  font-weight: normal;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
}

#uins .masonry .item .moreaction {
  padding-left: 0.625em;
}

@media screen and (min-width: 1280px) {
  #uins .masonry {
    padding-left: 4em;
    padding-right: 4em;
  }
}

#uins .contentlead {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  margin: 0px 0px 0px 0px;
  padding: 4em 2em 4em 2em;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  background-color: #f3f3f3;
}

#uins .contentlead .title {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1.5em;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0.5em 0px;
  font-weight: normal;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  text-transform: uppercase;
  color: #FF0000;
}

#uins .contentlead .text {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

@media screen and (min-width: 1280px) {
  #uins .contentlead {
    padding-left: 4em;
    padding-right: 4em;
  }
}

#uins .details .detailcontent .textportion {
  padding-left: 0px;
  padding-right: 0px;
}

#uins .textportion {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 0px 0px 0px 0px;
  padding: 2em 2em 0px 2em;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  line-height: 135%;
  overflow: hidden;
}

#uins .textportion.intro {
  font-size: 1.5em;
  padding: 2em 1.3333333333em 0px 1.3333333333em;
}

#uins .textportion.subtitle {
  font-size: 1.5em;
  padding: 2em 1.3333333333em 0px 1.3333333333em;
  color: #FF0000;
}

#uins .textportion.subtitle strong {
  font-family: "LatoWebHeavy" , Helvetica , sans-serif;
  font-weight: normal;
}

#uins .textportion.highlight {
  font-size: 1.5em;
  padding: 2em 1.3333333333em 0px 2.8333333333em;
  font-family: "LatoWebLightItalic" , Helvetica , sans-serif;
  font-style: italic;
}

#uins .textportion.highlight:after {
  position: absolute;
  display: block;
  box-sizing: border-box;
  content: '';
  top: 2em;
  left: 1.3333333333em;
  width: 0.4em;
  height: 100%;
  background-color: #FF0000;
}

#uins .textportion.list {
  list-style-type: disc;
}

#uins .textportion.list li {
  list-style-position: inside;
}

#uins .textportion.orderedlist {
  list-style-type: decimal;
}

#uins .textportion.orderedlist li {
  list-style-position: inside;
}

#uins .textportion.stronger {
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
  color: #333333;
}

#uins .textportion .link {
  color: #666666;
  text-decoration: underline;
}

#uins .textportion .link:link, #uins .textportion .link:visited {
  color: #666666;
}

#uins .textportion .link:hover, #uins .textportion .link:active {
  color: #FF0000;
}

@media screen and (min-width: 1280px) {
  #uins .textportion {
    padding-left: 4em;
    padding-right: 4em;
  }
  #uins .textportion.intro {
    padding-left: 2.6666666667em;
    padding-right: 2.6666666667em;
  }
  #uins .textportion.subtitle {
    padding-left: 2.6666666667em;
    padding-right: 2.6666666667em;
  }
  #uins .textportion.highlight {
    padding-left: 4.1666666667em;
    padding-right: 2.6666666667em;
  }
  #uins .textportion.highlight:after {
    left: 2.6666666667em;
  }
}

#uins .table {
  position: relative;
  display: table;
  box-sizing: border-box;
  font-size: 1em;
  width: 100%;
  margin: 2em 0px 0px 0px;
  padding: 0px;
  border-collapse: collapse;
  border: none;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  line-height: 135%;
  overflow: hidden;
}

#uins .table thead {
  background-color: #bdc2c6;
}

#uins .table thead th {
  margin: 0px;
  padding: 0.5em 1em;
  text-align: center;
  background-color: #bdc2c6;
  color: #ffffff;
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
}

#uins .table tr:nth-child(even) {
  background-color: #f3f3f3;
}

#uins .table td {
  margin: 0px;
  padding: 0.5em 1em;
  border: none;
}

#uins .table td.right {
  text-align: right;
}

#uins .table td.center {
  text-align: center;
}

#uins .table tfoot {
  background-color: #e3e3e3;
}

#uins .table tfoot td {
  font-size: 0.75em;
  padding: 0.75em 1.5em;
}

#uins .photo {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 0px 0px 0px 0px;
  margin: 2em 2em 0px 2em;
}

#uins .photo .picture {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
}

#uins .photo .picture .image {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
}

#uins .photo .description {
  position: absolute;
  display: block;
  box-sizing: border-box;
  bottom: 0px;
  width: 100%;
  padding: 2em 2em 2em 2em;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  line-height: 110%;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5);
}

#uins .photo .source {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0px;
  padding: 2em 2em 2em 2em;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  color: #bdc2c6;
}

@media screen and (min-width: 1280px) {
  #uins .photo {
    margin-left: 4em;
    margin-right: 4em;
  }
}

#uins .movie {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 0px 0px 0px 0px;
  padding: 2em 2em 0px 2em;
}

#uins .movie .video {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 0px 0px 0px 0px;
  width: 100%;
  background-color: #818181;
}

@media screen and (min-width: 1280px) {
  #uins .movie {
    padding-left: 4em;
    padding-right: 4em;
  }
}

#uins .steps {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 320px;
  margin: 0px 0px 0px 0px;
  padding: 4em 2em 2.5em 2em;
  border: none;
  overflow: hidden;
}

#uins .steps .step {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 25%;
  padding: 6em 1em 1em 1em;
  float: left;
  border: none;
}

#uins .steps .step.half {
  width: 50%;
}

#uins .steps .step.third {
  width: 33.3%;
}

#uins .steps .step.quarter {
  width: 25%;
}

#uins .steps .step .number {
  position: absolute;
  box-sizing: border-box;
  display: block;
  font-size: 3.75em;
  left: 50%;
  top: 0px;
  width: 1.25em;
  height: 1.25em;
  margin: 0px 0px 0px -0.625em;
  padding: 0.15em 0px 0px 0px;
  line-height: 100%;
  text-align: center;
  font-family: "LatoWebThin" , Helvetica , sans-serif;
  border: 1px solid red;
  border-radius: 50%;
}

#uins .steps .step .content {
  position: relative;
  box-sizing: border-box;
  display: block;
  font-size: 1em;
  min-height: 3.5em;
  text-align: center;
  line-height: 110%;
}

#uins .steps :after {
  position: relative;
  display: block;
  box-sizing: border-box;
  content: '';
  clear: both;
  height: 0px;
  width: 100%;
}

@media screen and (min-width: 1280px) {
  #uins .steps {
    padding-right: 4em;
    padding-left: 4em;
  }
  #uins .steps .step {
    padding-left: 3em;
    padding-right: 3em;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #uins .steps .step .number {
    padding-top: 0.25em;
  }
}

#uins .section {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 0px auto 0px auto;
  padding: 3em 2em 3em 2em;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  line-height: 135%;
}

#uins .section .services {
  text-align: center;
}

#uins .section .services .service {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  font-size: 1.5em;
  width: 45%;
  padding: 0.5em 1.5em 0px 1.5em;
  font-weight: normal;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  vertical-align: text-top;
  color: #FF0000;
}

#uins .section .services .service strong {
  font-family: "LatoWebHeavy" , Helvetica , sans-serif;
  font-weight: normal;
}

#uins .section .services .service:nth-child(odd) {
  text-align: right;
}

#uins .section .services .service:nth-child(even) {
  text-align: left;
}

#uins .section .explanation {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  clear: both;
  float: none;
  margin: 0px 0px 0px 0px;
  padding: 2em 0px 0px 0px;
  text-align: center;
  line-height: 110%;
}

#uins .section .moreaction {
  display: block;
  width: 14em;
  height: 2em;
  min-height: 2em;
  margin: 1em auto 0px auto;
  padding: 0.5em 2em 0px 0.75em;
  line-height: 100%;
  border: 1px solid #FF0000;
  text-transform: uppercase;
  color: #FF0000;
}

#uins .section .moreaction:after {
  position: absolute;
  display: block;
  box-sizing: border-box;
  content: '';
  top: 0.7em;
  right: 1em;
  width: 0.55em;
  height: 0.55em;
  transform-origin: center;
  transform: rotate(45deg);
}

#uins .section .moreaction:first-child {
  margin-top: 0px;
}

#uins .section .button {
  margin: 1em auto 0px auto;
  color: #ffffff;
}

#uins .section .moreaction + .explanation {
  padding: 1em 0px 0px 0px;
}

#uins .section .searchform {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 20em;
  height: 2.5em;
  margin: 0px auto 0px auto;
  padding: 0px;
  border: none;
}

#uins .section .searchform .inputlabel {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  line-height: 100%;
  width: 17.5em;
  height: 2.5em;
  margin: 0px;
  padding: 0.7em 0.5em 0px 0.5em;
  background-color: #ffffff;
  border: none;
  color: #666666;
  text-transform: uppercase;
}

#uins .section .searchform .inputlabel .inputtext {
  position: absolute;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  line-height: 100%;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0.15em 0.5em 0px 0.5em;
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid #FF0000;
}

#uins .section .searchform .inputlabel.filled .inputtext {
  background-color: #ffffff;
}

#uins .section .searchform .inputsubmit {
  position: absolute;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  top: 0px;
  right: 0px;
  width: 2.5em;
  height: 2.5em;
  margin: 0px;
  padding: 0px;
  border: 1px solid #bdc2c6;
  border-left: none;
  background-color: #e3e3e3;
  cursor: pointer;
}

#uins .section .searchform .inputsubmit:hover {
  background-color: #e3e3e3;
}

#uins .section .searchform .inputsubmit.active {
  border: 1px solid #FF0000;
  border-left: none;
  background-color: #FF0000;
}

#uins .section .searchform .inputsubmit.active:hover {
  background-color: rgba(255, 47, 48, 0.85);
}

#uins .section .searchform .inputsubmit:before {
  position: absolute;
  display: block;
  box-sizing: border-box;
  content: '';
  font-size: 1em;
  top: 1.25em;
  right: 0.6em;
  width: 2px;
  height: 0.75em;
  border: none;
  background-color: #ffffff;
  transform: rotate(-60deg);
}

#uins .section .searchform .inputsubmit:after {
  position: absolute;
  display: block;
  box-sizing: border-box;
  content: '';
  font-size: 1em;
  top: 0.5em;
  right: 0.8em;
  width: 1.25em;
  height: 1.25em;
  border: 2px solid #ffffff;
  border-radius: 50%;
}

#uins .section.searchresults {
  display: none;
}

#uins .section .searchresult {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  max-width: 30em;
  margin: 0px auto 0px auto;
  padding: 2em 0px 2em 0px;
  border-top: 1px solid #bdc2c6;
}

#uins .section .searchresult:first-child {
  border-top: none;
}

#uins .section .searchresult .title {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1.25em;
  margin: 0px;
  padding: 0px;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  font-weight: normal;
  color: #818181;
}

#uins .section .searchresult .content {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  margin: 0px;
  padding: 0px;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  font-weight: normal;
  color: #818181;
}

#uins .section .searchresult .content .found {
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
}

#uins .section .searchresult .content b {
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
  font-weight: normal;
  color: #333333;
}

#uins .section .searchresult:hover .title,
#uins .section .searchresult:hover .content, #uins .section .searchresult:active .title,
#uins .section .searchresult:active .content {
  color: #333333;
}

@media screen and (min-width: 1280px) {
  #uins .section {
    padding-left: 4em;
    padding-right: 4em;
  }
}

#uins .packages {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 320px;
  margin: 0px 0px 0px 0px;
  padding: 30% 2em 2.5em 2em;
  border: none;
  overflow: hidden;
  text-align: center;
}

#uins .packages .background {
  position: absolute;
  display: block;
  box-sizing: border-box;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 0px;
  padding: 75% 0px 0px 0px;
  overflow: hidden;
}

#uins .packages .background .image {
  position: absolute;
  display: block;
  box-sizing: border-box;
  left: 0px;
  top: 0px;
  width: 100%;
  height: auto;
  border: none;
}

#uins .packages .background:first-child + .package {
  margin-left: 0px;
}

#uins .packages .package {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  width: 30%;
  margin: 0px 2% 0px 2%;
  padding: 0px 1em 1em 1em;
  border: none;
  vertical-align: top;
}

#uins .packages .package:first-child {
  margin-left: 0px;
}

#uins .packages .package:last-child {
  margin-right: 0px;
}

#uins .packages .package .picture {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0px;
  left: 0px;
  width: 100%;
}

#uins .packages .package .picture .image {
  position: absolute;
  display: block;
  box-sizing: border-box;
  left: 0px;
  bottom: -100%;
  width: 100%;
  height: auto;
  border: none;
}

#uins .packages .package .name {
  position: relative;
  box-sizing: border-box;
  display: block;
  font-size: 1em;
  padding: 1em 0px 0px 0px;
  text-align: center;
  line-height: 110%;
  white-space: normal;
  text-transform: uppercase;
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
  font-weight: normal;
  color: #000000;
}

#uins .packages .package .description {
  position: relative;
  box-sizing: border-box;
  display: block;
  font-size: 1em;
  padding: 0.75em 0px 0px 0px;
  text-align: center;
  line-height: 110%;
  white-space: normal;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  font-weight: normal;
}

#uins .packages.quarter .package {
  width: 24%;
}

#uins .packages.third .package {
  width: 30%;
}

#uins .packages.half .package {
  width: 48%;
}

#uins .packages :after {
  position: relative;
  display: block;
  box-sizing: border-box;
  content: '';
  clear: both;
  height: 0px;
  width: 100%;
}

@media screen and (min-width: 1280px) {
  #uins .packages {
    padding-right: 4em;
    padding-left: 4em;
  }
}

#uins .details {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  width: 100%;
  max-width: 100%;
  min-width: 320px;
  margin: 0px 0px 0px 0px;
  padding: 4em 2em 4em 2em;
}

#uins .details .detail {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: inherit;
  border-bottom: 1px solid #bdc2c6;
}

#uins .details .detail .detailtitle {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1.5em;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  padding: 1em 1em 1em 0px;
}

#uins .details .detail .detailtitle:after {
  position: absolute;
  display: block;
  box-sizing: border-box;
  content: '+';
  font-size: 2em;
  top: 0.5em;
  right: 0px;
  width: 0.75em;
  height: 0.75em;
  text-align: center;
  vertical-align: middle;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  transition-duration: 0.25s;
  transition-property: transform;
}

#uins .details .detail .detailtitle.active:after {
  transform: rotate(45deg);
  transition-duration: 0.25s;
  transition-property: transform;
}

#uins .details .detail .detailcontent {
  position: relative;
  display: none;
  box-sizing: border-box;
  font-size: inherit;
  padding: 0px 0px 2em 0px;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
}

@media screen and (min-width: 1280px) {
  #uins .details {
    padding-left: 4em;
    padding-right: 4em;
  }
}

#uins .details .detail .documents {
  padding-left: 0px;
  padding-right: 0px;
}

#uins .documents {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  width: 100%;
  max-width: 100%;
  min-width: 320px;
  margin: 0px 0px 0px 0px;
  padding: 4em 2em 4em 2em;
}

#uins .documents .parameter {
  display: none;
}

#uins .documents .document {
  min-height: 5em;
  padding: 1em 6em 1em 0;
  border-bottom: 1px solid #818181;
}

#uins .documents .document.planned {
  padding-left: 6em;
  padding-right: 0px;
}

#uins .documents .document.planned .document-content:before {
  background-color: #f3f3f3;
  border: 1px dashed #bdc2c6;
  color: #818181;
}

#uins .documents .document.planned:after {
  position: absolute;
  display: block;
  box-sizing: border-box;
  content: 'tervezett';
  font-size: 0.5em;
  top: 2em;
  left: 0px;
  width: 10em;
  height: 6em;
  margin: 0px;
  padding: 2.5em 0px 0px 0px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.125em;
  text-transform: uppercase;
  border-radius: 10% 10% 10% 10%;
  background-color: #f3f3f3;
  border: 1px dashed #bdc2c6;
  color: #818181;
  overflow: hidden;
  /*font-size: 0.75em;
				top: 3em;
				right: 0px;
				width: 7.5em;
				margin: 0 0 0 0;
				padding: 0.25em 0.25em 0.25em 0.25em;
				
				text-transform: uppercase;
				text-align: center;
				font-family: $font-family-light;
				color: $colorGray;
				background-color: $colorWhite;
				border-radius: 0.25em;
				border: 1px dotted $colorGray;
				*/
}

#uins .documents .document.planned .button.archive {
  display: none;
}

#uins .documents .document .document-content:before {
  position: absolute;
  display: block;
  box-sizing: border-box;
  content: '';
  font-size: 0.5em;
  top: 0px;
  left: 0px;
  width: 5em;
  height: 6em;
  margin: 0px;
  padding: 2.5em 0px 0px 0px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.125em;
  text-transform: uppercase;
  border-radius: 10% 40% 10% 10%;
  color: #ffffff;
  background-color: #bdc2c6;
  overflow: hidden;
}

#uins .documents .document.pdf .document-content:before {
  content: 'pdf';
}

#uins .documents .document.word .document-content:before {
  content: 'word';
}

#uins .documents .document.excel .document-content:before {
  content: 'excel';
}

#uins .documents .document.powerpoint .document-content:before {
  content: 'power point';
}

#uins .documents .document .document-content {
  position: relative;
  display: block;
  min-height: 2em;
  padding-left: 4.25em;
  color: #818181;
  /*.icon {
				position: absolute;
				display: block;
				left: 0;
				width: 3em;
			}*/
}

#uins .documents .document .document-content:hover .document-title {
  color: #333333;
}

#uins .documents .document .document-content .document-title {
  display: block;
  margin: 0px;
  padding: 0.5em 0 0 0;
  font-size: 1em;
  line-height: 100%;
}

#uins .documents .document .document-content .document-note {
  display: block;
  margin: 0;
  font-size: 0.7em;
}

#uins .documents .document .button.archive {
  position: absolute;
  display: block;
  box-sizing: border-box;
  font-size: 0.75em;
  top: 3em;
  right: 0px;
  width: 7.5em;
  margin: 0 0 0 0;
  padding: 0.25em 1.25em 0.25em 0.25em;
  text-transform: uppercase;
  text-align: center;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  color: #818181;
  background-color: #ffffff;
  z-index: 1;
  border-radius: 0.25em;
  border: 1px solid #818181;
}

#uins .documents .document .button.archive:after {
  position: absolute;
  display: block;
  box-sizing: content-box;
  content: '+';
  font-size: 2em;
  top: 0.05em;
  right: 0.05em;
  width: 1em;
  height: 1em;
  padding: 0px;
  margin: 0px;
  color: #818181;
  font-family: "LatoWebThin" , Helvetica , sans-serif;
  transition-duration: 0.25s;
  transition-property: transform;
  transform-origin: 50% 50%;
}

#uins .documents .document .button.archive.active:after {
  transform: rotate(-45deg);
  transition-duration: 0.25s;
  transition-property: transform;
}

#uins .documents .document .document-archive {
  position: relative;
  display: none;
  box-sizing: border-box;
  margin: 0px -6em 0px 0px;
  padding: 1.5em 0px 0px 4em;
}

#uins .documents .document .document-archive .document {
  border-bottom: none;
  border-top: 1px solid #818181;
}

@media screen and (min-width: 1280px) {
  #uins .documents {
    padding-left: 4em;
    padding-right: 4em;
  }
}

#uins .details .detail .support {
  padding-left: 0px;
  padding-right: 0px;
}

#uins .support {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  width: 100%;
  max-width: 100%;
  min-width: 320px;
  margin: 0px 0px 0px 0px;
  padding: 0px 2em 0px 2em;
}

#uins .support .parameter {
  display: none;
}

#uins .support .cases {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#uins .support .cases .case {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1.25em;
  margin: 0px;
  padding: 0px 2em 0px 2em;
  line-height: 150%;
  color: #818181;
  transition-duration: 0.25s;
  transition-property: padding;
}

#uins .support .cases .case:before {
  position: absolute;
  display: block;
  box-sizing: border-box;
  content: '+';
  font-size: 1.5em;
  top: 0em;
  left: 0px;
  width: 1em;
  height: 1em;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  font-family: "LatoWebThin" , Helvetica , sans-serif;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #818181;
  overflow: hidden;
  transition-duration: 0.25s;
  transition-property: transform;
}

#uins .support .cases .case.active {
  color: #FF0000;
  padding: 0px 2em 0px 1.5em;
  transition-duration: 0.25s;
  transition-property: padding;
}

#uins .support .cases .case.active:before {
  color: #000000;
  transform: rotate(45deg);
  transition-duration: 0.25s;
  transition-property: transform;
}

#uins .support .cases .casedetail {
  display: none;
}

#uins .support .cases .casedetail {
  position: relative;
  display: none;
  box-sizing: border-box;
  font-size: 1em;
  margin: 0px 0px 1em 0px;
  padding: 0px 0px 1em 0px;
  border-bottom: 1px solid #bdc2c6;
}

#uins .support .cases .casedetail .casetitle {
  font-size: 1.25em;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  font-weight: normal;
  color: #FF0000;
}

#uins .support .cases .casedetail .casetabs {
  background-color: #bdc2c6;
}

#uins .support .cases .casedetail .casetabs .casetab {
  position: relative;
  display: block;
  box-sizing: border-box;
  float: left;
  font-size: 1.15em;
  padding: 0.25em 1em 0.25em 1em;
  color: #ffffff;
}

#uins .support .cases .casedetail .casetabs .casetab.active {
  background-color: #FF0000;
}

#uins .support .cases .casedetail .casetabs:after {
  position: relative;
  display: block;
  box-sizing: border-box;
  content: '';
  clear: both;
  height: 0px;
  width: 100%;
}

#uins .support .cases .casedetail .casetabs .casestep {
  display: none;
}

#uins .support .cases .casetabshow {
  display: none;
  padding: 1em 0px 1em 0px;
}

#uins .support .cases .casetabshow .casestep {
  padding-top: 3em;
  padding-bottom: 1em;
}

#uins .support .cases .casetabshow .casestep:before {
  position: absolute;
  display: block;
  box-sizing: border-box;
  content: '';
  clear: both;
  top: 1.5em;
  height: 0px;
  width: 100%;
  border-top: 1px dashed #bdc2c6;
  z-index: 0;
}

#uins .support .cases .casetabshow .casestep .number {
  position: absolute;
  display: block;
  box-sizing: border-box;
  font-size: 1.5em;
  top: 0px;
  left: 50%;
  min-width: 2em;
  height: 2em;
  margin-left: -1em;
  padding: 0.45em 0.25em 0px 0.25em;
  line-height: 100%;
  border-radius: 1em;
  text-align: center;
  color: #ffffff;
  background-color: #bdc2c6;
  z-index: 1;
  /*&:after{
					position: relative;
					display: block;
					content: 'lépés';
					font-size: 0.5em;
					line-height: 100%;
				}*/
}

#uins .support .cases .casetabshow .casestep .name {
  font-size: 1.25em;
  padding-top: 0.5em;
  padding-left: 3em;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  font-weight: normal;
}

@media screen and (min-width: 1280px) {
  #uins .support {
    padding-left: 4em;
    padding-right: 4em;
  }
}

#uins .section .social {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

#uins .section .social .icon {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 3em;
  height: 3em;
  margin: 0.5px;
  padding: 0px;
  border: 1px solid #818181;
  background-position: center top;
  background-size: 100% 400%;
}

#uins .section .social .icon:hover, #uins .section .social .icon:active {
  border: 1px solid #FF0000;
  background-position: center -300%;
}

#uins .section .social .icon.facebook {
  background-image: url("../assets/img/socialicon-facebook.png");
}

#uins .section .social .icon.twitter {
  background-image: url("../assets/img/socialicon-twitter.png");
}

#uins .section .social .icon.linkedin {
  background-image: url("../assets/img/socialicon-linkedin.png");
}

#uins .section .social .icon.youtube {
  background-image: url("../assets/img/socialicon-youtube.png");
}

#uins .section .social .icon.googleplus {
  background-image: url("../assets/img/socialicon-googleplus.png");
}

#uins .section .social .icon.mail {
  background-image: url("../assets/img/socialicon-mail.png");
}

#uins .cookie {
  position: fixed;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  bottom: 0px;
  left: 2em;
  width: 25em;
  margin: 0px 0px 0px 0px;
  padding: 1.5em 5em 1em 2em;
  color: #666666;
  background-color: #e3e3e3;
  box-shadow: 0px 0.25em 1em rgba(0, 0, 0, 0.25);
  overflow: hidden;
  z-index: 19;
}

#uins .cookie:after {
  position: relative;
  display: block;
  box-sizing: border-box;
  content: '';
  float: none;
  clear: both;
  width: 100%;
}

#uins .cookie .close {
  position: absolute;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  right: 0px;
  top: 0px;
  width: 4em;
  height: 4em;
  color: #FF0000;
  border-radius: 50%;
  font-family: "LatoWebThin" , Helvetica , sans-serif;
  line-height: 100%;
  text-align: center;
  transform: rotate(45deg);
  cursor: pointer;
}

#uins .cookie .close:after {
  position: relative;
  display: block;
  box-sizing: border-box;
  content: '+';
  font-size: 4em;
  width: 100%;
  height: 100%;
  color: #FF0000;
  text-align: center;
  line-height: 0.85em;
}

#uins .cookie .close:hover:after {
  color: #333333;
}

#uins .cookie .content {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  color: #333333;
}

#uins .cookie .button {
  position: relative;
  display: block;
  box-sizing: border-box;
  float: left;
  font-size: 1em;
  width: 8em;
  max-width: 8em;
  min-width: 8em;
  padding: 0.5em 0.75em 0.5em 0.75em;
  margin: 1em 1em 0px 0px;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  text-align: center;
  color: #ffffff;
  background-color: rgba(255, 47, 48, 0.85);
}

#uins .cookie .button:last-child {
  margin-right: 0px;
}

#uins .cookie .button.details {
  color: #333333;
  background: none;
  text-decoration: underline;
}

@media screen and (min-width: 1280px) {
  #uins .cookie {
    left: 4em;
  }
}

#uins .colorblue1 {
  background-color: rgba(217, 240, 243, 0.75);
  color: #666666;
}

#uins .colorblue2 {
  background-color: rgba(166, 211, 228, 0.75);
  color: #ffffff;
}

#uins .colorblue3 {
  background-color: rgba(85, 176, 190, 0.75);
  color: #ffffff;
}

#uins .colorblue4 {
  background-color: rgba(84, 146, 163, 0.75);
  color: #ffffff;
}

#uins .colorblue5 {
  background-color: rgba(12, 32, 67, 0.75);
  color: #ffffff;
}

#uins .colorgray1 {
  background-color: rgba(239, 234, 228, 0.75);
  color: #666666;
}

#uins .colorgray2 {
  background-color: rgba(220, 215, 209, 0.75);
  color: #666666;
}

#uins .colorgray3 {
  background-color: rgba(205, 198, 192, 0.75);
  color: #ffffff;
}

#uins .colorgray4 {
  background-color: rgba(235, 235, 236, 0.75);
  color: #666666;
}

#uins .colorgray5 {
  background-color: rgba(216, 224, 229, 0.75);
  color: #666666;
}

#uins .colorgray6 {
  background-color: rgba(161, 170, 175, 0.75);
  color: #ffffff;
}

#uins .colorgray7 {
  background-color: rgba(75, 87, 110, 0.75);
  color: #ffffff;
}

#uins .colorgray8 {
  background-color: rgba(53, 68, 82, 0.75);
  color: #ffffff;
}

#uins .colorred1 {
  background-color: rgba(255, 102, 102, 0.75);
  color: #ffffff;
}

#uins .colorred2 {
  background-color: rgba(255, 51, 51, 0.75);
  color: #ffffff;
}

#uins .colorred3 {
  background-color: rgba(255, 0, 0, 0.75);
  color: #ffffff;
}

#uins .colorred4 {
  background-color: rgba(160, 1, 10, 0.75);
  color: #ffffff;
}

#uins .colorcreme1 {
  background-color: rgba(237, 227, 197, 0.75);
  color: #666666;
}

#uins .colorcreme2 {
  background-color: rgba(210, 188, 116, 0.75);
  color: #ffffff;
}

#uins .colorcreme3 {
  background-color: rgba(142, 121, 61, 0.75);
  color: #ffffff;
}

#uins.mobile {
  /* @group HEADER MOBILE NAVIGATION */
  /* @end */
  /* @group FOOTER  */
  /* @end */
  /* @group PROMO MOBILE  */
  /* @end */
  /* @group CALLTOACTION  */
  /* @end */
  /* @group CALLTOACTION FORM  */
  /* @end */
  /* @group MOREACTION DESKTOP  */
  /* @end */
  /* @group SECTION SOLLUTIONS  */
  /* @end */
  /* @group SECTION QUICKLINKS  */
  /* @end */
  /* @group OFFER DESKTOP  */
  /* @end */
  /* @group LABELS FOR PAGE and BLOG  */
  /* @end */
  /* @group MASONRY MOBILE  */
  /* @end */
  /* @group STEPS DESKTOP  */
  /* @end */
  /* @group WHAT YOU GET  */
  /* @end */
  /* @group PACKAGES DESKTOP  */
  /* @end */
  /* @group INTRO  */
  /* @end */
}

#uins.mobile .header {
  position: absolute;
  top: 0px;
  height: 5em;
  padding-left: 1em;
  padding-right: 1em;
}

#uins.mobile .header .logotype {
  left: 1em;
}

#uins.mobile .header .navicon.menu {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 1.5em;
  right: 2.5em;
  width: 3em;
  height: 3em;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
  overflow: hidden;
}

#uins.mobile .header .navicon.menu .icon {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0px;
  left: 0px;
  width: 3em;
  height: 12em;
}

#uins.mobile .header .mainmenu {
  position: absolute;
  display: none;
  box-sizing: border-box;
  top: 5em;
  left: 0px;
  width: 100%;
  max-width: 100%;
  background-color: #bdc2c6;
  border: none;
  white-space: normal;
}

#uins.mobile .header .mainmenu .group {
  display: block;
  font-size: 1.25em;
  margin-left: 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

#uins.mobile .header .mainmenu .group:after {
  position: relative;
  display: block;
  box-sizing: border-box;
  clear: both;
  content: '';
}

#uins.mobile .header .mainmenu .group .menulink {
  margin: 0px 0px 0px 0px;
  padding: 0.75em 0.5em 0.75em 0.5em;
  text-align: center;
  color: #ffffff;
  text-shadow: none;
}

#uins.mobile .header .mainmenu .group .menulink:link, #uins.mobile .header .mainmenu .group .menulink:visited {
  color: #ffffff;
}

#uins.mobile .header .mainmenu .group .menulink.active {
  color: #FF0000;
  background-color: #ffffff;
}

#uins.mobile .header .mainmenu .group .menulink:hover, #uins.mobile .header .mainmenu .group .menulink:active {
  color: #FF0000;
  background-color: #ffffff;
}

#uins.mobile .header .mainmenu .group .menulink.outlined {
  border: none;
}

#uins.mobile .header .mainmenu .group .submenulink {
  position: relative;
  display: block;
  box-sizing: border-box;
  float: left;
  width: 50%;
  height: 6.5em;
  margin: 0px 0px 0px 0px;
  padding: 1em 0.25em 0.5em 0.25em;
  background-color: #FF0000;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  text-align: center;
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
  text-transform: none;
  line-height: 100%;
}

#uins.mobile .header .mainmenu .group .submenulink:nth-child(2n+1) {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}

#uins.mobile .header .mainmenu .group .submenulink:link, #uins.mobile .header .mainmenu .group .submenulink:visited {
  color: #ffffff;
}

#uins.mobile .header .mainmenu .group .submenulink:hover, #uins.mobile .header .mainmenu .group .submenulink:active {
  color: #ffffff;
}

#uins.mobile .header .mainmenu .group .submenulink .icon {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 2em;
  height: 2em;
  margin: 0px auto 0px auto;
  border: none;
}

#uins.mobile .header .mainmenu .group .submenulink .label {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding-top: 0.5em;
}

#uins.mobile .header.compact {
  position: fixed;
  height: 5.25em;
}

#uins.mobile .header.compact .logotype {
  display: none;
}

#uins.mobile .header.compact .logomark {
  display: block;
  left: 1em;
  top: 2.5em;
  width: 2em;
  height: 2em;
}

#uins.mobile .header.compact .logomark .image {
  width: 2em;
  height: 4em;
}

#uins.mobile .header.compact .mode {
  display: none;
}

#uins.mobile .header.compact .navicon {
  top: 2.25em;
  right: 0.75em;
}

#uins.mobile .header.compact .navicon.menu {
  display: block;
}

#uins.mobile .footer .column {
  width: 45%;
  margin-left: 10%;
  padding-top: 2.5em;
}

#uins.mobile .footer .column:first-child {
  margin-left: 0px;
}

#uins.mobile .footer .column:nth-child(odd) {
  margin-left: 0px;
}

#uins.mobile .footer .contact + .contact {
  padding-top: 2.5em;
}

#uins.mobile .footer .contact + .contact .icon {
  top: 2.25em;
}

#uins.mobile .footer .bottom .content {
  float: none;
  width: 100%;
  text-align: center;
}

#uins.mobile .footer .bottom .content.right {
  text-align: center;
}

#uins.mobile .footer .bottom .content .iconlink {
  margin: 0px 0.5em 0px 0.5em;
}

#uins.mobile .promo {
  padding: 0px 0px 11em 0px;
  background-color: rgba(220, 215, 209, 0.75);
}

#uins.mobile .promo .hero {
  position: relative;
  box-sizing: content-box;
  top: 0px;
  width: 100%;
  height: 0px;
  padding: 0px 0px 93% 0px;
  margin: 0px 0px -11em 0px;
}

#uins.mobile .promo .hero .image {
  top: 0px;
  left: auto;
  right: 0px;
  width: 125%;
}

#uins.mobile .promo .canvas {
  display: none;
}

#uins.mobile .promo .message {
  position: relative;
  bottom: 0px;
  width: 100%;
  border: none;
  max-width: 100%;
  height: auto;
  margin: 11em 0px 0px 0px;
  padding: 2em 1em 2em 1em;
  color: #818181;
  text-shadow: none;
  text-align: center;
}

#uins.mobile .promo .message.light .insight {
  color: #818181;
  text-shadow: none;
}

#uins.mobile .promo .calltoaction {
  position: relative;
  top: 0px;
  left: 0px;
}

#uins.mobile .promo .moreaction {
  position: relative;
  top: 0px;
}

#uins.mobile .promo .category {
  position: absolute;
  display: block;
  box-sizing: border-box;
  bottom: 0px;
}

#uins.mobile .calltoaction {
  margin: 1em auto 0px auto;
}

#uins.mobile .promo .calltoactionform {
  position: relative;
  top: 0px;
  margin-top: 3em;
}

#uins.mobile .moreaction.button {
  margin-left: auto;
  margin-right: auto;
}

#uins.mobile .sectionsollutions .sollution {
  position: relative;
  display: block;
  box-sizing: border-box;
  float: left;
  width: 50%;
  height: 12em;
  margin: 0px 0px 0px 0px;
  padding: 4em 0.25em 0.5em 0.25em;
  border: none;
  text-align: center;
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
  text-transform: none;
  letter-spacing: 0.05em;
  line-height: 100%;
  overflow: hidden;
  cursor: pointer;
}

#uins.mobile .sectionsollutions .sollution.half {
  width: 50%;
}

#uins.mobile .sectionsollutions .sollution.half .background .image {
  width: 100%;
  height: auto;
}

#uins.mobile .sectionsollutions .sollution.third {
  width: 50%;
}

#uins.mobile .sectionsollutions .sollution.third:nth-child(3n+2) {
  width: 50%;
}

#uins.mobile .sectionsollutions .sollution.third .background .image {
  width: 100%;
  height: auto;
}

#uins.mobile .sectionsollutions .sollution.quarter {
  width: 50%;
}

#uins.mobile .sectionsollutions .sollution.quarter .background .image {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 32em) {
  #uins.mobile .sectionsollutions .sollution.half .background .image, #uins.mobile .sectionsollutions .sollution.third .background .image, #uins.mobile .sectionsollutions .sollution.quarter .background .image {
    width: auto;
    height: 100%;
  }
}

#uins.mobile .quicklinks .title .category {
  display: block;
  width: 55%;
  margin: 0px auto 0px auto;
  padding: 0.5em 0px 0.5em 0px;
}

#uins.mobile .quicklinks .title .category.selected {
  width: 75%;
}

#uins.mobile .quicklinks .content .quicklink.half {
  width: 50%;
}

#uins.mobile .quicklinks .content .quicklink.quarter {
  width: 50%;
}

#uins.mobile .quicklinks .content .quicklink.eighth {
  width: 50%;
}

#uins.mobile .quicklinks .content .quicklink:nth-last-child(1):nth-child(odd) {
  width: 100%;
}

#uins.mobile .offer:before {
  display: none;
}

#uins.mobile .offer .background {
  display: none;
}

#uins.mobile .offer .large {
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  padding-bottom: 1em;
  -webkit-transform: perspective(1px) translateY(0%);
  -ms-transform: perspective(1px) translateY(0%);
  transform: perspective(1px) translateY(0%);
}

#uins.mobile .offer .content {
  float: none;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 3em 2em 3em 2em;
  border: none;
  text-align: left;
}

#uins.mobile .offer .content .title {
  position: relative;
  width: 100%;
  margin-top: 0px;
  font-size: 2em;
  text-align: center;
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
}

#uins.mobile .offer .content .paragraph {
  font-size: 1.25em;
}

#uins.mobile .offer .content .moreaction {
  font-size: 1.25em;
}

#uins.mobile .offer.third .content, #uins.mobile .offer.quarter .content {
  width: 100%;
}

#uins.mobile .labels {
  padding-right: 2em;
}

#uins.mobile .labels .date {
  position: relative;
  text-align: left;
  right: 0px;
  width: auto;
  border-bottom: 1px solid #bdc2c6;
}

#uins.mobile .masonry .column {
  float: none;
  width: 100%;
  margin-left: 0px;
}

#uins.mobile .steps .step {
  width: 50%;
}

#uins.mobile .steps .step.half {
  width: 50%;
}

#uins.mobile .steps .step.third {
  width: 50%;
}

#uins.mobile .steps .step.quarter {
  width: 50%;
}

#uins.mobile .section .services {
  text-align: left;
}

#uins.mobile .section .services .service {
  display: block;
  width: auto;
  text-align: center;
}

#uins.mobile .packages {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 320px;
  margin: 0px 0px 0px 0px;
  padding: 0% 2em 2.5em 2em;
  border: none;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
}

#uins.mobile .packages .background {
  position: absolute;
  display: block;
  box-sizing: border-box;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 0px;
  padding: 75% 0px 0px 0px;
  overflow: hidden;
}

#uins.mobile .packages .background .image {
  position: absolute;
  display: block;
  box-sizing: border-box;
  left: 0px;
  top: 0px;
  width: 100%;
  height: auto;
  border: none;
}

#uins.mobile .packages .background:first-child + .package {
  margin-left: auto;
}

#uins.mobile .packages .package {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 50%;
  margin: 40% auto 0% auto;
  padding: 0px 1em 3em 1em;
  border: none;
  vertical-align: top;
}

#uins.mobile .packages .package:first-child {
  margin-left: auto;
}

#uins.mobile .packages .package:last-child {
  margin-right: auto;
}

#uins.mobile .packages .package .picture {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0px;
  left: 0px;
  width: 100%;
}

#uins.mobile .packages .package .picture .image {
  position: absolute;
  display: block;
  box-sizing: border-box;
  left: 0px;
  bottom: -100%;
  width: 100%;
  height: auto;
  border: none;
}

#uins.mobile .packages .package .name {
  position: relative;
  box-sizing: border-box;
  display: block;
  font-size: 1em;
  padding: 1em 0px 0px 0px;
  text-align: center;
  line-height: 110%;
  white-space: normal;
  text-transform: uppercase;
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
  font-weight: normal;
  color: #000000;
}

#uins.mobile .packages .package .description {
  position: relative;
  box-sizing: border-box;
  display: block;
  font-size: 1em;
  padding: 0.75em 0px 0px 0px;
  text-align: center;
  line-height: 110%;
  white-space: normal;
  font-family: "LatoWebLight" , Helvetica , sans-serif;
  font-weight: normal;
}

@media screen and (min-width: 1280px) {
  #uins.mobile .steps {
    padding-right: 4em;
    padding-left: 4em;
  }
  #uins.mobile .steps .step {
    padding: 4.5em 3em 1em 3em;
  }
}

#uins.mobile .cookie {
  left: 0px;
  width: 96%;
  margin: 0px 2% 0px 2%;
  border-radius: 5px 5px 0px 0px;
  color: #666666;
  background-color: #bdc2c6;
  box-shadow: 0px 0.25em 1em rgba(0, 0, 0, 0.25);
  overflow: hidden;
}

#uins.accessibility {
  /* @group HEADER ACCESSIBILITY NAVIGATION */
  /* @end */
  /* @group PROMO DESKTOP  */
  /* @end */
  /* @group CALLTOACTION  */
  /* @end */
  /* @group MOREACTION ACCESSIBILITY  */
  /* @end */
  /* @group SECTION TITLE  */
  /* @end */
  /* @group SECTION SOLLUTIONS  */
  /* @end */
  /* @group SECTION QUICKLINKS  */
  /* @end */
  /* @group OFFER DESKTOP  */
  /* @end */
  /* @group STEPS ACCESSIBILITY  */
  /* @end */
  /* @group WHAT YOU GET  */
  /* @end */
  /* @group COLOR */
  /* @end */
}

#uins.accessibility .header {
  background-color: #000000;
  z-index: 10;
  border-bottom: 1px solid #ffff00;
}

#uins.accessibility .header .logotype .image {
  top: -3.125em;
}

#uins.accessibility .header .logomark .image {
  top: -1.5em;
}

#uins.accessibility .header .mode.accessbility {
  display: none;
}

#uins.accessibility .header .mode.normal {
  display: block;
}

#uins.accessibility .header .navicon.menu .icon {
  top: -6em;
}

#uins.accessibility .header .mainmenu {
  background-color: #000000;
}

#uins.accessibility .header .mainmenu .group .menulink {
  color: #ffff00;
  text-shadow: none;
}

#uins.accessibility .header .mainmenu .group .menulink.active {
  color: #000000;
  background-color: #ffff00;
}

#uins.accessibility .header .mainmenu .group .menulink.active .label {
  color: #000000;
}

#uins.accessibility .header .mainmenu .group .menulink:hover, #uins.accessibility .header .mainmenu .group .menulink:active {
  color: #000000;
  background-color: #ffff00;
}

#uins.accessibility .header .mainmenu .group .menulink:hover .label, #uins.accessibility .header .mainmenu .group .menulink:active .label {
  color: #000000;
}

#uins.accessibility .header .mainmenu .group .menulink.outlined {
  border: 1px solid #ffff00;
}

#uins.accessibility .header .mainmenu .group .menulink.outlined.active, #uins.accessibility .header .mainmenu .group .menulink.outlined:hover, #uins.accessibility .header .mainmenu .group .menulink.outlined:active {
  border-color: #ffff00;
}

#uins.accessibility .header .mainmenu .group .menulink .label {
  color: #ffff00;
}

#uins.accessibility .header .mainmenu .group .submenulink {
  padding-top: 1.75em;
  color: #000000;
  background-color: #ffff00;
  border-color: #000000;
}

#uins.accessibility .header .mainmenu .group .submenulink:nth-child(2n+1) {
  border-left: 1px solid #000000;
}

#uins.accessibility .header .mainmenu .group .submenulink:link, #uins.accessibility .header .mainmenu .group .submenulink:visited {
  color: #000000;
}

#uins.accessibility .header .mainmenu .group .submenulink:hover, #uins.accessibility .header .mainmenu .group .submenulink:active {
  color: #ffff00;
  background-color: #000000;
}

#uins.accessibility .header .mainmenu .group .submenulink .icon {
  display: none;
}

#uins.accessibility .header .mainmenu .group .submenulink .label {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding-top: 0.5em;
}

#uins.accessibility .header.mobile .mainmenu .menulink.outlined {
  border: none;
}

#uins.accessibility .header .submenu {
  background-color: #000000;
  border-bottom: 1px solid #ffff00;
}

#uins.accessibility .header .submenu .submenulink {
  padding-top: 2.75em;
  background-color: #000000;
  border-top: 1px solid #ffff00;
}

#uins.accessibility .header .submenu .submenulink:nth-child(3n+3), #uins.accessibility .header .submenu .submenulink:nth-child(3n+2) {
  border-left: 1px solid #ffff00;
}

#uins.accessibility .header .submenu .submenulink:link, #uins.accessibility .header .submenu .submenulink:visited {
  color: #ffff00;
}

#uins.accessibility .header .submenu .submenulink:hover, #uins.accessibility .header .submenu .submenulink:active {
  color: #000000;
  background-color: #ffff00;
}

#uins.accessibility .header .submenu .submenulink .icon {
  display: none;
}

#uins.accessibility .header .submenu .close {
  background-color: #000000;
}

#uins.accessibility .header .submenu .close .icon {
  top: -4em;
}

#uins.accessibility .promo {
  background: none;
}

#uins.accessibility .promo .hero .image {
  -webkit-filter: grayscale(100%) contrast(120%) brightness(100%);
  /* Safari 6.0 - 9.0 */
  -ms-filter: grayscale(100%) contrast(120%) brightness(100%);
  filter: grayscale(100%) contrast(120%) brightness(100%);
}

#uins.accessibility .promo .hero:after {
  position: absolute;
  display: block;
  box-sizing: border-box;
  content: '';
  top: 0px;
  left: 0px;
  width: 50%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
}

#uins.accessibility .promo .canvas {
  display: none;
}

#uins.accessibility .promo .message .insight {
  color: #ffff00;
  text-shadow: 0px 0px 1em #000000;
}

#uins.accessibility .promo .message .insight .red {
  color: #ffff00;
}

#uins.accessibility .promo .message .insight .offer {
  background: none;
}

#uins.accessibility .promo .message.light .insight {
  color: #ffff00;
  text-shadow: 0px 0px 1em #000000;
}

#uins.accessibility .promo .category {
  width: 100%;
  height: 5em;
  margin-top: 2em;
}

#uins.accessibility .promo .category:before {
  display: none;
}

#uins.accessibility .promo .category .icon {
  display: none;
}

#uins.accessibility .promo .category .name {
  padding-top: 1.5em;
}

#uins.accessibility .calltoaction {
  background-color: #ffff00;
}

#uins.accessibility .calltoaction .buttonlabel, #uins.accessibility .calltoaction .inputlabel {
  color: #000000;
  border: 1px solid #ffff00;
  background-color: #ffff00;
}

#uins.accessibility .calltoaction .inputlabel {
  color: #000000;
  border: none;
}

#uins.accessibility .calltoaction .inputlabel .inputtext {
  border: 1px solid #ffff00;
  background-color: rgba(255, 255, 255, 0.01);
}

#uins.accessibility .calltoaction .inputlabel .inputtext.error {
  color: #FF0000;
}

#uins.accessibility .calltoaction .inputlabel .inputtext.filled {
  background-color: #ffff00;
}

#uins.accessibility .calltoaction .buttongo {
  background-color: #000000;
  border: 1px solid #ffff00;
}

#uins.accessibility .calltoaction .buttongo .icon {
  top: -5em;
  transition-duration: 0.25s;
  transition-property: top, width, height;
}

#uins.accessibility .calltoaction:hover .buttongo .icon {
  top: -6.25em;
  width: 3em;
  height: 12em;
  transition-duration: 0.25s;
  transition-property: top, width, height;
}

#uins.accessibility .moreaction {
  color: #ffff00;
}

#uins.accessibility .moreaction:after {
  border-top: 1px solid #ffff00;
  border-right: 1px solid #ffff00;
}

#uins.accessibility .moreaction.button {
  background-color: #ffff00;
  color: #000000;
}

#uins.accessibility .moreaction.button:after {
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
}

#uins.accessibility .moreaction.button:hover {
  color: #000000;
}

#uins.accessibility .moreaction.button.small {
  width: 10em;
}

#uins.accessibility .moreaction.button.small .label {
  width: 7.5em;
}

#uins.accessibility .sectiontitle {
  background-color: #ffff00;
}

#uins.accessibility .sectiontitle .text .red {
  color: #000000;
}

#uins.accessibility .sectiontitle:after {
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
}

#uins.accessibility .sectionsollutions {
  background-color: #000000;
}

#uins.accessibility .sectionsollutions .sollution {
  padding-top: 5em;
  background-color: #000000;
}

#uins.accessibility .sectionsollutions .sollution:link, #uins.accessibility .sectionsollutions .sollution:visited {
  color: #ffff00;
}

#uins.accessibility .sectionsollutions .sollution:hover, #uins.accessibility .sectionsollutions .sollution:active {
  color: #ffff00;
}

#uins.accessibility .sectionsollutions .sollution .background .image {
  -webkit-filter: grayscale(100%) contrast(120%) brightness(30%);
  /* Safari 6.0 - 9.0 */
  -ms-filter: grayscale(100%) contrast(120%) brightness(30%);
  /* IE10 */
  filter: grayscale(100%) contrast(120%) brightness(30%);
  filter: progid:DXImageTransform.Microsoft.BasicImage( grayScale=1 );
}

#uins.accessibility .sectionsollutions .sollution:hover {
  background-color: #ffff00;
}

#uins.accessibility .sectionsollutions .sollution:hover .background {
  box-sizing: border-box;
  opacity: 0.15;
  transition-duration: 0.25s;
  transition-property: opacity;
}

#uins.accessibility .sectionsollutions .sollution:hover .label {
  font-size: 1.2em;
  text-shadow: none;
  color: #000000;
  background: none;
}

#uins.accessibility .sectionsollutions .sollution .icon {
  display: none;
}

#uins.accessibility .sectionsollutions .sollution .label {
  display: inline;
  padding: 0.5em;
  font-size: 1em;
}

@media screen and (max-width: 1280px) {
  #uins.accessibility .sectionsollutions .sollution.quarter .background .image, #uins.accessibility .sectionsollutions .sollution.third .background .image {
    width: auto;
    height: 100%;
  }
  #uins.accessibility .sectionsollutions .sollution.half .background .image {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 1160px) {
  #uins.accessibility .sectionsollutions .sollution.quarter .background .image, #uins.accessibility .sectionsollutions .sollution.third .background .image {
    width: auto;
    height: 100%;
  }
  #uins.accessibility .sectionsollutions .sollution.half .background .image {
    width: 100%;
    height: auto;
  }
}

#uins.accessibility .quicklinks {
  background-color: #000000;
}

#uins.accessibility .quicklinks .title {
  background-color: #000000;
}

#uins.accessibility .quicklinks .title .category .link {
  color: #ffff00;
}

#uins.accessibility .quicklinks .title .category .link:hover {
  color: #ffff00;
}

#uins.accessibility .quicklinks .title .category.selected .link {
  font-size: 1.5em;
  color: #ffff00;
}

#uins.accessibility .quicklinks .title .target .icon {
  top: -4.25em;
}

#uins.accessibility .quicklinks .title .target:hover .icon {
  top: -4.25em;
}

#uins.accessibility .quicklinks .content {
  background-color: #ffff00;
  border-bottom: 1px solid #ffff00;
}

#uins.accessibility .quicklinks .content .quicklink {
  background-color: #ffff00;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  padding-top: 3em;
}

#uins.accessibility .quicklinks .content .quicklink:link, #uins.accessibility .quicklinks .content .quicklink:visited {
  color: #000000;
}

#uins.accessibility .quicklinks .content .quicklink:hover, #uins.accessibility .quicklinks .content .quicklink:active {
  color: #ffff00;
  background-color: #000000;
  border-color: #ffff00;
}

#uins.accessibility .quicklinks .content .quicklink .icon {
  display: none;
}

#uins.accessibility .quicklinks .content .quicklink .label {
  font-size: 1em;
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
}

#uins.accessibility .offer {
  padding-top: 0px;
  background-color: #000000;
}

#uins.accessibility .offer:before {
  display: none;
}

#uins.accessibility .offer .background {
  display: none;
}

#uins.accessibility .offer .large {
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  padding-bottom: 1em;
  color: #ffff00;
}

#uins.accessibility .offer .content {
  float: none;
  width: 100%;
  height: auto;
  min-height: 1px;
  margin: 0px 0px 0px 0px;
  padding-top: 2em;
  padding-bottom: 6em;
  background-color: #000000 !important;
}

#uins.accessibility .offer .content .title {
  position: relative;
  bottom: 100%;
  left: 0px;
  width: 100%;
  margin-top: 0px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 2em;
  background: none;
  text-align: center;
  font-family: "LatoWebRegular" , Helvetica , sans-serif;
  color: #ffff00;
}

#uins.accessibility .offer .content .paragraph {
  font-size: 1.25em;
  color: #ffff00;
}

#uins.accessibility .offer .content .moreaction {
  font-size: 1.25em;
}

#uins.accessibility .offer .content .moreaction.button {
  margin-left: auto;
  margin-right: auto;
}

#uins.accessibility .offer .content.dark .title {
  color: #ffff00;
}

#uins.accessibility .offer .content.dark .paragraph {
  color: #ffff00;
}

#uins.accessibility .offer .content.dark .moreaction .label {
  color: #ffff00;
}

#uins.accessibility .offer .content.dark .moreaction.button .label {
  color: #000000;
}

#uins.accessibility .offer.third .contentbackground, #uins.accessibility .offer.quarter .contentbackground {
  width: 100%;
}

#uins.accessibility .offer.third .content, #uins.accessibility .offer.quarter .content {
  width: 100%;
}

#uins.accessibility .offer.right .background .image {
  margin-left: 0px;
}

#uins.accessibility .offer.right .content {
  margin-left: 0px;
}

#uins.accessibility .offer.right.third .contentbackground {
  left: auto;
}

#uins.accessibility .offer.right.third .content {
  margin-left: 0px;
}

#uins.accessibility .offer.right.quarter .contentbackground {
  left: auto;
}

#uins.accessibility .offer.right.quarter .content {
  margin-left: 0px;
}

#uins.accessibility .steps .step .number {
  border-color: #ffff00;
}

#uins.accessibility .section .services {
  text-align: left;
  padding-bottom: 3em;
}

#uins.accessibility .section .services .service {
  color: #ffff00;
}

#uins.accessibility .section .moreaction {
  border: 1px solid #000000;
  color: #000000;
}

#uins.accessibility .section .moreaction:after {
  top: 0.7em;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
}

#uins.accessibility .section .button {
  margin: 1em auto 0px auto;
  color: #ffff00;
  background-color: #000000;
  border: none;
}

#uins.accessibility .section .button:after {
  top: 0.7em;
  border-top: 1px solid #ffff00;
  border-right: 1px solid #ffff00;
}

#uins.accessibility .colorblue1 {
  background-color: #ffff00;
  color: #000000;
}

#uins.accessibility .colorblue2 {
  background-color: #ffff00;
  color: #000000;
}

#uins.accessibility .colorblue3 {
  background-color: #ffff00;
  color: #000000;
}

#uins.accessibility .colorblue4 {
  background-color: #ffff00;
  color: #000000;
}

#uins.accessibility .colorblue5 {
  background-color: #ffff00;
  color: #000000;
}

#uins.accessibility .colorgray1 {
  background-color: #ffff00;
  color: #000000;
}

#uins.accessibility .colorgray2 {
  background-color: #ffff00;
  color: #000000;
}

#uins.accessibility .colorgray3 {
  background-color: #ffff00;
  color: #000000;
}

#uins.accessibility .colorgray4 {
  background-color: #ffff00;
  color: #000000;
}

#uins.accessibility .colorgray5 {
  background-color: #ffff00;
  color: #000000;
}

#uins.accessibility .colorgray6 {
  background-color: #ffff00;
  color: #000000;
}

#uins.accessibility .colorgray7 {
  background-color: #ffff00;
  color: #000000;
}

#uins.accessibility .colorgray8 {
  background-color: #ffff00;
  color: #000000;
}

#uins.accessibility .colorred1 {
  background-color: #ffff00;
  color: #000000;
}

#uins.accessibility .colorred2 {
  background-color: #ffff00;
  color: #000000;
}

#uins.accessibility .colorred3 {
  background-color: #ffff00;
  color: #000000;
}

#uins.accessibility .colorred4 {
  background-color: #ffff00;
  color: #000000;
}

#uins.accessibility .colorcreme1 {
  background-color: #ffff00;
  color: #000000;
}

#uins.accessibility .colorcreme2 {
  background-color: #ffff00;
  color: #000000;
}

#uins.accessibility .colorcreme3 {
  background-color: #ffff00;
  color: #000000;
}

#uins.accessibility.mobile {
  /* @group HEADER ACCESSIBILITY NAVIGATION */
  /* @end */
  /* @group PROMO DESKTOP  */
  /* @end */
}

#uins.accessibility.mobile .header {
  border-bottom: none;
}

#uins.accessibility.mobile .header .mainmenu .group {
  border-top: 1px solid #ffff00;
}

#uins.accessibility.mobile .header .mainmenu .group:last-child {
  border-bottom: 1px solid #ffff00;
}

#uins.accessibility.mobile .header .mainmenu .group:hover {
  border-top: 1px solid #000000;
}

#uins.accessibility.mobile .header .mainmenu .menulink.outlined {
  border: none;
}

#uins.accessibility.mobile .promo .hero:after {
  display: none;
}

@media screen and (min-width: 1280px) {
  #uins {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    font-size: 1.55em;
  }
}

/*
//$pageWidthStep000: 1760px;
@media screen and (min-width: $pageWidthStep0000){
	#uins{
		font-size: 1.7em;//1.1875em;
	}
}


//pageWidthStep00: 1560px;
@media screen and (max-width: $pageWidthStep0000){
	#uins{
		font-size: 1.65em;//1.0625em;
	}
}


//pageWidthStep00: 1460px;
@media screen and (max-width: $pageWidthStep000){
	#uins{
		font-size: 1.6em;//1.0625em;
	}
}



//pageWidthStep00: 1380px;
@media screen and (max-width: $pageWidthStep00){
	#uins{
		font-size: 1.55em;//1.0625em;
	}
}
*/
@media screen and (max-width: 1280px) {
  #uins {
    font-size: 1.5em;
  }
}

@media screen and (max-width: 1160px) {
  #uins {
    font-size: 1.35em;
  }
}

@media screen and (max-width: 1050px) {
  #uins {
    font-size: 1.25em;
  }
}

@media screen and (max-width: 980px) {
  #uins {
    font-size: 1.2em;
  }
}

@media screen and (max-width: 910px) {
  #uins {
    font-size: 1.1em;
  }
}

@media screen and (max-width: 800px) {
  #uins {
    font-size: 1.05em;
  }
}

@media screen and (max-width: 750px) {
  #uins {
    font-size: 1em;
  }
}

/*
//$pageWidthStep3: 700px;
@media screen and (max-width: $pageWidthStep3){
	#uins{
		font-size: 0.875em;
	}
}
*/
/*
//$pageWidthStep4: 640px;
@media screen and (max-width: $pageWidthStep4){
	#uins{
		font-size: 0.875em;
	}
}
*/

/*# sourceMappingURL=uins-min.css.map */