/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11-mei-2017, 14:15:03
    Author     : MeesVerberne
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 10-mrt-2016, 9:25:59
    Author     : Mees Verberne
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
.defaultFont {
  font-size: 14px;
  font-weight: 500;
}
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 10-mrt-2016, 9:27:08
    Author     : Mees Verberne
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18-apr-2017, 13:17:45
    Author     : MeesVerberne
*/
header {
  height: 85px;
  width: 100%;
  position: fixed;
  z-index: 20;
  background: transparent;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
header .contentwrapper {
  padding: 0 15px;
  box-sizing: border-box;
}
header .contentwrapper .logo {
  width: 145px;
  display: inline-block;
}
header .contentwrapper .logo a {
  display: inline-block;
  line-height: 85px;
}
header .contentwrapper .logo a img {
  width: 100%;
  vertical-align: middle;
}
header .contentwrapper .logo a.white {
  display: inline-block;
}
header .contentwrapper .logo a.black {
  display: none;
}
header .contentwrapper .toggle-menu {
  display: none;
}
header .contentwrapper #main-menu {
  display: inline-block;
  width: calc(100% - 145px);
  text-align: right;
}
header .contentwrapper #main-menu ul li {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  margin-right: 20px;
  position: relative;
}
header .contentwrapper #main-menu ul li a {
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
}
header .contentwrapper #main-menu ul li.selected a {
  font-weight: bold;
}
header .contentwrapper #main-menu ul li.selected:after {
  content: "";
  height: 1px;
  width: 100%;
  background: #00c584;
  position: absolute;
  left: 0;
  bottom: -10px;
}
header .contentwrapper #main-menu ul li:last-child {
  margin-right: 0;
}
header .contentwrapper #main-menu ul li.submenu {
  margin-right: 15px;
  padding-right: 20px;
}
header .contentwrapper #main-menu ul li.submenu:before {
  font-family: Fontawesome;
  content: "\f107";
  color: #fff;
  right: 0px;
  margin-top: 5px;
  position: absolute;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
header .contentwrapper #main-menu ul li.submenu:hover:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
header .contentwrapper #main-menu ul li.submenu:hover ul {
  max-height: 400px;
  -webkit-transition: max-height 1s ease-out;
  -moz-transition: max-height 1s ease-out;
  -o-transition: max-height 1s ease-out;
  transition: max-height 1s ease-out;
}
header .contentwrapper #main-menu ul li.submenu ul {
  width: 100%;
  min-width: 150px;
  display: block;
  position: absolute;
  text-align: left;
  max-height: 0;
  overflow: hidden;
  padding: 0 10px;
  -webkit-transition: max-height 1s ease-out;
  -moz-transition: max-height 1s ease-out;
  -o-transition: max-height 1s ease-out;
  transition: max-height 1s ease-out;
}
header .contentwrapper #main-menu ul li.submenu ul li {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
header .contentwrapper #main-menu ul li.submenu ul li:first-child {
  margin-top: 20px;
}
header .contentwrapper #main-menu ul li.submenu ul li a {
  display: block;
  width: 100%;
}
header .contentwrapper #main-menu ul li.highlight a {
  border: 2px solid #ff5e00;
  display: inline-block;
  font-weight: 600;
  background: #ff5e00;
  padding: 10px 28px;
  vertical-align: top;
  margin-top: -9px;
  border-radius: 32px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
header .contentwrapper #main-menu ul li.highlight a:hover {
  background: transparent;
  color: #fff;
  border-color: #fff;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
