@charset "UTF-8";
/* @group AUTHOR */
/* created by Tibor Benkő */
/* copyright © kRevo Kft. */
/* @end /AUTHOR */
/*
	$fontColorDefault: #656565;
	$fontColorDark: #000000;
	$fontColorDefaultText: #15140d;
	$fontColorLight: #ffffff;
	$fontColorActive: #44bbff;
	$fontColorBlue: #024182;
	$fontColorDarkBlue: #013466;
	$fontColorLightBlue: #006ed8;
	$fontColorRed: #eb0101;
	$fontColorGrey: #9c9c9c;
	$fontColorLightGray: #c5c5c5;

//BACKGROUND COLORS
	$bgColorSubmenu: #006ed8;
	$bgColorSubmenuInfo: #0057ac;
	$bgColorFooter: #024182;
	$bgColorTableHeader: #003169;
	$bgColorTableRow: #efefef;
	$bgColorButtonHover: #0069cc;
	$bgColorRed: #eb0101;
	$bgColorRedHover: #d40202;
	$bgColorGreyButton: #333333;
	$bgColorGreyButtonHover: #303030;
	$bgColorArchiveButton: #c0c0c0;
	$bgColorArchiveButtonHover: #bababa;
	$bgColorDarkGrey: #d5d5d5;
	$bgColorLightGrey: #ededed;
	$bgColorGrey: #f1f0f0;
	$bgColorBlack: #000000;


//LAYOUT SIZE RELATED VARIABLES
	$layoutSizeWidthFull: 100%;
	$layoutSizeWidthMin: 600px;
	$layoutSizeWidthMax: 1200px;//980px;
	$layoutSizeWidthMinMoblie: 320px;
	//$layoutSizeWidthMaxMobile: 980px;
	

//LAYOUT MARGINS RELATED VARIABLES
	//$marginReset: 0px 0px 0px 0px;
	//$marginCentered: 0px auto 0px auto;


//LAYERING RELATED VARIABLES
	$layerHeader: 4;
	$layerHeaderMask: 3;
	$layerDropdown: 5;
	$layerStickyMenu: 10;


//ICONS RELATED VARIABLES
	$iconSize: (32px / $fontSizeBody)em;


//HEADER RELATED VARIABLES

	//LOGO RELATED
	//pixel values used as reference to calculate EM values
	$logoSizeWidth: 50px;
	$logoSizeHeight: 65px;	
	$logoMarginTop: 15px;
	//em values calculated from the above px values
	$logoEmSizeWidth: $logoSizeWidth / $fontSizeBody;
	$logoEmSizeHeight: $logoSizeHeight / $fontSizeBody;
	$logoEmMarginTop: $logoMarginTop / $fontSizeBody;
	
	//MAIN AND SPECIAL MENU RELATED
	$mainMenuWidth: 63%;//($layoutSizeWidthMin * 100 / $layoutSizeWidthMax)%;
	$mainMenuWidthMobile: 90%;//($layoutSizeWidthMin * 100 / $layoutSizeWidthMax)%;
	$specialMenuWidth: 33%;
	$menuEmSizeHeight: ($logoEmMarginTop + $logoEmSizeHeight);
	$menuEmMarginTop: $logoEmSizeHeight / 2;		
	$menuEmMarginRight: $logoEmSizeWidth * 7;
	//$mainMenuItemEmSizeHeightMobile: 70px
	
	
	//MASK RELATED
	$headerMaskHeight: 100px;
	$headerEmMaskHeight: $headerMaskHeight / $fontSizeBody;


//PROMO RELATED

	//pixel values used as reference to calculate EM values
	$promoSizeHeight: 620px;
	//em values calculated from the above px values
	$promoEmSizeHeight: $promoSizeHeight / $fontSizeBody;
	
	//MESSAGE RELATED
	$messageEmPaddingTop: $menuEmSizeHeight + $logoEmSizeHeight;
	
*/
/* @group FONTS */
@font-face {
  font-family: 'Myriad Pro Light';
  src: url("../_fonts/MyriadPro-Light.eot");
  src: url("../_fonts/MyriadPro-Light.eot?#iefix") format("embedded-opentype"), url("../_fonts/MyriadPro-Light.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Myriad Pro Regular';
  src: url("../_fonts/MyriadPro-Regular.eot");
  src: url("../_fonts/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), url("../_fonts/MyriadPro-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

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

body {
  padding-left: 2em;
  padding-right: 2em; }

div {
  position: relative;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none; }

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

p, ul, li {
  position: relative;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none; }

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

a {
  text-decoration: none; }

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

sup {
  font-size: 0.625em;
  line-height: 50%; }

@media screen and (max-width: 700px) {
  body {
    padding-left: 0px;
    padding-right: 0px; } }

/* @end */
/* @group AUTHOR */
/* created by Tibor Benkő */
/* copyright © kRevo Kft. */
/* @end /AUTHOR */
/* @group Layout */
#stringbike {
  max-width: 1000px;
  min-width: 700px;
  width: 100%;
  margin: 0px auto 0px auto; }
  #stringbike .clearfix:after {
    position: relative;
    display: block;
    height: 1px;
    margin: 0px;
    padding: 0px;
    float: none;
    clear: both;
    content: ""; }
  #stringbike a {
    color: #ff0000; }
    #stringbike a:link, #stringbike a:visited {
      color: #ff0000; }
  @media screen and (max-width: 700px) {
    #stringbike {
      min-width: 240px; } }
/* @end */
/* @group AUTHOR */
/* created by Tibor Benkő */
/* copyright © kRevo Kft. */
/* @end /AUTHOR */
#stringbike .head {
  width: 100%;
  max-width: 1000px;
  min-height: 3em;
  background-color: #DAD9DE;
  z-index: 20;
  overflow: hidden; }
  #stringbike .head .metalic-surface {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 3em;
    z-index: 15; }
  #stringbike .head .stripe {
    position: absolute;
    top: 0px;
    width: 1.875em;
    height: 3em;
    z-index: 17;
    background-color: #ff0000; }
    #stringbike .head .stripe .site-navigation-icon {
      display: none; }
  #stringbike .head .menu-button {
    position: absolute;
    top: 0px;
    width: 5em;
    height: 3em;
    z-index: 17; }
    #stringbike .head .menu-button.left {
      left: 0px;
      background-color: #ff0000; }
    #stringbike .head .menu-button.home {
      left: 0px;
      background-color: #ff0000; }
    #stringbike .head .menu-button.right {
      right: 0px; }
    #stringbike .head .menu-button .button {
      position: relative;
      display: block;
      width: 5em;
      height: 3em;
      cursor: pointer; }
      #stringbike .head .menu-button .button .icon {
        position: absolute;
        display: block;
        left: 0px;
        width: 100%;
        height: 100%;
        -webkit-transition: width 0.5s, left 0.5s;
        /* Safari */
        transition: width 0.5s, left 0.5s; }
      #stringbike .head .menu-button .button:hover .icon {
        left: -10%;
        top: 0%;
        width: 120%;
        height: 100%; }
  #stringbike .head .link {
    position: relative;
    display: block;
    width: 80%;
    /*(225px*100/380px )%;*/
    margin: 0px auto 0px auto; }
    #stringbike .head .link .logo {
      width: 100%; }
  #stringbike .head .column {
    position: absolute;
    z-index: 16; }
    #stringbike .head .column.narrow {
      left: 0;
      width: 35%;
      height: 3em;
      box-sizing: border-box;
      padding-left: 1.875em;
      background-image: url(../_img/interface/head_dark_bg.png);
      background-position: left top;
      background-repeat: repeat; }
    #stringbike .head .column.wide {
      left: 35%;
      width: 65%;
      height: 3em;
      background-image: url(../_img/interface/head_light_bg.png);
      background-position: left top;
      background-repeat: repeat; }
  #stringbike .head .site-navigation {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 0px 1em 0px 1em;
    list-style-type: none;
    text-align: center; }
    #stringbike .head .site-navigation .item {
      position: relative;
      display: inline;
      box-sizing: border-box;
      padding: 0px 1em 0px 1em; }
      #stringbike .head .site-navigation .item .link {
        position: relative;
        display: inline;
        box-sizing: border-box;
        font-size: 1.25em;
        line-height: 2.75em;
        color: #5f4b4b;
        text-shadow: 1px 1px 1px #eeeeee; }
        #stringbike .head .site-navigation .item .link.active, #stringbike .head .site-navigation .item .link:hover {
          color: #cc0000;
          text-shadow: 1px 1px 1px #ffcccc; }

@media screen and (max-width: 700px) {
  #stringbike .head .metalic-surface {
    height: 4em; }
  #stringbike .head .stripe {
    min-height: 4em;
    /*.site-navigation-icon{
					position: relative;
					display: inline-block;
					width: 100%;
					margin-top: 0.5em;
				}*/ }
  #stringbike .head .column.narrow {
    position: relative;
    width: 100%;
    min-height: 4em;
    padding-right: 40%; }
  #stringbike .head .column.wide {
    position: relative;
    left: 0px;
    width: 100%;
    height: auto; }
  #stringbike .head .link {
    max-width: 15em;
    min-height: 4em; }
    #stringbike .head .link .logo {
      width: 100%; }
  #stringbike .head .site-navigation {
    padding: 0px 0em 0px 1em;
    text-align: left; }
    #stringbike .head .site-navigation .item {
      padding: 0px 0.75em 0px 0.75em; }
      #stringbike .head .site-navigation .item .link {
        font-size: 1.45em;
        color: #ffffff;
        text-shadow: none; }
        #stringbike .head .site-navigation .item .link.active, #stringbike .head .site-navigation .item .link:hover {
          color: #ffffff;
          text-shadow: none; } }

/* @group AUTHOR */
/* created by Tibor Benkő */
/* copyright © kRevo Kft. */
/* @end /AUTHOR */
#stringbike .submenu {
  display: none;
  width: 100%;
  background-color: #e1ddde; }

#stringbike .submenu-navigation {
  display: block;
  float: right;
  left: -50%;
  /* or right 50% */
  padding: 1.5em 0px 0.5em 0px;
  text-align: center;
  list-style-type: none; }
  #stringbike .submenu-navigation .item {
    display: list-item;
    left: 50%;
    list-style-type: none;
    float: left; }
    #stringbike .submenu-navigation .item .link {
      display: block;
      box-sizing: border-box;
      width: 5em;
      min-height: 5.5em;
      font-size: 1.75em;
      color: #5f4b4b;
      text-align: center; }
      #stringbike .submenu-navigation .item .link.handbike, #stringbike .submenu-navigation .item .link.wide {
        width: 7em; }
      #stringbike .submenu-navigation .item .link .icon {
        position: relative;
        box-sizing: border-box;
        width: 4em;
        height: 2.4em;
        margin: 0px 0.5em 0.5em 0.5em; }
      #stringbike .submenu-navigation .item .link .label {
        display: block; }
        #stringbike .submenu-navigation .item .link .label.smaller {
          font-size: 0.8em;
          margin-top: 0.5em; }
      #stringbike .submenu-navigation .item .link sup {
        font-family: "Myriad Pro Light", Helvetica, sans-serif; }
      #stringbike .submenu-navigation .item .link .sup {
        vertical-align: super;
        font-size: 0.7em;
        font-family: "Myriad Pro Light", Helvetica, sans-serif; }
      #stringbike .submenu-navigation .item .link .small {
        display: block;
        text-transform: uppercase;
        font-size: 0.55em;
        font-family: "Myriad pro Light", Helvetica, sans-serif;
        padding: 0.5em 0px 0px 0px; }
      #stringbike .submenu-navigation .item .link:hover {
        color: #ff0000; }

@media screen and (max-width: 700px) {
  #stringbike .submenu-navigation {
    float: none;
    left: 0px;
    text-align: left;
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
    #stringbike .submenu-navigation .item {
      display: block;
      left: 0px;
      float: none;
      border-top: 1px solid #c3bbbd;
      padding: 0.25em 0px 0.25em 0px; }
      #stringbike .submenu-navigation .item:first-child {
        border-top: none; }
      #stringbike .submenu-navigation .item .link {
        font-size: 1.75em;
        width: 100%;
        min-height: 3em;
        text-align: left;
        padding: 0.5em 1em 0em 6em; }
        #stringbike .submenu-navigation .item .link.handbike {
          width: 100%; }
        #stringbike .submenu-navigation .item .link .label {
          font-size: 1.5em; }
          #stringbike .submenu-navigation .item .link .label.smaller {
            font-size: 1.25em;
            margin-top: 0.65em; }
        #stringbike .submenu-navigation .item .link .icon {
          position: absolute;
          top: 0.5em;
          left: 0.5em; } }

