/************************************************************************************
AUTHOR: Adonis Dimas for Wiener Digital Manufaktur, Year:2014
Basic stylesheet of Talk: Style.css
*************************************************************************************/

@charset "utf-8";

/************************************************************************************
RESET
*************************************************************************************/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, figure, legend, fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

img {
  height: auto;
  border: none;
  /* ie8 */
  display: block;
  /* fix the img bottom margin default  */
  margin: 0 auto;
  max-width: 100%;
}


/* set image max width to 100%
to make img responsive*/

.mobile img {
  max-width: 100%;
}

a img {
  border: none;
}

.visually-hidden {
  margin:0;
  padding: 0;
}
/************************************************************************************
GENERAL
*************************************************************************************/

html {
  min-height: 100%;
  height: 100%;
}

body {
  font-family: 'Open Sans';
  font-size: 16px;
  color: #333;
  margin: 0 auto;
  word-break: break-word;
  width: 100%;
  -webkit-text-size-adjust: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  overflow-x: hidden;
  position: relative;
  background: none #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

select, input:not([type="date"]), textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

hr {
  height: 1px;
  background-color: red;
  border: 0 none;
  clear: both;
  margin: 45px 0;
}

*:focus {
  outline: none;
}

header, .content {
  background: none #fff;
}

.content {
  min-width: 320px;
  padding-bottom: 60px;
}

.mobile .content {
  padding-bottom: 40px;
}

.content-width {
  position: relative;
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
}

.desktop-standard .content-width {
  max-width: 95%;
  margin: 0 auto;
}

.clear {
  clear: both;
}

.hide {
  display: none ;
}
/* Fancybox customization */

#fancybox, .modal-content-wrapper {
  max-width: 660px;
}

.fancybox-opened .fancybox-skin {
  webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
}

.fancybox-close {
  top: -25px;
  right: -25px;
  width: 23px;
  height: 23px;
  z-index: 8040;
  background-image: url('../images/fancybox-close.png');
}

.modal-content-wrapper {
  padding: 19px;
}

.modal-content-border {
  margin: 0 0 20px 0;
  padding: 22px 27px;
  border: 1px solid red;
}


/**********headers & paragraphs ***************/

h1 .black {
  color: #000;
}

table {
  border-collapse: collapse;
}


/*image caption header*/

.image-text h3 {
  font-family: 'verveinecorp';
  font-size: 86px;
  line-height: 1em;
  color: #FFFFFF;
  font-weight: normal;
}

.desktop-standard .image-text h3 {
  font-size: 80px;
  line-height: .9em;
}

.tablet .image-text h3 {
  font-size: 66px;
}

.mobile .image-text h3 {
  font-size: 42px;
  line-height: .9em;
}

.mini .image-text h3 {
  font-size: 30px;
}

h4 {
  color: #333;
  font-size: 14px;
  font-family: 'Open Sans';
  font-weight: bold;
  padding: 5px 0px;
}


/*******************************/


/*carousel items headings*/

h5 {
  font-size: 16px;
  color: #333333;
  font-weight: 300;
}


/*******************************/

#p1 {
  font-size: 24px;
  font-family: 'Open Sans';
  font-weight: 300;
  color: #333;
  padding: 15px 0;
  overflow: hidden;
}

#p2 {
  font-size: 16px;
  color: #333;
  padding: 10px 0;
  overflow: hidden;
}

#p2 a {
  color: #333;
  text-decoration: underline;
}

#p2 strong {
  color: #e73446;
}

#p2 strong a {
  color: #e73446;
}

#p3 {
  font-size: 14px;
  color: #333;
  padding: 8px 0;
  width: 92%;
}

#p3 a {
  color: #333;
  text-decoration: underline;
}

#p3 strong {
  color: #e73446;
}

#p3 strong a {
  color: #e73446;
}

#p4 {
  color: #999;
  font-size: 9px;
}

#p4 a:link, #p4 a:visited {
  color: #999;
}

.enlarged_text {
  font-weight: 300;
  font-size: 24px;
}


/***********Links***************/

a {
  text-decoration: underline;
  color: #333;
}

a:hover, a:focus {
  text-decoration: underline;
  color: #e73446;
}


/*******************************/


/* ~~ Element/tag selectors ~~ */

li, ol, dl {
  list-style-type: none;
}


/***********nav menu items***************/

.nav-menu, .user-menu {
  font-family: 'Open Sans';
  font-weight: 300;
  font-size: 28px;
}

.nav-menu ul li, .user-menu ul li {
  display: inline;
}

.nav-menu ul li a, .nav-menu ul li a:hover, .nav-menu ul li a:focus {
  text-decoration: none;
}


/************************************************************************************
CUSTOM FONTS :
*************************************************************************************/

@font-face {
  font-family: 'verveinecorp';
  src: url('../fonts/verveine-corp-webfont.eot');
  src: url('../fonts/verveine-corp-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/verveine-corp-webfont.woff') format('woff'), url('../fonts/verveine-corp-webfont.ttf') format('truetype'), url('../fonts/verveine-corp-webfont.svg#alegreya_sanslight') format('svg');
  font-weight: normal;
  font-style: normal;
}


/************************************************************************************
FORM ELEMENTS :
*************************************************************************************/

.button {
  display: inline-block;
  zoom: 1;
  *display: inline;
  color: #FFFFFF;
  background-color: #e73446;
  font-size: 14px;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.button:hover, .button:focus {
  background-color: #d02f3f;
  color: #fff;
  text-decoration: none;
}

.button-small {
  padding: 5px;
  min-width: 75px;
  height: 32px;
}

.button-faded {
  opacity: 0.5;
}

.mobile .button-small {
  height: 35px;
  font-size: 18px;
  text-align: center;
  padding: 0;
}

.button-large {
  min-width: 204px;
  padding: 0 5px;
  height: 30px;
  font-size: 16px;
}

#fancybox .button-large {
  width: auto;
  min-width: 214px;
}

.button-fb {
  background-color: #3A5897;
  margin: 0 0 0 224px;
}

.button-fb.login-fb {
  margin:0;
  background-color: #4267b2;
}
.login-fb {
  text-decoration: none;
}
.login-fb.button-small {
  height:32px;
  box-sizing: border-box;
  min-width: 0;
  margin-left:10px;
}
.fb-text {
  text-align:center;
  margin:5px 0;
  line-height: 1;
}

.invite_friends_area {
  float:left;
  width:50%;
  box-sizing: border-box;
}

.invite_friends_area_two {
  padding-left:40px;
}
.tablet .invite_friends_area_two {
  padding-left:0
}
.facebook-block-container {
  margin-bottom: 20px
}
.tablet .invite_friends_area {
  width:100%;
}

.mobile .button-fb {
  margin: 0;
}

.button-fb:hover, .button-fb:focus {
  background-color: #203A6F;
}

a.button-large {
  line-height: 30px;
  text-decoration: none;
}

.form-element .button-large {
  width: 222px;
  margin: 0 5px;
  height: 36px;
}

.form-element a.button-large {
  line-height: 36px;
}

.mobile .form-element .button-large {
  width: 93%;
  margin: 0;
}

.profile-form .button-large {
  width: auto;
  min-width: 250px;
  height: 38px;
  font-size: 18px;
}

.profile-form a.button-large {
  line-height: 38px;
}

.tablet .button-large .tablet .profile-form .button-large {
  width: 100%;
  max-width: 350px;
}

.mobile .button-large, .mobile .profile-form .button-large, .tablet .register-form .button-large {
  clear: both;
  display: block;
  font-size: 22px;
  height: 36px;
  max-width: 300px;
  padding: 0 3%;
  width: 93%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.mobile .profile-form a.button-large {
  line-height: 36px;
  text-decoration: none;
}

input:not([type="date"]), select, textarea {
  border: 1px solid #ccc;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  outline: none !important;
  -webkit-transition: all 0.10s ease-out-out;
  -moz-transition: all 0.10s ease-out-out;
  -ms-transition: all 0.10s ease-out-out;
  -o-transition: all 0.10s ease-out-out;
}

input[type="date"] {
	border: 1px solid #ccc;
	background-color: white;
}

input:focus, textarea:focus {
  outline: none !important;
  border: 1px solid #333;
}

input[type='text'], input[type='email'] {
  word-break: normal;
}

.placeholder {
  color: #aaa;
}

input[disabled='disabled'] {
  opacity: 0.5;
}

input[type='checkbox'] {
  width: 22px;
  height: 22px;
  background: url('../images/checkboxes.png') no-repeat;
  background-position: right;
  background: none\0/;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
  position: relative;
  z-index: 5;
  top: 0px;
  background-position: 0px 0px;
  cursor: pointer;
  border: 1px solid #ccc;
}

input[type='checkbox']:hover {
  border: 1px solid #000;
}

input[type='checkbox'].big {
  width: 32px;
  height: 32px;
  background: url('../images/checkboxes_big.png') no-repeat;
}

input[type='checkbox']:checked {
  background-position: 0px -22px;
  /* IE8 and below - red border */
}

input[type='checkbox'].big:checked {
  background-position: 0px -40px;
  /* IE8 and below - red border */
}

select {
  padding-left: 10px;
  z-index: 5;
  font-size: 14px;
  height: 20px;
  width: 202px;
  clear: both;
  background: url('../images/input_back.png') no-repeat;
  background-position: 100%;
  display: inline-block;
  height: 24px;
}

select::-ms-expand {
  display: none;
}

select:disabled {
  color: #999;
}

select.form-select-selected {
  color: #333;
  background-image: url('../images/input_back_selected.png');
}

select:focus {
  border: 1px solid #000;
}

.checkbox-labels {
  display: inline-block;
  vertical-align: middle;
}

.form-control-select {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 2px 5px;
  display: block;
  cursor: pointer;
}

.mobile .form-control-select, .tablet .register-form .form-control-select {
  font-size: 18px;
  height: 28px;
  max-width: 300px;
  padding: 2px 3%;
  width: 93%;
}

select#edit-country option {
  color: #333;
}


