@charset "UTF-8";
/***!  /templates/loft33/css/custom.css  !***/

/* start 0 lijn */
    html, body, div, table, tr, td, th, h1, h2, h3, h4, h5, h6, ul, li, ol, p, span, a, img
    {
      margin: 0;
      padding: 0;
      border: none;
    }
/* einde 0 lijn */

/* start algemeen */
	html
	{
	    background: #0054a4;
	}

    body
    {
      padding-bottom: 10px;
      background: none;
      position:relative;
    }

    body,
    input,
    textarea
    {
      font-family: 'Maven Pro', sans-serif;
      font-size: 14px;
      color: #000;
    }

    div.container-fluid
    {
      padding-left: 0;
      padding-right: 0;
    }

    div.container-fluid .row-fluid
    {
      max-width: 1000px;
      margin-left: auto;
      margin-right: auto;
    }

    .wrapper
    {
      width: 95%;
      display: block;
      margin: 0 auto;
    }

    .cc-custom-revoke {
      cursor:pointer;
    }
/* einde algemeen */

/* start header */
    div.containerHeader
    {
      background: #fff;
    }

    /* start topMenu */
        nav.topMenu
        {
          display: block;
          float: right;
          padding-top: 15px;
        }

        nav.topMenu ul
        {
          list-style-type: none;
        }

        nav.topMenu ul li
        {
          float: left;
          margin-left: 30px;
        }

        nav.topMenu ul li a
        {
          text-decoration: none;
          font-size: 14px;
          color: #0054a4;
        }

        nav.topMenu ul li.active a,
        nav.topMenu ul li a:hover
        {
          text-decoration: underline;
          background: none;
        }
    /* einde topMenu */

    /* start search */
        div.search
        {
          clear: right;
          float: right;
          margin-top: 20px;
        }

        div.search form
        {
          display: flex;
          flex-direction: row;
        }

        div.search input
        {
          width: 133px;
          height: 25px;
          line-height: 25px;
          border: 1px solid #e0dede;
          padding: 0 5px;
          margin-right: 10px;
          -webkit-border-radius: 0px 0px 0px 0px;
          -moz-border-radius: 0px 0px 0px 0px;
          border-radius: 0px 0px 0px 0px;
          font-size: 13px;
          color: #999999;
          background: #f2f2f2;
        }

        div.search button,
        div.search button:hover
        {
          width: 30px;
          height: 27px;
          border: none;
          background: url(https://www.deepcholding.be/templates/loft33/images/btn_search.jpg) top left no-repeat;
        }
    /* einde search */

    /* start logo */
        div.logo
        {
          padding-top: 20px;
          display: block;
          width: 300px;
        }

        div.logo.visible-phone
        {
          margin: 0 auto;
        }
    /* einde logo */

    /* start mainMenu */
        nav.mainMenu
        {
          clear: both;
          margin-top: 20px;
          display: block;
          height: 52px;
        }

        nav.mainMenu ul
        {
          list-style-type: none;
        }

        nav.mainMenu ul li
        {
          float: left;
          margin-right: 10px;
        }

        nav.mainMenu ul li a
        {
          display: block;
          text-decoration: none;
          color: #0054a4;
          font-weight: normal;
          padding: 0 10px;
          height: 52px;
          line-height: 52px;
          font-size: 17px;
        }

        nav.mainMenu ul li a:hover,
        nav.mainMenu ul li.active a,
        nav.mainMenu ul li.parent:hover a
        {
          background: #0054a4;
          color: #fff;
        }

        nav.mainMenu ul li ul
        {
          display: none;
        }

        nav.mainMenu ul li:hover ul
        {
          display: block;
          background: #0054a4;
          position: absolute;
          z-index: 250;
          width: 300px;
        }

        nav.mainMenu ul li:hover ul li
        {
          float: none;
          margin: 0;
          border-bottom: 1px solid #4b85bc;
        }

        nav.mainMenu ul li:hover ul li a
        {
          color: #fff;
          font-weight: normal;
          padding: 0;
          height: auto;
          line-height: 22px;
          padding: 5px 23px;
          font-size: 14px;
        }

        nav.mainMenu ul li:hover ul li a:hover,
        nav.mainMenu ul li:hover ul li.active a,
        nav.mainMenu ul li:hover ul li.parent:hover a
        {
          background: #eb443c;
        }
    /* einde mainMenu */

    /* start menu phone */
        nav.phoneMenu
        {
          margin-bottom: 0px;
          position: static;
          float: left !important;
          min-height: 0 !important;
        }

        .navbar .btn-navbar
        {
          margin-top: -90px;
          margin-right: 15px;
          background: #f2f2f2 !important;
          border: 1px solid #e8e8e8 !important;
          -webkit-border-radius: 0px 0px 0px 0px;
          -moz-border-radius: 0px 0px 0px 0px;
          border-radius: 0px 0px 0px 0px;
          position: absolute;
          right: 0;
        }

        .navbar .btn-navbar:hover
        {
          background: #e5e5e5 !important;
        }

        .navbar .btn-navbar .icon-bar
        {
          background: #999999 !important;
          -webkit-border-radius: 0px 0px 0px 0px;
          -moz-border-radius: 0px 0px 0px 0px;
          border-radius: 0px 0px 0px 0px;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
        }

        .navbar-inner
        {
          min-height: 0 !important;
          padding: 0;
          background: none;
          border-top: none;
          border-bottom: none;
          border-left: none;
          border-right: none;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
          -webkit-border-radius: 0px 0px 0px 0px;
          -moz-border-radius: 0px 0px 0px 0px;
          border-radius: 0px 0px 0px 0px;
          position: static;
        }

       .nav-collapse.in.collapse
       {
         width: 100%;
         background: #fff;
         position: static;
         display: block;
         margin-top: 10px;
       }

       .nav-collapse.open {
        height:auto;
        display:block;
       }

       .nav-collapse ul
       {
         display: block;
         width: 95%;
         margin: 0 auto !important;
       }

       .nav-collapse ul.mod-menu
       {
         margin-bottom: 14px !important;
       }

       .nav-collapse ul li
       {
          background: none;
       }

       .nav-collapse ul li a
       {
          background: #F2F2F2;
          color: #000 !important;
          font-size: 11px;
          display: block;
          height: 30px;
          line-height: 30px;
          padding-top: 0 !important;
          padding-bottom: 0 !important;
          letter-spacing: 1px;
          text-shadow: none;
       }

       .nav-collapse ul li.parent a
       {
         margin-bottom: 0px !important;
         color: #000;
       }

       .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a
       {
          font-weight: normal !important;
          -webkit-border-radius: 0px 0px 0px 0px;
          -moz-border-radius: 0px 0px 0px 0px;
          border-radius: 0px 0px 0px 0px;
       }

       .nav-collapse ul li a
       {
          background: #E5E5E5;
          color: #000;
          font-size: 12px;
       }

       .nav-collapse ul li.active a,
       .nav-collapse ul li a:hover
       {
          background: #0054a4 !important;
          color: #fff !important;
          -webkit-box-shadow: none !important;
          -moz-box-shadow: none !important;
          box-shadow: none !important;
          font-weight: normal !important;
       }

       .nav-collapse ul li ul
       {
         display: block;
         width: 100% !important;
         margin-bottom: 2px !important;
       }

       .nav-collapse ul li ul li a,
       .nav-collapse ul li.active ul li a
       {
          background: #e5e5e5 !important;
          color: #666 !important;
          font-size: 11px;
          display: block;
          height: 30px;
          line-height: 30px;
          font-weight: normal !important;
          padding: 0px 15px 0px 25px !important;
       }

       .nav-collapse ul li ul li a:hover,
       .nav-collapse ul li ul li.active a
       {
          background: #eb443c !important;
          color: #fff !important;
          text-decoration: none;
          text-decoration: none;
          -webkit-box-shadow: none !important;
          -moz-box-shadow: none !important;
          box-shadow: none !important;
          font-weight: normal !important;
       }

    /* einde menu phone */
/* einde header */

/* start banner */
    div.containerBanner
    {
      background: #fff;
    }

    div#banner
    {
      display: block;
    }

    div#banner img
    {
      width: 100% !important;
    }

    div.container-fluid div#banner.row-fluid
    {
      max-width: none;
    }
/* einde banner */

/* start register */
	div.containerPage label, input, button, select, textarea
	{
    display: block;
    margin-bottom: 15px;
	margin-top: 3px;
	font-size: 16px;
	}


	div.containerPage input
	{
     background: #eaeaea;
	 width: 300px;
	}

	div.containerPage .radioGroup.field
	{
	overflow:auto;
	}

	div.containerPage .radioGroup.field input
	{
	float: left;
    width: 25px;
	}

	div.containerPage #adminForm .radioGroup.field label
	{
	float: left;
    width: 25px;
	}

	div.containerPage #adminForm .field {
		display:block;
	}


	div.containerPage #adminForm .field label {
		display:inline-block;
		width:280px;
		margin-right:20px;
	}

	div.containerPage #adminForm .field select {
		display:inline-block;
	}

	div.containerPage #adminForm .field input[type=checkbox] {
		display:inline-block;
		width:auto;
	}

	div.containerPage #adminForm .field textarea {
		width:300px;
	}

	div.containerPage textarea
	{
     box-shadow: 0px;
	}

	div.containerPage .extendCheck
	{
    background: #4299e3;
	display: inline-block;
	padding: 15px;
	color: #FFF;
	text-align: center;
	cursor:pointer;
	}

	div.containerPage .extendCheck:hover
	{
   background: #d02a2a;
	}
	/* einde register */