/* @group AUTHOR */
/* created by Tibor Benkő */
/* copyright © kRevo Kft. */
/* @end /AUTHOR */
#stringbike .page-title {
  font-size: 2em;
  padding: 0.5em 0px 0.25em 0px;
  text-align: right;
  border-bottom: 1px solid #c3bbbd; }
  #stringbike .page-title.no-underline {
    border-bottom: none; }
  #stringbike .page-title .label {
    font-size: 1em;
    font-family: "Myriad pro Semibold", Helvetica, sans-serif; }
    #stringbike .page-title .label .small {
      font-size: 0.5em;
      text-transform: uppercase;
      font-family: "Myriad pro Light", Helvetica, sans-serif; }
    #stringbike .page-title .label .medium {
      font-size: 0.75em; }
  #stringbike .page-title sup {
    font-family: "Myriad pro Light", Helvetica, sans-serif; }
  #stringbike .page-title .sup {
    vertical-align: super;
    font-size: 0.7em;
    font-family: "Myriad pro Light", Helvetica, sans-serif; }

@media screen and (max-width: 700px) {
  #stringbike .page-title {
    text-align: left;
    padding-left: 1em; } }

/* @group AUTHOR */
/* created by Tibor Benkő */
/* copyright © kRevo Kft. */
/* @end /AUTHOR */
#stringbike .highlight {
  font-family: "Myriad pro Light", Helvetica, sans-serif;
  text-align: center;
  overflow: hidden;
  padding-top: 1em; }
  #stringbike .highlight .message {
    display: inline;
    text-align: center;
    font-size: 6em;
    line-height: 110%;
    font-weight: normal;
    white-space: nowrap;
    color: #5F4B4B;
    -webkit-transition: color 0.5s;
    /* Safari */
    transition: color 0.5s; }
    #stringbike .highlight .message .red {
      color: #ff0000; }
    #stringbike .highlight .message:hover {
      color: #ff0000; }
  #stringbike .highlight .motto {
    font-size: 3em;
    line-height: 100%;
    color: #C3BBBD;
    font-weight: normal; }
    #stringbike .highlight .motto .word {
      display: block;
      text-align: center; }
    #stringbike .highlight .motto .clean {
      position: absolute;
      left: 0px;
      top: 0px; }
    #stringbike .highlight .motto .fun {
      position: absolute;
      right: 0px;
      top: 0px; }

@media screen and (max-width: 700px) {
  #stringbike .highlight {
    padding-left: 1.5em;
    padding-right: 1.5em; } }

/* @group AUTHOR */
/* created by Tibor Benkő */
/* copyright © kRevo Kft. */
/* @end /AUTHOR */
#stringbike .lookbook {
  text-align: center;
  border-top: 1px solid #e0dddd;
  border-bottom: 1px solid #e0dddd;
  width: 100%;
  min-height: 30em;
  margin-top: 0.25em;
  overflow: hidden; }
  #stringbike .lookbook .navigation {
    /*
			position: absolute;
			display: block;
			box-sizing: border-box;
			width: 2em;
			height: $lookbookHeight;
			padding-top: $lookbookHeight/2 - 3.5em;
			overflow: hidden;
			*/
    display: none !important; }
    #stringbike .lookbook .navigation .icon {
      position: absolute;
      display: block;
      width: 4em;
      border: none;
      left: 0px; }
      #stringbike .lookbook .navigation .icon.restart {
        display: none; }
    #stringbike .lookbook .navigation.left {
      top: 0px;
      left: 0px; }
    #stringbike .lookbook .navigation.right {
      top: 0px;
      right: 0px; }
      #stringbike .lookbook .navigation.right.restart .icon {
        display: none; }
      #stringbike .lookbook .navigation.right.restart .icon.restart {
        display: block;
        display: none; }
    #stringbike .lookbook .navigation:hover .icon {
      left: -2em; }
  #stringbike .lookbook .slides {
    min-height: 30em;
    white-space: nowrap; }
    #stringbike .lookbook .slides .slide {
      position: relative;
      display: block;
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 1px;
      top: 0px;
      padding: 1em 0px 1em 0px;
      border-top: 1px solid #e1ddde;
      color: #5f4b4b; }
      #stringbike .lookbook .slides .slide.noimage {
        padding-bottom: 6em; }
      #stringbike .lookbook .slides .slide:first-child {
        border-top: none; }
      #stringbike .lookbook .slides .slide.active {
        position: relative;
        display: block; }
      #stringbike .lookbook .slides .slide .separator {
        position: absolute;
        display: none;
        height: 30em;
        top: 0px;
        left: 35%;
        margin-left: -4.3em; }
        #stringbike .lookbook .slides .slide .separator.right {
          margin-left: 0px; }
      #stringbike .lookbook .slides .slide .image {
        position: relative;
        display: block;
        box-sizing: border-box;
        max-width: 100%;
        max-height: 30em;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        margin: 0px auto 0px auto; }
      #stringbike .lookbook .slides .slide.testimonial {
        padding: 64.4% 10% 0px 10%; }
        #stringbike .lookbook .slides .slide.testimonial .caseimage {
          position: absolute;
          display: block;
          box-sizing: border-box;
          top: 0px;
          left: 0px;
          width: 100%;
          height: auto; }
        #stringbike .lookbook .slides .slide.testimonial .caseinfo {
          position: absolute;
          display: block;
          box-sizing: border-box;
          bottom: 0px;
          left: 0px;
          width: 80%;
          padding: 1em 3em 1em 3em;
          margin: 0px 10% 0px 10%;
          text-align: left;
          border: none;
          white-space: normal;
          background-color: rgba(95, 75, 75, 0.75);
          color: #ffffff; }
          #stringbike .lookbook .slides .slide.testimonial .caseinfo .title {
            position: relative;
            display: block;
            box-sizing: border-box;
            font-size: 2em;
            line-height: 100%;
            padding: 0px 0px 0.5em 0px;
            margin: 0px 0px 0px 0px;
            font-weight: normal; }
          #stringbike .lookbook .slides .slide.testimonial .caseinfo .story {
            position: relative;
            display: block;
            box-sizing: border-box;
            font-size: 0.75em;
            line-height: 135%;
            font-family: "Myriad pro Light", Helvetica, sans-serif;
            font-weight: normal; }
      #stringbike .lookbook .slides .slide .sideinfo {
        position: relative;
        display: block;
        box-sizing: border-box;
        width: 100%;
        padding: 0px 0px 0px 40%;
        margin: 0px 0px 0px 0px;
        text-align: left; }
        #stringbike .lookbook .slides .slide .sideinfo.title {
          position: absolute;
          font-size: 4em;
          line-height: 100%;
          padding: 2.75em 0.25em 0.25em 0.2em;
          width: 35%;
          text-align: right;
          color: #5f4b4b;
          border: none; }
          #stringbike .lookbook .slides .slide .sideinfo.title .label {
            position: relative;
            display: block;
            box-sizing: border-box;
            max-width: 100%;
            margin: 0px 0px 0px 0px;
            padding: 0.6em 0em 0em 0em;
            border: none;
            color: #c3bbbd;
            text-align: right; }
        #stringbike .lookbook .slides .slide .sideinfo.bigtext {
          font-size: 3em;
          line-height: 100%;
          padding: 0em 0.25em 0em 0.2em;
          width: 35%;
          text-align: right;
          color: #c3bbbd;
          border: none; }
        #stringbike .lookbook .slides .slide .sideinfo.bookcover {
          font-size: 3em;
          line-height: 100%;
          padding: 3.75em 0.1em 0.25em 0.2em;
          width: 35%;
          text-align: right;
          color: #5f4b4b;
          border: none; }
          #stringbike .lookbook .slides .slide .sideinfo.bookcover .label {
            position: relative;
            display: block;
            margin-right: -0.09em;
            padding: 0.6em 0.5em 0px 2em;
            border-bottom-left-radius: 0.5em;
            border-top-left-radius: 0.5em;
            border: none;
            background-color: #c3bbbd;
            color: #ffffff; }
            #stringbike .lookbook .slides .slide .sideinfo.bookcover .label .year {
              position: relative;
              display: block;
              font-size: 0.5em;
              line-height: 100%;
              text-shadow: none; }
        #stringbike .lookbook .slides .slide .sideinfo.bookcover {
          width: 100%;
          padding-top: 0px;
          padding-bottom: 2em; }
          #stringbike .lookbook .slides .slide .sideinfo.bookcover .label {
            position: relative;
            margin: 0px;
            padding: 0px;
            border-radius: 0px;
            text-align: center;
            border: none;
            background: none;
            color: #5f4b4b; }
        #stringbike .lookbook .slides .slide .sideinfo.name {
          position: absolute;
          font-size: 6em;
          line-height: 100%;
          padding: 0.25em 0.1em 0.25em 0.2em;
          width: 35%;
          text-align: right;
          color: #5f4b4b;
          border: none; }
          #stringbike .lookbook .slides .slide .sideinfo.name .label {
            position: relative;
            margin-right: -0.09em;
            padding: 0.2em 0.25em 0px 1em;
            border-bottom-left-radius: 0.25em;
            border-top-left-radius: 0.25em;
            border: none;
            background-color: #c3bbbd;
            color: #ffffff; }
            #stringbike .lookbook .slides .slide .sideinfo.name .label sup {
              font-size: 0.5em;
              text-shadow: none; }
          #stringbike .lookbook .slides .slide .sideinfo.name.small {
            font-size: 2em;
            padding: 0.75em 0.1em 0.75em 0.4em; }
            #stringbike .lookbook .slides .slide .sideinfo.name.small .label {
              padding-top: 0.5em;
              padding-bottom: 0.5em; }
          #stringbike .lookbook .slides .slide .sideinfo.name.medium {
            font-size: 4.5em; }
            #stringbike .lookbook .slides .slide .sideinfo.name.medium .label {
              padding-left: 0.5em; }
          #stringbike .lookbook .slides .slide .sideinfo.name.down {
            padding-top: 1em;
            margin-bottom: 0.5em; }
        #stringbike .lookbook .slides .slide .sideinfo.name + .name {
          padding-top: 0.25em; }
        #stringbike .lookbook .slides .slide .sideinfo.feature {
          position: relative;
          width: 100%;
          font-size: 2em;
          line-height: 100%;
          color: #5f4b4b; }
        #stringbike .lookbook .slides .slide .sideinfo.more {
          display: block;
          box-sizing: border-box;
          font-size: 1.5em;
          line-height: 125%;
          position: relative;
          padding: 1em 1.6em 0.5em 40%;
          width: 100%; }
          #stringbike .lookbook .slides .slide .sideinfo.more .link {
            font-size: 1em;
            position: relative;
            padding: 0.25em 1em 0.25em 1em;
            border: 1px solid #c3bbbd;
            background-color: #c3bbbd;
            color: #ffffff;
            z-index: 2;
            -webkit-transition: background-color 1s;
            /* Safari */
            transition: background-color 1s; }
          #stringbike .lookbook .slides .slide .sideinfo.more .link:hover {
            background-color: #5f4b4b; }
      #stringbike .lookbook .slides .slide .details {
        font-size: 1.25em;
        position: relative;
        display: block;
        box-sizing: border-box;
        width: 100%;
        padding-left: 40%;
        padding-top: 0.5em;
        text-align: left; }
      #stringbike .lookbook .slides .slide .maininfo {
        position: relative;
        display: block;
        box-sizing: border-box;
        width: 100%;
        padding: 0px 0px 0px 40%;
        text-align: left; }
        #stringbike .lookbook .slides .slide .maininfo.feature {
          font-size: 3em;
          line-height: 100%;
          padding: 1.25em 0em 0.5em 40%;
          color: #5f4b4b;
          white-space: normal; }
          #stringbike .lookbook .slides .slide .maininfo.feature .small {
            font-size: 0.375em;
            position: relative;
            display: block;
            line-height: 100%;
            margin-bottom: 2em; }
          #stringbike .lookbook .slides .slide .maininfo.feature .red {
            color: #ff0000; }