/* firefox only rule*/

@-moz-document url-prefix() {
  input[type='checkbox']:checked, select, select.form-select-selected {
  }
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999999;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999999;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999999;
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999999;
}


/* Hide placeholder when on focus-autoclear trick! */

input:focus::-webkit-input-placeholder {
  color: transparent!important;
}

input:focus::-moz-placeholder {
  color: transparent!important;
}

input:focus:-moz-placeholder {
  color: transparent!important;
}

.form-element {
  margin-bottom: 0;
  vertical-align: middle;
  padding-right: 10px;
  padding-bottom: 8px;
}

.mobile .form-element {
  margin-bottom: 0;
  vertical-align: middle;
  padding-right: 0;
  padding-bottom: 8px;
}

.form-element .form-control {
  display: block;
  width: 192px;
  height: 18px;
  padding: 5px 10px;
  font-size: 14px;
  display: inline-block;
  *zoom: 1;
}

.form-element .form-control.large {
  width: 200px;
}

.form-element .form-control.medium {
  width: 120px;
}

.form-element .form-control.small {
  width: 43px;
}

.form-control-select.large {
  width: 211px;
}

.form-control-select.normal {
  width: 200px;
}

.form-control-select.medium {
  width: 140px;
}

.mobile .form-control-select.medium {
  width: 110px;
}

.form-control-select.small {
  width: 80px;
}

.form-element .form-control-label {
  display: inline-block;
  *zoom: 1;
  vertical-align: middle;
}

.form-element.form-type-textarea .form-control-label {
  vertical-align: top;
}

.mobile .form-element .form-control, .tablet .register-form .form-element .form-control {
  width: 93%;
  max-width: 300px;
  height: 30px;
  font-size: 18px;
  padding: 2px 3%;
}

.mobile .form-element .form-control.small {
  width: 43px;
}

.mobile .form-element .form-control.medium {
  width: 80px;
}

.mobile #phone.form-element .form-control.large {
  width: 50%;
}

.mobile .passwort-vergessen-form .form-element .form-control, .tablet .passwort-vergessen-form .form-element .form-control {
  font-size: 14px;
}

.tablet .passwort-vergessen-form .form-element .form-control {
  padding: 2px 10px;
}

.mobile .passwort-vergessen-form .button-large, .tablet .passwort-vergessen-form .button-large {
  font-size: 14px;
  height: 36px;
}

.mobile .passwort-vergessen-form .form-element .form-control, .tablet .passwort-vergessen-form .form-element .form-control {
  height: 30px;
}


/*-----------REGISTER FORM---------------*/

html.js #register-form-placeholder, .register-form {
  display: none;
}

.register-form .registered-form {
  display: none;
}

.register-form .registered-form .registered-message p, .confirm-email-message p {
  margin-bottom: 15px;
  overflow: hidden;
}

.mobile .register-form {
  display: block !important;
}

.register-form {
  width: 214px;
  position: absolute;
  top: 120px;
  padding: 0 18px 18px;
  padding-top: 0px;
  right: 60px;
  left: auto;
  background-color: #fff;
  z-index: 10;
  font-size: 14px;
  overflow: hidden;
}

.register-form .title {
  display: none;
  padding: 15px 0;
}

/*----register form select language link ---- */
.register-form .select-language-link a{
  color:#e73446;
  text-decoration: underline;
  font-size:10px;
  display: block;
  margin-bottom: 6px;
}

.mobile header .register-form {
  display: none!important;
}

.mobile .register-form, .tablet .register-form {
  display: block;
  height: 100%;
  left: 0;
  padding: 0 15px 40px;
  position: relative;
  right: 0;
  top: 0;
  width: auto;
}

.mobile .register-form .title, .tablet .register-form .title {
  display: block;
  padding-top: 0;
}