/* start page */
    div.containerPage
    {
      background: #fff;
      padding-top: 30px;
    }

    .highlighted
    {
      color: #eb443c;
    }

    div.containerPage h1
    {
      font-size: 36px;
      color: #0054a4;
      font-weight: normal;
      margin-bottom: 30px;
      line-height: normal;
    }

    div.containerPage h2,
    div.blog div.items-leading h1
    {
      font-size: 20px;
      color: #000;
      font-weight: normal;
      margin-bottom: 25px;
      line-height: normal;
    }

    div.containerPage h3
    {
      font-size: 14px;
      color: #0054a4;
      font-weight: normal;
      margin-bottom: 10px;
      line-height: normal;
    }

    div.containerPage p
    {
      font-size: 14px;
      color: #000;
      font-weight: normal;
      margin-bottom: 10px;
      line-height: 18px;
    }

    div.containerPage a
    {
      color: #eb443c;
      text-decoration: none;
    }

    div.containerPage a:hover
    {
      text-decoration: underline;
    }

    div.containerPage a.readMore
    {
      background: url(https://www.deepcholding.be/templates/loft33/images/dcr_readMore.jpg) right center no-repeat;
      padding-right: 15px;
    }

    div.containerPage ul,
    div.containerPage ol
    {
      margin-left: 20px;
      margin-bottom: 15px;
    }

    /* start content */
    div.content
    {
       padding-right: 20px;
       padding-bottom: 15px;
    }
	div.content ul.projects
	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
    }
	div.content ul.projects li
	{
    display: block;
	width: 300px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
    }
	div.content ul.projects li img
	{
	border: 1px solid #ccc;
    }
	div.content ul.projects li .references
	{
    display: block;
	height: 90px;
    }
	div.content table.finance
    {
	width: 100%;
    }