@media screen and (max-width: 700px) {
  #stringbike .lookbook .navigation {
    display: none !important; }
  #stringbike .lookbook .slides .slide {
    position: relative;
    display: block;
    box-sizing: border-box;
    min-height: 1px;
    height: auto;
    padding: 1em 0px 1em 0px;
    border-top: 1px solid #e1ddde; }
    #stringbike .lookbook .slides .slide.noimage {
      padding-bottom: 6em; }
    #stringbike .lookbook .slides .slide:first-child {
      border-top: none; }
    #stringbike .lookbook .slides .slide .separator {
      display: none; }
    #stringbike .lookbook .slides .slide .image {
      position: relative;
      max-width: 100%;
      max-height: 30em;
      width: auto;
      top: auto;
      bottom: auto;
      left: auto;
      right: 0px;
      margin: 0px auto 0px auto;
      -ms-transform: translateY(0%);
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      transform: translateY(0%); }
    #stringbike .lookbook .slides .slide .details {
      position: relative;
      display: block;
      box-sizing: border-box;
      font-size: 1.75em;
      bottom: 0px;
      width: 100%;
      margin: 0px 0px 1em 0px;
      padding: 0.5em 1em 0px 1em;
      text-align: center;
      white-space: normal;
      line-height: 125%; }
    #stringbike .lookbook .slides .slide.testimonial {
      padding: 0px 0px 0px 0px; }
      #stringbike .lookbook .slides .slide.testimonial .caseimage {
        position: relative;
        display: block;
        box-sizing: border-box;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto; }
      #stringbike .lookbook .slides .slide.testimonial .caseinfo {
        position: relative;
        display: block;
        box-sizing: border-box;
        bottom: 0px;
        left: 0px;
        width: 100%;
        padding: 1em 3em 1em 3em;
        margin: 0px 0px 0px 0px;
        text-align: left;
        border: none;
        white-space: normal;
        color: #ffffff; }
        #stringbike .lookbook .slides .slide.testimonial .caseinfo .title {
          position: relative;
          display: block;
          box-sizing: border-box;
          font-size: 2em;
          line-height: 100%;
          padding: 0px 0px 0.5em 0px;
          margin: 0px 0px 0px 0px;
          font-weight: normal; }
        #stringbike .lookbook .slides .slide.testimonial .caseinfo .story {
          position: relative;
          display: block;
          box-sizing: border-box;
          font-size: 0.75em;
          line-height: 135%;
          font-family: "Myriad pro Light", Helvetica, sans-serif;
          font-weight: normal; }
    #stringbike .lookbook .slides .slide .sideinfo {
      width: 100%;
      text-align: center; }
      #stringbike .lookbook .slides .slide .sideinfo.title {
        position: relative;
        font-size: 4em;
        line-height: 100%;
        padding: 0.2em 0.25em 0.25em 0.2em;
        width: 100%;
        text-align: left;
        color: #5f4b4b;
        border: none; }
        #stringbike .lookbook .slides .slide .sideinfo.title .label {
          position: relative;
          display: block;
          box-sizing: border-box;
          max-width: 100%;
          margin: 0px 0px 0px 0px;
          padding: 1.6em 0em 0em 0em;
          border: none;
          color: #c3bbbd;
          text-align: center; }
      #stringbike .lookbook .slides .slide .sideinfo.bookcover {
        width: 100%;
        padding-top: 0px;
        padding-bottom: 2em; }
        #stringbike .lookbook .slides .slide .sideinfo.bookcover .label {
          position: relative;
          margin: 0px;
          padding: 0px;
          border-radius: 0px;
          text-align: center;
          border: none;
          background: none;
          color: #5f4b4b; }
      #stringbike .lookbook .slides .slide .sideinfo.name {
        position: relative;
        width: auto;
        padding-top: 0.5em;
        padding-left: 0px;
        padding-right: 0px; }
        #stringbike .lookbook .slides .slide .sideinfo.name .label {
          position: relative;
          display: block;
          box-sizing: border-box;
          max-width: 80%;
          width: 80%;
          margin: 0px auto 0px auto;
          padding: 0.25em 1em 0.1em 1em;
          border-radius: 0.5em;
          text-align: center;
          border: none; }
      #stringbike .lookbook .slides .slide .sideinfo.more {
        display: block;
        box-sizing: border-box;
        font-size: 1.75em;
        line-height: 125%;
        position: relative;
        padding: 0px;
        margin-bottom: 1em; }
        #stringbike .lookbook .slides .slide .sideinfo.more .link {
          display: block;
          width: 50%;
          margin: 0px auto 0px auto; }
      #stringbike .lookbook .slides .slide .sideinfo.feature {
        padding: 0px 1em 0.25em 1em; }
    #stringbike .lookbook .slides .slide .maininfo {
      position: relative;
      display: block;
      box-sizing: border-box;
      width: 100%;
      left: auto;
      top: 0px;
      text-align: center; }
      #stringbike .lookbook .slides .slide .maininfo.feature {
        font-size: 2.5em;
        line-height: 100%;
        padding: 0.5em 0.5em 0.5em 0.5em;
        color: #5f4b4b;
        white-space: normal; }
        #stringbike .lookbook .slides .slide .maininfo.feature .small {
          font-size: 0.375em;
          position: relative;
          display: block;
          line-height: 100%;
          margin-bottom: 2em; }
        #stringbike .lookbook .slides .slide .maininfo.feature .red {
          color: #ff0000; } }

/* @group AUTHOR */
/* created by Tibor Benkő */
/* copyright © kRevo Kft. */
/* @end /AUTHOR */
#stringbike {
  /*.content-menuarrow{
		position: absolute;
		display: block;
		content: '';
		left: 3em;
		width: 1px;
		height: 1px;
		border: 1.5em solid transparent;
		border-top: 1.25em solid #c3bbbd;
		border-bottom: none;
	}*/ }
  #stringbike .cm-content {
    display: none; }
    #stringbike .cm-content.active {
      display: block; }
  #stringbike .content-menu {
    position: relative;
    display: none;
    width: 100%;
    margin: 4em 0px 0px 0px;
    white-space: nowrap;
    text-align: center;
    background: none;
    z-index: 1;
    /*
		
		.content-menuitem{
			position: relative;
			display: inline-block;
			box-sizing: border-box;
			margin: 0px 0px 0px 0px;
			padding: 0em 2em 0em 2em;;
			color: #ffffff;
			white-space: normal;
			cursor: pointer;
			border: none;
			text-align: center;
			border-left: 2px solid #ffffff;
			
			
			&:first-child{
				border-left: none;
				
			}
						
			
			.link{
				font-size: 2.25em;
				position: relative;
				display: inline;
				line-height: 3em;
				color: #ffffff;
				
				&:hover{
					color: #5F4B4B;
					text-shadow: 0px 0px 0.25em #ffffff;
				}
			}
			
			&.active .link{
				color: #5F4B4B;
				text-shadow: 0px 0px 0.25em #ffffff;
			}
			
			
		}
		*/ }
    #stringbike .content-menu.active {
      display: block; }
    #stringbike .content-menu .title {
      font-size: 1.5em;
      position: relative;
      display: block;
      box-sizing: border-box;
      width: 35%;
      min-height: 4.3333333333em;
      padding: 1em 0em 0.5em 0em;
      float: left;
      color: #ffffff;
      background-color: #c3bbbd;
      border-top-left-radius: 0.75em;
      border-bottom-left-radius: 0.75em;
      border-right: 2px solid #ffffff; }
      #stringbike .content-menu .title .big {
        font-size: 2em;
        position: relative;
        display: block;
        -webkit-transition: letter-spacing 1s;
        /* Safari */
        transition: letter-spacing 1s; }
        #stringbike .content-menu .title .big.mid {
          line-height: 1.2em; }
      #stringbike .content-menu .title .target {
        font-size: 1em;
        position: absolute;
        display: block;
        box-sizing: border-box;
        right: -1em;
        top: 50%;
        width: 2em;
        height: 2em;
        margin-top: -1em;
        background-color: #c3bbbd;
        border: 2px solid #ffffff;
        border-radius: 50%;
        line-height: 2em;
        z-index: 2; }
        #stringbike .content-menu .title .target .big {
          font-size: 2em; }
    #stringbike .content-menu .menuitems {
      font-size: 1em;
      position: relative;
      display: block;
      box-sizing: border-box;
      width: 65%;
      min-height: 6.5em;
      padding: 0em 0em 0em 1em;
      background-color: #E1DDDE;
      border-top-right-radius: 0.75em;
      border-bottom-right-radius: 0.75em;
      float: left; }
      #stringbike .content-menu .menuitems .menuitem {
        font-size: 1em;
        position: relative;
        display: block;
        box-sizing: border-box;
        float: left;
        min-height: 6.5em;
        margin: 0px 0px 0px 0px;
        padding: 0em 1.5em 0em 1.5em;
        cursor: pointer;
        border: none;
        text-align: center;
        border-left: 2px solid #ffffff; }
        #stringbike .content-menu .menuitems .menuitem:first-child {
          border-left: none; }
        #stringbike .content-menu .menuitems .menuitem .link {
          font-size: 1.5em;
          position: relative;
          display: block;
          box-sizing: border-box;
          line-height: 4.3333333333em;
          color: #5F4B4B; }
          #stringbike .content-menu .menuitems .menuitem .link:hover {
            color: #5F4B4B;
            text-shadow: 0px 0px 0.25em #ffffff; }
        #stringbike .content-menu .menuitems .menuitem.active .link {
          color: #5F4B4B;
          text-shadow: 0px 0px 0.25em #ffffff; }
    #stringbike .content-menu .menuarrow {
      position: absolute;
      display: block;
      box-sizing: content-box;
      left: 40%;
      top: 100%;
      width: 1px;
      height: 1px;
      margin-top: -1px;
      border: 1.5em solid transparent;
      border-top: 1.25em solid #E1DDDE;
      border-bottom: none; }

