/*****************************************************************************************
    ** BOX MODEL                                                                            **
    *****************************************************************************************/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");
/*@import url("https://fonts.googleapis.com/css?family=Noto+Sans:300,400,600,700,800");*/
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700,800");
:root {
  /*--main-font: 'Noto Sans';*/
  --main-font: 'Montserrat';
}
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

	/*****************************************************************************************
    ** RESET                                                                                **
    *****************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/* remember to define focus styles! */
:focus {
  outline: 0; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*****************************************************************************************
** VARIABLES  & MIXINS                                                                  **
*****************************************************************************************/
/* responsive breakpoints */
/* colors */
/* fonts */
@font-face {
  font-family: 'Beauty in the Ordinary';
  src: url("../fonts/BeautyintheOrdinary.eot");
  src: url("../fonts/BeautyintheOrdinary.eot?#iefix") format("embedded-opentype"), url("../fonts/BeautyintheOrdinary.woff2") format("woff2"), url("../fonts/BeautyintheOrdinary.woff") format("woff"), url("../fonts/BeautyintheOrdinary.svg#BeautyintheOrdinary") format("svg");
  font-weight: normal;
  font-style: normal; }
/* mixins */
	/*****************************************************************************************
    ** GENERAL 		                                                                        **
    *****************************************************************************************/
body {
  /* background-color:$green-lightest; */
  background-color: white;
  background-image: url(../images/layout/circles_back.png);
  background-repeat: no-repeat;
  /*font-family: "Open Sans", sans-serif;*/
  font-family: var(--main-font), sans-serif;
  color: #262626;
  font-size: 14px;
  background-position: 95% 100%;
  background-size: 90%; }
  @media screen and (min-width: 892px) {
    body {
      background-size: 60%;
      background-position: 95% 100%; } }

.float-left {
  float: left; }

.float-right {
  float: right; }

.text-align-left {
  text-align: left; }

.text-align-center {
  text-align: center; }

.text-align-right {
  text-align: right; }

.responsiveimg {
  width: 100%;
  height: auto !important;
  display: block; }

div.clear {
  width: 100%;
  float: left;
  clear: both;
  display: block; }

h1 {
  font-size: 45px;
  color: #088475;
  /*font-family: "Open Sans", sans-serif;*/
  font-family: var(--main-font), sans-serif;
  padding-bottom: 15px;
  line-height: 58px; }

h2 {
  font-size: 26px;
  padding: 10px 0px 30px 0px;
  /*font-family: "Open Sans", sans-serif; }*/
  font-family: var(--main-font), sans-serif; }

h3 {
  font-size: 42px;
  /*font-family: "Open Sans", sans-serif; }*/
  font-family: var(--main-font), sans-serif; }

p {
  line-height: 1.8;
  padding-bottom: 20px; }

.btn-osteopathie {
  background-color: #51a89e;
  background-position: center;
  border: none;
  font-size: 46px;
  cursor: pointer;
  text-align: center;
  /*font-family: "Open Sans", sans-serif;*/
  font-family: var(--main-font), sans-serif;
  color: #043c35;
  align-content: center;
  border-radius: 5px;
  height: 50px;
  line-height: 36px; }

	/*****************************************************************************************
    ** MAIN 		                                                                        **
    *****************************************************************************************/
.logo {
  width: 100%;
  height: auto !important;
  max-width: 300px;
  margin-top: 15px; }
  @media screen and (min-width: 435px) {
    .logo {
      margin-top: 0px;
      margin-top: 15px; } }
  @media screen and (min-width: 767px) {
    .logo {
      margin-top: 25px; } }
  @media screen and (min-width: 892px) {
    .logo {
      margin-top: 25px; } }
  @media screen and (min-width: 989px) {
    .logo {
      margin-top: 15px; } }
  @media screen and (min-width: 1200px) {
    .logo {
      margin-top: 30px; } }

header {
  /* background-image: url("../images/home_background_blauw.jpg")
  margin-bottom: -50px; */ }

@media screen and (max-width: 1200px) {
  .nav_menu_links {
    padding: 0px; } }
.topbar {
  height: 430px;
  width: 100%;
  overflow: hidden;
  position: relative;
  overflow: hidden; }
  .topbar .foreground {
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-image: url("../img/overlay.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0px;
    left: 0px; }
  .topbar .carousel-slide {
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: -10;
    background-color: #043c35;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0px;
    left: 0px; }

/*.Textbody{
	list-style: circle;
}*/
.mobile {
  display: block; }
  @media screen and (min-width: 1200px) {
    .mobile {
      display: none; } }
  .row .mobile {
    paddingtop: 0px; }

.desktop {
  display: none;
  position: relative; }
  @media screen and (min-width: 892px) {
    .desktop {
      display: block; } }
  .desktop .languages-container {
    position: absolute;
    top: 65px;
    right: 15px;
    background-color: #acd7d0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 7px 10px 4px 10px; }
    .desktop .languages-container .languages li {
      float: left;
      padding: 2px 8px; }
      .desktop .languages-container .languages li a {
        color: #51a89e; }
        .desktop .languages-container .languages li a.active {
          color: #088475; }

nav {
  background-color: #51a89e;
  min-height: 65px;
  width: 100%;
  clear: both;
  float: left;
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: 7px solid #acd7d0; }
  nav .mainmenu {
    padding: 0;
    display: none;
    float: left; }
    @media screen and (min-width: 892px) {
      nav .mainmenu {
        display: block !important;
        margin: 0; } }
    nav .mainmenu li {
      /*font-family: "Open Sans", sans-serif;*/
      font-family: var(--main-font), sans-serif;
      float: left;
      position: relative;
      /*padding:0px 8px 0 8px;*/
      /*padding:0px 10px 0 0px;*/
      /* background-image: url("../images/layout/double_backslash.png"); */
      background-position: 100% 60%;
      background-repeat: no-repeat;
      clear: none; }
      nav .mainmenu li:last-child {
        background-image: none;
        padding: 0px; }
      nav .mainmenu li a {
        color: white;
        text-decoration: none;
        display: block;
        font-size: 12px;
        padding-right: 4px;
        padding-left: 4px;
        height: 65px;
        line-height: 65px; }
        @media screen and (min-width: 989px) {
          nav .mainmenu li a {
            font-size: 14px;
            padding-right: 8px;
            padding-left: 8px;
            height: 65px;
            line-height: 65px; } }
        @media screen and (min-width: 1200px) {
          nav .mainmenu li a {
            font-size: 16px; } }
        nav .mainmenu li a:hover {
          /* background-color:$green-dark; */ }
      nav .mainmenu li ul {
        display: none;
        position: absolute;
        background-color: #088475;
        top: 65px;
        left: 0px;
        width: 220px;
        padding: 0px;
        z-index: 499; }
        nav .mainmenu li ul li {
          float: left;
          clear: both;
          width: 100%;
          padding: 0px; }
          nav .mainmenu li ul li a {
            padding: 5px 15px;
            height: 32px;
            line-height: 24px; }
            nav .mainmenu li ul li a:hover {
              background-color: #043c35; }
            nav .mainmenu li ul li a.current {
              background-color: #043c35; }
      nav .mainmenu li.drop-down:hover>ul {
        display: block; }
  nav .nav_menu_mobile {
    min-height: 30px;
    position: relative; }
    nav .nav_menu_mobile .button_burger {
      background-color: #088475;
      color: white;
      position: absolute;
      right: 15px;
      top: 10px; }
      @media screen and (min-width: 892px) {
        nav .nav_menu_mobile .button_burger {
          display: none; } }
      nav .nav_menu_mobile .button_burger:hover {
        color: #acd7d0; }
    nav .nav_menu_mobile .languages-container {
      position: absolute;
      top: 10px;
      right: 60px;
      background-color: #088475;
      border-radius: 3px;
      padding: 10px 10px 10px 10px; }
      @media screen and (min-width: 892px) {
        nav .nav_menu_mobile .languages-container {
          display: none; } }
      nav .nav_menu_mobile .languages-container .languages li {
        float: left;
        padding: 2px 8px; }
        nav .nav_menu_mobile .languages-container .languages li a {
          color: #51a89e; }
          nav .nav_menu_mobile .languages-container .languages li a.active {
            color: #c4e3dd; }
    @media screen and (max-width: 1200px) {
      nav .nav_menu_mobile .menu_icon {
        text-align: right; } }
    nav .nav_menu_mobile .menu_mobile_container {
      display: none;
      float: left;
      clear: both;
      padding: 0px;
      margin-top: 55px;
      margin-bottom: 15px;
      width: 100%; }
      nav .nav_menu_mobile .menu_mobile_container .mobilemenu {
        padding: 0;
        width: 100%; }
        nav .nav_menu_mobile .menu_mobile_container .mobilemenu li {
          padding: 4px 8px 8px 8px;
          float: left;
          /*font-family: "Open Sans", sans-serif;*/
          font-family: var(--main-font), sans-serif;
          clear: both;
          width: 100%;
          border-bottom: 1px solid #c4e3dd;
          margin-bottom: 8px; }
          nav .nav_menu_mobile .menu_mobile_container .mobilemenu li:last-child {
            background-image: none; }
          nav .nav_menu_mobile .menu_mobile_container .mobilemenu li a {
            color: white;
            text-decoration: none;
            font-size: 19px;
            padding-right: 8px;
            padding-left: 8px; }
          nav .nav_menu_mobile .menu_mobile_container .mobilemenu li ul {
            margin-top: 8px; }
            nav .nav_menu_mobile .menu_mobile_container .mobilemenu li ul li {
              padding-left: 15px; }
              nav .nav_menu_mobile .menu_mobile_container .mobilemenu li ul li a {
                font-size: 16px; }

.extra_space {
  padding-top: 50px;
  padding-bottom: 50px;
  float: left;
  clear: both;
  width: 100%; }

.spacing_bottom {
  padding-bottom: 30px; }

.spacing_top {
  padding-top: 30px; }

.full_width {
  width: 100%; }

.padding_bottom {
  padding-bottom: 20px; }

.padding_right {
  padding-right: 15px; }

.padding_left {
  padding-left: 15px; }

.btn_info {
  background-color: #51a89f;
  background-position: center;
  width: 100%;
  border: none;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  /* font-family: $font-title; */
  color: #02554b;
  align-content: center;
  height: 50px;
  line-height: 45px;
  display: inline-block;
  border-radius: 5px; }

.btn_info:hover {
  background-color: #61B8AF;
  color: #14675D;
  text-decoration: none; }

.h2_alt {
  font-size: 85px;
  color: #078476; }

.transparent_background {
  margin-top: 25px;
  margin-bottom: 25px;
  background-color: #51a89f;
  color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #51a89f;
  padding: 20px; }
  .transparent_background h2 {
    font-size: 56px;
    line-height: 42px;
    color: #add6d0;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px; }
  .transparent_background ul {
    margin-left: 25px;
    list-style-type: disc; }
    .transparent_background ul li {
      line-height: 1.8; }

.maincontent h3 {
  padding-top: 10px;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 18px;
  /*font-family: "Open Sans", sans-serif; */
  font-family: var(--main-font), sans-serif;
}
.maincontent ol {
  list-style-type: decimal;
  padding-left: 30px;
  margin-bottom: 20px; }
  .maincontent ol li {
    padding: 5px 0px;
    line-height: 1.8; }
.maincontent ul {
  list-style-type: disc;
  padding-left: 25px;
  margin-bottom: 20px; }
  .maincontent ul li {
    padding: 5px 0px; }
  .maincontent ul.splitted {
    margin-bottom: 20px;
    width: 100%;
    float: left; }
    @media screen and (min-width: 989px) {
      .maincontent ul.splitted {
        width: 50%;
        float: left; } }
.maincontent a {
  color: black; }

.gallery-item {
  margin-bottom: 20px; }
  .gallery-item img {
    border-radius: 6px; }

footer {
  border-top: 7px solid #acd7d0;
  background-color: #51a89e;
  min-height: 70px;
  padding-top: 25px;
  float: left;
  width: 100%;
  clear: both; }
  footer .copyright {
    float: left;
    margin-right: 30px;
    color: #acd7d0; }
  footer .bottomenu li {
    float: left;
    padding-right: 15px; }
    footer .bottomenu li a {
      color: #acd7d0;
      text-decoration: none; }
      footer .bottomenu li a:hover {
        color: #043c35;
        text-decoration: none; }

.footer_item {
  color: white !important; }

.footer_item:hover {
  color: #078476 !important;
  text-decoration-line: none; }

div.contact-row {
  width: 100%;
  clear: both;
  float: left;
  padding: 0 0 20px 0;
  color: #000000; }
  div.contact-row i {
    color: #088475;
    font-size: 18px;
    width: 20px; }
  div.contact-row .contact-row-icon {
    float: left;
    padding: 5px 15px 0px 0px;
    line-height: 24px; }
  div.contact-row .contact-row-data {
    float: left;
    line-height: 24px; }

.captcha-group {
  position: relative;
  clear: both; }
  .captcha-group .captcha-input {
    padding-left: 130px;
    position: relative;
    z-index: 10; }
  .captcha-group img.captcha-image {
    vertical-align: middle;
    position: absolute;
    z-index: 20;
    top: 5px;
    left: 3px; }

/*****************************************************************************************
** DevBar                                                                   			**
*****************************************************************************************/
#dev_tool_bar {
  width: 300px;
  position: absolute;
  top: 0px;
  left: -270px;
  z-index: 9990; }
  #dev_tool_bar .dev_tool_bar_tools {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 15px;
    color: white;
    min-height: 30px;
    float: left;
    width: 270px; }
    #dev_tool_bar .dev_tool_bar_tools button {
      width: 100%;
      margin-bottom: 10px;
      text-align: center; }
    #dev_tool_bar .dev_tool_bar_tools p {
      text-align: center; }
    #dev_tool_bar .dev_tool_bar_tools .dev_tool_bar_infobox {
      margin-top: 10px;
      margin-bottom: 10px; }
    #dev_tool_bar .dev_tool_bar_tools .dev_tool_bar_infobox_title {
      font-weight: bold;
      text-transform: uppercase;
      cursor: pointer; }
    #dev_tool_bar .dev_tool_bar_tools .dev_tool_bar_infobox_content {
      padding: 10px;
      background-color: white;
      color: black;
      display: none; }
  #dev_tool_bar .dev_tool_bar_handle {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 0px;
    color: white;
    float: left;
    font-weight: bolder;
    font-size: 18px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center; }
    #dev_tool_bar .dev_tool_bar_handle a.dev_tool_bar_toggle {
      text-decoration: none;
      color: white; }

/*****************************************************************************************
** COOKIES                                                                   			**
*****************************************************************************************/
.cookie_monster {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 20px;
  border-top: 2px solid red;
  background-color: white;
  z-index: 999;
  -webkit-box-shadow: 0px 0px 30px 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 30px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 30px 8px rgba(0, 0, 0, 0.5); }
  @media screen and (min-width: 892px) {
    .cookie_monster {
      background-image: url(../images/layout/koekjes.jpg);
      background-repeat: no-repeat;
      background-position: 20px 50%;
      padding: 50px 50px 50px 300px; } }

/*--CSSHOOk--*/
.rounded-corners {
  border-radius: 6px; }
  .rounded-corners img {
    border-radius: 6px; }

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