div.content table.finance2 {
	width: 100%;
}
	div.content table.finance th
    {
	background-color: #E1E1E1;
	border: 1px solid #CCC;
	padding: 2px;
    }
div.content table.finance2 th {
	border: 1px solid #CCC;
	padding: 2px;
}
	div.content table.finance td
    {
	border: 1px solid #CCC;
	padding: 2 px;
    }
div.content table.finance2 td {
	border: 1px solid #CCC;
	padding: 8px;
}
    /* einde content */

    /* start newsflash */
        div.newsflash div.row-fluid
        {
          border-bottom: 10px solid #e0ded6;
          padding-bottom: 35px;
          margin-bottom: 35px;
        }

        div.newsflash div.row-fluid:last-child
        {
          border-bottom: none;
          margin-bottom: 0;
        }

        div.newsflash div.span12
        {
          margin-left: 0;
        }

        div.newsflash div.date
        {
          font-size: 14px;
          color: #b9b1b1;
          margin-bottom: 10px;
          min-height: 15px;
        }

        div.newsflash h1
        {
          display: none;
        }
    /* einde newsflash */

    /* start bottomRow */
        div.bottomRow div.custom
        {
          display: block;
          width: 200px;
          height: 190px;
          float: left;
          background: url(https://www.deepcholding.be/templates/loft33/images/dcr_bottomRow_block.jpg) top left no-repeat;
          margin-left: 20px;
          padding: 15px;
          margin-bottom: 20px;
        }

        div.bottomRow.visible-phone div.custom
        {
          display: block;
          width: 200px;
          height: 190px;
          margin: 0 auto;
          margin-bottom: 20px;
          float: none;
        }
    /* einde bottomRow */
/* einde page */

/* start footer */
    div.containerFooter
    {
      padding-top: 15px;
      padding-bottom: 30px;
    }

    /* start footerTxt */
        div.footerTxt
        {
          margin-bottom: 45px;
        }

        div.footerTxt ul
        {
          color: #fff;
          font-size: 14px;
          display:flex;
          justify-content: space-between;
          flex-wrap: wrap;
          gap:15px;
          list-style-type: none;
        }

        div.footerTxt a {
          color: #fff;
        }


    /* einde footerTxt */

    /* start footerMenu */
        div.footerMenu {
          display:flex !important;
          flex-wrap: wrap;
          gap:20px;
        }

        div.footerMenu ul
        {
          display:flex !important;
          flex-wrap: wrap;
          gap:20px;
          list-style-type: none;
          margin-bottom: 0;
        }

        div.footerMenu ul li
        {
          margin-right: 25px;
        }

        div.footerMenu ul li:last-child
        {
          margin-right: 0;
        }

        div.footerMenu ul li a
        {
          text-decoration: none;
          color: #fff;
          font-size: 14px;
        }

        div.footerMenu ul li a:hover
        {
          background: none;
          text-decoration: underline;
        }

        div.footerMenu ul li ul
        {
          display:flex !important;
          flex-direction: column;
          gap:2px;
          margin-top: 10px;
        }

        div.footerMenu ul li ul li a
        {
          font-size: 13px;
        }

    /* einde footerMenu */

    /* ASK QUESTION */

        #askquestion {
          position:fixed;
          bottom:0;
          right:50px;
          z-index:999;
        }

        #askquestion .askquestion-button {
          padding:10px 25px;
          background: #EB443C;
          border-radius:5px 5px 0 0;
          color:#fff;
          cursor:pointer;
        }

        #askquestion .askquestion-form {
          padding:20px 25px 10px;
          background: #EB443C;
          border-radius:5px 5px 0 0;
          color:#fff;
        }

        #askquestion #close-question,
        #askquestion #close-confirmation {
          color:#fff;
          display:block;
          padding:5px;
          font-size:25px;
          font-weight: bold;
          position:absolute;
          right:5px;
          top:0;
          cursor:pointer;
        }

        #askquestion .askquestion-form label {
          color:#fff;
          cursor:auto;
        }

        #askquestion .askquestion-form a {
          display:inline-block;
          padding:5px 20px;
          background:#0054A4;
          color:#fff;
          border-radius: 5px;
          cursor:pointer;
        }

        #askquestion .askquestion-form a:hover {
          text-decoration:none;
          background:#003282;
        }

        #askquestion p.gdprText {
          margin-top:10px;
          font-size:12px;
          max-width:250px;
        }