/* @group AUTHOR */
/* created by Tibor Benkő */
/* copyright © kRevo Kft. */
/* @end /AUTHOR */
#stringbike .content {
  width: 100%;
  margin: 0em 0px 2em 0px;
  background: none;
  border: none; }
  #stringbike .content .headline {
    position: relative;
    display: block;
    box-sizing: border-box;
    font-size: 2.5em;
    margin: 0px;
    padding: 1em 0px 0px 0px;
    color: #5f4b4b; }
  #stringbike .content .slide-box {
    display: none; }
    #stringbike .content .slide-box .active {
      display: block; }
  #stringbike .content .row {
    box-sizing: border-box;
    min-height: 28em;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    /*.image{
				position: absolute;
				display: block;
				height:100%;
				max-width: auto;				
				left: 50%;
				top: 0px;
				
				&:first-child{
					left: auto;
					right: 50%;
				}				
			}*/ }
    #stringbike .content .row.big {
      min-height: 48em;
      padding-top: 8em; }
    #stringbike .content .row.gray {
      background-color: #e1ddde; }
      #stringbike .content .row.gray .title {
        color: #5f4b4b; }
    #stringbike .content .row.darkgray {
      background-color: #968A8A; }
    #stringbike .content .row .side {
      box-sizing: border-box;
      max-width: 50%;
      margin: 0px 0px 0px 0px;
      padding: 0px 2em 0px 0.5em;
      /*&.for-name{
					margin-top: 9em;
					margin-left: 50%;
				}*/ }
      #stringbike .content .row .side.right {
        margin-left: 50%; }
      #stringbike .content .row .side.white {
        color: #ffffff;
        text-shadow: 0px 0px 1em #000000; }
      #stringbike .content .row .side:first-child {
        margin-left: 0px;
        padding-left: 0px; }
    #stringbike .content .row .title {
      font-size: 2em;
      line-height: 1em;
      margin: 1em 0px 1em 0px;
      padding: 1.5em 0px 0px 0px;
      color: #c3bbbd; }
      #stringbike .content .row .title .label,
      #stringbike .content .row .title .biglabel {
        font-size: 2em;
        position: relative;
        display: block;
        width: 1.5em;
        height: 1.5em;
        margin-right: 0.25em;
        margin-top: -0.5em;
        border-radius: 50%;
        font-family: "Myriad Pro Regular", Helvetica, sans-serif;
        text-align: center;
        line-height: 1.75em;
        color: #ffffff;
        background-color: #c3bbbd;
        float: left; }
        #stringbike .content .row .title .label.small,
        #stringbike .content .row .title .biglabel.small {
          font-size: 1.5em;
          width: 2em;
          height: 2em;
          line-height: 2.15em;
          margin-top: -0.75em; }
        #stringbike .content .row .title .label.verysmall,
        #stringbike .content .row .title .biglabel.verysmall {
          font-size: 1em;
          width: 3em;
          height: 3em;
          line-height: 2.95em;
          margin-top: -0.9em; }
        #stringbike .content .row .title .label.tiny,
        #stringbike .content .row .title .biglabel.tiny {
          font-size: 0.75em;
          width: 3.75em;
          height: 3.75em;
          line-height: 3.85em;
          margin-top: -1.35em; }
        #stringbike .content .row .title .label.micro,
        #stringbike .content .row .title .biglabel.micro {
          font-size: 0.75em;
          width: 4.5em;
          height: 4.5em;
          line-height: 4.55em;
          margin-top: -1.55em; }
        #stringbike .content .row .title .label.extra,
        #stringbike .content .row .title .biglabel.extra {
          font-size: 1em;
          width: 4em;
          height: 4em;
          line-height: 3.95em;
          margin-top: -1.5em; }
      #stringbike .content .row .title .biglabel {
        font-size: 1em;
        width: 3.5em;
        height: 3.5em;
        line-height: 2.95em; }
      #stringbike .content .row .title sup {
        font-size: 0.5em;
        font-family: "Myriad Pro Light", Helvetica, sans-serif; }
      #stringbike .content .row .title.white {
        color: #ffffff; }
        #stringbike .content .row .title.white .label,
        #stringbike .content .row .title.white .biglabel {
          color: #5f4b4b;
          text-shadow: none;
          background-color: #ffffff; }
      #stringbike .content .row .title.dark {
        color: #968A8A; }
        #stringbike .content .row .title.dark .label,
        #stringbike .content .row .title.dark .biglabel {
          color: #ffffff;
          text-shadow: none;
          background-color: #968A8A; }
    #stringbike .content .row .info {
      font-size: 1.5em;
      box-sizing: border-box;
      line-height: 125%;
      margin: 0px 0px 2em 0px;
      padding: 0px 0px 0px 2em; }
      #stringbike .content .row .info.medium {
        font-size: 1.25em;
        line-height: 135%;
        margin: 0px 0px 2.5em 0px;
        padding: 0px 0px 0px 2.5em; }
      #stringbike .content .row .info .copyright {
        position: relative;
        display: block;
        margin-top: 3em;
        font-size: 0.5em;
        line-height: 110%;
        color: #ffffff; }
        #stringbike .content .row .info .copyright:link, #stringbike .content .row .info .copyright:visited {
          color: #ffffff; }
        #stringbike .content .row .info .copyright:hover, #stringbike .content .row .info .copyright:active {
          color: #ffffff;
          text-decoration: underline; }
    #stringbike .content .row .image {
      position: relative;
      display: block;
      width: 100%;
      height: auto; }
    #stringbike .content .row .imagetitle {
      font-size: 2em;
      position: relative;
      display: block;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px; }
    #stringbike .content .row .line {
      position: relative;
      display: block;
      width: 100%;
      height: 1px;
      background-color: #e0dddd; }
    #stringbike .content .row .detailimage {
      position: absolute;
      display: block;
      max-width: 100%;
      min-height: 100%;
      right: 0px;
      top: 0px;
      /*
				-ms-transform: translateX(-50%);
				-webkit-transform: translateX(-50%);
				-moz-transform: translateX(-50%);
				transform: translateX(-50%);
				*/ }
    #stringbike .content .row .name {
      position: absolute;
      width: 10em;
      height: 3em;
      box-sizing: border-box;
      font-size: 2.5em;
      line-height: 3em;
      margin: 3em 0px 1em 1em;
      border: 2px solid #c3bbbd;
      border-radius: 0.75em;
      color: #c3bbbd;
      overflow: hidden;
      background-color: #ffffff; }
      #stringbike .content .row .name .label {
        font-size: 2em;
        position: absolute;
        display: block;
        box-sizing: border-box;
        width: 40%;
        height: 100%;
        top: 0px;
        right: 0px;
        margin: 0px 0px 0px 0px;
        font-family: "Myriad Pro Regular", Helvetica, sans-serif;
        text-align: center;
        line-height: 1.75em;
        color: #ffffff;
        background-color: #c3bbbd; }
        #stringbike .content .row .name .label.small {
          font-size: 1em;
          line-height: 3.25em; }
        #stringbike .content .row .name .label.verysmall {
          font-size: 0.5em;
          line-height: 6.5em; }
      #stringbike .content .row .name sup {
        font-size: 0.5em;
        font-family: "Myriad Pro Light", Helvetica, sans-serif; }
      #stringbike .content .row .name .text {
        position: relative;
        display: block;
        box-sizing: border-box;
        width: 60%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0.5em 0px 0.5em;
        text-align: center;
        line-height: 3.25em; }
      #stringbike .content .row .name.flipped .text {
        margin-left: 40%; }
      #stringbike .content .row .name.flipped .label {
        right: auto;
        left: 0px; }
    #stringbike .content .row .accessoryname {
      border-top: 2px solid #e1ddde;
      height: 5em;
      margin: 2em 0px 0px 0px;
      overflow: visible; }
      #stringbike .content .row .accessoryname .name {
        position: absolute;
        display: block;
        width: 16em;
        height: 2.25em;
        right: 0px;
        box-sizing: border-box;
        font-size: 2em;
        line-height: 2em;
        margin: 0px 0px 1em 0px;
        border: 2px solid #c3bbbd;
        border-top: none;
        border-radius: 0px 0px 1em 1em;
        color: #c3bbbd;
        overflow: hidden;
        background-color: #ffffff; }
        #stringbike .content .row .accessoryname .name .label {
          font-size: 1.25em;
          position: absolute;
          display: block;
          box-sizing: border-box;
          width: 50%;
          top: 0px;
          left: 0px;
          margin: 0px 0px 0px 0px;
          font-family: "Myriad Pro Regular", Helvetica, sans-serif;
          text-align: center;
          line-height: 1.6em;
          color: #ffffff;
          background-color: #c3bbbd; }
        #stringbike .content .row .accessoryname .name sup {
          font-size: 0.5em;
          font-family: "Myriad Pro Light", Helvetica, sans-serif; }
        #stringbike .content .row .accessoryname .name .text {
          position: relative;
          display: block;
          box-sizing: border-box;
          width: 100%;
          margin: 0px 0px 0px 0px;
          padding: 0px 0px 0px 50%;
          text-align: center;
          line-height: 2.25em; }
  #stringbike .content .separator {
    display: block;
    position: relative;
    box-sizing: border-box;
    height: 1em;
    border-top: 2px solid #e1ddde; }

#stringbike .top {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 7em;
  height: 2em;
  overflow: hidden;
  margin: 2em auto 0px auto;
  /*&.top{
				top: 0px;
				left: 0px;						
		}*/ }
  #stringbike .top .icon {
    position: absolute;
    display: block;
    width: 7em;
    border: none;
    left: 0px;
    top: 0px; }
  #stringbike .top:hover .icon {
    top: -2em; }

@media screen and (max-width: 700px) {
  #stringbike .content .row {
    min-height: 0px; }
    #stringbike .content .row.big {
      padding-top: 0px; }
    #stringbike .content .row .detailimage {
      position: relative;
      width: 200%;
      max-width: 200%;
      min-height: 1px;
      margin-left: -100%; }
      #stringbike .content .row .detailimage.right {
        right: 0px; }
      #stringbike .content .row .detailimage.left {
        width: 180%;
        max-width: 180%;
        margin: 0px auto 0px auto; }
    #stringbike .content .row.gray .detailimage {
      margin-left: -5%; }
    #stringbike .content .row .side {
      max-width: 100%;
      padding: 2em 0px 0px 0px; }
      #stringbike .content .row .side.right {
        margin-left: 0px; }
      #stringbike .content .row .side.gray {
        background-color: #c3bbbd; }
        #stringbike .content .row .side.gray .title {
          color: #ffffff; }
          #stringbike .content .row .side.gray .title .label,
          #stringbike .content .row .side.gray .title .biglabel {
            color: #c3bbbd;
            background-color: #ffffff; }
        #stringbike .content .row .side.gray .info {
          color: #ffffff; }
      #stringbike .content .row .side .title {
        margin-left: 1em;
        margin-top: 0px; }
      #stringbike .content .row .side .info {
        padding: 0px 2em 2em 2em;
        margin: 0px 0px 0px 0px; } }

