.student-section {
    width: 100%;
    max-width: 1000px;
    padding: 0 15px;
    margin: 0 auto;
}

.accordion-list {
    list-style-type: none;
    padding: 0;
    text-align: left;
    min-width: 100%;
    margin: 1rem 0;
}

.accordion-list > li {
    border-bottom: 1px solid #58bfcf;
    margin: 0;
    background-color: transparent;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}

.accordion-list > li:after {
    content: "";
    width: 14px;
    height: 10px;
    background: url("../images/dropdown.png");
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 21px;
    margin-right: 30px;
     -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    pointer-events: none;
}


.accordion-list > li.accordion-open:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

ul li {
    margin: 1rem 0;
    position: relative;
}



.accordion-heading:hover {
    /*color: #d40511;*/
}
.accordion-heading {
    font-size: 15px;
    color: #58bfcf;
    margin: 0;
    padding: 15px 190px 15px 30px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;

}

.accordion-content {
    padding: 30px 70px;
    line-height: 1.8;
    font-size: 14px
}

.accordion-content .button {
    margin-top: 30px;
}

.text-content {
    word-wrap: break-word;
}

li .paper-type {
    color: #58bfcf;
    position: absolute;
    top: 15px;
    right: 30px;
    margin-right: 35px;
}

.accordion-list ul     {
    margin: 30px 0 30px; padding: 0px; list-style-type: none; font-family: 'Open Sans', sans-serif; font-size: 14px;}
.accordion-list ul li     {margin: 0px 0px 20px; padding: 0px 0px 0px 20px; line-height: 1.5; position: relative;}

.accordion-list ul li:before {
    width: 16px;
    height: 14px;
    background: url('../images/sprite.png') no-repeat -70px -42px;
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0px;
}

.content-padding {
    padding-top: 60px;
    padding-bottom: 50px;
}

.student-contact-wrapper {
    padding: 40px 30px;
    border: 1px solid #cacfd3;
    font-size: 15px;
    line-height: 1.8;
}

.student-contact-wrapper .selectboxit-container .selectboxit {
    border-bottom: 0px solid #cacfd3;
}

.student-contact-wrapper .selectboxit-default-arrow:after {
    width: 11px;
    background: url('/Flowmon/media/system/images/sprite.png') no-repeat -80px 0px;
}

.student-contact-wrapper h2 {
    margin-bottom: 37px;
}

.student-contact-wrapper .button-blue input, .student-contact-wrapper a.button-blue {
    background: #48afc0;
    border-bottom: 3px solid #3d95a3;
    color: white;
    padding: 0 45px;
    height: 75px;
    line-height: 75px;

}


.student-contact-wrapper .selectboxit-container .selectboxit, .selectboxit-container .selectboxit-options {
    max-height:240px;
}

.student-contact-wrapper .selectboxit-options .selectboxit-option .selectboxit-option-anchor {
    white-space: normal;
    min-height: 30px;
    height: auto;
}

.selectboxit-text {
    max-width: 100% !important;
    padding-right: 60px;
    position: absolute;
    top: 0px;
}

@media all and (max-width: 580px) {
    li .paper-type {
        color: #58bfcf;
        position: initial;
        margin-left: 50px;
    }

    .accordion-heading {
            padding: 15px 50px 15px 30px;
    }

    .accordion-list > li {
            padding-bottom: 15px;
    }
}

@media all and (max-width: 370px) {
    .student-contact-wrapper body > div.rc-anchor.rc-anchor-normal.rc-anchor-light {
        transform: scale(0.8);
     position: absolute;
     left: -30px;
    }
}

.margin-bottom-45 {
    margin-bottom: 45px;
}

#new-event-list .news-date {
     bottom: -25px;
}


#new-event-list .news-info {
     margin-bottom: 30px;
}

.webinar-img-wrapper {
    margin-bottom: 30px;
}

.webinar-img-wrapper {
    max-width: 100%;
}

.webinar-detail .button-big {
    margin-bottom: 20px;
}

@media all and (max-width: 600px) {
    .back-button-space {
        margin-bottom: 75px;
    }
}

#slider {
    height: 480px;
    position: relative;
    overflow: hidden;
}

#slider #gartner {
    position: absolute;
    top: -25px;
    right: -150px;
    height: 150px;
    font-size: 14px;
    text-align: center;
    background: rgba(72,175,192, 0.8);
    width: 400px;
    padding: 15px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    color: white;
}

@media all and (max-width: 1200px) {
    #slider h1 {
        padding: 0 130px;
    }
}

@media all and (max-width: 1030px) {
    #slider #gartner {
        display: none;
    }
}

@media all and (max-width: 900px) {
    #slider h1 {
        padding: 0;
    }
}

#slider #gartner:hover, #slider #gartner:link {
    color: white;
}

#slider #gartner:focus {
    text-decoration: underline;
}

/*@media all and (max-width: 480px) {
    #slider #gartner {
        font-size: 20px;
    }
}*/