/* einde footer */

/* Blog */

  /* NEWS BLOG */

    /* LIST */

    .news-item {
      overflow:auto;
      padding-top:25px;
      border-top: 1px solid #ccc;
      margin-bottom:25px;
      position:relative;
    }

    .news-item:first-of-type {
      padding-top:0;
      border-top:none;
    }

    .news-item-image {
      float:left;
      margin-right:50px;
      width:300px;
      max-width:100%;
    }

    .news-item-content {
      float:left;
      width:580px;
      max-width:100%;
      padding-bottom:10px;
    }

    .news-item .news-item-content h3 {
      font-size:20px;
    }

    .news-links {
      text-align:center;
      margin:50px 0;
    }

    .news-links .button {
      display: inline-block;
      padding:10px 25px;
      background-color:#EB443C;
      color:#fff;
      border-radius:3px;
    }

    .news-links .button:hover {
      background-color:#0054A4;
      text-decoration:none;
    }

    /* SINGLE ARTICLE */

    .news-article-image {
      margin-bottom:20px;
    }

    a.news-article-return {
      display:block;
      margin-top:50px;
    }

/* Einde blog */

@media only screen and (max-width: 1000px) {

  div.footerTxt ul {
    justify-content:left;
  }

}

@media only screen and (max-width: 767px) {

  #askquestion {
    position:absolute;
    bottom:0;
    right:5%;
  }

}


@media only screen and (max-width: 500px) {

  #askquestion {
    position:absolute;
    bottom:0;
    right:5%;
  }

  div.footerTxt ul, div.footerMenu, div.footerMenu ul {
    flex-direction: column;
    gap:10px;
  }

}