/* @group AUTHOR */
/* created by Tibor Benkő */
/* copyright © kRevo Kft. */
/* @end /AUTHOR */
#stringbike .content .bike {
  padding-bottom: 3em; }
  #stringbike .content .bike .bikename {
    border-top: 2px solid #e1ddde;
    height: 5em;
    margin: 2em 0px 0px 0px;
    overflow: visible; }
    #stringbike .content .bike .bikename .city {
      position: absolute;
      display: block;
      color: #c3bbbd;
      font-size: 2em;
      left: 0.5em;
      height: 2.25em;
      padding: 0px 0px 0px 1.75em;
      line-height: 2em; }
      #stringbike .content .bike .bikename .city .flag {
        position: absolute;
        display: block;
        box-sizing: border-box;
        height: 100%;
        top: -0.25em;
        left: 0px; }
    #stringbike .content .bike .bikename .name {
      position: absolute;
      display: block;
      width: 12em;
      height: 2.25em;
      right: 0px;
      box-sizing: border-box;
      font-size: 2em;
      line-height: 2em;
      margin: 0px 0px 1em 0px;
      border: 2px solid #c3bbbd;
      border-top: none;
      border-radius: 0px 0px 1em 1em;
      color: #c3bbbd;
      overflow: hidden;
      background-color: #ffffff; }
      #stringbike .content .bike .bikename .name .label {
        font-size: 1.5em;
        position: absolute;
        display: block;
        box-sizing: border-box;
        width: 40%;
        top: 0px;
        left: 0px;
        margin: 0px 0px 0px 0px;
        font-family: "Myriad Pro Regular", Helvetica, sans-serif;
        text-align: center;
        line-height: 1.6em;
        color: #ffffff;
        background-color: #c3bbbd; }
      #stringbike .content .bike .bikename .name sup {
        font-size: 0.5em;
        font-family: "Myriad Pro Light", Helvetica, sans-serif; }
      #stringbike .content .bike .bikename .name .text {
        position: relative;
        display: block;
        box-sizing: border-box;
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 40%;
        text-align: center;
        line-height: 2.25em; }
    #stringbike .content .bike .bikename .name.limited {
      width: 14em; }
      #stringbike .content .bike .bikename .name.limited .label {
        width: 45%; }
      #stringbike .content .bike .bikename .name.limited .text {
        padding-left: 45%; }
    #stringbike .content .bike .bikename .name.pushpull {
      width: 16em; }
      #stringbike .content .bike .bikename .name.pushpull .label {
        width: 45%; }
      #stringbike .content .bike .bikename .name.pushpull .text {
        padding-left: 45%; }
    #stringbike .content .bike .bikename .name.long {
      width: 14em; }
      #stringbike .content .bike .bikename .name.long .label {
        width: 65%; }
      #stringbike .content .bike .bikename .name.long .text {
        padding-left: 65%; }
  #stringbike .content .bike .images {
    position: relative;
    display: block;
    box-sizing: border-box;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden; }
    #stringbike .content .bike .images .imagedummy {
      position: relative;
      display: block;
      width: 100%;
      height: auto;
      left: auto;
      right: auto; }
    #stringbike .content .bike .images .image.bikeimage {
      position: absolute;
      display: none;
      width: 100%;
      height: auto;
      left: 0px;
      right: auto;
      top: 0px; }
      #stringbike .content .bike .images .image.bikeimage.active {
        display: block; }
  #stringbike .content .bike .extra {
    box-sizing: border-box;
    padding: 0.5em 14em 1em 14em;
    margin: -3em 0px 0px 0px;
    text-shadow: 0px 0px 3em #ffffff; }
  #stringbike .content .bike .technical {
    box-sizing: border-box;
    width: 50%; }
    #stringbike .content .bike .technical .parameter {
      font-size: 1.5em;
      position: relative;
      display: block;
      box-sizing: border-box;
      line-height: 150%;
      color: #c3bbbd;
      white-space: nowrap; }
      #stringbike .content .bike .technical .parameter .value {
        position: relative;
        display: inline-block;
        padding: 0.1em 0px 0px 0px;
        margin: 0px 0.25em 0px 0px;
        line-height: 120%;
        text-align: center;
        min-width: 4.5em;
        color: #ffffff;
        background-color: #c3bbbd;
        border-radius: 0.25em; }
    #stringbike .content .bike .technical.details {
      float: left;
      margin: 0px 0px 1em 0px;
      padding: 0px 0em 0px 2em; }
  #stringbike .content .bike .control {
    box-sizing: border-box;
    width: 50%; }
    #stringbike .content .bike .control.details {
      float: left;
      margin: 0px 0px 2em 0px;
      padding: 0px 2em 0px 2em; }
    #stringbike .content .bike .control .color,
    #stringbike .content .bike .control .type,
    #stringbike .content .bike .control .equipment {
      font-size: 1.5em;
      position: relative;
      display: block;
      box-sizing: border-box;
      width: auto;
      height: auto;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0.5em 0px;
      line-height: 150%; }
      #stringbike .content .bike .control .color.inactive,
      #stringbike .content .bike .control .type.inactive,
      #stringbike .content .bike .control .equipment.inactive {
        display: none; }
      #stringbike .content .bike .control .color .choice,
      #stringbike .content .bike .control .type .choice,
      #stringbike .content .bike .control .equipment .choice {
        position: relative;
        display: block;
        box-sizing: border-box;
        width: 2em;
        height: 2em;
        margin: 0px 0.5em 0px 0px;
        cursor: pointer;
        float: right;
        border: 2px solid #e1ddde;
        border-radius: 50%; }
        #stringbike .content .bike .control .color .choice.button,
        #stringbike .content .bike .control .type .choice.button,
        #stringbike .content .bike .control .equipment .choice.button {
          width: auto;
          width: 5em;
          height: 1.5em;
          border-radius: 0.75em;
          line-height: 1.5em;
          text-align: center;
          color: #ffffff; }
        #stringbike .content .bike .control .color .choice .label,
        #stringbike .content .bike .control .type .choice .label,
        #stringbike .content .bike .control .equipment .choice .label {
          display: none; }
        #stringbike .content .bike .control .color .choice.white,
        #stringbike .content .bike .control .type .choice.white,
        #stringbike .content .bike .control .equipment .choice.white {
          background-color: #ffffff; }
        #stringbike .content .bike .control .color .choice.black,
        #stringbike .content .bike .control .type .choice.black,
        #stringbike .content .bike .control .equipment .choice.black {
          background-color: #000000; }
        #stringbike .content .bike .control .color .choice.graphite,
        #stringbike .content .bike .control .type .choice.graphite,
        #stringbike .content .bike .control .equipment .choice.graphite {
          background-color: #999999; }
        #stringbike .content .bike .control .color .choice.orange,
        #stringbike .content .bike .control .type .choice.orange,
        #stringbike .content .bike .control .equipment .choice.orange {
          background-color: #ff6600; }
        #stringbike .content .bike .control .color .choice.turquoise,
        #stringbike .content .bike .control .type .choice.turquoise,
        #stringbike .content .bike .control .equipment .choice.turquoise {
          background-color: #73d1cc; }
        #stringbike .content .bike .control .color .choice.red,
        #stringbike .content .bike .control .type .choice.red,
        #stringbike .content .bike .control .equipment .choice.red {
          background-color: #ff0000; }
        #stringbike .content .bike .control .color .choice.green,
        #stringbike .content .bike .control .type .choice.green,
        #stringbike .content .bike .control .equipment .choice.green {
          background-color: #99cc00; }
        #stringbike .content .bike .control .color .choice.blue,
        #stringbike .content .bike .control .type .choice.blue,
        #stringbike .content .bike .control .equipment .choice.blue {
          background-color: #3456c7; }
        #stringbike .content .bike .control .color .choice.darkblue,
        #stringbike .content .bike .control .type .choice.darkblue,
        #stringbike .content .bike .control .equipment .choice.darkblue {
          background-color: #000044; }
        #stringbike .content .bike .control .color .choice.skyblue,
        #stringbike .content .bike .control .type .choice.skyblue,
        #stringbike .content .bike .control .equipment .choice.skyblue {
          background-color: #00aaff; }
        #stringbike .content .bike .control .color .choice.seagreen,
        #stringbike .content .bike .control .type .choice.seagreen,
        #stringbike .content .bike .control .equipment .choice.seagreen {
          background-color: #00aabb; }
        #stringbike .content .bike .control .color .choice.cream,
        #stringbike .content .bike .control .type .choice.cream,
        #stringbike .content .bike .control .equipment .choice.cream {
          background-color: #ddccaa; }
        #stringbike .content .bike .control .color .choice.coffee,
        #stringbike .content .bike .control .type .choice.coffee,
        #stringbike .content .bike .control .equipment .choice.coffee {
          background-color: #443311; }
        #stringbike .content .bike .control .color .choice.sand,
        #stringbike .content .bike .control .type .choice.sand,
        #stringbike .content .bike .control .equipment .choice.sand {
          background-color: #ccaa55; }
        #stringbike .content .bike .control .color .choice.active,
        #stringbike .content .bike .control .type .choice.active,
        #stringbike .content .bike .control .equipment .choice.active {
          box-shadow: 0px 0.1em 1em #666666; }
        #stringbike .content .bike .control .color .choice .icon,
        #stringbike .content .bike .control .type .choice .icon,
        #stringbike .content .bike .control .equipment .choice .icon {
          width: 100%;
          height: 100%; }
    #stringbike .content .bike .control .type .choice {
      position: relative;
      display: block;
      box-sizing: border-box;
      width: 2em;
      height: 2em;
      margin: 0px 0.5em 0px 0px;
      cursor: pointer;
      float: right;
      border: 2px solid #e1ddde;
      border-radius: 50%;
      overflow: hidden;
      background-color: #c3bbbd; }
      #stringbike .content .bike .control .type .choice.active {
        box-shadow: 0px 0.1em 1em #666666;
        background-color: #5f4b4b; }
    #stringbike .content .bike .control .equipment {
      padding: 0.125em 0px 0px 1em; }
      #stringbike .content .bike .control .equipment .choice {
        background-color: #c3bbbd;
        float: none;
        margin: 0px 0px 0.25em 0px; }
        #stringbike .content .bike .control .equipment .choice.active {
          box-shadow: 0px 0.1em 1em #666666;
          background-color: #5f4b4b; }
    #stringbike .content .bike .control .floatright {
      float: right; }
    #stringbike .content .bike .control .order {
      font-size: 1.5em;
      position: relative;
      display: block;
      box-sizing: border-box;
      width: auto;
      height: auto;
      margin: 0px 0px 0px 0px;
      padding: 1em 0px 0px 0px;
      line-height: 150%;
      clear: right; }
      #stringbike .content .bike .control .order .button {
        position: relative;
        display: block;
        box-sizing: border-box;
        margin: 0px 0px 0px 0px;
        padding: 0px 0.5em 0px 0.5em;
        float: right;
        min-width: 10em;
        min-height: 2em;
        border: 2px solid #c3bbbd;
        border-radius: 0.5em;
        cursor: default;
        width: 14.5em; }
        #stringbike .content .bike .control .order .button .price {
          display: none;
          color: #c3bbbd;
          line-height: 2em;
          font-family: "Myriad pro Semibold", Helvetica, sans-serif;
          text-align: right;
          float: right;
          white-space: nowrap; }
          #stringbike .content .bike .control .order .button .price.active {
            display: inline; }
        #stringbike .content .bike .control .order .button .action {
          display: none;
          color: #968A8A;
          line-height: 2em;
          margin: 0px 0px 0px 0px;
          float: left; }
      #stringbike .content .bike .control .order .preorder {
        position: relative;
        display: block;
        box-sizing: border-box;
        margin: 0px 0px 0px 0px;
        padding: 0px 1em 0px 1em;
        float: right;
        min-width: 10em;
        min-height: 2em;
        border: 2px solid #c3bbbd;
        border-radius: 0.5em;
        cursor: default;
        line-height: 2em;
        font-family: "Myriad pro Light", Helvetica, sans-serif;
        text-align: center;
        color: #968A8A;
        cursor: pointer; }
        #stringbike .content .bike .control .order .preorder:hover {
          color: #5f4b4b;
          background-color: #e1ddde; }
  #stringbike .content .bike .region {
    position: relative;
    display: none;
    box-sizing: border-box;
    width: 100%;
    clear: both;
    border-top: 2px solid #e1ddde;
    padding: 1.5em 0px 0px 0px; }
    #stringbike .content .bike .region .arrow {
      position: absolute;
      display: block;
      right: 20%;
      top: -1.1em;
      width: 2em;
      height: 2em;
      transform: rotate(45deg);
      transform-origin: center center;
      background-color: #ffffff;
      border-top: 2px solid #e1ddde;
      border-left: 2px solid #e1ddde;
      content: ''; }
    #stringbike .content .bike .region .buy {
      position: relative;
      display: block;
      box-sizing: border-box;
      float: right;
      width: 22%;
      margin-left: 2.5%;
      padding: 1em 0em 1em 1em; }
      #stringbike .content .bike .region .buy .title {
        position: relative;
        display: block;
        box-sizing: border-box;
        font-size: 0.85em;
        line-height: 1em;
        height: 1em;
        padding: 0px 1em 0px 0px;
        color: #968A8A;
        text-align: right; }
      #stringbike .content .bike .region .buy .region-price {
        position: relative;
        display: block;
        box-sizing: border-box;
        color: #ffffff;
        background-color: #c3bbbd;
        font-size: 1.25em;
        line-height: 1.6em;
        height: 1.6em;
        padding: 0px 0.75em 0px 0px;
        text-align: right;
        border-radius: 0.8em;
        font-family: "Myriad pro Semibold", Helvetica, sans-serif; }
      #stringbike .content .bike .region .buy:hover .region-price, #stringbike .content .bike .region .buy:active .region-price {
        background-color: #968A8A; }
      #stringbike .content .bike .region .buy:hover .flag, #stringbike .content .bike .region .buy:active .flag {
        border-color: #c3bbbd;
        box-shadow: 0px 0px 1em #aaaaaa; }
      #stringbike .content .bike .region .buy .flag {
        position: absolute;
        display: block;
        box-sizing: border-box;
        width: 3.25em;
        height: 3.25em;
        left: 0px;
        top: 1.25em;
        border: 2px solid #e1ddde;
        border-radius: 50%; }
      #stringbike .content .bike .region .buy .info {
        position: relative;
        display: block;
        color: #968A8A;
        font-size: 0.85em;
        line-height: 100%;
        text-align: right;
        padding: 0.25em 1em 0px 2em; }
  #stringbike .content .bike .installmentplan {
    font-size: 1.5em;
    position: relative;
    display: none;
    box-sizing: border-box;
    width: auto;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 1.3em 0px 1.3em;
    line-height: 150%;
    clear: both; }
    #stringbike .content .bike .installmentplan .button {
      position: relative;
      display: block;
      box-sizing: border-box;
      margin: 0px 0px 2em 0px;
      padding: 0px 0.5em 0px 0.5em;
      float: right;
      min-width: 10em;
      min-height: 2em;
      border: 2px solid #c3bbbd;
      border-radius: 0.5em;
      cursor: default; }
      #stringbike .content .bike .installmentplan .button .installment {
        display: block;
        width: 54%;
        float: right;
        color: #c3bbbd;
        line-height: 2em;
        font-family: "Myriad pro Semibold", Helvetica, sans-serif;
        text-align: right; }
        #stringbike .content .bike .installmentplan .button .installment .small {
          font-size: 0.6em; }
        #stringbike .content .bike .installmentplan .button .installment.active {
          display: inline; }
      #stringbike .content .bike .installmentplan .button .description {
        display: block;
        font-size: 0.7em;
        width: 45%;
        float: left;
        color: #968A8A;
        line-height: 100%;
        margin: 0px 0px 0px 0px;
        padding: 0.5em 0px 0px 0px;
        text-align: left; }
    #stringbike .content .bike .installmentplan .details {
      display: none;
      position: relative;
      box-sizing: border-box;
      width: 100%;
      clear: both;
      border-top: 2px solid #e1ddde;
      margin: 2em 0px 0px 0px;
      padding: 1.5em 0px 0px 0px; }
      #stringbike .content .bike .installmentplan .details .arrow {
        position: absolute;
        display: block;
        right: 20%;
        top: -1.1em;
        width: 2em;
        height: 2em;
        transform: rotate(45deg);
        transform-origin: center center;
        background-color: #ffffff;
        border-top: 2px solid #e1ddde;
        border-left: 2px solid #e1ddde;
        content: ''; }
      #stringbike .content .bike .installmentplan .details .hirepurchase {
        position: relative;
        border-collapse: collapse;
        border: none;
        width: 100%; }
        #stringbike .content .bike .installmentplan .details .hirepurchase .header {
          text-align: left; }
        #stringbike .content .bike .installmentplan .details .hirepurchase .type {
          font-size: 1em;
          min-width: 50%;
          border-top: 2px solid #e1ddde; }
        #stringbike .content .bike .installmentplan .details .hirepurchase .amount {
          border-top: 2px solid #e1ddde;
          white-space: nowrap;
          text-align: right; }
        #stringbike .content .bike .installmentplan .details .hirepurchase .small {
          font-size: 0.5em; }
      #stringbike .content .bike .installmentplan .details .request {
        position: relative;
        display: block;
        box-sizing: border-box;
        text-align: right; }