.tablet .register-form .columns_area {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.talk-api-register-form .form-element {
  padding-right: 0;
}

.talk-api-register-form .form-control-checkbox-label {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 180px;
  font-size: 10px;
  padding-left: 5px;
}

.talk-api-register-form .imgtag_box, .webform-client-form .imgtag_box {
  position: relative;
  /*float: left;*/
  padding: 5px 0 5px 10px;
  margin-top: 0px;
  margin-bottom: 10px;
  /*height: 50px;*/
  width: 202px;
  color: #666;
  border: thin solid rgb(204, 204, 204);
}

.mobile .talk-api-register-form .imgtag_box, .tablet .talk-api-register-form .imgtag_box, .mobile .webform-client-form .imgtag_box {
  /*height: 45px;*/
  max-width: 300px;
  padding: 10px 3%;
  width: 93%;
  position: relative;
}

.reload_captcha {
  width: 70px;
  width: auto\0/;
  /* IE8 fix because of max-width: 100% */
  height: 26px;
}

.talk-api-register-form .imgtag_box input, .webform-client-form .imgtag_box input {
  width: 35px;
  font-size: 14px;
  padding: 2px 0 2px 5px;
  position: relative;
  bottom: 2px;
  *margin-left: 0px;
  *left: 0px;
}

.mobile .talk-api-register-form .imgtag_box input, .tablet .talk-api-register-form .imgtag_box input, .mobile .webform-client-form .imgtag_box input, .tablet .webform-client-form .imgtag_box input {
  text-align: center;
  width: 40px;
}

.talk-api-register-form .imgtag_box .questionmark, .webform-client-form .imgtag_box .questionmark {
  bottom: 5px;
  position: absolute;
  right: 0;
  cursor: pointer;
}

.talk-api-register-form .imgtag_box label.question, .webform-client-form .imgtag_box label.question {
  float: left;
  width: 100%;
  margin-bottom: 5px;
  font-size: 14px;
  color: #999;
}

.talk-api-register-form .imgtag_box figure, .webform-client-form .imgtag_box figure {
  float: left;
  margin: -2px 5px 0 0;
}

.talk-api-register-form .imgtag_box .questionmark, .webform-client-form .imgtag_box .questionmark {
  margin: 0;
  border-radius: 10px;
  background: none transparent;
}

.talk-api-register-form .imgtag_box .questionmark img, .webform-client-form .imgtag_box .questionmark img {
  width: 30px;
  width: auto\0/;
  /* IE8 fix because of max-width: 100% */
  height: 30px;
  padding: 8px;
}

.webform-client-form .imgtag_box {
  width: 202px;
  margin-left: 225px;
}

.webform-client-form .imgtag_box {
  max-width: 202px;
}

.webform-client-form .imgtag_box .form-element {
  width: auto;
}
.webform-client-form .imgtag_box div.error.messages-inline{
  float:left;
  margin:0;
}

.mobile .webform-client-form .imgtag_box {
  margin-left: 0;
}


/*-----------LOGIN FORM---------------*/

.login-form {
  overflow: hidden;
  margin: 10px 15px;
  min-width: 290px;
}

header .login-form {
  margin: 10px 80px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}

.tablet .login-form .mobile .login-form {
  margin: 0;
  padding: 15px;
  overflow: hidden;
}

.tablet form.login-form-content .passwort-vergessen, .mobile form.login-form-content .passwort-vergessen {}

form.login-form-content .form-element {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-bottom: 0;
  vertical-align: middle;
  padding: 0;
  margin-right: 3%;
}

.tablet form.login-form-content .form-element {
  width: 32%;
  float: left;
}

.mobile form.login-form-content .form-element {
  width: 25%;
  margin-right: 0;
}

.mobile form.login-form-content .passwort-vergessen {
  width: 54px;
  padding-right: 0;
}

form.login-form-content .form-control {
  display: block;
  width: 115px;
  height: 18px;
  padding: 5px 15px;
  font-size: 14px;
  color: #555;
  background-color: #fff;
  background-image: none;
}

.tablet form.login-form-content .form-control, .mobile form.login-form-content .form-control {
  width: 90%;
  height: 30px;
  padding: 2px 5%;
  font-size: 14px;
}

.tablet form.login-form-content .button-small, .mobile form.login-form-content .button-small {
  float: right;
  font-size: 14px;
  height: 36px;
  width: 24%;
}

.desktop-standard form.login-form-content .form-control {
  width: 90px;
  height: 18px;
}

.desktop-standard form.login-form-content .passwort-vergessen {
  width: 60px;
  margin-right: 0px;
  margin-bottom: 0;
  vertical-align: middle;
  padding-right: 0px;
}

form.login-form-content .passwort-vergessen {
  display: inline-block;
  zoom: 1;
  width: 65px;
  margin-right: 0px;
  margin-bottom: 0;
  vertical-align: middle;
  padding-right: 0px;
}

form.login-form-content .passwort-vergessen p {
  line-height: 9px;
}

form.login-form-content .passwort-vergessen a, form.login-form-content .passwort-vergessen a:link, form.login-form-content .passwort-vergessen a:visited, form.login-form-content .passwort-vergessen a:hover, form.login-form-content .passwort-vergessen a:focus {
  color: #999999;
  display: block;
  font-size: 9px;
  line-height: 1.3em;
  text-decoration: none;
}

.tablet .user-profile, .mobile .user-profile {
  margin: 10px 15px;
  position: relative;
  min-width: 290px;
  min-height: 36px;
}

.tablet .user-profile p, .mobile .user-profile p {
  line-height: 33px;
  max-width: 205px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tablet .logout-form, .mobile .logout-form {
  position: absolute;
  right: 0;
  top: 0;
}

.tablet .logout-form .button-small, .mobile .logout-form .button-small {
  font-size: 14px;
  height: 36px;
}

.header-logos {
  float: right;
  width: 148px;
  height: 27px;
  position: relative;
  right: 230px;
  top: 10px;
  background: url('../images/product_thumb.png') transparent no-repeat left top;
  cursor: pointer;
}

.header-logos.active, .header-logos:hover {
  background: url('../images/product_thumb.png') transparent no-repeat left bottom;
}

.header-logos.active {
  z-index: 225;
}

.header-logos-box {
  width: 210px;
  position: absolute;
  top: -5px;
  padding: 18px;
  padding-top: 50px;
  -moz-box-shadow: 0px 0px 55px -10px #ccc;
  -webkit-box-shadow: 0px 0px 55px -10px #ccc;
  box-shadow: 0px 0px 55px -10px #ccc;
  right: 173px;
  background-color: #fff;
  z-index: 222;
  overflow: hidden;
  display: none;
}

.header-logos-box p {
  padding-top: 20px;
  font-size: 14px;
}

.desktop-standard .header-logos {
  position: relative;
  right: 135px;
}

.desktop-standard .header-logos-box {
  right: 80px;
}

.tablet .header-logos-box, .mobile .header-logos-box {
  display: none!important;
}

.tablet .header-logos, .mobile .header-logos {
  display: none;
  position: relative;
}


/*-----------PASSWORD FORM---------------*/

.passwort-vergessen {
  display: none;
}

.passwort-vergessen.active {
  display: block;
}

.passwort-vergessen-form {
  width: 214px;
  position: absolute;
  top: -5px;
  padding: 16px 18px;
  -moz-box-shadow: 0px 0px 55px -10px #ccc;
  -webkit-box-shadow: 0px 0px 55px -10px #ccc;
  box-shadow: 0px 0px 55px -10px #ccc;
  right: 362px;
  background-color: #fff;
  z-index: 105;
}

.desktop-standard .passwort-vergessen-form {
  left: 448px;
  right: auto;
}

.tablet .passwort-vergessen-form, .mobile .passwort-vergessen-form {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  width: auto;
  clear: both;
  padding: 15px;
  min-width: 290px;
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}

.tablet .main .passwort-vergessen-form, .mobile .main .passwort-vergessen-form {
  padding: 15px 0;
  display: block;
}

.passwort-vergessen-form .form-element {
  padding-top: 15px;
}

.passwort-vergessen-form h4.close-box a:link, .passwort-vergessen-form h4.close-box a:visited {
  color: #333;
  text-decoration: none;
}

.mobile .passwort-vergessen-form h4.close-box a, .tablet .passwort-vergessen-form h4.close-box a {
  cursor: text;
}

.passwort-vergessen-form .E-mail-vergessen {
  padding: 15px 0 0;
}

.passwort-vergessen-form p {
  font-size: 14px;
}


/************************************************************************************
DESKTOP-STANDARD LAYOUT
*************************************************************************************/


/******************HEADER******************************/

header {
  height: 115px;
  padding: 5px 0;
  clear: both;
  position: relative;
}

header .logo a {
  float: left;
  background: url('../images/logo.png') no-repeat left top;
  background: url('../images/logo.svg') no-repeat left top, none transparent;
  -webkit-background-size: 194px 107px;
  -moz-background-size: 194px 107px;
  background-size: 194px 107px;
  width: 194px;
  height: 107px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}

header .login-form {
  float: left;
  margin: 10px 0 0 80px;
  width: 515px;
}

.desktop-standard .login-form {
  width: 445px;
}

header #dropdown {
  display: none;
  background: url('../images/navi_old.png') no-repeat right center;
  background: url('../images/navi.svg') no-repeat right 10px, none;
  -webkit-background-size: 16px 19px;
  -moz-background-size: 16px 19px;
  background-size: 16px 19px;
  font-size: 24px;
  padding-right: 20px;
  color: #FFFFFF;
  float: right;
  position: relative;
  top: 4px;
  overflow: hidden;
}

header .header-menus {
  display: block;
}

header .nav-menu, header .user-menu {
  left: 275px;
  min-width: 0;
  position: absolute;
  right: 0;
  top: 70px;
  text-align: justify;
}

.desktop-standard header .user-menu {
  left: 225px;
}


header .nav-menu ul li,
header .user-menu ul li{
  text-align: left;
  display: inline-block;
}

header .nav-menu ul li:first-child,
header .user-menu ul li:first-child{
}
header .nav-menu ul li:last-child,
header .user-menu ul li:last-child{
  text-align:right;
}

.desktop-standard header .nav-menu ul li, .desktop-standard header .user-menu ul li {
  font-size: 24px;
}
header .nav-menu ul, header .user-menu ul {
  display: inline;
}

header .nav-menu:after, header .user-menu:after {
  display: inline-block !important;
  width: 100%;
  content: " ";
  visibility: hidden;
}

.tablet header .nav-menu:after, .tablet header .user-menu:after, .mobile header .nav-menu:after, .mobile header .user-menu:after {
  display: none !important;
}

.tablet .nav-menu, .tablet header .user-menu, .mobile .nav-menu, .mobile header .user-menu {
  left: 0;
}

header .nav-menu ul li a, header .user-menu ul li a {
  color: #000000;
  white-space: nowrap;
  text-decoration: none;
}

header .nav-menu ul li a:hover, header .user-menu ul li a:hover {
  color: #e73446;
  text-decoration: none;
}
header .nav-menu ul li.connect_link a:hover, header .user-menu ul li.connect_link a:hover{
  color: #FF8650;
}
header .nav-menu ul li a.active-trail, header .nav-menu ul li a.active, header .user-menu ul li a.active-trail, header .user-menu ul li a.active {
  color: #e73446;
}

header .nav-menu ul li {}

header .user-menu ul li a {
  position: relative;
}

.new_survey {
  position: absolute;
  display: block;
  right: -16px;
  top: -5px;
  width: 22px;
  height: 20px;
  font-size: 8px;
  text-align: center;
  line-height: 18px;
  background: url('../images/new_survey.png') no-repeat left bottom;
  background: url('../images/new_survey.svg') no-repeat left top, none;
  -webkit-background-size: 22px 20px;
  -moz-background-size: 22px 20px;
  background-size: 22px 20px;
}

a:hover .new_survey, a:focus .new_survey, .active .new_survey {
  background: url('../images/new_survey.png') no-repeat left -20px;
  background: url('../images/new_survey_active.svg') no-repeat left top, none;
  -webkit-background-size: 22px 20px;
  -moz-background-size: 22px 20px;
  background-size: 22px 20px;
}

.mobile .new_survey, .mobile .active .new_survey {
  position: relative;
  display: inline-block;
  right: 0;
  top: -5px;
  background: url('../images/new_survey.png') no-repeat left bottom;
  background: url('../images/new_survey_white.svg') no-repeat left top, none;
  -webkit-background-size: 22px 20px;
  -moz-background-size: 22px 20px;
  background-size: 22px 20px;
}
.mobile a:hover .new_survey, .mobile a:focus .new_survey {
  background: url('../images/new_survey.png') no-repeat left -20px;
  background: url('../images/new_survey_active.svg') no-repeat left top, none;
  -webkit-background-size: 22px 20px;
  -moz-background-size: 22px 20px;
  background-size: 22px 20px;
}
.talk_connect {
  position: absolute;
  display: block;
  right: -18px;
  top: -6px;
  width: 22px;
  height: 22px;
  text-align: center;
  background: url('../images/talk_connect_menu_orange.png') no-repeat transparent;
  -webkit-background-size: 22px 22px;
  -moz-background-size: 22px 22px;
  background-size: 22px 22px;
}
.mobile .talk_connect, .mobile .active .talk_connect {
  position: relative;
  display: inline-block;
  right: 0;
  background: url('../images/talk_connect_menu_orange.png') no-repeat transparent;
  -webkit-background-size: 22px 22px;
  -moz-background-size: 22px 22px;
  background-size: 22px 22px;
}

header .country {
  right: 0px;
  left: auto;
  top: auto;
  bottom: auto;
  font-size: 14px;
  text-align: right;
  position: absolute;
}

.tablet header .country, .mobile header .country {
  font-weight: 300;
}

header .country ul li {
  padding-right: 0;
  padding-bottom: 5px;
}

header .country ul li a, header .country ul li span {
  padding: 0 25px;
}

header .country ul li span.locale-untranslated {
  text-decoration: line-through;
}

header .country #default-drop {
  position: relative;
  top: 10px;
}

.tablet header .country #default-drop {
  top: 0;
}

header .country #default-drop a {
  background: url('../images/globe.png') no-repeat right center;
  background: url('../images/globe.svg') no-repeat right center, none;
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  background-size: 15px 15px;
  padding: 0 20px 0 25px;
  margin-right: 5px;
  text-decoration: none;
  color: #E73446;
}

.tablet header .country #default-drop a, .mobile header .country #default-drop a {
  margin-right: 0;
}

header .country #default-drop.active {
  background: none #E73446;
  position: relative;
  top: -7px;
  padding-top: 18px;
  z-index: 100;
}

.tablet header .country #default-drop.active, .mobile header .country #default-drop.active {
  background-image: none;
  padding-top: 0px;
  position: relative;
  bottom: 0px;
}

.tablet header .country #default-drop, .mobile header .country #default-drop {
  position: relative;
  bottom: 0px;
  top: 0px;
}

header .country #default-drop.active a {
  background: url('../images/globe2.png') transparent no-repeat right center;
  background: url('../images/globe_white.svg') no-repeat right center, transparent;
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  background-size: 15px 15px;
  position: relative;
  color: #FFFFFF;
}

header .country .country-menu-dropdown {
  background-color: #e73446;
  padding: 7px 0;
  position: relative;
  display: none;
  z-index: 100;
}