header.scrolled {
  background: #fff;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
header.scrolled .contentwrapper .logo a.white {
  display: none;
}
header.scrolled .contentwrapper .logo a.black {
  display: inline-block;
}
header.scrolled .contentwrapper #main-menu ul li a {
  color: #282828;
}
header.scrolled .contentwrapper #main-menu ul li.highlight a {
  color: #fff;
}
header.scrolled .contentwrapper #main-menu ul li.highlight a:hover {
  color: #ff5e00;
  border-color: #ff5e00;
}
header.scrolled .contentwrapper #main-menu ul li.submenu:before {
  color: #282828;
}
header.scrolled .contentwrapper #main-menu ul li ul {
  background: #fff;
}
@media all and (max-width: 1140px) {
  header .contentwrapper {
    padding: 0 20px;
  }
  header .contentwrapper #main-menu ul li {
    margin-right: 10px;
  }
}
@media all and (max-width: 1023px) {
  header.open .contentwrapper .responsive-bg,
  header.scrolled.open .contentwrapper .responsive-bg {
    display: block;
    width: 100%;
    background: #ebebeb;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
  }
  header .contentwrapper,
  header.scrolled .contentwrapper {
    padding: 0px;
  }
  header .contentwrapper .responsive-bg,
  header.scrolled .contentwrapper .responsive-bg {
    display: block;
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    width: 100%;
    background: transparent;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
  }
  header .contentwrapper .logo,
  header.scrolled .contentwrapper .logo {
    z-index: 2;
    position: relative;
  }
  header .contentwrapper .toggle-menu,
  header.scrolled .contentwrapper .toggle-menu {
    display: inline-block;
    float: right;
    margin-top: 31px;
    height: 24px;
    position: relative;
    cursor: pointer;
    z-index: 2;
  }
  header .contentwrapper .toggle-menu .bar,
  header.scrolled .contentwrapper .toggle-menu .bar {
    width: 35px;
    height: 2px;
    background: #fff;
    margin-top: 11px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  header .contentwrapper .toggle-menu .bar:before,
  header.scrolled .contentwrapper .toggle-menu .bar:before {
    position: absolute;
    top: 0px;
    content: "";
    margin-bottom: 30px;
    width: 35px;
    height: 2px;
    background: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  header .contentwrapper .toggle-menu .bar:after,
  header.scrolled .contentwrapper .toggle-menu .bar:after {
    position: absolute;
    top: 0px;
    content: "";
    margin-top: 22px;
    width: 35px;
    height: 2px;
    background: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  header .contentwrapper .toggle-menu.close .bar,
  header.scrolled .contentwrapper .toggle-menu.close .bar {
    height: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  header .contentwrapper .toggle-menu.close .bar:before,
  header.scrolled .contentwrapper .toggle-menu.close .bar:before {
    margin-bottom: 0px;
    top: 10px;
    bottom: auto;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  header .contentwrapper .toggle-menu.close .bar:after,
  header.scrolled .contentwrapper .toggle-menu.close .bar:after {
    margin-top: 0px;
    top: 10px;
    bottom: auto;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  header .contentwrapper #main-menu,
  header.scrolled .contentwrapper #main-menu {
    text-align: left;
    position: fixed;
    height: 100%;
    text-align: center;
    padding-top: 85px;
    box-sizing: border-box;
    width: 100%;
    top: -100%;
    overflow: scroll;
    left: 0;
    background: #ebebeb;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
  }
  header .contentwrapper #main-menu.open,
  header.scrolled .contentwrapper #main-menu.open {
    top: 0;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
  }
  header .contentwrapper #main-menu ul,
  header.scrolled .contentwrapper #main-menu ul {
    height: 100%;
    overflow: auto;
  }
  header .contentwrapper #main-menu ul li,
  header.scrolled .contentwrapper #main-menu ul li {
    display: block;
    margin-bottom: 30px;
    margin-right: 0;
  }
  header .contentwrapper #main-menu ul li a,
  header.scrolled .contentwrapper #main-menu ul li a {
    color: #282828;
    font-size: 14px;
  }
  header .contentwrapper #main-menu ul li.selected a,
  header.scrolled .contentwrapper #main-menu ul li.selected a {
    color: #00c584;
  }
  header .contentwrapper #main-menu ul li.selected:after,
  header.scrolled .contentwrapper #main-menu ul li.selected:after {
    display: none;
  }
  header .contentwrapper #main-menu ul li.submenu,
  header.scrolled .contentwrapper #main-menu ul li.submenu {
    margin-right: 0;
    padding-right: 0;
  }
  header .contentwrapper #main-menu ul li.submenu:after,
  header.scrolled .contentwrapper #main-menu ul li.submenu:after {
    display: none;
  }
  header .contentwrapper #main-menu ul li.submenu:before,
  header.scrolled .contentwrapper #main-menu ul li.submenu:before {
    display: none;
  }
  header .contentwrapper #main-menu ul li.submenu ul,
  header.scrolled .contentwrapper #main-menu ul li.submenu ul {
    position: static;
    max-height: 400px;
    padding: 0;
    background: none;
    text-align: center;
  }
  header .contentwrapper #main-menu ul li.submenu ul li a,
  header.scrolled .contentwrapper #main-menu ul li.submenu ul li a {
    font-size: 12px;
  }
  header .contentwrapper #main-menu ul li.submenu:hover ul,
  header.scrolled .contentwrapper #main-menu ul li.submenu:hover ul {
    max-height: 400px;
  }
  header .contentwrapper #main-menu ul li.highlight,
  header.scrolled .contentwrapper #main-menu ul li.highlight {
    margin-bottom: 50px;
  }
  header .contentwrapper #main-menu ul li.highlight a,
  header.scrolled .contentwrapper #main-menu ul li.highlight a {
    color: #fff;
  }
  header .contentwrapper #main-menu ul li.highlight a:hover,
  header.scrolled .contentwrapper #main-menu ul li.highlight a:hover {
    border-color: #ff5e00;
    color: #ff5e00;
  }
  header.scrolled .contentwrapper .toggle-menu .bar {
    background: #282828;
  }
  header.scrolled .contentwrapper .toggle-menu .bar:after {
    background: #282828;
  }
  header.scrolled .contentwrapper .toggle-menu .bar:before {
    background: #282828;
  }
}
@media all and (max-height: 600px) {
  header .contentwrapper #main-menu {
    height: 100%;
  }
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 25-apr-2017, 11:30:34
    Author     : MeesVerberne