@media screen and (max-width: 700px) {
  #stringbike .content {
    /*.row {

				.detailimage{
					position: relative;
					width: 200%;
					margin-left: -100%;
				}


				&.gray .detailimage{
					margin-left: -5%;
				}


				.side{
					padding: 0px 1em 0px 1em;

					.title{
						margin-left: 1em;
					}

					.info{
						padding: 0px 2em 0px 2em;
					}

				}
			}*/ }
    #stringbike .content .bike .bikename {
      padding: 0px 0px 0px 0px; }
      #stringbike .content .bike .bikename .city {
        top: 2em;
        z-index: 10; }
      #stringbike .content .bike .bikename .name {
        position: relative;
        width: 100%;
        margin: 0px 0px 0px 0px;
        border-radius: 0px 0px 0px 0px;
        border-right: none;
        border-left: none #stringbike .content .bike .bikename .name; }
        #stringbike .content .bike .bikename .name :after {
          position: relative;
          display: block;
          box-sizing: border-box;
          width: 100%;
          height: 0px;
          clear: both;
          content: ''; }
        #stringbike .content .bike .bikename .name .label {
          position: relative;
          display: block;
          box-sizing: border-box;
          float: left; }
        #stringbike .content .bike .bikename .name sup {
          font-size: 0.5em;
          font-family: "Myriad Pro Light", Helvetica, sans-serif; }
        #stringbike .content .bike .bikename .name .text {
          width: 59%;
          padding: 0px 0px 0px 0px;
          float: left; }
      #stringbike .content .bike .bikename .name.limited {
        width: 100%; }
        #stringbike .content .bike .bikename .name.limited .label {
          width: 45%; }
        #stringbike .content .bike .bikename .name.limited .text {
          padding-left: 0px;
          width: 54%; }
      #stringbike .content .bike .bikename .name.pushpull {
        width: 100%; }
        #stringbike .content .bike .bikename .name.pushpull .label {
          width: 45%; }
        #stringbike .content .bike .bikename .name.pushpull .text {
          padding-left: 0px;
          width: 54%; }
    #stringbike .content .bike .extra {
      font-size: 1.15em;
      line-height: 125%;
      max-width: 15em;
      padding: 0.5em 1em 2em 1em;
      margin: -1em auto 0px auto; }
    #stringbike .content .bike .technical {
      box-sizing: border-box;
      width: 100%;
      font-size: 1.2em; }
      #stringbike .content .bike .technical .parameter {
        font-size: 1.5em;
        position: relative;
        display: block;
        box-sizing: border-box;
        line-height: 150%;
        color: #c3bbbd;
        white-space: nowrap; }
        #stringbike .content .bike .technical .parameter .value {
          position: relative;
          display: inline-block;
          padding: 0.1em 0px 0px 0px;
          margin: 0px 0.25em 0px 0px;
          line-height: 120%;
          text-align: center;
          min-width: 5em;
          color: #ffffff;
          background-color: #c3bbbd;
          border-radius: 0.25em; }
      #stringbike .content .bike .technical.details {
        float: none;
        margin: 0px 0px 1em 0px;
        padding: 0px 0em 0px 1em; }
    #stringbike .content .bike .control {
      box-sizing: border-box;
      width: 100%;
      font-size: 1.2em; }
      #stringbike .content .bike .control.details {
        float: none;
        margin: 0px 0px 2em 0px;
        padding: 1em 1em 0px 1em; }
      #stringbike .content .bike .control .order {
        clear: both; }
        #stringbike .content .bike .control .order .button {
          float: none;
          width: 100%; }
        #stringbike .content .bike .control .order .preorder {
          float: none; }
    #stringbike .content .bike .region {
      font-size: 1.5em;
      padding-bottom: 2em; }
      #stringbike .content .bike .region .buy {
        float: none;
        width: auto;
        margin-left: 15%;
        margin-right: 15%; }
    #stringbike .content .bike .installmentplan {
      font-size: 1.6em;
      padding: 0px 0.8em 0px 0.8em; }
      #stringbike .content .bike .installmentplan .button {
        float: none;
        width: 100%; }
        #stringbike .content .bike .installmentplan .button .installment {
          width: 60%; }
        #stringbike .content .bike .installmentplan .button .description {
          width: 40%; }
      #stringbike .content .bike .installmentplan .details {
        font-size: 1.25em; }
        #stringbike .content .bike .installmentplan .details .arrow {
          font-size: 0.8em; }
        #stringbike .content .bike .installmentplan .details .hirepurchase .header {
          text-align: left;
          padding-bottom: 1em; }
        #stringbike .content .bike .installmentplan .details .hirepurchase .type {
          padding: 0.5em 0px 0.5em 0px;
          line-height: 100%; }
        #stringbike .content .bike .installmentplan .details .hirepurchase .small {
          line-height: 100%;
          display: block; }
        #stringbike .content .bike .installmentplan .details .request {
          padding: 1em 0px 0px 0px;
          text-align: left; } }

/* @group AUTHOR */
/* created by Tibor Benkő */
/* copyright © kRevo Kft. */
/* @end /AUTHOR */
#stringbike .content .accessory .accessoryname {
  border-top: 2px solid #e1ddde;
  height: 5em;
  margin: 2em 0px 0px 0px;
  overflow: visible; }
  #stringbike .content .accessory .accessoryname .name {
    position: absolute;
    display: block;
    width: 12em;
    height: 2.25em;
    right: 0px;
    box-sizing: border-box;
    font-size: 2em;
    line-height: 2em;
    margin: 0px 0px 1em 0px;
    border: 2px solid #c3bbbd;
    border-top: none;
    border-radius: 0px 0px 1em 1em;
    color: #c3bbbd;
    overflow: hidden;
    background-color: #ffffff; }
    #stringbike .content .accessory .accessoryname .name .label {
      font-size: 1.5em;
      position: absolute;
      display: block;
      box-sizing: border-box;
      width: 40%;
      top: 0px;
      left: 0px;
      margin: 0px 0px 0px 0px;
      font-family: "Myriad Pro Regular", Helvetica, sans-serif;
      text-align: center;
      line-height: 1.6em;
      color: #ffffff;
      background-color: #c3bbbd; }
    #stringbike .content .accessory .accessoryname .name sup {
      font-size: 0.5em;
      font-family: "Myriad Pro Light", Helvetica, sans-serif; }
    #stringbike .content .accessory .accessoryname .name .text {
      position: relative;
      display: block;
      box-sizing: border-box;
      width: 100%;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 40%;
      text-align: center;
      line-height: 2.25em; }
    #stringbike .content .accessory .accessoryname .name .fulltext {
      position: relative;
      display: block;
      box-sizing: border-box;
      width: 100%;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      text-align: center;
      line-height: 2.25em; }

#stringbike .content .accessory .images {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  overflow: hidden; }
  #stringbike .content .accessory .images .imagedummy {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    left: auto;
    right: auto; }
  #stringbike .content .accessory .images .image.accessoryimage {
    position: absolute;
    display: none;
    width: 100%;
    height: auto;
    left: 0px;
    right: auto;
    top: 0px; }
    #stringbike .content .accessory .images .image.accessoryimage.active {
      display: block; }

#stringbike .content .accessory .technical {
  box-sizing: border-box;
  width: 50%; }
  #stringbike .content .accessory .technical .parameter {
    font-size: 1.5em;
    position: relative;
    display: block;
    box-sizing: border-box;
    line-height: 150%;
    color: #c3bbbd; }
    #stringbike .content .accessory .technical .parameter .value {
      position: relative;
      display: inline-block;
      padding: 0.1em 0px 0px 0px;
      margin: 0px 0.25em 0px 0px;
      line-height: 120%;
      text-align: center;
      min-width: 4.5em;
      color: #ffffff;
      background-color: #c3bbbd;
      border-radius: 0.25em; }
  #stringbike .content .accessory .technical.details {
    float: left;
    margin: 0px 0px 4em 0px;
    padding: 0px 0em 0px 2em; }