header .country .country-menu-dropdown ul li a {
  color: #FFFFFF;
  text-decoration: none;
}

header .country .country-menu-dropdown ul li a.active {
  /*background-image: url('../images/globe2.png');*/
  background-repeat: no-repeat;
  background-position: right 2px;
}

header .country .country-menu-dropdown ul li a:hover, header .country .country-menu-dropdown ul li a:focus {
  text-decoration: underline;
}

header .country-menu ul li a:hover {
  display: block;
}


/******************BANNER-REGION******************************/

.banner-region {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

.banner-region img {
  width: 100%;
}

.tablet_to_wide .banner-region {
  height: 360px;
}

.tablet_to_wide .banner-region img {
  display: none;
}

.tablet_to_wide .banner-region .banner_cover img {
  display: block;
}

.mobile .banner-region .caption {
  padding: 0 15px;
}

.mobile .banner-region .caption .image-text {
  position: absolute;
  bottom: 12px;
  top: auto;
  left: 15px;
}

.banner-region .caption .image-text {
  position: absolute;
  bottom: 30px;
  left: 0;
}

.banner_cover {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tablet .banner_cover .content-width, .mobile .banner_cover .content-width {
  margin: 0;
}

.banner_cover_image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

.mobile .banner_cover_image {
  background-position: 15px bottom;
}


/******************TOOLBAR******************************/

.toolbar .authenticated-email-unconfirmed {
  display: none;
}

body.email-unconfirmed .toolbar .authenticated-email-unconfirmed {
  display: block;
}

body.email-unconfirmed .toolbar .anonymous {
  display: none;
}

.toolbar {
  padding: 30px 0;
  background-color: white;
}

.graphic-col h3 {
  margin: 0;
  font-size: 30px;
  line-height: 1.2em;
  padding-top: 5px;
  font-family: 'Open Sans';
  font-weight: 300;
  color: #E73446;
}

.tablet .toolbar {
  padding-bottom: 10px;
}

.desktop-standard .toolbar .graphic-col {
  width: 29%;
  padding: 0 2%;
}

.tablet .toolbar .graphic-col {
  width: 28.5%;
  padding: 0 2%;
}

.tablet .toolbar .graphic-col h3 {
  font-size: 25px;
}

.toolbar .graphic-col {
  display: inline-block;
  padding: 0 5.4%;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 22%;
}

.step-image img {
  max-height: 70px;
}

.mobile .toolbar {
  position: relative;
  left: 0px;
  top: 0px;
}

.mobile .toolbar .graphic-col {
  width: 100%;
  padding: 0;
  display: block;
  padding-bottom: 24px;
  overflow: hidden;
  right: 0px;
  text-align: left;
}

.toolbar .graphic-col.last {
  padding: 0;
  width: 33%;
}

.mobile .toolbar .graphic-col .step-image {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  line-height: 130px;
  width: 20%;
}

.toolbar .graphic-col .step-text {
  margin: 0 auto;
  padding: 0 5%;
}

.mobile .toolbar .graphic-col .step-text {
  width: 70%;
  display: inline-block;
  margin: 0;
  padding-right: 0;
  float: right;
  position: relative;
}


/******************CONTENT******************************/

.content .main {
  padding: 35px 0;
}

.mobile.front .main {
  /*display: none;*/
}


/******************MAP-REGION******************************/

.map-region {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
}

.map-region .info-cyrcle {
  text-align: center;
  background: white;
  color: #e73446;
  font-weight: 300;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  opacity: 0.8;
  -moz-box-shadow: 0px 0px 50px -5px #ccc;
  -webkit-box-shadow: 0px 0px 50px -5px #ccc;
  box-shadow: 0px 0px 50px -5px #ccc;
  width: 1px;
  height: 1px;
  -webkit-transition: all 1.5s ease-out;
  -moz-transition: all 1.5s ease-out;
  transition: all 1.5s ease-out;
}

.mobile .map-region {
  max-width: 95%;
}

.map-region .info-cyrcle .number {
  position: relative;
  overflow: hidden;
  font-size: 1px;
  top: 1px;
}

.map-region .info-cyrcle .text {
  position: relative;
  overflow: hidden;
  font-size: 1px;
  top: 1px;
}

.info-cyrcle-1 {
  left: 31.9%;
  top: 14%;
}

.info-cyrcle-2 {
  left: 76.4%;
  bottom: 36%;
}

.info-cyrcle-3 {
  left: 43.3;
  bottom: 12%;
}

.on_place .info-cyrcle-1 {
  left: 24.2%;
  top: 4%;
}

.on_place .info-cyrcle-2 {
  left: 68.7%;
  bottom: 26%;
}

.on_place .info-cyrcle-3 {
  left: 35.6%;
  bottom: 2%;
}

.map-region.on_place .info-cyrcle {
  width: 216px;
  height: 216px;
}

.map-region.on_place .info-cyrcle .number {
  font-size: 40px;
  letter-spacing: -1px;
  top: 56px;
  -webkit-transition: all 1.5s ease-out;
  -moz-transition: all 1.5s ease-out;
  transition: all 1.5s ease-out;
}


/*.map-region.on_place .info-cyrcle.info-cyrcle-2 .number {
	font-size: 30px;
  top: 71px;
}
.map-region.on_place .info-cyrcle.info-cyrcle-2 .text {
	top: 65px;
}*/

.map-region.on_place .info-cyrcle .text {
  font-size: 19px;
  top: 50px;
  -webkit-transition: all 1.5s ease-out;
  -moz-transition: all 1.5s ease-out;
  transition: all 1.5s ease-out;
}

body.i18n-fr-ch .map_legend, body.i18n-de-ch .map_legend, body.i18n-it-ch .map_legend {
  display: none;
}

.map_legend {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.map_legend_list {
  padding-bottom: 5.5%;
}

.map_legend_list li {
  padding-bottom: 15px;
  line-height: 15px;
}

.map_legend_square {
  display: block;
  float: left;
  width: 15px;
  height: 15px;
  margin-right: 15px;
}

.square_color_1 {
  background: none #e73446;
}

.square_color_2 {
  background: none #ff8550;
}

.square_color_3 {
  background: none #ffd352;
}

.square_color_4 {
  /*background: none #519380;*/
  background: none #ff8550;
}


/******************PRAMIEN-REGION******************************/

.pramien-region .carousel {
  background: none #F6F2EC;
  margin: 0;
  padding: 35px 0;
}

.mobile .pramien-region .carousel {
  padding: 15px 0;
}

.mobile .pramien-region .title {
  padding: 0px 15px;
}

.pramien-region .carousel .carousel_wrapper .swiper-slide {
  width: 300px;
}

.pramien-region .carousel .carousel_wrapper .swiper-slide.last {
  width: 270px;
}

.mobile .pramien-region .carousel .carousel_wrapper .swiper-slide {
  width: 320px;
}

.mobile .pramien-region .carousel .carousel_wrapper .swiper-slide.last {
  width: 290px;
}

.pramien-region .carousel .carousel_wrapper .swiper-slide a {
  background: none #fff;
  margin-right: 30px;
}

.pramien-region .carousel .carousel_wrapper .swiper-slide.last a {
  margin-right: 0;
}

.pramien-region .carousel .carousel_wrapper .swiper-slide .info {
  font-size: 14px;
  color: #e73446;
  position: relative;
  top: 5px;
}

.pramien-region .carousel .carousel_wrapper .swiper-slide .info .credit {
  background-image: url('../images/p.png');
  background-repeat: no-repeat;
  background-position: 35px;
  float: left;
  width: 150px;
}

.pramien-region .carousel .carousel_wrapper .swiper-slide .info .neu {
  float: right;
}


/******************MEIN PROFIL******************************/

.mein-profile {
  padding: 25px 0 0 0;
}

header .user-profile {
  float: left;
  margin: 10px 0 0 80px;
  width: 520px;
}

#site-slogan {
  float: left;
  margin: 10px 0 0 10px;
  font-size: 14px;
  line-height: 32px;
}

.mobile header .user-profile {
  display: none;
}

header .user-profile p {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  padding-right: 40px;
}

header .user-profile p#p3 {
  width: 185px;
}

header .user-profile .logout-form {
  display: inline-block;
  *zoom: 1;
}

.user-profile a.profile-link {
  color: #E73446;
  text-decoration: underline;
  background: url('../images/profile-icon.png') no-repeat left center;
  background: url('../images/profile-icon.svg') no-repeat left center, none;
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  background-size: 15px 15px;
  padding-left: 25px;
  font-size: 14px;
  position: relative;
  top: -2px;
}

.user-profile a.exchange_link {
  display: inline-block;
  padding: 0 0 0 10px;
}

.user-profile .exchange_points_and_new {
  padding-right: 0;
}

.desktop-standard header .user-profile {
  width: 300px;
  margin: 10px 0 0 30px;
}

.tablet header .user-profile {
  display: none;
}

.desktop-standard header .user-menu, .tablet header .user-menu {
  font-size: 24px;
}


/******************USER FORM***************************/

.user-form {
  padding: 0 0 25px 0;
}

.user-form.profile-categories-1 .button {
  float: right;
}

.user-form .form-submit .button {
  float: none;
  margin: 0 5px;
  width: 220px;
  height: 35px;
  line-height: 35px;
  border: 1px solid ##D02F3F;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.user-form .form-type-webform-markup {
  width: auto !important;
  padding-top: 25px;
}

.mobile .form-submit .button {
  width: 93%;
  max-width: 300px;
  margin: 0;
}

.tablet .user-form .profile-categories-1 .button, .mobile .user-form .profile-categories-1 .button {
  float: left;
}

.user-form .form-element {
  width: 460px;
  margin-bottom: 10px;
}

.mobile .user-form .form-element {
  width: 100%;
}

.user-form .form-element .form-control, .user-form .form-element .form-control-select {
  display: inline-block;
  *zoom: 1;
  margin: 0 5px;
  height: 24px;
}

@-moz-document url-prefix() {
  .user-form .form-element .form-control-select {
    background: none transparent;
  }
}

.user-form.no_labels .form-element .form-control-select {
  margin: 0;
}

.user-form .form-element textarea.form-control {
  height: 80px;
  resize: vertical;
}

.user-form .form-element .form-control-label {
  width: 215px;
  text-align: right;
  padding: 5px 0 6px;
  overflow: hidden;
}

.user-form .form-element.form-item-captcha-response .form-control-label {
  width: 120px;
  padding-left:40px;
}

.user-form .form-element.form-item-captcha-response .description {
  display: none;
}

/*---------Override form for multiselect checkboxes----------*/

.user-form.profile-form .form-item-test-additional-survey-language,.user-form.profile-form .user-col:nth-child(2) .with-extra-title {
  text-align:right;
}

.user-form.profile-form .form-item-test-additional-survey-language .form-control-label,.add-surveys-lang,.user-form.profile-form .user-col:nth-child(2) .with-extra-title{
  width:100%;
  max-width: 460px;
  padding-right:20px;
  box-sizing: border-box;
}

.add-surveys-lang {
  font-size:12px;
  text-align: right;
}

.mobile .add-surveys-lang {
  text-align: left;
}

.additional-title {
  margin: 0 0 10px 0;
}
.user-col:nth-child(2) .additional-title {
  text-align: right;
}

.mobile .user-col:nth-child(2) .additional-title {
  text-align: left;
}


.user-form.profile-form .form-item-test-additional-survey-language .form-checkboxes,.user-form.profile-form .user-col:nth-child(2) .with-extra-title .form-checkboxes {
  text-align: left;
  width:192px;
  padding-right:20px;
  box-sizing: border-box;
  display: inline-block;
  margin:15px 0;
}

.user-form.profile-form .form-item-test-additional-survey-language .form-element-checkbox .checkbox-labels,.user-form.profile-form .user-col:nth-child(2) .form-element-checkbox .with-extra-title .checkbox-labels {
  width:auto;
}

.mobile .user-form.profile-form .form-item-test-additional-survey-language,.mobile .user-form.profile-form .user-col:nth-child(2) .with-extra-title {
  text-align:left;
}

.mobile .user-form .form-element .form-control-label {
  display: block;
  width: auto;
  text-align: left;
}

.mobile .user-form .form-element.form-item-captcha-response .form-control-label{
  width:auto;
}

.mobile .user-form .form-element .form-control, .mobile .user-form .form-element .form-control-select {
  margin: 0 0 5px;
}

.user-form .user-col {
  display: inline-block;
  *zoom: 1;
  width: 547px;
  padding-right: 50px;
  margin-right: 50px;
  vertical-align: top;
  border-right: 1px solid red;
}

.desktop-standard .user-form .user-col {
  margin-right: 20px;
  padding-right: 10px;
  width: 462px;
}

.tablet .user-form .user-col, .mobile .user-form .user-col {
  width: 100%;
  padding-right: 0;
  margin-right: 0;
  border: none;
}

.user-form .user-col.last-col {
  padding-right: 0px;
  margin-right: 0px;
  border: none;
}

.user-form .form-element-checkbox input[type='checkbox'] {
  vertical-align: top;
}

.user-form .form-element-checkbox {
  /*padding-bottom: 45px;*/
}

.user-form .form-element-checkbox .checkbox-labels {
  display: inline-block;
  *zoom: 1;
  width: 500px;
  padding-left: 10px;
  vertical-align: middle;
}

.mobile .user-form .form-element-checkbox .checkbox-labels {
  width: 80%;
}

.desktop-standard .user-form .form-element-checkbox .checkbox-labels {
  width: 415px;
}

.user-form .checkbox-labels .form-element .form-control-label {
  width: 170px;
}

.user-form #phone.form-element .form-control {
  margin: -3px;
}