#slider #gartner span {
    display: inline-block;
    position: relative;
    top: 100%;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.webinar-reg-form {
    max-width: 600px;
    padding: 40px 30px;
    border: 1px solid #cacfd3;
    margin-bottom: 60px;
    margin-top: 40px;
    font-family: 'Open Sans', sans-serif;
}

.webinar-reg-form .form-selectbox {
    font-weight: bold;
}

.captcha-row {
    margin-top: 30px;
}

.captcha-row .form-button .button {
    margin-top: 15px;
}

.webinar-reg-form h2 {
    margin-top: 0px;
}

@media all and (max-width: 767px) {
    .captcha-row .form-button .button, .captcha-row .form-button .button input {
        width: 100%;
    }

    .captcha-row .form-button .button {
        width: 100%;
        margin-top: 30px;
    }
}

/* screen wrap */
.screen-wrap-parent {
    display: inline-block;
    width: 513px;
    height: 338px;
    position: relative;
    background: url("../images/screen-wrap-bg.png")
}

.fancybox-screen {
    display: inline-block;
    position: absolute;
    width: 376px;
    height: 236px;
    background-size: cover !important;
    background-position: 50% 50% !important;
    top: 40px;
    left: 69px;
}

@media all and (max-width: 550px) {
    img.screen-wrap {
        display: inline-block !important;
        max-width: 100%;
    }

    .fancybox-screen {
        display: none;
    }

    .screen-wrap-parent {
         background-image: none;
        width: 100%;
    }
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.pick-country-placeholder {
    display: none;
}

.country-select {
    margin: 0 5px;
    width: 230px;
    float: left;
}

.center-twofilter-gap {
    margin-left: -13px;
}

.lng-arrow {
    cursor: pointer;
    padding-bottom: 10px;
}

.lng-arrow:after {
    content: "";
    width: 5px;
    height: 5px;
    border-bottom: 1px solid #403f42;
    border-right: 1px solid #403f42;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    position: relative;
    top: -3px;
    margin-left: 6px;
    margin-right: 3px;
}

.header-language ul {
    display: none;
    position: absolute;
    right: 15px;
    top: 25px;
    width: 70px;
    background: #eaeff3;
    z-index: 50;
    text-align: center;
}

.header-language ul li {
    margin: 0;
    width: 100%;
}

.header-language ul a {
    width: 100%;
    height: auto;
    background-image: none;
    font-size: 12px;
    display: block;
    opacity: 1;
    text-align: center;
    padding: 7px;
}

.header-language ul a:hover {
    text-decoration: none;
    background: #cacfd3;
}

.lng-ddl-wrapper:hover ul, 
.lng-ddl-wrapper ul:hover {
    display: block;
}

.contact-helper .contact-content {
    height: 100%;

}

.li-French, .li-German, .li-Polish, .li-Spanish {
    display: none !important;
}

.slick-hp .slide,
#slider.slick-hp {
  height: 480px;
}



#slider.slick-hp {
    position: relative;
    overflow: hidden;

    padding-top: 0;
    width: 100%;
    background-image: none !important;
}

.slick-hp .slide {
  padding: 75px 45px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.slick-hp .slick-next,
.slick-hp .slick-prev {
  z-index: 1;
  width: 100px;
  height: 100%;
}

@media all and (max-width: 768px) {
  .slick-hp .slick-next,
  .slick-hp .slick-prev {
    width: 40px;
  }
}

.slick-hp .slick-next:before,
.slick-hp .slick-prev:before {
  font-size: 26px;
}

@media all and (min-width: 768px) {
  .slick-hp .slick-next:before,
  .slick-hp .slick-prev:before {
    font-size: 40px;
  }
}

.slick-hp .slick-next {
  right: 0px;
  text-align: right;
  padding-right: 10px;
}

.slick-hp .slick-prev {
  left: 0px;
  text-align: left;
  padding-left: 10px;
}

.slider-buttons {
  position: relative;
  z-index: 2;
}

@media all and (max-width: 760px) {
  .slick-hp .slide h1 {
    font-size: 28px;
  }
}

@media all and (max-width: 560px) {
  .slick-hp .slide,
  #slider.slick-hp {
    height: 720px;
  }
}

@media all and (max-width: 480px) {
  .slick-hp .slide h1 {
    font-size: 24px;
  }
}

#history {
  background: url("../images/history-bg.jpg");
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  position: relative;
  top: -30px;
  z-index: -1;
}

.EditMode #history {
  z-index: 0 !important;
}

.history-item {
  margin-bottom: 120px;
  min-height: 300px;
}

.image-border {
  width: 320px;
  height: 320px;
  position: relative;
  top: -10px;
  left: -10px;
  background: #ebebee;
}

.image-border:before {
  content: "";
  background: #00bfd1;
  width: 40px;
  height: 40px;
  float: right;
  margin-right: -10px;
  margin-top: -10px;
}

.history-img {
  position: relative;
  top: 10px;
  left: 10px;
  width: 300px;
  height: 300px;
  background-size: cover !important;
}