#stringbike .content .accessory .control {
  box-sizing: border-box;
  width: 50%; }
  #stringbike .content .accessory .control.details {
    float: left;
    margin: 0px 0px 4em 0px;
    padding: 0px 2em 0px 2em; }
  #stringbike .content .accessory .control .color,
  #stringbike .content .accessory .control .type,
  #stringbike .content .accessory .control .equipment {
    font-size: 1.5em;
    position: relative;
    display: block;
    box-sizing: border-box;
    width: auto;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0.5em 0px;
    line-height: 150%; }
    #stringbike .content .accessory .control .color.inactive,
    #stringbike .content .accessory .control .type.inactive,
    #stringbike .content .accessory .control .equipment.inactive {
      display: none; }
    #stringbike .content .accessory .control .color .choice,
    #stringbike .content .accessory .control .type .choice,
    #stringbike .content .accessory .control .equipment .choice {
      position: relative;
      display: block;
      box-sizing: border-box;
      width: 2em;
      height: 2em;
      margin: 0px 0.5em 0px 0px;
      cursor: pointer;
      float: right;
      border: 2px solid #e1ddde;
      border-radius: 50%; }
      #stringbike .content .accessory .control .color .choice.button,
      #stringbike .content .accessory .control .type .choice.button,
      #stringbike .content .accessory .control .equipment .choice.button {
        width: auto;
        width: 5em;
        height: 1.5em;
        border-radius: 0.75em;
        line-height: 1.5em;
        text-align: center;
        color: #ffffff; }
      #stringbike .content .accessory .control .color .choice .label,
      #stringbike .content .accessory .control .type .choice .label,
      #stringbike .content .accessory .control .equipment .choice .label {
        display: none; }
      #stringbike .content .accessory .control .color .choice.white,
      #stringbike .content .accessory .control .type .choice.white,
      #stringbike .content .accessory .control .equipment .choice.white {
        background-color: #ffffff; }
      #stringbike .content .accessory .control .color .choice.black,
      #stringbike .content .accessory .control .type .choice.black,
      #stringbike .content .accessory .control .equipment .choice.black {
        background-color: #000000; }
      #stringbike .content .accessory .control .color .choice.graphite,
      #stringbike .content .accessory .control .type .choice.graphite,
      #stringbike .content .accessory .control .equipment .choice.graphite {
        background-color: #999999; }
      #stringbike .content .accessory .control .color .choice.orange,
      #stringbike .content .accessory .control .type .choice.orange,
      #stringbike .content .accessory .control .equipment .choice.orange {
        background-color: #ff5500; }
      #stringbike .content .accessory .control .color .choice.green,
      #stringbike .content .accessory .control .type .choice.green,
      #stringbike .content .accessory .control .equipment .choice.green {
        background-color: #00770d; }
      #stringbike .content .accessory .control .color .choice.darkblue,
      #stringbike .content .accessory .control .type .choice.darkblue,
      #stringbike .content .accessory .control .equipment .choice.darkblue {
        background-color: #000044; }
      #stringbike .content .accessory .control .color .choice.skyblue,
      #stringbike .content .accessory .control .type .choice.skyblue,
      #stringbike .content .accessory .control .equipment .choice.skyblue {
        background-color: #00aaff; }
      #stringbike .content .accessory .control .color .choice.seagreen,
      #stringbike .content .accessory .control .type .choice.seagreen,
      #stringbike .content .accessory .control .equipment .choice.seagreen {
        background-color: #00aabb; }
      #stringbike .content .accessory .control .color .choice.yellow,
      #stringbike .content .accessory .control .type .choice.yellow,
      #stringbike .content .accessory .control .equipment .choice.yellow {
        background-color: #ffee00; }
      #stringbike .content .accessory .control .color .choice.red,
      #stringbike .content .accessory .control .type .choice.red,
      #stringbike .content .accessory .control .equipment .choice.red {
        background-color: #ff0000; }
      #stringbike .content .accessory .control .color .choice.active,
      #stringbike .content .accessory .control .type .choice.active,
      #stringbike .content .accessory .control .equipment .choice.active {
        box-shadow: 0px 0.1em 1em #666666; }
      #stringbike .content .accessory .control .color .choice .icon,
      #stringbike .content .accessory .control .type .choice .icon,
      #stringbike .content .accessory .control .equipment .choice .icon {
        width: 100%;
        height: 100%; }
  #stringbike .content .accessory .control .type .choice {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 2em;
    height: 2em;
    margin: 0px 0.5em 0px 0px;
    cursor: pointer;
    float: right;
    border: 2px solid #e1ddde;
    border-radius: 50%;
    overflow: hidden;
    background-color: #c3bbbd; }
    #stringbike .content .accessory .control .type .choice.active {
      box-shadow: 0px 0.1em 1em #666666;
      background-color: #5f4b4b; }
  #stringbike .content .accessory .control .equipment {
    padding: 0.125em 0px 0px 1em; }
    #stringbike .content .accessory .control .equipment .choice {
      background-color: #c3bbbd;
      float: none;
      margin: 0px 0px 0.25em 0px; }
      #stringbike .content .accessory .control .equipment .choice.active {
        box-shadow: 0px 0.1em 1em #666666;
        background-color: #5f4b4b; }
  #stringbike .content .accessory .control .floatright {
    float: right; }
  #stringbike .content .accessory .control .order {
    font-size: 1.5em;
    position: relative;
    display: block;
    box-sizing: border-box;
    width: auto;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 1em 0px 0px 0px;
    line-height: 150%;
    clear: right; }
    #stringbike .content .accessory .control .order .button {
      position: relative;
      display: block;
      box-sizing: border-box;
      margin: 0px 0px 0px 0px;
      padding: 0px 1em 0px 1em;
      float: right;
      min-width: 10em;
      min-height: 2em;
      border: 2px solid #c3bbbd;
      border-radius: 0.5em;
      cursor: default; }
      #stringbike .content .accessory .control .order .button .price {
        display: none;
        color: #c3bbbd;
        line-height: 2em;
        font-family: "Myriad pro Semibold", Helvetica, sans-serif; }
        #stringbike .content .accessory .control .order .button .price.active {
          display: inline; }
      #stringbike .content .accessory .control .order .button .action {
        color: #ffffff;
        line-height: 2em;
        margin: 0px 2em 0px 0px; }

@media screen and (max-width: 700px) {
  #stringbike .content .accessory .accessoryname {
    padding: 0px 0px 0px 0px; }
    #stringbike .content .accessory .accessoryname .city {
      top: 2em;
      z-index: 10; }
    #stringbike .content .accessory .accessoryname .name {
      position: relative;
      width: 100%;
      margin: 0px 0px 0px 0px;
      border-radius: 0px 0px 0px 0px;
      border-right: none;
      border-left: none;
      background-color: #c3bbbd;
      color: #ffffff; }
      #stringbike .content .accessory .accessoryname .name:after {
        position: relative;
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 0px;
        clear: both;
        content: ''; }
      #stringbike .content .accessory .accessoryname .name .label {
        position: relative;
        display: block;
        box-sizing: border-box;
        float: left; }
      #stringbike .content .accessory .accessoryname .name sup {
        font-size: 0.5em;
        font-family: "Myriad Pro Light", Helvetica, sans-serif; }
      #stringbike .content .accessory .accessoryname .name .text {
        width: 59%;
        padding: 0px 0px 0px 0px;
        float: left; }
    #stringbike .content .accessory .accessoryname .name.limited {
      width: 100%; }
      #stringbike .content .accessory .accessoryname .name.limited .label {
        width: 45%; }
      #stringbike .content .accessory .accessoryname .name.limited .text {
        padding-left: 0px;
        width: 54%; }
    #stringbike .content .accessory .accessoryname .name.pushpull {
      width: 100%; }
      #stringbike .content .accessory .accessoryname .name.pushpull .label {
        width: 45%; }
      #stringbike .content .accessory .accessoryname .name.pushpull .text {
        padding-left: 0px;
        width: 54%; }
  #stringbike .content .accessory .extra {
    font-size: 1.15em;
    line-height: 125%;
    max-width: 15em;
    padding: 0.5em 1em 2em 1em;
    margin: -1em auto 0px auto; }
  #stringbike .content .accessory .technical {
    box-sizing: border-box;
    width: 100%;
    font-size: 1.2em; }
    #stringbike .content .accessory .technical .parameter {
      font-size: 1.5em;
      position: relative;
      display: block;
      box-sizing: border-box;
      line-height: 150%;
      color: #c3bbbd;
      white-space: nowrap; }
      #stringbike .content .accessory .technical .parameter .value {
        position: relative;
        display: inline-block;
        padding: 0.1em 0px 0px 0px;
        margin: 0px 0.25em 0px 0px;
        line-height: 120%;
        text-align: center;
        min-width: 5em;
        color: #ffffff;
        background-color: #c3bbbd;
        border-radius: 0.25em; }
    #stringbike .content .accessory .technical.details {
      float: none;
      margin: 0px 0px 1em 0px;
      padding: 0px 0em 0px 1em; }
  #stringbike .content .accessory .control {
    box-sizing: border-box;
    width: 100%;
    font-size: 1.2em; }
    #stringbike .content .accessory .control.details {
      float: none;
      margin: 0px 0px 2em 0px;
      padding: 1em 1em 0px 1em; }
    #stringbike .content .accessory .control .order {
      clear: both; }
      #stringbike .content .accessory .control .order .button {
        float: none; }
      #stringbike .content .accessory .control .order .preorder {
        float: none; }
  #stringbike .content .accessory .region {
    font-size: 1.5em;
    padding-bottom: 2em; }
    #stringbike .content .accessory .region .buy {
      float: none;
      width: auto;
      margin-left: 15%;
      margin-right: 15%; }
  #stringbike .content .accessory .installmentplan {
    font-size: 1.6em;
    padding: 0px 0.8em 0px 0.8em; }
    #stringbike .content .accessory .installmentplan .button {
      float: none; }
      #stringbike .content .accessory .installmentplan .button .installment {
        width: 60%; }
      #stringbike .content .accessory .installmentplan .button .description {
        width: 40%; }
    #stringbike .content .accessory .installmentplan .details {
      font-size: 1.25em; }
      #stringbike .content .accessory .installmentplan .details .arrow {
        font-size: 0.8em; }
      #stringbike .content .accessory .installmentplan .details .hirepurchase .header {
        text-align: left;
        padding-bottom: 1em; }
      #stringbike .content .accessory .installmentplan .details .hirepurchase .type {
        padding: 0.5em 0px 0.5em 0px;
        line-height: 100%; }
      #stringbike .content .accessory .installmentplan .details .hirepurchase .small {
        line-height: 100%;
        display: block; }
      #stringbike .content .accessory .installmentplan .details .request {
        padding: 1em 0px 0px 0px;
        text-align: left; } }

/* @group AUTHOR */
/* created by Tibor Benkő */
/* copyright © kRevo Kft. */
/* @end /AUTHOR */
#stringbike .content .events {
  padding: 2em 0px 4em 0px; }
  #stringbike .content .events .title {
    box-sizing: border-box; }
  #stringbike .content .events .slide-box-button {
    box-sizing: border-box;
    text-align: center;
    margin-top: 4em; }
    #stringbike .content .events .slide-box-button .button {
      font-size: 1em;
      position: relative;
      padding: 0.25em 1em 0.25em 1em;
      border: 1px solid #c3bbbd;
      color: #c3bbbd;
      z-index: 2;
      -webkit-transition: background-color 1s;
      /* Safari */
      transition: background-color 1s; }
    #stringbike .content .events .slide-box-button .button:hover {
      background-color: #c3bbbd;
      color: #ffffff; }
  #stringbike .content .events .event {
    margin: 3em 0px 0px 0px; }
    #stringbike .content .events .event.current .period .year {
      color: #ff0000; }
    #stringbike .content .events .event.current .period .date {
      color: #ff0000; }
    #stringbike .content .events .event.current .details .name {
      background-color: #c1bbbb; }
    #stringbike .content .events .event .period {
      box-sizing: border-box;
      float: left;
      width: 35%;
      padding: 0.5em 3em 0px 2em;
      text-align: right; }
      #stringbike .content .events .event .period:after {
        position: absolute;
        display: block;
        width: 2em;
        height: 2em;
        top: 1.5em;
        right: 0.25em;
        border-top: 1px solid #c1bbbb;
        border-right: 1px solid #c1bbbb;
        -ms-transform: rotate(45deg);
        /* IE 9 */
        -webkit-transform: rotate(45deg);
        /* Chrome, Safari, Opera */
        transform: rotate(45deg);
        content: ''; }
      #stringbike .content .events .event .period .year {
        position: relative;
        display: block;
        font-size: 3em;
        line-height: 100%;
        color: #c1bbbb; }
      #stringbike .content .events .event .period .date {
        position: relative;
        font-size: 1.5em;
        line-height: 100%;
        color: #c1bbbb; }
    #stringbike .content .events .event .details {
      box-sizing: border-box;
      float: left;
      width: 60%;
      padding-left: 2em; }
      #stringbike .content .events .event .details .location .country {
        font-size: 2em;
        line-height: 100%;
        padding-left: 0.25em; }
      #stringbike .content .events .event .details .name {
        display: block;
        font-size: 2em;
        line-height: 150%;
        margin-left: -0.5em;
        padding: 0.25em 1em 0px 1em;
        color: #ffffff;
        background-color: #E1DDDE;
        border-radius: 1em; }
        #stringbike .content .events .event .details .name .event-type {
          position: relative;
          display: block;
          font-size: 0.5em;
          line-height: 0.6em;
          padding: 0px 0px 1em 0px; }

@media screen and (max-width: 700px) {
  #stringbike .content .events .event .period {
    float: none;
    width: 100%;
    text-align: left; }
    #stringbike .content .events .event .period:after {
      display: none; }
    #stringbike .content .events .event .period .year {
      display: inline; }
    #stringbike .content .events .event .period .date {
      display: inline; }
  #stringbike .content .events .event .details {
    float: none;
    width: 100%;
    padding-left: 1.5em; } }