.mobile .user-form #phone.form-element .form-control {
  margin: 0;
}

.user-form #phone.form-element .form-control-select {
  margin-left: 0px;
  margin-right: 25px;
}

.mobile .user-form #phone.form-element .form-control-select {
  margin-right: 2px;
  margin-bottom: 5px;
  display: block;
}

.user-form .checkbox-labels .form-element input[type='checkbox'] {
  right: 0px;
}

.user-form .form-element-checkbox .checkbox-labels .description {
  padding-bottom: 25px;
  position: relative;
  bottom: 5px;
}

.mobile .user-form .form-element-checkbox .checkbox-labels .description {
  padding-bottom: 10px;
}

.user-form .checkbox-labels .form-control-checkbox-label.small-label {
  display: inline-block;
  *zoom: 1;
  padding: 5px;
  width: 30px;
}

.mobile .user-form .checkbox-labels .form-control-checkbox-label.small-label {
  padding: 0;
}


/******************FOOTER******************************/

footer {
  background: none #E73446;
  padding: 25px 0;
  color: #FFFFFF;
  font-size: 16px;
}

footer .copyright {
  float: left;
}

footer .footer-menu {
  float: right;
}

footer .footer-menu ul li {
  display: inline;
  padding: 0 20px 0 0px;
}

.mobile footer .footer-menu ul li {
  padding: 0 12px 0 0px;
}

footer .footer-menu ul li:last-child, .mobile footer .footer-menu ul li:last-child {
  padding-right: 0;
}

footer .footer-menu ul li a {
  color: #fff;
  text-decoration: none;
}

footer .footer-menu ul li a.is-active, footer .footer-menu ul li a:hover, footer .footer-menu ul li a:focus {
  color: #fff;
  text-decoration: underline;
}


/************************************************************************************
DESKTOP-WIDE LAYOUT     1200px up tp 5000px
*************************************************************************************/


/******************HEADER******************************/

.desktop-standard header .login-form {
  float: left;
  margin: 10px 0 0 30px;
}

.desktop-standard header .nav-menu {
  left: 225px;
}

header .country .country-menu-dropdown {
  position: relative;
  bottom: 7px;
}


/*header .register-form {
	-moz-box-shadow: 0px 3px 2px #ccc, 0px 3px 2px #ccc;
	-webkit-box-shadow: 0px 3px 2px #ccc, 0px 3px 2px #ccc;
	box-shadow: 0px 3px 2px #ccc, 0px 3px 2px #ccc;
}*/

.desktop-wide header .register-form {
  left: 875px;
  border: 1px solid #ccc;
  border-top: 0 none;
}

.tablet header .register-form {
  left: 526px;
}


/************************************************************************************
TABLET LAYOUT   959px up to 0px
*************************************************************************************/

.tablet .content-width {
  max-width: 95%;
}

.tablet header .login-form {
  margin: 10px 0 0 25px;
  min-width: 430px;
}

.tablet header .nav-menu {
  font-size: 22px;
}

.tablet header .nav-menu ul li {
  padding-right: 20px;
}

.tablet header .register-form {
  right: 0px;
}

.tablet .map-region .map-image {
  display: none;
}

.tablet .login-form .form-element {
  margin-right: 1%;
}


/************************************************************************************
MOBILE LAYOUT   779px down to 0px
*************************************************************************************/

.mobile .content-width {
  margin: 0 15px;
  padding: 0;
}

.tablet header, .mobile header {
  background-color: #e73446;
  height: auto;
  clear: both;
  padding-top: 10px;
  padding-bottom: 10px;
}

.tablet header .logo a, .mobile header .logo a {
  background: url('../images/logo_small_old.png') no-repeat left top;
  background: url('../images/logo_small.svg') no-repeat left top, none;
  -webkit-background-size: 73px 40px;
  -moz-background-size: 73px 40px;
  background-size: 73px 40px;
  width: 73px;
  height: 40px;
}

.tablet header #dropdown, .mobile header #dropdown {
  display: inline;
  cursor: pointer;
}

.tablet header .header-menus, .mobile header .header-menus {
  display: none;
  width: auto;
  position: relative;
  color: #FFFFFF;
  background-color: #e73446;
  float: none;
  overflow: hidden;
  top: 30px;
  padding-bottom: 35px;
  clear: both;
  margin: 0 -15px;
}

.tablet header .header-menus {
  margin: 0 -2.6%;
}

.tablet header .header-menus .country, .mobile header .header-menus .country {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  float: none;
}

.tablet header .country #default-drop a, .mobile header .country #default-drop a {
  display: block;
  padding: 10px 15px 10px 40px;
  font-family: 'Open Sans';
  font-size: 18px;
  text-align: left;
  color: #fff;
  background: url('../images/globe_white_old.png') no-repeat 15px center\9;
  background: url('../images/globe_white.svg') no-repeat 15px center, #E73446;
  -webkit-background-size: 19px 19px;
  -moz-background-size: 19px 19px;
  background-size: 19px 19px;
  text-decoration: none;
}

.tablet header .country #default-drop:hover a, .mobile header .country #default-drop:hover a {
  background: url('../images/globe_old.png') #fff no-repeat 15px center\9;
  background: url('../images/globe.svg') no-repeat 15px center, #fff;
  -webkit-background-size: 19px 19px;
  -moz-background-size: 19px 19px;
  background-size: 19px 19px;
  color: #E73446;
}

.tablet header .country #default-drop.active a, .mobile header .country #default-drop.active a {
  background: url('../images/globe_old.png') #fff no-repeat 15px center\9;
  background: url('../images/globe.svg') no-repeat 15px center, #fff;
  -webkit-background-size: 19px 19px;
  -moz-background-size: 19px 19px;
  background-size: 19px 19px;
  color: #E73446;
}