.history-text {
  max-width: 570px;
  margin-top: 20px;
  line-height: 1.9;
}

.history-text h3 {
  font-weight: 400;
  margin-bottom: 20px;
}

@media all and (min-width: 1250px) {
  div.history-item:nth-of-type(odd) {
    margin-left: 150px;
  }
}

@media all and (max-width: 991px) {
  .history-text {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .image-border {
    left: 0;
    margin-left: auto;
    margin-right: auto;
  }
}

@media all and (max-width: 400px) {
  .image-border {
    width: 280px;
    height: 280px;
  }

  .history-img {
    width: 260px;
    height: 260px;
  }
}

.history-intro {
  margin-bottom: 100px;
}

.history-intro h1 {
  margin-bottom: 30px;
}

#main-teaser.custom-teaser {
  background: url("/Flowmon/media/system/images/flowmon_historie.jpg");
  height: 300px;
  background-position: 50% 50% !important;
}

img {
  height: auto !important;
}

.download-wizard {
  padding-left: 100px;
  counter-reset: section;
}

.download-wizard h2 {
  margin-bottom: 30px;
}

.download-wizard .section {
  margin-bottom: 80px;
  position: relative;
}

.download-wizard .section .row {
  margin-left: -5px;
  margin-right: -5px;
}

.download-wizard .section .row > * {
  padding-left: 5px;
  padding-right: 5px;
}

.section .wizard-box {
  background: #eaeff3;
  padding: 30px;
  margin-bottom: 10px;
  -webkit-transition: all ease-in-out 150ms;
  -moz-transition: all ease-in-out 150ms;
  -ms-transition: all ease-in-out 150ms;
  transition: all ease-in-out 150ms;
}

.section .wizard-box.active {
  color: #FFFFFF;
  background: #6dbfcd;
}

.section .wizard-box img {
  max-width: 100%;
}

.section .wizard-box .img-wrapper {
  margin-bottom: 30px;
  min-height: 50px;
}

.section .wizard-box.selected {

}

.wizard-box .text {
  margin-bottom: 30px;
  font-size: 12px;
}

/* .wizard-btn {
  display: inline-block;
  background: #6dbfcd;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 50px;
  cursor: pointer;
  -webkit-transition: all ease-in-out 150ms;
  -moz-transition: all ease-in-out 150ms;
  -ms-transition: all ease-in-out 150ms;
  transition: all ease-in-out 150ms;
}

.wizard-btn:hover, .section .wizard-box.active .wizard-btn {
  color: #6dbfcd;
  background: #FFFFFF;
} */

.download-wizard #section-1:before,
.download-wizard #section-2:before {
  content: "";
  display: inline-block;
  position: absolute;
  height: calc(100% + 80px);
  width: 2px;
  background: #6dbfcd;
  left: -80px;
}

.download-wizard .section:after {
  counter-increment: section;
  content: counter(section);
  position: absolute;
  left: -100px;
  top: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFFFFF;
  background: #6dbfcd;
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  padding-top: 9px;
  padding-right: 1px;
  font-family: 'montserrat', sans-serif !important;
}

.download-wizard .set {
  display: none;
}

.download-wizard .set.active {
  display: block;
}

.download-wizard .overlay {
  position: absolute;
  width: calc(100% + 100px);
  height: calc(100% + 80px);
  top: 0;
  left: -100px;
  background: rgba(255,255,255,0.8);
  z-index: 5;
}

.download-wizard .item {
  display: none;
}

.download-wizard .item.active {
  display: block;
}

.download-wizard .item .text {
  font-size: 17px;
  line-height: 2;
}

.download-wizard .btns {
  margin-top: 25px;
}

/* .download-wizard .btns .wizard-btn {
  width: 155px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  margin-bottom: 10px;
  text-decoration: none !important;
} */

.download-wizard .btns .item-download {
  background: #77cc00;
}

.download-wizard .btns .item-download:hover {
  color: #77cc00;
  background: #FFFFFF;
}

@media all and (max-width: 480px) {
  .download-wizard {
    padding-left: 40px;
  }

  .download-wizard #section-1:before,
  .download-wizard #section-2:before {
    left: -27px;
  }

  .download-wizard .section:after {
    left: -41px;
    width: 30px;
    height: 30px;
    font-size: 16px;
    padding-right: 0px;
    padding-top: 7px;
  }
}

h2, h3 {
  margin-bottom: 25px;
}

h4, h5 {
  margin-bottom: 20px;
}

#spinner-full {
  position: fixed;
  z-index: 99999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.3);
}

.spinner {
  width: 40px;
  height: 40px;
  top: 50%;

  position: relative;
  margin: -20px auto 0;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #48afc0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;

  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

@media all and (max-width: 979px) {
  .zopim {
    display: none !important;
  }
}

@media all and (min-width: 980px) and (max-width: 1320px) {
  .pux-container.blog-container {
    padding-left: 80px;
    padding-right: 80px;
  }
}