/* @group AUTHOR */
/* created by Tibor Benkő */
/* copyright © kRevo Kft. */
/* @end /AUTHOR */
#stringbike .content .partners {
  padding: 2em 0px 4em 0px; }
  #stringbike .content .partners .partner {
    margin: 3em 0px 0px 0px; }
    #stringbike .content .partners .partner .location {
      box-sizing: border-box;
      float: left;
      width: 35%;
      padding: 0.25em 3em 0px 2em;
      text-align: right; }
      #stringbike .content .partners .partner .location:after {
        position: absolute;
        display: block;
        width: 2em;
        height: 2em;
        top: 1em;
        right: 0.25em;
        border-top: 1px solid #c1bbbb;
        border-right: 1px solid #c1bbbb;
        -ms-transform: rotate(45deg);
        /* IE 9 */
        -webkit-transform: rotate(45deg);
        /* Chrome, Safari, Opera */
        transform: rotate(45deg);
        content: ''; }
      #stringbike .content .partners .partner .location .country {
        position: relative;
        display: block;
        font-size: 3em;
        line-height: 100%;
        color: #c1bbbb; }
      #stringbike .content .partners .partner .location .city {
        position: relative;
        font-size: 1.5em;
        line-height: 100%;
        color: #c1bbbb; }
    #stringbike .content .partners .partner .details {
      box-sizing: border-box;
      float: left;
      width: 60%;
      padding-left: 2em;
      /*
					
					.location{
						
						.country{
							font-size: 2em;
							line-height: 100%;
							padding-left: 0.25em;
						}
					}
					
					*/ }
      #stringbike .content .partners .partner .details .company {
        position: relative;
        display: block;
        font-size: 2em;
        line-height: 150%;
        margin-left: -0.5em;
        margin-bottom: 0.5em;
        padding: 0.25em 1em 0px 1em;
        color: #ffffff;
        background-color: #c1bbbb;
        border-radius: 1em;
        -webkit-transition: background-color 1s;
        /* Safari */
        transition: background-color 1s; }
        #stringbike .content .partners .partner .details .company .person {
          font-size: 0.5em; }
      #stringbike .content .partners .partner .details a.company:hover {
        text-decoration: none;
        background-color: #5F4B4B; }
      #stringbike .content .partners .partner .details .info {
        font-size: 1em;
        position: relative;
        display: block;
        line-height: 120%;
        padding: 0px 0px 0px 1em; }
      #stringbike .content .partners .partner .details a:hover {
        text-decoration: underline; }

@media screen and (max-width: 700px) {
  #stringbike .content .partners .partner {
    padding-bottom: 3em; }
    #stringbike .content .partners .partner .location {
      float: none;
      width: 100%;
      text-align: left; }
      #stringbike .content .partners .partner .location:after {
        display: none; }
      #stringbike .content .partners .partner .location .date {
        font-size: 1.5em;
        color: #5f4b4b; }
    #stringbike .content .partners .partner .details {
      float: none;
      width: 100%;
      padding-right: 1em; }
      #stringbike .content .partners .partner .details .company {
        margin-bottom: 0px; }
      #stringbike .content .partners .partner .details .contact {
        margin-top: 0.5em; }
        #stringbike .content .partners .partner .details .contact .info {
          font-size: 1.5em;
          padding-left: 0px; } }

/* @group AUTHOR */
/* created by Tibor Benkő */
/* copyright © kRevo Kft. */
/* @end /AUTHOR */
#stringbike .content .questions {
  padding: 2em 0px 4em 0px; }
  #stringbike .content .questions .question-and-answer {
    margin: 2em 0px 0px 0px; }
    #stringbike .content .questions .question-and-answer .question {
      position: relative;
      display: block;
      font-size: 1.75em;
      line-height: 100%;
      margin: 0px;
      padding: 0.6em 1em 0.5em 1em;
      color: #ffffff;
      background-color: #c1bbbb;
      border-radius: 0.5em;
      -webkit-transition: background-color 1s;
      /* Safari */
      transition: background-color 1s; }
      #stringbike .content .questions .question-and-answer .question .detailing {
        position: relative;
        display: block;
        font-size: 0.75em; }
    #stringbike .content .questions .question-and-answer .answer {
      font-size: 1.25em;
      position: relative;
      display: block;
      box-sizing: border-box;
      max-width: 25em;
      line-height: 120%;
      padding: 1em 0px 1em 0px;
      margin: 0px auto 0px auto; }
    #stringbike .content .questions .question-and-answer .details {
      box-sizing: border-box;
      float: left;
      width: 60%;
      padding-left: 2em;
      /*
					
					.location{
						
						.country{
							font-size: 2em;
							line-height: 100%;
							padding-left: 0.25em;
						}
					}
					
					*/ }
      #stringbike .content .questions .question-and-answer .details a.company:hover {
        text-decoration: none;
        background-color: #5F4B4B; }
      #stringbike .content .questions .question-and-answer .details .info {
        font-size: 1em;
        position: relative;
        display: block;
        line-height: 120%;
        padding: 0px 0px 0px 1em; }
      #stringbike .content .questions .question-and-answer .details a:hover {
        text-decoration: underline; }

@media screen and (max-width: 700px) {
  #stringbike .content .questions .question-and-answer {
    border-bottom: 1px solid #c3bbbd;
    padding-bottom: 2em; }
    #stringbike .content .questions .question-and-answer .question {
      color: #5f4b4b;
      background-color: #ffffff;
      border-radius: 0px; }
    #stringbike .content .questions .question-and-answer .answer {
      padding: 0px 1.5em 0px 1.5em; } }

/* @group AUTHOR */
/* created by Tibor Benkő */
/* copyright © kRevo Kft. */
/* @end /AUTHOR */
#stringbike .content .news {
  margin: 2em 0px 0px 0px; }
  #stringbike .content .news.current .period .year {
    color: #ff0000; }
  #stringbike .content .news.current .period .date {
    color: #ff0000; }
  #stringbike .content .news.current .details .name {
    background-color: #c1bbbb; }
  #stringbike .content .news .release {
    box-sizing: border-box;
    float: left;
    width: 35%;
    padding: 1.75em 3em 0px 2em;
    text-align: right;
    cursor: pointer; }
    #stringbike .content .news .release:after {
      position: absolute;
      display: block;
      width: 2em;
      height: 2em;
      top: 1.5em;
      right: 0.25em;
      border-top: 1px solid #c1bbbb;
      border-right: 1px solid #c1bbbb;
      -ms-transform: rotate(45deg);
      /* IE 9 */
      -webkit-transform: rotate(45deg);
      /* Chrome, Safari, Opera */
      transform: rotate(45deg);
      content: ''; }
    #stringbike .content .news .release .date {
      position: relative;
      font-size: 1.5em;
      line-height: 100%;
      color: #c1bbbb; }
    #stringbike .content .news .release .feature {
      position: relative;
      font-size: 1.75em;
      line-height: 100%;
      color: #5f4b4b; }
    #stringbike .content .news .release .info {
      position: relative;
      display: block;
      font-size: 1em;
      line-height: 100%;
      color: #5f4b4b; }
    #stringbike .content .news .release:hover .date {
      color: #ff0000; }
    #stringbike .content .news .release:hover:after {
      border-top: 1px solid #ff0000;
      border-right: 1px solid #ff0000; }
  #stringbike .content .news .title {
    font-size: 1em;
    position: relative;
    display: block;
    box-sizing: border-box;
    float: left;
    width: 60%;
    padding: 0.5em 0px 0em 2em;
    line-height: 110%;
    cursor: pointer; }
    #stringbike .content .news .title .highlight {
      font-size: 2em;
      position: relative;
      display: block;
      text-align: left;
      padding: 0.5em 0px 0px 0px;
      line-height: 100%; }
    #stringbike .content .news .title.lighter {
      color: #968A8A; }
    #stringbike .content .news .title:hover {
      color: #ff0000; }
  #stringbike .content .news .details {
    display: none;
    box-sizing: border-box;
    clear: both;
    width: 100%;
    padding: 1em 0px 0px 39%;
    line-height: 135%; }
    #stringbike .content .news .details.active {
      display: block; }
    #stringbike .content .news .details .subtitle {
      font-size: 1.5em;
      position: relative;
      display: block;
      padding: 0px 0px 0px 0px;
      margin: 0.5em 0px 0px 0px; }
    #stringbike .content .news .details .picture {
      width: 100%; }

@media screen and (max-width: 700px) {
  #stringbike .content .news {
    border-top: 1px solid #c3bbbd; }
    #stringbike .content .news:first-child {
      border-top: none; }
    #stringbike .content .news .release {
      font-size: 1.5em;
      float: none;
      width: 100%;
      text-align: left;
      padding: 1.25em 1.5em 0px 1.5em; }
      #stringbike .content .news .release:after {
        display: none; }
      #stringbike .content .news .release .feature {
        font-size: 2em; }
    #stringbike .content .news .title {
      font-size: 1.5em;
      float: none;
      width: 100%;
      padding: 0px 1.5em 0px 1.5em; }
      #stringbike .content .news .title .highlight {
        display: inline;
        padding-top: 0px;
        font-size: 1em; }
    #stringbike .content .news .details {
      font-size: 1.5em;
      padding: 1em 1.5em 0px 1.5em; }
    #stringbike .content .news .video {
      min-width: 100%;
      margin-left: -1em;
      min-height: 240px;
      border: none; } }

/* @group AUTHOR */
/* created by Tibor Benkő */
/* copyright © kRevo Kft. */
/* @end /AUTHOR */
#stringbike .content .video {
  position: relative;
  display: block;
  margin: 2em 0px 2em 0px;
  min-width: 480px;
  min-height: 320px; }

/* @group AUTHOR */
/* created by Tibor Benkő */
/* copyright © kRevo Kft. */
/* @end /AUTHOR */
#stringbike .content .contact {
  margin: 3em 0px 0px 0px; }

/* @group AUTHOR */
/* created by Tibor Benkő */
/* copyright © kRevo Kft. */
/* @end /AUTHOR */
#stringbike .channels {
  width: 100%;
  margin-top: 2em;
  white-space: nowrap;
  background: none;
  border: none; }
  #stringbike .channels .channel {
    position: relative;
    display: block;
    box-sizing: border-box;
    float: left;
    width: 25%;
    min-height: 10em;
    margin: 0px 0px 0px 0px;
    padding: 2em 2em 1em 2em;
    background-color: #c3bbbd;
    color: #ffffff;
    white-space: normal;
    cursor: pointer;
    border: none;
    border-left: 2px solid #ffffff;
    text-align: center; }
    #stringbike .channels .channel:hover .big {
      letter-spacing: 0.25em; }
    #stringbike .channels .channel:first-child {
      margin: 0px 0px 0px 0px;
      width: 25%;
      border-bottom-left-radius: 1em;
      border-top-left-radius: 1em;
      border-left: none; }
    #stringbike .channels .channel:last-child {
      margin: 0px 0px 0px 0px;
      width: 25%;
      border-bottom-right-radius: 1em;
      border-top-right-radius: 1em;
      border-left: 2px solid #ffffff; }
    #stringbike .channels .channel .title {
      font-size: 1.5em;
      line-height: 100%;
      position: relative;
      display: block;
      box-sizing: border-box; }
      #stringbike .channels .channel .title.big {
        font-size: 3.25em;
        -webkit-transition: letter-spacing 1s;
        /* Safari */
        transition: letter-spacing 1s; }
    #stringbike .channels .channel .or {
      font-size: 1.5em;
      line-height: 2em;
      position: absolute;
      display: block;
      box-sizing: border-box;
      left: -1em;
      top: 50%;
      margin-top: -1em;
      width: 2em;
      height: 2em;
      color: #ffffff;
      background-color: #c3bbbd;
      border: 2px solid #ffffff;
      border-radius: 50%; }

@media screen and (max-width: 700px) {
  #stringbike .channels .channel {
    width: auto;
    float: none;
    margin: 0px 1em 0px 1em;
    padding: 2em 2em 2em 2em;
    min-height: 1em; }
    #stringbike .channels .channel:first-child {
      width: auto;
      margin: 0px 1em 0px 1em;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 1em;
      border-top-right-radius: 1em;
      border-right: none;
      border-bottom: 2px solid #ffffff; }
    #stringbike .channels .channel:last-child {
      width: auto;
      margin: 0px 1em 0px 1em;
      border-bottom-right-radius: 1em;
      border-bottom-left-radius: 1em;
      border-top-right-radius: 0px;
      border-left: none;
      border-top: 2px solid #ffffff; }
    #stringbike .channels .channel .or {
      font-size: 1.5em;
      line-height: 2em;
      position: absolute;
      display: block;
      box-sizing: border-box;
      left: 50%;
      top: -1em;
      margin-top: 0px;
      margin-left: -1em;
      width: 2em;
      height: 2em;
      color: #ffffff;
      background-color: #c3bbbd;
      border: 2px solid #ffffff;
      border-radius: 50%; } }

/* @group AUTHOR */
/* created by Tibor Benkő */
/* copyright © kRevo Kft. */
/* @end /AUTHOR */
#stringbike .footer {
  width: 100%;
  margin: 2em 0px 2em 0px;
  background: none;
  border: none; }
  #stringbike .footer .copyright {
    font-size: 0.75em;
    text-align: center;
    color: #5F4B4B; }

@media screen and (max-width: 700px) {
  #stringbike .footer .copyright {
    font-size: 1em; } }

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