.tablet header .country #default-drop.active:hover a, .mobile header .country #default-drop.active:hover a {
  background: url('../images/globe_white_old.png') no-repeat 15px center\9;
  background: url('../images/globe_white.svg') no-repeat 15px center, #E73446;
  -webkit-background-size: 19px 19px;
  -moz-background-size: 19px 19px;
  background-size: 19px 19px;
  color: #fff;
}

.tablet header .country .country-menu-dropdown, .mobile header .country .country-menu-dropdown {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  float: none;
  text-decoration: none;
}

.tablet header .country .country-menu-dropdown ul li, .mobile header .country .country-menu-dropdown ul li {
  padding-bottom: 0;
}

.tablet header .country .country-menu-dropdown ul li a, .mobile header .country .country-menu-dropdown ul li a {
  display: block;
  width: 100%;
  float: none;
  text-align: left;
  padding: 10px 15px 10px 40px;
  color: #e73446;
  font-size: 18px;
  font-family: 'Open Sans';
  text-decoration: none;
}

.tablet header .country .country-menu-dropdown ul li a:hover, .mobile header .country .country-menu-dropdown ul li a:hover {
  background-color: #e73446;
  color: #FFFFFF;
  text-decoration: none;
}

.tablet header .country .country-menu-dropdown, .mobile header .country .country-menu-dropdown {
  bottom: 0;
}

.tablet header .header-menus .nav-menu, .tablet header .header-menus .user-menu, .mobile header .header-menus .nav-menu, .mobile header .header-menus .user-menu {
  position: relative;
  margin: 0;
  padding: 0;
  top: 0;
  display: block;
}

.tablet header .header-menus .nav-menu ul li, .tablet header .header-menus .user-menu ul li, .mobile header .header-menus .nav-menu ul li, .mobile header .header-menus .user-menu ul li {
  display: block;
  padding: 0px;
  margin: 0px;
}

.tablet header .header-menus .nav-menu ul li a, .tablet header .header-menus .user-menu ul li a, .mobile header .header-menus .nav-menu ul li a, .mobile header .header-menus .user-menu ul li a {
  display: block;
  width: 100%;
  float: none;
  text-align: left;
  padding: 10px 15px;
  color: #FFFFFF;
  background-color: #e73446;
  font-size: 18px;
  font-family: 'Open Sans';
}

.mobile .content_width {
  padding: 0 15px;
}

.mobile .map-region .map-image {
  display: none;
}

.mobile .toolbar .graphic-col.last {
  width: 100%;
}

.mobile header .header-menus .user-menu ul li a.active, .tablet header .header-menus .user-menu ul li a.active, .tablet header .header-menus .nav-menu ul li a:hover, .tablet header .header-menus .user-menu ul li a:hover, .mobile header .header-menus .nav-menu ul li a:hover, .mobile header .header-menus .user-menu ul li a:hover, .tablet header .header-menus .nav-menu ul li a:focus, .tablet header .header-menus .user-menu ul li a:focus, .mobile header .header-menus .nav-menu ul li a:focus, .mobile header .header-menus .user-menu ul li a:focus {
  background-color: #FFFFFF;
  color: #e73446;
}

.mobile footer {
  height: auto;
  overflow: hidden;
  font-size: 14px;
  margin: 0;
}

.mobile footer .copyright, .mobile footer .footer-menu {
  float: none;
}

.mobile footer .copyright {
  padding: 0 0 10px;
}


/************************************************************************************
MOBILE POPUP (when there is no space for a Tooltip)
*************************************************************************************/

.mobile_popup {
  position: fixed;
  z-index: 1000000;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: none #fff\9;
  background: none rgba(0, 0, 0, .85);
}

.mobile_popup .tooltipsy {
  max-width: none;
}

.mobile_popup table {
  width: 100%;
  height: 100%;
}

.mobile_popup table td {
  vertical-align: middle;
  padding: 15px;
}


/************************************************************************************
TOOLTIPS
*************************************************************************************/

.tooltipsy {
  padding: 5px 8px;
  font-size: 14px;
  line-height: 1.4em;
  max-width: 150px;
  color: #303030;
  background-color: #fff;
  border: 1px solid #eee;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
  box-shadow: 0 0 10px rgba(0, 0, 0, .5);
  text-shadow: none;
}


/************************************************************************************
Content
*************************************************************************************/

.main {
  padding-bottom: 20px;
  width: 100%;
}

h1 {
  font-size: 36px;
  color: #E73446;
  font-weight: 300;
  line-height: 1.2em;
  margin: 0 0 20px;
}

.mobile h1 {
  font-size: 26px;
}

.mobile .main h1 {
  font-size: 31px;
}

h2, .main h2 {
  line-height: 1.2em;
  padding: 0;
  margin: 34px 0 18px;
  font-family: 'Open Sans';
  font-weight: bold;
  font-size: 16px;
}

.field-name-body h2,
.node-full .node-content h2 {
  font-size: 20px;
}

.main h3 {
  padding: 0;
  font-family: 'Open Sans';
  font-weight: bold;
  color: #000;
  font-size: 20px;
  margin: 18px 0 4px;
}

.field-name-body h3,
.node-full .node-content h3 {
  font-size: 36px;
  color: #E73446;
  font-weight: 300;
  line-height: 1.2em;
  margin: 0 0 20px;
}

.main h4, .main h5, .main h6 {
  font-size: 16px;
  font-weight: bold;
  padding: 0;
  margin: 20px 0 4px;
}

.main p {
  padding: 0;
  margin: 0 0 20px;
}

.user-form p {
  margin: 0;
}

.main ul {
  padding: 0;
  margin: 0 0 20px;
}

.main ul li {
  padding: 0;
  margin: 0 0 4px;
}

.main ol {
  padding: 0;
  margin: 0 0 20px;
}

.main ol li {
  padding: 0;
  margin: 0 0 4px;
}

.main small {
  font-size: smaller;
  font-size: 14px;
  color: #999999;
}

.main small a {
  color: #999999;
}

.main small a:hover, .main small a:focus {
  color: #E73446;
}

#block-ouroffices h2 {
  font-size: 36px;
  color: #E73446;
  font-weight: 300;
  margin-top: 0;
}

.pramien-region.block h1.content-width {
  margin: 0 auto 20px;
}

/************************************************************************************
Exchange points product list
*************************************************************************************/

.exchange_points {
  background: none #F6F2EC;
  margin: 0;
  padding: 35px 0;
}

.exchange_points h1 {
  color: #000;
  padding-bottom: 25px;
  font-size: 35px;
  line-height: 1.2em;
}

.mobile .exchange_points h1 {
  font-size: 27px;
  padding-bottom: 15px;
}

.exchange_product_list {
  margin-right: -3.333%;
  overflow: hidden;
  padding-bottom: 8px;
}

.mobile .exchange_product_list {
  margin-right: -15px;
  padding-bottom: 20px;
}

.mini .exchange_product_list {
  margin-right: 0;
  padding-bottom: 20px;
}

.main .exchange_product_list li {
  float: left;
  width: 21.75%;
  margin: 0 3.25% 3.25% 0;
}

.exchange_product_list li:nth-child(4n+1) {
  clear: left;
}

.mobile .main .exchange_product_list li {
  width: 45%;
  margin: 0 5% 5% 0;
}

.mini .main .exchange_product_list li {
  width: 100%;
  margin: 0 0 5% 0;
  clear: left;
}

.mobile .exchange_product_list li:nth-child(2n+1) {
  clear: left;
}

.exchange_link, .exchange_link:hover, .exchange_link:focus {
  display: block;
  padding: 15px;
  background: none #fff;
  text-decoration: none;
  text-decoration: none;
}

.exchange_link h2 {
  font-weight: normal;
  padding: 10px 0 2px;
  line-height: 1.2em;
  margin: 0;
  height: 38px;
}

.exchange_points_and_new {
  position: relative;
  line-height: 1.1em;
  padding-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 10px 0;
}

.exchange_new {
  position: absolute;
  right: 0;
  top: 0;
  color: #e73446;
}

.exchange_rounded_p {
  display: inline-block;
  width: 17px;
  height: 17px;
  font-size: 12px;
  color: #fff;
  background: none #e73446;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  font-weight: bold;
  text-align: center;
  line-height: 17px;
  vertical-align: top;
}