*/
#footer {
  padding-top: 50px;
  background: url(/assets/img/gd-bg.jpg);
  background-size: cover;
  color: #fff;
}
#footer .contentwrapper .subfooter {
  padding-bottom: 30px;
}
#footer .contentwrapper .subfooter .footermenu {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
#footer .contentwrapper .subfooter .footermenu ul {
  list-style: none;
}
#footer .contentwrapper .subfooter .footermenu ul .responsive-div {
  width: auto;
  height: auto;
  display: inline;
}
#footer .contentwrapper .subfooter .footermenu ul .responsive-div .column {
  width: 18%;
  vertical-align: top;
  display: inline-block;
}
#footer .contentwrapper .subfooter .footermenu ul .responsive-div .column:first-child {
  width: 10%;
}
#footer .contentwrapper .subfooter .footermenu ul .responsive-div .column li a {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 30px;
  font-weight: 700;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#footer .contentwrapper .subfooter .footermenu ul .responsive-div .column li a:hover {
  opacity: 0.7;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#footer .contentwrapper .subfooter .footermenu ul .responsive-div .column li ul li a {
  font-weight: 500;
}
#footer .contentwrapper .subfooter .footermenu ul .responsive-div .last-column {
  width: 26%;
  display: inline-block;
  vertical-align: top;
  padding-left: 40px;
  box-sizing: border-box;
}
#footer .contentwrapper .subfooter .footermenu ul .responsive-div .last-column .title {
  color: #0d493c;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
}
#footer .contentwrapper .subfooter .footermenu ul .responsive-div .last-column p {
  font-size: 14px;
  line-height: 21px;
}
#footer .contentwrapper .subfooter .footermenu ul .responsive-div .last-column .socials {
  padding-top: 20px;
}
#footer .contentwrapper .subfooter .footermenu ul .responsive-div .last-column .socials a {
  color: #fff;
  font-size: 18px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#footer .contentwrapper .subfooter .footermenu ul .responsive-div .last-column .socials a:hover {
  opacity: 0.7;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#footer .contentwrapper .subfooter .footermenu ul .responsive-div .last-column .socials a i {
  margin-right: 20px;
}
#footer .contentwrapper .copyfooter {
  font-weight: 300;
  font-size: 14px;
  color: #0d493c;
  text-align: center;
  line-height: 45px;
  border-top: 1px solid rgba(225, 225, 225, 0.2);
}
#footer .contentwrapper .copyfooter a {
  font-weight: 700;
  color: #0d493c;
}
@media all and (max-width: 1285px) {
  #footer .contentwrapper {
    padding: 0 20px;
    box-sizing: border-box;
  }
}
@media all and (max-width: 1023px) {
  #footer .contentwrapper .subfooter .footermenu {
    width: 355px;
    margin: 0 auto;
    display: block;
    position: relative;
  }
  #footer .contentwrapper .subfooter .footermenu ul .responsive-div {
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
  #footer .contentwrapper .subfooter .footermenu ul .responsive-div .column {
    width: 100% !important;
  }
  #footer .contentwrapper .subfooter .footermenu ul .responsive-div .last-column {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    padding-left: 0;
    padding-top: 30px;
  }
}
@media all and (max-width: 767px) {
  #footer .contentwrapper .copyfooter .links {
    display: block;
  }
  #footer .contentwrapper .copyfooter .seperator {
    display: none;
  }
}
@media all and (max-width: 400px) {
  #footer .contentwrapper .copyfooter {
    line-height: 20px;
    padding: 20px 0;
  }
  #footer .contentwrapper .copyfooter .links {
    margin-top: 20px;
  }
  #footer .contentwrapper .subfooter .footermenu {
    width: 100%;
  }
  #footer .contentwrapper .subfooter .footermenu ul .responsive-div {
    width: 100%;
    display: block;
  }
  #footer .contentwrapper .subfooter .footermenu ul .responsive-div .last-column {
    position: static;
    padding-top: 0;
    width: 100%;
  }
}
* {
  padding: 0;
  margin: 0;
  font-family: 'Open Sans';
}
html,
body {
  -webkit-font-smoothing: antialiased;
  color: #4d4d4f;
  /*    overflow-x:hidden;*/
}
html.overflow,
body.overflow {
  overflow: hidden;
}
html p,
body p {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
html.overflow-menu,
body.overflow-menu {
  position: relative;
  overflow: hidden;
}
html.overflow-menu header .contentwrapper .logo a.white,
body.overflow-menu header .contentwrapper .logo a.white {
  display: none;
}
html.overflow-menu header .contentwrapper .logo a.black,
body.overflow-menu header .contentwrapper .logo a.black {
  display: inline-block;
}
html.overflow-menu .page,
body.overflow-menu .page,
html.overflow-menu footer,
body.overflow-menu footer {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  -webkit-transition-property: opacity, visibility, max-height;
  -moz-transition-property: opacity, visibility, max-height;
  -o-transition-property: opacity, visibility, max-height;
  transition-property: opacity, visibility, max-height;
  transition-duration: 0.7s, 0.7s, 0.1s;
  -webkit-transition-duration: 0.7s, 0.7s, 0.1s;
  -moz-transition-duration: 0.7s, 0.7s, 0.1s;
  -o-transition-duration: 0.7s, 0.7s, 0.1s;
  -webkit-transition-delay: 0s, 0s, 0.7s;
  -moz-transition-delay: 0s, 0s, 0.7s;
  -o-transition-delay: 0s, 0s, 0.7s;
  transition-delay: 0s, 0s, 0.7s;
}
.page,
footer {
  opacity: 1;
  visibility: visible;
  max-height: 1000000px;
  -webkit-transition-property: opacity, visibility, max-height;
  -moz-transition-property: opacity, visibility, max-height;
  -o-transition-property: opacity, visibility, max-height;
  transition-property: opacity, visibility, max-height;
  transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
a {
  color: inherit;
}
b,
strong {
  font-weight: 700;
}
.textpage {
  padding-top: 85px;
}
.anchor {
  padding-top: 85px;
}
.inview.invisible {
  opacity: 0;
}
.inview {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  opacity: 1;
}
.gradient-bg {
  background: #00c584;
  background: linear-gradient(90deg, #00c584 0%, #0ea181 50%, #2c8487 100%);
}
.gradient-overlay-menu {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(2, 2, 2, 0.55) 1%, rgba(229, 229, 229, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(2, 2, 2, 0.55) 1%, rgba(229, 229, 229, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(2, 2, 2, 0.55) 1%, rgba(229, 229, 229, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c000000', endColorstr='#00e5e5e5', GradientType=0);
  /* IE6-9 */
  height: 85px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
a {
  text-decoration: none;
}
.contentwrapper {
  width: 1140px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}
.contentwrapper.fix {
  width: 1154px;
}
.pagetitle {
  font-size: 40px;
  line-height: 40px;
  font-weight: 300;
  text-transform: uppercase;
}
.black {
  font-weight: 700;
}
input:focus {
  outline: 0;
}
.btn {
  border: 2px solid #ff5e00;
  display: inline-block;
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
  background: #ff5e00;
  padding: 10px 28px;
  vertical-align: top;
  border-radius: 32px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.btn:hover {
  background: transparent;
  color: #fff;
  border-color: #fff;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.btn.green {
  background: #00c584;
  border-color: #00c584;
}
.btn.green:hover {
  background: transparent;
  color: #fff;
  border-color: #fff;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.htmlblock {
  padding-top: 50px;
  padding-bottom: 50px;
}
.htmlblock h1 {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 100;
  line-height: 1.1;
}
.htmlblock hr {
  border: 0px;
  border-bottom: 1px solid #acacac;
  margin-bottom: 25px;
  margin-top: 10px;
}
.htmlblock ul {
  padding: 20px 60px;
  padding-bottom: 40px;
}
.grecaptcha-badge {
  z-index: 10;
}
@media all and (max-width: 1180px) {
  .contentwrapper {
    width: 100%;
  }
  .contentwrapper.fix {
    width: 100%;
  }
  .contentwrapper.htmlblock {
    width: auto;
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media all and (max-width: 1023px) {
  .responsive-table {
    width: 100% !important;
    margin-left: 0 !important;
  }
}
@media all and (max-width: 767px) {
  .contentwrapper {
    width: 100%;
  }
  .contentwrapper.fix {
    width: 100%;
  }
  .contentwrapper.htmlblock {
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  table {
    max-width: 100% !important;
  }
}
@media all and (max-width: 500px) {
  .rotaid-info .contentwrapper .right .item {
    width: 100% !important;
    padding: 30px 20px !important;
    box-sizing: border-box !important;
  }
  .responsive-table {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .responsive-table img {
    width: auto !important;
    max-height: 50px !important;
  }
  .responsive-table h2 {
    font-size: 16px !important;
  }
}
.djvbicon.zorgeloospakket {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDc4LjEgODEuNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzguMSA4MS42OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzguMSwxMi42YzAtMi4xLDAtMy45LDAtNS42YzAtMS4xLTAuMS0xLjMtMS4yLTEuNGMtMi4yLTAuMi00LjItMC44LTYuMS0xLjdjLTIuMy0xLTQuNC0yLjMtNi40LTMuNw0KCWMtMC41LTAuMy0wLjktMC40LTEuNCwwYy0wLjcsMC41LTEuNSwxLTIuMywxLjVjLTMuMywyLTYuNywzLjYtMTAuNiwzLjljLTAuOCwwLjEtMSwwLjMtMSwxLjFjMCwzLjMsMCw2LjcsMCwxMA0KCWMwLDMuNiwxLjMsNi43LDMuOCw5LjJjMi45LDMsNi40LDUsMTAuMyw2LjVjMC4zLDAuMSwwLjYsMC4xLDAuOSwwYzMuOS0xLjUsNy41LTMuNSwxMC40LTYuNmMyLTIuMSwzLjMtNC42LDMuNi03LjUNCglDNzguMiwxNi4zLDc4LDE0LjMsNzguMSwxMi42eiBNNzIsMjMuMmMtMi4yLDIuNC00LjksNC03LjgsNS4zYy0wLjUsMC4yLTAuNi0wLjEtMC42LTAuNWMwLTMuMSwwLTYuMSwwLTkuMmMwLTAuOSwwLTEuNywwLTIuNg0KCWMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMtMy4zLDAtNi43LDAtMTAsMGMtMC44LDAtMC45LTAuMS0wLjktMC45YzAtMS45LDAtMy45LDAtNS44YzAtMC41LDAuMi0wLjcsMC42LTAuOA0KCWMzLjQtMC44LDYuNS0yLjMsOS41LTQuMWMwLjItMC4xLDAuNC0wLjQsMC42LTAuMmMwLjIsMC4xLDAuMSwwLjQsMC4xLDAuNmMwLDMuNywwLDcuNSwwLDExLjJjMCwwLDAsMCwwLDBsMCwwYzAsMCwwLDAsMCwwDQoJYzAsMCwwLDAsMCwwYzMuMywwLDYuNywwLDEwLDBjMC44LDAsMC45LDAuMSwwLjksMC45Qzc0LjUsMTkuNSw3My41LDIxLjUsNzIsMjMuMnoiLz4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02My42LDM2LjFjLTAuNiwwLTEuMi0wLjEtMS44LTAuM2MtMy45LTEuNS03LTMuMi05LjYtNS40YzEuNCwxLjQsMi41LDMuMSwzLjUsNC44YzAuNSwwLjksMS4xLDIuMiwxLjUsMy4xDQoJCWMwLjQsMSwwLjQsMS42LDAuNywyLjhjMC4zLDEuNSwwLjUsMy4yLDAuNSw0LjhjMCwxMi42LTEwLjIsMjIuOC0yMi44LDIyLjhTMTIuNyw1OC42LDEyLjcsNDZjMC0xLjYsMC4yLTMuMiwwLjUtNC44DQoJCWMwLjItMS4xLDAuNi0yLjYsMS0zLjZjMC4zLTAuOCwwLjgtMS43LDEtMi4xYzMuOC03LjMsMTEuNS0xMi40LDIwLjMtMTIuNGM1LjYsMCwxMC43LDIsMTQuNiw1LjNjLTMuMi0zLjQtNC44LTcuMy00LjctMTEuNw0KCQljMC0xLjYsMC0zLjMsMC00LjljLTMuMS0wLjktNi41LTEuNC05LjktMS40QzE1LjksMTAuNCwwLDI2LjMsMCw0NmMwLDE5LjYsMTUuOSwzNS42LDM1LjYsMzUuNlM3MS4yLDY1LjYsNzEuMiw0Ng0KCQljMC00LjItMC43LTguMS0yLTExLjljLTEuMiwwLjYtMi40LDEuMS0zLjgsMS43QzY0LjgsMzYsNjQuMiwzNi4xLDYzLjYsMzYuMXogTTMwLjksMTIuM2M1LjItMC44LDkuNywwLjEsOS43LDAuMQ0KCQljMC4yLDAuMiwwLjIsMC40LTAuMSwwLjdjMCwwLTIsMi4yLTQuOSwyLjJTMzAuOCwxMywzMC44LDEzUzMwLjMsMTIuNCwzMC45LDEyLjN6IE0yNy4yLDIwYzIuOS0yLjgsNi4xLTMuMSw2LjEtMy4xDQoJCXMwLjUtMC4xLDAuNywwLjVjMCwwLDAuMSwwLjcsMC44LDAuN2MwLDAsMy42LTAuNyw5LjIsMS45YzAsMCwwLjQsMC4yLDAuMywwLjZjMCwwLDAsMC43LTAuOCwwLjVjLTUuMi0xLjUtNy45LTAuNi03LjktMC42DQoJCWMtMC42LDAuMS0wLjYsMC43LTAuNiwwLjdjMC4xLDAuOS0wLjcsMS0wLjcsMWMtMy4xLDAuNi01LjgtMC4zLTYuOC0wLjlDMjYuNCwyMC42LDI3LjIsMjAsMjcuMiwyMHogTTguMywyNS40DQoJCWMzLjMtNC40LDYuOS02LjgsNi45LTYuOGMwLjIsMCwwLjUsMC4xLDAuNCwwLjVjMCwwLDAuMSwzLTEuOSw1cy01LDEuOS01LDEuOVM4LDI1LjksOC4zLDI1LjR6IE0yLjYsNTAuOQ0KCQljLTAuMywwLjMtMC41LDAuMi0wLjcsMC4xYzAsMC0wLjgtNS4xLTAuMS05LjdjMC4xLTAuNiwwLjctMC4xLDAuNy0wLjFzMi4yLDIsMi4yLDQuOEM0LjgsNDguOSwyLjYsNTAuOSwyLjYsNTAuOXogTTcsNDcuNg0KCQljMCwwLDAuNy0wLjEsMC43LTAuOGMwLDAtMC43LTMuNiwxLjktOS4yYzAsMCwwLjItMC40LDAuNi0wLjNjMCwwLDAuNywwLDAuNSwwLjhjLTEuNSw1LjItMC42LDcuOS0wLjYsNy45DQoJCWMwLjEsMC42LDAuNywwLjYsMC43LDAuNmMwLjktMC4xLDEsMC43LDEsMC43YzAuNiwzLjEtMC4zLDUuOC0wLjksNi44Yy0wLjYsMS0xLjIsMC4yLTEuMiwwLjJjLTIuOC0yLjktMy4xLTYuMS0zLjEtNi4xDQoJCVM2LjQsNDcuOCw3LDQ3LjZ6IE0xNS43LDcyLjhjMCwwLjQtMC4yLDAuNS0wLjQsMC41YzAsMC00LjItMy02LjktNi44QzgsNjYsOC45LDY2LDguOSw2NnMzLTAuMiw1LDEuOQ0KCQlDMTUuOCw2OS45LDE1LjcsNzIuOCwxNS43LDcyLjh6IE00MC40LDc5LjdjMCwwLTQuOCwwLjktOS43LDBjLTAuMiwwLTAuMi0wLjUsMC4xLTAuN2MwLDAsMi0yLjIsNC45LTIuMmMyLjksMCw0LjgsMi4yLDQuOCwyLjINCgkJUzQwLjksNzkuMyw0MC40LDc5Ljd6IE00NCw3MmMtMi45LDIuOC02LjEsMy4xLTYuMSwzLjFzLTAuNSwwLjEtMC43LTAuNWMwLDAtMC4xLTAuNy0wLjgtMC43YzAsMC0zLjYsMC43LTkuMi0xLjkNCgkJYzAsMC0wLjQtMC4yLTAuMy0wLjZjMCwwLDAtMC43LDAuOC0wLjVjNS4yLDEuNSw3LjksMC42LDcuOSwwLjZjMC42LTAuMSwwLjYtMC43LDAuNi0wLjdjLTAuMS0wLjksMC43LTEsMC43LTENCgkJYzMuMS0wLjYsNS44LDAuMyw2LjgsMC45QzQ0LjgsNzEuNCw0NCw3Miw0NCw3MnogTTU2LDczLjNjLTAuMiwwLjEtMC41LTAuMS0wLjQtMC41YzAsMC0wLjEtMywxLjktNXM1LTEuOSw1LTEuOXMwLjUtMC4xLDAuNSwwLjYNCgkJQzYyLjksNjYuNCw1OS43LDcwLjcsNTYsNzMuM3ogTTY0LjIsNDQuNGMwLDAtMC43LDAuMS0wLjcsMC44YzAsMCwwLjcsMy42LTEuOSw5LjJjMCwwLTAuMiwwLjQtMC42LDAuM2MwLDAtMC43LDAtMC41LTAuOA0KCQljMS41LTUuMiwwLjYtNy45LDAuNi03LjljLTAuMS0wLjYtMC43LTAuNi0wLjctMC42Yy0wLjksMC4xLTEtMC43LTEtMC43Yy0wLjYtMy4xLDAuMy01LjgsMC45LTYuOGMwLjYtMSwxLjItMC4yLDEuMi0wLjINCgkJYzIuOCwyLjksMy4xLDYuMSwzLjEsNi4xUzY0LjgsNDQuMiw2NC4yLDQ0LjR6IE02OC42LDQxLjFjMC4zLTAuMywwLjYtMC4zLDAuNy0wLjFjMC45LDQuNSwwLjEsOS43LDAuMSw5LjcNCgkJYy0wLjQsMC40LTAuNywwLjEtMC43LDAuMXMtMi4yLTItMi4yLTQuOEM2Ni40LDQzLjEsNjguNiw0MS4xLDY4LjYsNDEuMXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzUuNSw0MS4zYy0wLjUtMC44LTEuMS0xLjQtMS44LTEuOWMtMS4zLTAuOC0yLjYtMS00LTAuNmMtMS40LDAuNC0yLjQsMS4zLTMuMSwyLjVjLTAuOSwxLjYtMSwzLjMtMC40LDUNCgkJYzAuNSwxLjUsMS4zLDIuNywyLjIsMy45YzEsMS4zLDIuMiwyLjUsMy41LDMuNWMxLjIsMSwyLjQsMS45LDMuNiwyLjhjMC4xLDAuMSwwLjIsMC4xLDAuMywwYzAuMy0wLjIsMC42LTAuNCwwLjktMC42DQoJCWMxLjctMS4yLDMuMy0yLjUsNC44LTRjMS4zLTEuMywyLjQtMi43LDMuMi00LjRjMC40LTAuOSwwLjgtMS45LDAuOC0zYzAuMS0xLjQtMC4zLTIuOC0xLjItMy45Yy0xLjItMS41LTIuNy0yLjItNC43LTINCgkJYy0xLjIsMC4xLTIuMSwwLjYtMi45LDEuNUMzNi4yLDQwLjUsMzUuOSw0MC45LDM1LjUsNDEuM0MzNS42LDQxLjMsMzUuNSw0MS4zLDM1LjUsNDEuM3ogTTM4LjcsNDQuNGMwLDAuMi0wLjEsMC40LTAuMSwwLjYNCgkJYy0wLjQsMi0wLjksMy45LTEuMyw1LjljLTAuMiwwLjctMC4zLDEuNC0wLjUsMi4yYzAsMC4yLDAsMC4yLDAuMiwwLjJjMC4zLDAsMC42LDAsMSwwYy0wLjgsMC45LTEuNSwxLjctMi4zLDIuNg0KCQljLTAuNS0xLjEtMC45LTIuMS0xLjQtMy4yYzAuNCwwLjEsMC43LDAuMywxLjEsMC40YzAuMi0xLjYsMC41LTMuMywwLjctNC45YzAsMCwwLDAtMC4xLDBjLTEuMiwwLjktMi40LDEuNy0zLjcsMi43DQoJCWMwLjQtMy43LDAuNy03LjMsMS4xLTExYzAuNCwwLjMsMC44LDAuNiwxLjEsMC45YzAuMywwLjQsMC42LDAuOCwwLjksMS4yYzAsMC4xLDAsMC4yLDAsMC4zYy0wLjQsMS43LTAuOCwzLjUtMS4yLDUuMg0KCQljMCwwLDAsMC4xLDAsMC4yQzM1LjcsNDYuNiwzNy4yLDQ1LjUsMzguNyw0NC40eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00My45LDM2LjJjMC43LDAsMS40LDAsMi4xLDBoMC4ydjAuM2MwLDAuNywwLDEuNCwwLDJjMCwwLjIsMCwwLjIsMC4yLDAuMmMwLjcsMCwxLjQsMCwyLjIsMA0KCQljMC4xLDAsMC4yLDAsMC4yLTAuMmMwLTAuNywwLTEuNCwwLTIuMWMwLTAuMSwwLTAuMiwwLTAuMmgwLjJjMC43LDAsMS40LDAsMi4xLDBjMC4yLDAsMC4yLDAsMC4yLTAuMmMwLTAuNywwLTEuNCwwLTIuMg0KCQljMC0wLjEsMC0wLjEsMC0wLjJoLTAuMmMtMC43LDAtMS40LDAtMiwwYy0wLjIsMC0wLjItMC4xLTAuMi0wLjJjMC0wLjcsMC0xLjQsMC0yLjF2LTAuMmMwLDAtMC4xLDAtMC4xLDBjLTAuOCwwLTEuNiwwLTIuMywwDQoJCWMtMC4xLDAtMC4xLDAuMS0wLjEsMC4yYzAsMC43LDAsMS40LDAsMi4yYzAsMC4yLDAsMC4yLTAuMiwwLjJjLTAuNywwLTEuNCwwLTIuMSwwYy0wLjEsMC0wLjIsMC0wLjIsMC4yYzAsMC43LDAsMS41LDAsMi4yDQoJCUM0My43LDM2LjEsNDMuOCwzNi4yLDQzLjksMzYuMnoiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjYzLjYsMTYuMyA2My42LDE2LjIgNjMuNiwxNi4yIDYzLjYsMTYuMyAJIi8+DQo8L2c+DQo8L3N2Zz4NCg==");
  background-repeat: round;
  color: #000;
}
.djvbicon.allways {
  display: inline-block;
  margin-top: 9px;
  width: 1em;
  height: 1em;
  background-image: url('/assets/img/247-icon.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
  color: #000;
}
.support .page-header {
  height: 585px;
  padding-top: 85px;
  box-sizing: border-box;
  position: relative;
  width: 100%;
}
.support .page-header .search-block {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 412px;
  text-align: center;
  top: calc(50% + 42px);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.support .page-header .search-block h2 {
  font-size: 40px;
  font-weight: 300;
  text-transform: uppercase;
  color: #fff;
}
.support .page-header .search-block .search {
  width: 100%;
  padding: 20px 32px;
  box-sizing: border-box;
  font-size: 16px;
  color: #282828;
  border-radius: 33px;
  border: none;
  margin-top: 30px;
}
.support .contentwrapper {
  padding: 50px 175px;
  box-sizing: border-box;
}
.support .contentwrapper .accordion-option:hover .icon-container {
  color: #00c584;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.support .contentwrapper .accordion-option:hover .content-container .accordion-title {
  color: #00c584;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.support .contentwrapper .accordion-option:hover .content-container .accordion-title.disabled {
  color: #282828;
}
.support .contentwrapper .accordion-option:hover.open .content-container .accordion-title {
  color: #282828;
}
.support .contentwrapper .accordion-option .icon-container {
  width: 125px;
  display: inline-block;
  vertical-align: top;
  font-size: 40px;
  color: #282828;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.support .contentwrapper .accordion-option .icon-container.active {
  color: #00c584;
}
.support .contentwrapper .accordion-option .icon-container.disabled {
  opacity: 0.4;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.support .contentwrapper .accordion-option .content-container {
  width: calc(100% - 125px);
  display: inline-block;
  vertical-align: top;
}
.support .contentwrapper .accordion-option .content-container .accordion-title {
  padding-top: 8px;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 40px;
  text-transform: uppercase;
  cursor: pointer;
  color: #282828;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.support .contentwrapper .accordion-option .content-container .accordion-title.disabled {
  opacity: 0.4;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.support .contentwrapper .accordion-option .content-container .options {
  display: none;
  -webkit-transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  overflow: hidden;
}
.support .contentwrapper .accordion-option .content-container .options .option {
  margin-bottom: 40px;
}
.support .contentwrapper .accordion-option .content-container .options .option .accordion-subtitle {
  cursor: pointer;
  margin-bottom: 20px;
  display: block;
  text-decoration: none;
  color: #282828;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.support .contentwrapper .accordion-option .content-container .options .option .accordion-subtitle .icon-wrapper {
  margin-right: 20px;
}
.support .contentwrapper .accordion-option .content-container .options .option .accordion-subtitle .icon-wrapper i {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.support .contentwrapper .accordion-option .content-container .options .option .text {
  max-height: 0;
  overflow: hidden;
  font-size: 14px;
  -webkit-transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.support .contentwrapper .accordion-option .content-container .options .option .text iframe {
  display: block;
  margin-top: 10px;
  max-width: 100%;
}
.support .contentwrapper .accordion-option .content-container .options .option.open .accordion-subtitle.dropdown {
  color: #00c584;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.support .contentwrapper .accordion-option .content-container .options .option.open .accordion-subtitle.dropdown .icon-wrapper i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.support .contentwrapper .accordion-option .content-container .options .option.open .text {
  max-height: 500px;
  -webkit-transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.support .contentwrapper .accordion-option.open .icon-container i {
  color: #00c584;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.support .contentwrapper .accordion-option.open .content-container .options {
  display: block;
  -webkit-transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.support .contentwrapper .divider {
  background: rgba(149, 149, 149, 0.5);
  width: 100%;
  height: 1px;
  margin-bottom: 30px;
}
@media all and (max-width: 1023px) {
  .support .contentwrapper {
    padding: 50px 100px;
  }
}
@media all and (max-width: 767px) {
  .support .page-header .search-block {
    width: 300px;
  }
  .support .page-header .search-block h2 {
    font-size: 30px;
  }
  .support .contentwrapper {
    padding: 50px 20px;
  }
  .support .contentwrapper .accordion-option .icon-container {
    width: 50px;
  }
  .support .contentwrapper .accordion-option .content-container {
    width: calc(100% - 50px);
  }
}
/*# sourceMappingURL=support.css.map */