.exchange_faded {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.exchange_faded, .exchange_faded:hover, .exchange_faded:focus, .exchange_faded .exchange_new {
  color: #000;
}

.exchange_faded .exchange_rounded_p {
  background: none #000;
}

.node-incentive img {
  border: 1px solid #D0D0D0;
}


/************************************************************************************
My points page and similar pages
*************************************************************************************/

.table_data {
  width: 100%;
  text-align: left;
  margin-bottom: 30px;
}

.mobile .table_data {
  font-size: 13px;
}

.table_data th {
  font-weight: bold;
  border-bottom: 1px solid #e73446;
  padding: 10px 0;
}

.table_data td {
  padding: 2px 0;
  vertical-align: top;
}

.table_data .column_date, .table_data .column_description {
  padding-right: 20px;
}

.table_data .column_date, .table_data .column_description {
  padding-right: 20px;
}

.mobile .table_data .column_date, .mobile .table_data .column_points {
  word-break: normal;
}

.table_data td.table_spacer {
  padding: 7px 0;
}

.column_points {
  text-align: right;
}

.main .contains_date {
  position: relative;
  padding-right: 150px;
  padding-bottom: 30px;
}

.mobile .main .contains_date {
  position: relative;
  padding-right: 0;
}

.current_date {
  position: absolute;
  top: 0;
  right: 0;
  margin: 18px 0 0 0;
}

.mobile .current_date {
  position: relative;
  display: block;
  top: -16px;
  right: auto;
  font-size: 13px;
  padding-bottom: 10px;
}

.main ul.table_pager {
  text-align: right;
  padding: 0 0 20px;
}

.main ul.table_pager li {
  display: inline-block;
  padding-left: 7px;
}

.main ul.table_pager a {
  display: inline-block;
  padding: 3px 5px;
  text-decoration: none;
}

.main ul.table_pager a.active {
  color: #e73446;
}

.pager__item.is-active {
  font-weight: 700;
}


/************************************************************************************
Split list to columns, started on Launch survey (Talk) page
*************************************************************************************/

.user-form.no_labels .form-submit .button {
  margin: 0;
}

.survey_categories {
  position: relative;
}

.survey_categories form {
  position: absolute;
  bottom: 20px;
  right: 0;
}

.survey_categories form select.form-control-select.normal {
  width: auto;
}

.mobile .survey_categories form {
  position: relative;
  bottom: auto;
  right: auto;
}

.user-form.survey_categories {
  padding: 0;
}

.mobile .user-form.survey_categories {
  padding: 0 0 20px;
}

.user-form.survey_categories .form-element {
  width: auto;
  padding: 0;
  margin: 0;
}

.user-form.survey_categories .form-element .form-control-label {
  width: auto;
}

.user-form h2 {
  margin: 10px 0 6px;
}

.main .splitted_list {
  margin-bottom: 20px;
  width: 100%;
}

.main .splitted_list_item {
  float: left;
  margin: 0 2% 0 0;
}

.main .splitted_list_item.column_last {
  float: right;
  margin-right: 0;
}

.main .columns_2 .splitted_list_item {
  width: 49%;
}

.main .columns_3 .splitted_list_item {
  width: 32%;
}

.main .columns_4 .splitted_list_item {
  width: 23.5%;
}

.mobile .main .columns_2 .splitted_list_item, .mobile .main .recent_surveys ul>li.views-row {
  width: auto;
  float: none;
  margin: 0;
}

.main .recent_surveys {
  margin: 0 0 20px 0;
}

.main .recent_surveys ul>li.views-row {
  margin-bottom: 2%;
  width: 49%;
  float: right;
}

.main .recent_surveys ul>li.views-row-odd {
  margin-right: 2%;
  float: left;
}

.mobile .main .recent_surveys ul>li.views-row {
  margin-bottom: 15px;
}

.main .recent_surveys ul>li.views-row .node {
  border: 1px solid #E73446;
}

.main .recent_survey_block {
  padding: 3% 4%;
}

.node-poll .splitted_list_item.column_1 {
  overflow-y: auto;
  height: 600px;
  position: absolute;
  right: 0;
}

.mobile .node-poll .splitted_list_item.column_1 {
  overflow-y: inherit;
  height: auto !important;
  position: inherit;
}

.mobile .main .recent_survey_block {
  padding: 10px 15px;
}

.main .recent_survey_block h2 {
  margin: 0 0 4px;
  font-weight: normal;
  line-height: 1.4em;
}

.main .survey_question {
  font-weight: bold;
  width: 100%;
  /* IE8 fix */
  margin-bottom: 20px;
}

.survey_answers {
  width: 100%;
  margin-bottom: 10px;
}

.survey_answers td {
  padding: 0 0 15px;
  height: 45px;
}

.survey_answer_percent_scale {
  text-align: right;
  padding-left: 10px;
  width: 45%;
}

.mobile .survey_answer_percent_scale {
  width: 35%;
}

.survey_answer_percent_value {
  text-align: right;
  padding-left: 5px;
  width: 53px;
}

.survey_answer_percent_scale span {
  display: inline-block;
  height: 16px;
  background: none #ccc;
}

.scale_is_main .survey_answer_percent_scale span {
  background: none #e73446;
}

.main .social_list {
  margin: 0;
}

.main .social_list li {
  display: inline;
  margin-right: 3.5%;
}

.mobile .main .social_list li {
  margin-right: 10px;
}

.main .social_list a {
  display: inline-block;
  width: 38px;
  height: 38px;
  text-indent: -9999px;
  overflow: hidden;
  zoom: 1;
}

.icon_facebook {
  background: url('../images/icon_facebook.png');
  background: url('../images/icon_facebook.svg') no-repeat left top, none;
  -webkit-background-size: 38px 38px;
  -moz-background-size: 38px 38px;
  background-size: 38px 38px;
}

.icon_twitter {
  background: url('../images/icon_twitter.png');
  background: url('../images/icon_twitter.svg') no-repeat left top, none;
  -webkit-background-size: 38px 38px;
  -moz-background-size: 38px 38px;
  background-size: 38px 38px;
}

.icon_vkontakte {
  background: url('../images/icon_vk.png');
  background: url('../images/icon_vk.svg') no-repeat left top, none;
  -webkit-background-size: 38px 38px;
  -moz-background-size: 38px 38px;
  background-size: 38px 38px;
}

.main p.comments_link {
  margin: 0;
  position: relative;
}

.mini .main p.comments_link {
  font-size: 13px;
}

.main p.comments_link a {
  position: absolute;
  bottom: 3px;
  right: 0;
}


/************************************************************************************
Breadcrumb, back links
*************************************************************************************/

.main ul.breadcrumb {
  margin-bottom: 15px;
}

.main ul.breadcrumb li {
  display: inline;
  margin: 0 5px 0 0;
}

.main ul.breadcrumb a {
  color: #E73446;
  text-decoration: none;
  padding-left: 15px;
  display: inline-block;
  background: url('../images/arrow-right-red.png');
  background: url('../images/arrow-right-red.svg') no-repeat left center, none;
  -webkit-background-size: 8px 14px;
  -moz-background-size: 8px 14px;
  background-size: 8px 14px;
}

.main ul.breadcrumb a:hover, .main ul.breadcrumb a:focus {
  text-decoration: underline;
}


/************************************************************************************
Survey details page
*************************************************************************************/

.main .survey_details {
  border: 1px solid #E73446;
  margin-bottom: 40px;
}

.main .poll .bar {
  background-color :#fff;
}
.comments_form {
  margin-top: 40px;
  position: relative;
}

.form_overlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url('../images/white_overlay.png') repeat left top;
}

.disabled_form .form_overlay {
  display: block;
}

.user-form.comments_form .form-element .form-control-label {
  text-align: left;
}

.filter-wrapper.form-wrapper {
  display: none;
}

.user-form.comments_form .description {
  margin: 0 0 4px;
}

.user-form.comments_form .form-element {
  width: auto;
  padding-right: 0;
}

.user-form.comments_form .form-element .form-control {
  margin: 0;
}

.main .comments_list ul {
  /*margin-left: 12%;*/
}

.comments_list .reply_form, .comments_list .report_form {
  display: block;
}

.user-form.comments_form .form-element textarea, .reply_form .form-element textarea.form-control.large, .report_form .form-element textarea.form-control.large {
  width: 93%;
  width: calc(100% - 19px);
  resize: vertical;
  height: 80px;
}

.mobile .user-form.comments_form .form-element textarea {
  width: 93%;
  width: calc(94% - 2px);
}

.user-form.comments_form .form-element .button-large, .reply_form .form-element .button-large, .report_form .form-element .button-large {
  margin: 0;
}

.main .comments_list .comment {
  margin: 40px 0;
}

.main .comments_total {
  font-weight: bold;
}

.main .comments_title {
  font-weight: bold;
  margin-bottom: 0;
}

.main .comments_date {
  position: relative;
  margin: 0 0 20px;
}

.comments_links {
  position: absolute;
  right: 0;
  bottom: 0;
}

.mini .comments_links {
  display: block;
  position: relative;
  right: auto;
  bottom: auto;
}

.main p.awaiting_moderation {
  padding: 10px;
  background: none #efefef;
  font-style: italic;
}


/************************************************************************************
HORIZONTAL CONTENT LOGIN FORM
*************************************************************************************/

.region-content .login-form-content .form-element {
  float: left;
  margin-right: 0;
  padding-right: 10px;
}

.region-content .login-form-content .form-control {
  width: 192px;
}

.tablet .region-content .login-form-content .form-control, .mobile .region-content .login-form-content .form-control {
  padding: 2px 3%;
}

.mobile .region-content .login-form-content .form-element {
  float: none;
  margin-right: 0;
  width: auto;
  padding-bottom: 8px;
  float: none;
  display: block;
}

.tablet .region-content .login-form-content .form-element {
  padding-right: 10px;
  margin-right: 0;
  width: auto;
}

.tablet .region-content .login-form-content .form-control {
  padding: 5px 10px;
  width: 192px;
  height: 18px;
}

.region-content .login-form-content .passwort-vergessen {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  width: 60px;
}

.region-content .login-form-content .passwort-vergessen a {
  color: #999999;
  display: block;
  font-size: 9px;
  line-height: 1.3em;
  text-decoration: none;
}

.mobile .region-content .login-form-content .passwort-vergessen {
  display: none;
}

.region-content .login-form-content .form-element .button-large {
  height: 30px;
  margin: 0 5px;
  width: 214px;
}

.tablet .region-content .login-form-content .form-element .button-large {
  width: 200px;
}

.mobile .region-content .login-form-content .form-element .button-large {
  height: 36px;
  margin: 0;
  padding: 0 3%;
  width: 93%;
}

.passwort-vergessen-form-content {
  position: relative;
}

.passwort-vergessen-form-content form {
  position: absolute;
  font-size: 14px;
  width: 214px;
  top: -70px;
  left: 440px;
  padding: 20px 20px 0;
  background: none #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  z-index: 1000;
}

.mobile .passwort-vergessen-form-content form {
  position: relative;
  font-size: inherit;
  width: auto;
  top: 0;
  left: 0;
  padding: 0;
  background: none;
  box-shadow: 0 0 0 transparent;
}

.mobile .passwort-vergessen-form-content {
  padding-bottom: 30px;
}

.desktop_visible {
  display: block;
}

.mobile .passwort-vergessen-form-content {
  display: block;
}

.passwort-vergessen-form-content .form-element .button-large {
  margin: 0;
}

.passwort-vergessen-form-content .form-element .button-large {
  width: 214px;
  height: 30px;
}

.mobile .passwort-vergessen-form-content .form-element .button-large {
  width: 93%;
  height: 36px;
}

.main .passwort-vergessen-form-content h4 {
  margin-top: 0;
  font-size: 14px;
}

.mobile .main .passwort-vergessen-form-content h4 {
  margin-top: 30px;
  font-size: inherit;
}


/************************************************************************************
Exchange product details page
*************************************************************************************/

.exchange_product_detail_box {
  background: none #fff;
  padding: 15px;
}

.exchange_product_detail_box h1 {
  color: #333;
  position: relative;
  padding-right: 110px;
}

.mobile .exchange_product_detail_box h1 {
  padding-right: 85px;
}

.exchange_product_detail_box h1 .exchange_points_right {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  color: #e73446;
}

.exchange_product_detail_box h1 .exchange_rounded_p {
  height: 30px;
  width: 30px;
  font-size: 20px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  line-height: 27px;
  position: relative;
  top: 6px;
}

.mobile .exchange_product_detail_box h1 .exchange_rounded_p {
  height: 24px;
  width: 24px;
  font-size: 16px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  line-height: 22px;
  position: relative;
  top: 5px;
}

.exchange_left_col {
  float: left;
  width: 240px;
}

.mobile .exchange_left_col {
  width: 32%;
}

.mini .exchange_left_col {
  width: 100%;
  float: none;
  margin-bottom: 15px;
}

.exchange_right_col {
  margin: 0 100px 0 260px;
}

.mobile .exchange_right_col {
  margin: 0;
  float: right;
  width: 65%;
}

.mini .exchange_right_col {
  float: none;
  margin: 0;
  width: 100%;
}

.exchange_right_col p {
  padding-bottom: 20px;
}

.exchange_meta span {
  display: block;
}

.exchange_right_col .buy_now {
  padding-bottom: 0;
  text-align: right;
}

.exchange_right_col .button-large {
  height: 36px;
  line-height: 36px;
  text-decoration: none;
}

.buy_now.user-form {
  padding-bottom: 0;
}


/************************************************************************************
NEW SURVEY FORM
*************************************************************************************/

#launch_survey_form .columns_2 .splitted_list_item {
  max-width: 400px;
}

.mobile #launch_survey_form .columns_2 .splitted_list_item {
  max-width: auto;
}

#launch_survey_form .splitted_list_item.column_last {
  float: left;
}

.mobile #launch_survey_form .splitted_list_item.column_last {
  float: none;
}

#launch_survey_form .form-element .form-control-label {
  width: 105px;
}

#launch_survey_form .column_1 .form-element .form-control-label {
  width: 128px;
}

.mobile #launch_survey_form .form-element .form-control-label {
  width: auto;
}

.form-element .form-control-question {
  vertical-align: top;
  font-weight: bold;
}

#launch_survey_form .form-element .form-control-label {
  text-align: left;
}

#launch_survey_form .user_answers span.form-required {
  display: none;
}

.survey_type_selection td {
  padding: 0 12px 6px 0;
}

#launch_survey_form .button-large {
  font-size: 18px;
  height: 36px;
  width: 250px;
}

.mobile #launch_survey_form .button-large {
  width: 93%;
}

.answer_button_box {
  padding-left: 114px;
}

.mobile .answer_button_box {
  padding-left: 0;
}

.answer_button {
  display: inline-block;
  width: 38px;
  height: 38px;
  cursor: pointer;
  margin: 0 15px 0 0;
  text-indent: -9999px;
}

.answer_button_plus {
  background: url('../images/answer_button_plus.png') #cccccc no-repeat center center;
  background: url('../images/answer_button_plus_old.png') #cccccc no-repeat center center\9;
  -webkit-background-size: 38px 38px;
  -moz-background-size: 38px 38px;
  background-size: 38px 38px;
}

.answer_button_minus {
  background: url('../images/answer_button_minus.png') #cccccc no-repeat center center;
  background: url('../images/answer_button_minus_old.png') #cccccc no-repeat center center\9;
  -webkit-background-size: 38px 38px;
  -moz-background-size: 38px 38px;
  background-size: 38px 38px;
}

.answer_button:hover, .answer_button:focus {
  background-color: #333;
}


/************************************************************************************
WHAT IS TALK page
*************************************************************************************/

.whats_talk_box {
  border: 1px solid #cccccc;
  overflow: hidden;
}

.mobile .whats_talk_box {
  border: 0 none;
  max-width: 400px;
  margin: 0 auto;
}

.whats_talk_block {
  position: relative;
  margin: 2.5% 0 0 2.5%;
}

.mobile .whats_talk_block {
  position: relative;
  margin: 0 0 30px 0;
  float: none;
  width: 100%;
}

.mini .whats_talk_block {
  margin: 0 0 20px 0;
}

.mobile .whats_talk_image img {}

.whats_talk_1 {
  float: left;
  width: 30%;
}

.whats_talk_2 {
  float: left;
  width: 30%;
}

.whats_talk_3 {
  float: right;
  width: 30%;
  margin: 2.5% 2.5% 0 0;
}

.whats_talk_4 {
  float: left;
  width: 62.5%;
}

.whats_talk_5 {
  float: left;
  width: 95%;
  margin-bottom: 2.5%;
}

.main .whats_talk_block p {
  margin: 0;
}

.whats_talk_text {
  position: absolute;
  color: #fff;
  font-size: 24px;
}

.desktop-wide .whats_talk_text {
  font-size: 30px;
}

.tablet .whats_talk_text {
  position: absolute;
  color: #fff;
  font-size: 20px;
}

.mobile .whats_talk_text {
  font-size: 30px;
}

.mini .whats_talk_text {
  font-size: 24px;
}

.whats_talk_1 .whats_talk_text {
  bottom: 8%;
  left: 5%;
  width: 90%;
  text-align: center;
}

.whats_talk_2 .whats_talk_text {
  bottom: 8%;
  right: 3%;
  width: 55%;
  text-align: left;
}

.whats_talk_3 .whats_talk_text {
  top: 2%;
  left: 5%;
  width: 90%;
  text-align: center;
}

.whats_talk_4 .whats_talk_text {
  bottom: 6%;
  left: 5%;
  width: 90%;
  text-align: center;
}

.mobile .whats_talk_4 .whats_talk_text {
  bottom: 6%;
}

.whats_talk_5 .whats_talk_text {
  bottom: 18%;
  left: 5%;
  width: 90%;
  text-align: center;
}

.mobile .whats_talk_5 .whats_talk_text {
  bottom: 6%;
}

.mobile .not_on_mobile {
  display: none;
}

.only_mobile {
  display: none;
}

.mobile .only_mobile {
  display: block;
}


/***
 * Iframe tracking
 */

iframe[src*="meetrics.net"], object[codebase*="download.macromedia.com"] {
  display: none;
}


/************************************************************************************
CHECKBOX AND RADIO SWAP
*************************************************************************************/


/* iCheck plugin Minimal skin, black
----------------------------------- */

.icheckbox_minimal, .iradio_minimal {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  background: url('../images/minimal.png') no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_minimal {
  background-position: 0 0;
}

.icheckbox_minimal.hover {
  background-position: -20px 0;
}

.icheckbox_minimal.checked {
  background-position: -40px 0;
}

.icheckbox_minimal.disabled {
  background-position: -60px 0;
  cursor: default;
}

.icheckbox_minimal.checked.disabled {
  background-position: -80px 0;
}

.iradio_minimal {
  background-position: 0 0;
}

.iradio_minimal.hover {
  background-position: -40px 0;
}

.iradio_minimal.checked {
  background-position: -80px 0;
}

.iradio_minimal.disabled {
  background-position: -120px 0;
  cursor: default;
}

.iradio_minimal.checked.disabled {
  background-position: -160px 0;
}


/* HiDPI support */

@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icheckbox_minimal, .iradio_minimal {
    background-image: url('../images/minimal@2x.png');
    -webkit-background-size: 200px 40px;
    background-size: 200px 40px;
  }
}


/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 *
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/


/* ===============================================================
Basic Swiper Styles
================================================================*/

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  zoom: 1;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-wrapper:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}
.swiper-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  float: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}


/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}


/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/

.swiper-container {
  /* Specify Swiper's Size: */
  /*width:200px;
	height: 100px;*/
}

.swiper-slide {
  /* Specify Slides's Size: */
  /*width: 100%;
	height: 100%;*/
}

.swiper-slide-active {
  /* Specific active slide styling: */
}

.swiper-slide-visible {
  /* Specific visible slide styling: */
}


/* ===============================================================
Pagination Styles
================================================================*/

.swiper-pagination-switch {
  /* Stylize pagination button: */
}

.swiper-active-switch {
  /* Specific active button style: */
}

.swiper-visible-switch {
  /* Specific visible button style: */
}


/************************************************************************************
EOF
*************************************************************************************/

.form-required {
  position: relative;
}
.form-required:after {
  content: '';
  background-image: url('../images/required.svg');
  width: 10px;
  height: 10px;
  background-size: 10px 10px;
  display: inline-block;
  right: 0;
  top: 0;
  vertical-align: top;
  margin-left: 3px;
}

.cookie-form {
  margin-top: 20px;
}
.cookie-form .form-element-checkbox .checkbox-labels {
  width: 480px;
}
.cookie-form .form-actions {
  margin-top: 10px;
}
.register-form-footnote {
  font-size: smaller;
  margin-top: 10px;
}