/* #Site Styles
================================================== */

/* #Font-Face
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html,body {  font-family: 'effraregular'; font-size: 12px; color: #000; }
input,select,textarea { font-family: Arial; font-size: 12px; color: #000; }
body { background: #fff; }
img { border: 0; display: block; }
ul,li { list-style: none; }
:focus { outline: none; }
textarea { resize: none; }

h2 { margin-top:0px; font-size:39px; color: #05afd0; font-family: 'effralight'; line-height:40px;}
h3 {}
h4 {}
p { font-size:22px; color: #4a4a49; line-height:30px; font-family: 'effralight';}

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.color-green { color: #64b342; }
.color-red { color: red; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

.message-block { font-family: 'effraregular'; padding: 20px 27px; margin: 10px 0px 30px 0px; background: #e7f3e1; border: 1px solid #c9e4bd; border-radius: 3px; margin-top: 25px;}
.message-block-info {     border: 1px solid #fbd9a6; background: #fff3e1; }
.message-block p { padding: 0px; margin: 0px; font-size: 15px !important; color: #000000; line-height: 30px; font-family: 'effralight'; padding-top: 0px !important; }
.row-flex {flex-wrap: wrap;align-items: stretch;    display: flex;  flex-direction: row;    justify-content: flex-start;}

    /* ### main container ### */
    #mainCntr { width: 100%; overflow: hidden; }
    #mainCntr p { padding: 0px; margin: 0px; font-size: 17px; color: #000000; line-height: 30px; font-family: 'effralight'; padding-top: 10px; }
    #mainCntr p.tagline { padding: 17px 0px 7px 0; font-size: 13px; color: #fff; text-align: center; background: rgba(200, 54, 54, 0.5); padding-top: 5px; }
    #mainCntr .bannerBox .cycle-slideshow p.tagline { margin-bottom: 25px; background: rgba(93,174,57,0.7); max-width: 960px; }

    /* ### header container ### */
    #headerCntr { width: 100%;  position: relative; box-shadow: 1px 2px 5px #ccc; z-index:1000;  }
    #headerCntr .header-top { padding:11px 0px 14px 0px; border-bottom:1px solid #dbedd3; }
    #headerCntr .header-top ul{ margin: 0px; list-style: none; margin-right:-23px; float: right; }
    #headerCntr .header-top li { padding: 0px 23px 0px 0px; float:left; line-height:40px; }
    #headerCntr .header-top li a {  font-family: 'effraregular'; font-size:18px; color: #66b343; text-decoration: none; }
    #headerCntr .header-top li a:first-letter { text-transform:capitalize; }
    #headerCntr .header-top li a span { margin-right:5px;}
    #headerCntr .header-top li a:hover { text-decoration: underline; }

    .navbar-brand { height: auto; padding: 6px 0px 0px 0px; }

        /* ### menu box ### */
        .navbar { margin: 0px; position: relative;}
        .navbar-default { background: none; border: none; }
        .navbar-nav { padding:17px 0px; margin-right: -15px; float: none; width:100%; text-align: center;  }
        .nav > li { padding: 0px 15px 0px 0px; float: none; display: inline-block; }
        .navbar-default .navbar-nav > li > a { font-family: 'effraregular'; font-size: 23px; color: #06afd0; line-height: none; padding: 9px 15px; display: block; border-radius:5px; }
        .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #fff; background:#65b440;}
        .navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus { color: #fff;  background: #65b440;}
.navbar .dropdown-menu { width: calc(100% - 15px); background: #9acd82;}
.navbar .dropdown-menu > li > a {color: #fff; padding: 7px 20px;}
.navbar .dropdown-menu > li > a:hover {color: #000;}



    /* ### banner box ### */
    .bannerBox { width:100%; height:433px; position: relative; overflow: hidden; }
    .bannerBox ul { width:100%; height:100%!important;}
    .bannerBox li { width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
    .bannerBox .tagline { padding:17px 0px 34px 0;  font-size:13px; color: #fff; text-align:center; }
    .bannerBox .block { padding:20px; width:600px; margin-bottom:20px; background:rgba(93,174,57,0.9); border-radius:4px; position: relative; }
    .bannerBox .block h2 { margin: 0px; font-family: 'effralight'; font-size: 37px; color: #fff; }
    .bannerBox .block p { font-family: 'efframedium'; font-size:21px; color:#fff; }
    .bannerBox .block .button { padding:8px 20px 8px 34px; background: #05afd0; font-size:20px; color: #fff; border:1px solid #fff; border-radius:3px; }
    .bannerBox .block .button span { font-size: 20px; position: relative; top:3px; margin-left:10px;}
    .bannerBox .block .rating { position: absolute; right: -28px; top: -28px;  width:66px; height:66px; text-align: center; border-radius:100%; background:#525355; border:1px solid #fff; box-shadow: 1px 3px 11px 2px rgba(0,0,0,0.5)}
    .bannerBox .block .button:hover { background:#00a3c2; }
    .bannerBox .block .rating small { padding:8px 0px 0px 0px; font-family: 'effralight';font-size: 14px; display: block;  color: #fff; }
    .bannerBox .block .rating span { font-size:28px; color: #fff; font-family: 'EffraBold'; line-height:28px;}
    .bannerBox .next, .bannerBox .prev { z-index:100; width:30px; position: absolute; right: 0px; top:50%; margin-top:-55px; font-size:77px; color: #fff; }
    .bannerBox .next:hover, .bannerBox .prev:hover{ text-decoration:none;}
     .bannerBox .prev{ left: 0px;  }
    .bannerBox .cycle-pager { z-index:100; position: absolute; right: 33px; top: 10px; }
    .bannerBox .cycle-pager span { margin: 0px 3px; width:15px; height:15px; cursor:pointer; display:inline-block; border:2px solid #fff; border-radius:15px;}
    .bannerBox .cycle-pager span:hover, .bannerBox .cycle-pager span.cycle-pager-active { background: #fff; }

    .bannerBox.inner-banner { height:180px; }
    .bannerBox.inner-banner p { padding: 0px; position:absolute; left: 0px; bottom: 0px; width:100%; text-align: center; }

    /* ### product banner box ### */
    .productbannerBox { padding: 0px 0px 40px 0px; width:100%; overflow: hidden; }
    .productbannerBox h2 { padding:15px 0 10px 0px;  text-align: center; }
    .productbannerBox p {padding: 0px; position:absolute; left: 0px; bottom: 0px; width:100%; font-size:15px; color:#fff; text-align: center;}
    .productbannerBox .banner { position: relative; }
    .productbannerBox img { width:100%; }


    .orange-button { padding:10px 24px; background:#f39200;  font-family: 'efframedium'; font-size:23px;color: #fff; border:none; line-height:29px; box-shadow:1px 0px 7px 3px rgba(255,255,255,0.2);}
    .orange-button:hover,.orange-button.focus, .orange-button:focus { background:#eb8e02; color: #fff;}
    .green-button { padding:10px 24px; background:#f39200;  font-family: 'efframedium'; font-size:23px;color: #fff; border:none; line-height:29px; box-shadow:1px 0px 7px 3px rgba(255,255,255,0.2);}
    .green-button:hover,.orange-button.focus, .orange-button:focus { background:#eb8e02; color: #fff;}

    /* ### content container ### */
    #contentCntr { width: 100%; overflow: hidden; }

        .contentBox ul { padding-top: 10px; }
        .contentBox ul li,.projectdetailBox ul li { padding: 0px; margin: 0px; font-size: 17px; color: #000000; line-height: 30px; font-family: 'effralight'; line-height: 30px; }
        .contentBox ul li:before,.projectdetailBox ul li:before { content: "\25FE \A0 "; padding-right: 10px; padding-left: 10px;  }

        /* ### recent project ### */
        .recentprojectBox { padding: 0px 0px 43px 0px; width:100%; overflow: hidden; }
        .recentprojectBox .intro { width:100%; padding: 24px 0 20px 0px; }
        .recentprojectBox .holder { padding: 18px 0px 0 0;  overflow: hidden; }
        .recentprojectBox .holder .col { height:100%; }
        .project_block { width:100%; margin-bottom:30px; height:calc(100% - 30px); border:1px solid #c9e4bd; background:#e7f3e1; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }


        .project_block .image {margin: -1px; position: relative; }
        .project_block .image img{ width:100%; max-height: 260px; min-height: 260px; }
        .project_block .caption { padding: 16px; position: relative; text-align: center;  }
        .project_block .caption p {min-height: 100px; }
        .project_block h3 { margin:0px; font-size:22px; color: #444444; min-height: 85px; margin-top: 10px; }
        #mainCntr .project_block p { padding-bottom:5px; font-family: 'effraregular'; font-size:19px; color: #62b13f; line-height:22px; }
        .project_block .range { margin-bottom:10px; height:19px; width:100%; background:#fff; position: relative; border:1px solid #65b440; border-radius:19px; }
        .project_block .range .fill { position: absolute; width:30%; height:102%; background:#65b440; border-radius:19px;}
        .project_block .range-value { font-size:16px; color: #444444; display: block; float:left; }
        .project_block .range-value.right { float: right;}
        .project_block .rating { position: absolute; left: 50%;  top: -56px; margin-left:-33px;  width:66px; height:66px; text-align: center; border-radius:100%; background:#525355; border:1px solid #fff; box-shadow: 1px 3px 11px 2px rgba(0,0,0,0.5);}
        .project_block .rating small { padding:8px 0px 0px 0px; font-family: 'effralight';font-size: 14px; display: block;  color: #fff; }
        .project_block .rating span { font-size:28px; color: white; font-family: 'EffraBold'; line-height:28px;}
        .project_block .rating-nl { background-image: linear-gradient(red 33.33%, white 33.33%, white 66.66%, blue 66.66%); background-size: 100% 100%; background-repeat: no-repeat; filter: alpha(opacity=60); filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;}
        .project_block .rating-nl, .project_block .rating-nl span { color: rgba(93,174,57,0.9); font-weight: 800; }
        .project_block .rating-nl small { color: black; padding-top: 21px; }
        .project_block .button { padding:10px 0px; margin: 15px 0px; width:100%; border: none; font-size:21px; color: #fff; background:#05afd0; }
        .project_block .button:hover {background:#00a3c2;}
        .project_block .bottom-text { font-size: 16px; display: block; }
        .project_block .overlay { width:100%; height:100%; position: absolute; left: 0px; top: 0px; background:rgba(101,180,64,0.7);}
        .project_block .overlay span { position: absolute; left:0px; top:50%; margin-top:-30px; width:100%; font-size:27px; color: #fff; display: block; line-height:28px; text-align: center;  }
        .recentprojectBox.product-overview{ padding-bottom:0px; }

        /* ### resultsBox ### */
        .resultsBox { padding: 0px 0px 48px 0px; width:100%; overflow: hidden; }
        .resultsBox h2 { margin: 0px; padding: 0px 0px 25px 0px; }
        .resultsBox .holder {background: url(/images/results-bg.jpg) left top no-repeat; background-size:cover;}
        .resultsBox .overlay { padding: 0px 0px 70px 0px; background:rgba(5,175,208,0.8); overflow: hidden;  }
        #mainCntr .resultsBox p { font-family: 'effraregular'; font-size: 22px; color: #fff; padding: 35px 0px; margin: 0px; }
        .resultsBox .numbers-block { padding:4px 15px; width:151px; height:151px; border:1px solid #fff; text-align: center; color: #fff; margin: 0px auto; border-radius:100%; padding-top: 47px;}
        .resultsBox .numbers-block .icon { margin:18px 0px 16px 0; height:40px; display: block; font-size:40px;  }
        .resultsBox .numbers-block strong {display: block; font-size:22px; font-family: 'EffraBold'; font-weight: normal; line-height:32px; }
        .resultsBox .numbers-block small { font-size: 18px; display: block; line-height:22px; }
        .resultsBox ul { list-style: none; }
        .resultsBox li { width:16%; float:left; text-align: center; }

        /* ### mapBox ### */
        .mapBox { padding-bottom:40px; width:100%; overflow: hidden; }
        .mapBox .holder { padding:32px 0px 71px 0px; margin-top:10px; overflow: hidden; background:#64b342; }
        .mapBox p { margin: 0px; padding: 0px 0px 36px 0px; overflow: hidden; font-size:22px; color: #fff; text-align: center; }
        .mapBox img { width:100%; box-shadow: 1px 3px 13px 1px rgba(0,0,0,0.2); }

        /* ### service box ### */
        .serviceBox { padding: 0px 0px 30px 0px; width:100%; overflow: hidden; }
        .serviceBox h2 { margin-bottom:23px;}
        .serviceBox .block { padding:17px 15px 32px 15px; margin-bottom:28px; width:100%; height:calc(100% - 28px); background:#e7f3e1; border:1px solid #c9e4bd; border-radius:3px; text-align: center; }
        .serviceBox .icon { width:148px; height:148px; margin: 0px auto; display: block; position: relative; text-align: center; font-size:77px; color: #05afd0; border-radius:100%; background:#fff; }
        .serviceBox .icon small { width:100%; text-align: center; position: absolute; top:50%; margin-top:-40px; display: block; }

        .serviceBox h4 { margin:0px; padding:23px 0px 19px 0px; font-size:27px; color: #444444; }
        .serviceBox p {  font-family: 'effraregular'; font-size:17px; color: #62b13f; line-height:22px;}
        .serviceBox h3 { margin-bottom:0px; font-size: 22px; }
        .serviceBox .subtitle {margin-bottom:17px; font-size: 22px; display:block; color:#62b13f; min-height: 100px;}
        .serviceBox .button { padding:7px 20px 7px 34px; background: #05afd0; font-size:20px; color: #fff; border:none; display: block;  position: relative; border-radius:3px; }
        .serviceBox .button span {  font-size: 20px; position: absolute; right:15px; top:10px;}
        .serviceBox .button:hover{background:#00a3c2;}
        .serviceBox.service-dashboard { padding:40px 0px 0px 0px; }
        .serviceBox.service-dashboard .block { padding:15px; }
        .serviceBox.service-dashboard h3 { min-height: 70px; }
        /* ### register box ### */
        .registerBox { padding:44px 0px; margin-bottom:30px; width:100%; overflow: hidden; background:#05afd0; }
        .registerBox .registration-block { max-width:820px; margin: 0px auto;}
        .registerBox h2 { padding-bottom:20px; font-family: 'effralight'; font-size: 39px; color: #fff; text-align: center;  line-height:40px; }

        /* ### breadcrumbs box ### */
        .breadcrumb { padding:25px 0px 10px 0; list-style: none; background:none; margin: 0px; }
        .breadcrumb li {font-size: 17px; color: #65b343; }
        .breadcrumb li a {  color: #06afd1; text-decoration: underline; }
        .breadcrumb > li + li::before { color:#65b343;}
        .breadcrumb > .active {color: #65b343;}
        .breadcrumb li a:hover { text-decoration: none; }

        /* ### dashboard box ### */
        .dashboardBox { padding:25px 0px 0px 0px; width:100%; border-bottom:1px solid #ccc; }
        .dashboardBox .menu { padding-bottom:11px; margin-top:8px; float:right; }
        .dashboardBox .menu a.button { font-size:24px; color: #64b341; text-decoration: none;}
        .dashboardBox .menu a.button span.icon { margin-left:15px; color: #05afd0;}
        .dashboardBox .menu:hover ul { display:block; }
        .dashboardBox .menu ul { display:none; padding:18px; width:264px; background:#9acd82; position: absolute; right: 0px; top: 53px; list-style: none; z-index:1; }
        .dashboardBox .menu li { padding:10px 8px; position: relative; border-bottom:1px solid #65b342; }
        .dashboardBox .menu li a { padding: 0px 0px 0px 21px; font-size:16px; color: #fff; text-decoration: none; display: inline-block;}
        .dashboardBox .menu li a span { position: absolute; left: 5px; top: 14px;}
        .dashboardBox .menu li a:hover { text-decoration: underline; }

        /* ### left container ### */


            /* ### content box ### */
            .contentBox { width:100%; overflow:hidden; }
            .contentBox h2 { padding:15px 0px; border-bottom:1px solid #ccc; }
            .contentBox p { padding:15px 0px 0px 0px; overflow: hidden; font-family: 'effraregular'; font-size:17px; color: #000000; line-height:28px; }
            .contentBox p a { color: #05afd0; text-decoration: underline; }
            .contentBox p a:hover { text-decoration: underline; }
            .contentBox .date { padding:17px 0px 0px 0px; display: block; font-size:17px; color: #65b343; }
            .contentBox .date small { font-size:17px; margin-right:5px; }
            .contentBox ul { list-style: none;}
            .contentBox li { position:relative; padding: 0px 0px 0px 8px; font-size:17px; color: #000000; line-height:28px;  }
            .contentBox li span { position:absolute; left: 0px; top: 10px; width:5px; height:5px; background:#000; border-radius:100%; }
            .contentBox strong { font-size:21px; color: #65b440; display: block; }
            .contentBox .button { padding: 8px 30px; font-size:20px; background:#05afd0; border:none; color:#fff; }
            .contentBox .button:hover {background:#00a3c2;}

            .contentBox p.last { padding:0 0 15px 0;}

            /* ### newslist box ### */
            .newsBox { padding:20px; margin-bottom:30px; width:100%; overflow: hidden; background:#e7f3e1; border:1px solid #c9e4bd; border-radius:3px; }
            .newsBox h3 { padding-bottom:15px; margin: 0px; font-size:28px; color: #65b440; }
            .newsBox ul{margin: 0px; list-style: none; }
            .newsBox li { padding: 0px 0px 10px 0px; display: block; position: relative; }
            .newsBox li a { padding: 0px 0px 0px 8px;font-family: 'effraregular'; font-size:17px; color: #000000; text-decoration:none; line-height:22px; }
            .newsBox li a:hover { text-decoration: underline;}
            .newsBox li a:before {font-family: 'FontAwesome'; color:#15b4d1; position: absolute; left: -1px; top: 0px; }
            .newsBox .viewall { font-size:17px; color: #06afd1; text-decoration:underline; }
            .newsBox .viewall:hover { text-decoration: none; }

            /* ### address box ### */
            .addressBox { padding:20px; margin-bottom:30px; width:100%; overflow: hidden; background:#e7f3e1; border:1px solid #c9e4bd; border-radius:3px; }
            .addressBox h3 { padding-bottom:15px; margin: 0px; font-size:28px; color: #65b440; }
            .addressBox address { margin: 0px; font-size:17px; color:#000000; line-height:28px; font-style:normal;}
            .addressBox address span { padding: 0px 0px 30px 0px; display: block; }
            .addressBox address a {font-size:17px; color:#000000; text-decoration: none;}
            .addressBox address a:hover { text-decoration: underline; }

            /* ### newslist box ### */
            .newslistBox { width: 100%; overflow: hidden; }
            .newslistBox h2 { margin: 0px; padding:15px 0px;  }
            .newslistBox .block { padding:35px; margin-bottom:28px; width:100%; overflow: hidden; border:1px solid #65b342; border-radius:5px; }
            .newslistBox h3 { margin: 0px; padding: 0px 0px 35px 0px; font-size:30px; color: #64b342; }
            .newslistBox p { padding-bottom:18px; font-size:17px; color: #000000; line-height:28px; }
            .newslistBox .button {padding:6px 30px; width:265px; font-size:20px; background:#05afd0; border:none; color:#fff;}
            .newslistBox .button:hover{background:#00a3c2;}


        /* ### right container ### */

         .orange-button.right-btn { display: block; margin-bottom:16px; }
        .orange-button.green { display:block; margin-bottom:16px; background:#65b343; }

    /* ### register box ### */

    .contentBox h2 { padding:0px 0px 10px 0px; border-bottom:1px solid #c4e2b7; }
    .contentBox p { padding:15px 0px 25px 0px; font-size: 17px; color: #000000; }
    .contentBox .subtitle { padding: 0px 0px 15px 0px; border-bottom:1px solid #c4e2b7; display: block;  font-family: 'efframedium'; font-size:17px; }
    .contentBox strong {}
    .contentBox .textarea{ height: 100px; padding: 14px; padding-left: 10px; margin-bottom:23px; width:100%; line-height:21px; font-size:17px; color: #000000; background:#fff; border:none; border: 1px solid #65b342; border-radius: 4px!important; }
    .contentBox .label { padding: 0px 0px 10px 0px; font-size:17px; color: #000000; display: block; text-align: left; font-weight:normal; }
    .contentBox .label-paragraph { font-weight: bold; padding-bottom: 5px; }
    .contentBox input[type="number"],.contentBox input[type="text"],.contentBox input[type="password"],.contentBox input[type="email"]{ width:100%; line-height:48px; height:48px; padding: 0px 10px;  font-size:17px; color: #000000; border:1px solid #65b342; border-radius:4px!important;}
    .contentBox input[type="number"] { width: 90%; }
    .contentBox .holder { padding:23px 0px 0px 0px; }
    .contentBox .input-group{ display: block; }
    .contentBox input[type="text"]:focus { background:none;}
    .contentBox input[type="email"]:focus { background:none;}
    .contentBox .innerholder { margin-right:-30px; }
    .contentBox .column { width:50%; float:left; padding: 0px 30px 0px 0; }
    .contentBox .form-row{ padding-bottom:26px; overflow: hidden; }
    .contentBox .select { position: relative; width: 100%; height: 50px; display: inline-block; }
    .contentBox .select select { width: 100%; padding: 0 10px; height: 50px; font-size:17px; color: #000000; margin: 0; border:1px solid #65b342; border-radius:4px!important; outline:none; display: inline-block; cursor:pointer; background: #fff;
    -webkit-appearance:none;
    -moz-appearance:none;
    }
    .contentBox .select:after { content: url('/images/select-arrow.png'); position: absolute; top: 1px; right: 4px; pointer-events: none; border-radius:100%; }
    .contentBox .button {padding:6px 30px 6px 30px; background: #05afd0; font-size:18px; color: #fff; border:none; border-radius:3px;}
    .contentBox .button:hover{background:#00a3c2;}

    /* ###project info box ### */
    .projectinfoBox { padding:20px 20px 0 20px; margin-bottom:30px; width:100%; overflow: hidden; background:#e7f3e1; border:1px solid #c9e4bd; border-radius:3px; }
    .projectinfoBox ul { list-style: none; }
    .projectinfoBox li { padding: 0px 0px 16px 0px; font-size:17px; color: #000000; }
    .projectinfoBox strong { font-size:17px; color:#06afd1; display: block; font-family: 'effralight'; }

    /* ###range box ### */
        .rangeBox { padding: 0px 20px 30px 20px; width: 100%; overflow: hidden; }
        .rangeBox h3 { font-size: 29px; color: #000014; }
        .rangeBox h3 span { color: #65b440; }
        .rangeBox .range { margin-bottom:10px; height:19px; width:100%; background:#fff; position: relative; border:1px solid #65b440; border-radius:19px; }
        .rangeBox .range .fill { position: absolute; width:30%; height:100%; background:#65b440; border-radius:19px;}
        .rangeBox .range-value { font-size:16px; color: #444444; display: block; float:left; }
        .rangeBox .range-value.right { float: right;}

        /* ###project detail  box ### */
        .projectdetailBox { padding: 0px 0px 47px 0px; width:100%; overflow: hidden; }
        .projectdetailBox p {font-family: 'effraregular'; font-size:17px; color: #000000; line-height:28px; }
        .projectdetailBox strong { font-size:21px; color: #65b440; display: block; }
        .projectdetailBox .button { padding:8px 20px 8px 20px; width:300px; display: block; margin: 0px auto; position:relative; background: #65b440; font-size:20px; color: #fff; border:none; border-radius:3px; }
        .projectdetailBox .button span { font-size: 20px; position: absolute; right:10px; top:10px; margin-left:10px;}
        .projectdetailBox .button:hover{ background:#51a12c;}

        /* ###addproduct  box ### */
        .addproductBox {width:100%; overflow: hidden; }
        .addproductBox .block { padding:30px 28px; margin-bottom:26px; width:100%; overflow: hidden; border:1px solid #65b342; border-radius:3px;}
        .addproductBox .form-row { margin-bottom:18px; padding: 20px 0px 20px 0px; }
        .addproductBox strong { font-size:21px; color: #05afd0; display: block; padding: 0px 0px 25px 10px; position:relative;}
        .addproductBox strong span { margin-right:5px; position: absolute; left: 0px; top:3px;  }
        .addproductBox .label { font-size: 17px; color: #000000; text-align: left; width:100%; line-height:28px; display:block; }
        .addproductBox .select { position: relative; width: 100%; height: 37px; display: inline-block; }
        .addproductBox .select select { width: 100%; padding: 0 10px; height: 37px; font-size:17px; color: #000000; margin: 0; border:1px solid #cccccc; border-radius:4px!important; outline:none; display: inline-block; cursor:pointer; background: #fff;
        -webkit-appearance:none;
        -moz-appearance:none;
        }
    .addproductBox .select:after { content: url('/images/select-arrow2.png'); position: absolute; top: 0px; right: 0px; pointer-events: none; border-radius:100%; }
    .addproductBox small { padding-top:8px; font-family: 'effraregular'; display:block; font-size:13px; }
    .addproductBox .button { padding:8px 30px 8px 30px; position:relative; background: #05afd0; font-size:20px; color: #fff; border:none; border-radius:3px; }
        .addproductBox .button:hover {background:#00a3c2;}

        .addproductBox ul { list-style: none; margin-right:-30px; }
        .addproductBox li { width:16.6%; float:left; padding: 0px 30px 30px 0; text-align: center;}
        .addproductBox .icon { width:118px; height:118px; background:#a6d291; border-radius:100%; text-align: center; position: relative; display: block; margin-bottom:10px;}
        .addproductBox .icon small {font-family: 'FontAwesome'; color:#fff; font-size:66px; margin-top:-40px; position: absolute; left:0px; top:50%; width:100%; text-align:center; }
        .addproductBox p{ font-family: 'effraregular';font-size: 17px; color: #000000; line-height:22px; }

        /* ###login  box ### */
        .loginBox { width:100%; overflow: hidden; }
        .loginBox .label { padding:10px 0; margin: 0px; font-family: 'effraregular'; font-size:17px; color: #000000; display: block; text-align: left; font-weight: normal; }
        .loginBox .link { font-size: 17px; color: #05afd0; text-decoration: underline; }
        .loginBox .link:hover { text-decoration: none; }
        .loginBox p{ margin: 0px; font-size:17px; color: #000000;}
        .loginBox input[type="text"],.loginBox input[type="email"],.loginBox input[type="password"]{ width:310px; line-height:48px; height:48px; padding: 0px 10px;  font-size:17px; color: #000000; border:1px solid #65b342; border-radius:4px!important;}
        .loginBox .button { padding:5px 30px 5px 30px; margin:30px 0; position:relative; background: #05afd0; font-size:18px; color: #fff; border:none; border-radius:3px; }
        .loginBox .button:hover {background:#00a3c2;}
        .loginBox .subtitle { margin: 0px; padding:20px; background:#65b440; font-size:17px; color: #fff; display: inline-block;  }
        .loginBox .holder { position:relative; margin-bottom:30px; padding:25px;  border:1px solid #65b440; border-radius:3px; }
        .loginBox .right { position:absolute; right: 0px; top: -35px; }

    /* ### footer container ### */
    #footerCntr { margin-top:30px; overflow: hidden; width: 100%; background: #64b342; }
        /* ### footer box ### */
        .footerBox{ padding:40px 0px 60px 0px; width:100%; overflow: hidden; }
        .footerBox .tweet_time { display: none; }

        .footerBox h4 { margin: 0px; padding-bottom:40px; font-size:28px; color: #fff; }
        .footerBox ul{ list-style: none; }
        .footerBox ul.news { min-height: 250px; }
        .footerBox ul.news li { margin-bottom:20px; }
        .footerBox li { display: block; position: relative; }
        .footerBox li a { padding: 0px 0px 0px 8px;font-family: 'effralight'; font-size:15px; color: #fff; text-decoration:none; line-height:21px; }
        .footerBox li a:hover { text-decoration: underline;}
        .footerBox li a:before {font-family: 'FontAwesome'; position: absolute; left: 0px; top: 0px; }
        .footerBox p, .footerBox .tweet_text { margin: 0px; padding-bottom:20px; font-size:15px; color: #fff;  line-height:21px; }
        .footerBox .contact { min-height: 270px; }
        .footerBox .tweet { min-height: 250px; }
        .footerBox .tweet_text { font-family: 'effralight'; padding-bottom: 20px; }
        .footerBox .tweet_list li { margin-bottom: 20px; }
        .footerBox .tweet_list li a { padding: 0px; }
        .footerBox input[type="text"]{ padding: 0px 14px; margin-bottom:16px; width:100%; height:33px; line-height:33px; font-size:15px; color: #525355; background:#fff; border:none; }
        .footerBox .textarea{ padding: 14px; margin-bottom:23px; width:100%; height:93px; line-height:21px; font-size:15px; color: #525355; background:#fff; border:none;}
        .footerBox .button { background: #00a3c2; font-size:16px; color: #fff; border:1px solid #fff; border-radius:3px; }
        .footerBox .button span { font-size: 18px; position: relative; top:3px; margin-left:10px;}
        .footerBox .button:hover { background:#00a3c2; }

/* #Media Queries
==================================================*/
@media only screen and (max-width: 1309px) {
    .project_block .caption { padding:16px 10px; }
    .project_block h3 { font-size: 20px; padding-bottom:5px; }
    .project_block p{ font-size:18px; }
    .project_block .button { font-size:19px; }
    .serviceBox h4 { font-size: 23px; }
    .footerBox h4 { font-size: 22px; }
    .newslistBox .block { padding: 15px; }
    .newslistBox h3 { font-size: 27px; padding-bottom:10px; }
    .newslistBox p { padding-bottom:10px; }
    .addproductBox li { width:33.3%; }
    .addproductBox .icon { margin: 0px auto; }



}

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

    .recentprojectBox { padding-bottom:26px; }
    .navbar-nav{ margin: 0px; }
    .nav > li { padding: 0px;}
    .navbar-default .navbar-nav > li > a { font-size: 20px; padding: 9px 10px; }
    .bannerBox .tagline { padding-top:35px; }
    .bannerBox .block h2 { font-size: 34px; }
    .bannerBox .block { margin: 0px auto 20px auto;}
    .resultsBox ul { text-align: center; }
    .resultsBox li { width:32%; margin-bottom:20px; float: none; display: inline-block }

    .footerBox { padding: 20px 0px; }
    .footerBox h4 { padding: 20px 0px; }
    .contentBox { margin-bottom:30px; }
    .contentBox h2 { font-size:30px; line-height:30px; }
    .productbannerBox h2 { font-size: 30px; }
    .productbannerBox p { line-height: 20px; }
    .contentBox { margin-bottom:30px; }



}

@media only screen and (max-width: 767px) {
    .navbar-collapse { margin: 0px -15px; }
    h2 { font-size:30px; line-height:30px; }
    p{ font-size:20px; }
    .navbar-brand { padding:0 0 10px 0; float: none; margin: 0px auto; width:273px; display:block; }

    .navbar-default .navbar-toggle { margin-right:0px; border: none; background:#05afd0; border-radius:0px; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { border: none; background:#05afd0;}
    .navbar-default .navbar-toggle .icon-bar { background:#fff; }
    .nav > li { width:100%; display: block; text-align: center;}
    .navbar-default .navbar-nav > li > a { display: inline-block; }
    .bannerBox .tagline { padding-bottom:10px; }
    .bannerBox .block h2 { font-size: 30px; }
    .bannerBox .block { width:360px; }
    .contentBox input[type="number"] { width:90%; }

    .project_block .button { font-size: 18px; }
    .resultsBox li { width:48%;}

    .resultsBox .overlay { padding-bottom:20px; }
    .project_block .overlay span { font-size: 22px; }
    .registerBox h2 { font-size: 28px; }
    .registerBox { padding:25px 0px; }
    #footerCntr { margin-top: 30px; }
    .footerBox ul.news { padding: 0px; }
    .resultsBox { padding-bottom:20px; }
    .mapBox { padding-bottom: 20px; }
    .mapBox .holder { padding: 16px 0 24px 0; }
    .dashboardBox h2 { font-size:32px; }
    .dashboardBox .menu a.button { font-size: 20px; }
    .loginBox .right { position:static; display: inline-block; }
    .img-responsive { margin: 0px auto;}
    .newslistBox h3 { padding-top:10px; }
    .breadcrumb li { font-size: 15px; }
    .addressBox address span { padding-bottom:18px; }
    .project_block h3 { font-size:18px; }
    .project_block p { font-size: 16px; }
    .contentBox .input-group { width:100%; display:table; }

    .contentBox .form-row { padding-bottom:5px; }
    .contentBox .select { display: block; }
    .contentBox .label { width:100%; padding:10px 0px; margin: 0px;}
    .contentBox .button { margin-top:20px; }
    .contentBox .holder { padding-top:23px; }
    .navbar-nav .open .dropdown-menu li a {text-align: center;}
    /*.recentprojectBox .row .col-xs-6:nth-child(4n) {
        padding-right: 15px;
    }*/
    .contentBox .subtitle { margin-top: 15px; margin-bottom: 5px; }


}

@media only screen and (max-width: 479px) {
    p{ font-size:18px; }
    h2 { font-size:27px; line-height:27px; }
    #headerCntr .header-top { padding-bottom:0px; }
    #headerCntr .header-top li a { font-size: 15px; }
    #headerCntr .header-top ul { margin-right:-10px; }
    #headerCntr .header-top li { padding-right:10px; }
    #headerCntr .header-top li img { width:118px; margin-top:5px; }
    .footerBox .col, .recentprojectBox .col, .serviceBox .col { width:100%; }
    .bannerBox .block { width:270px; padding:10px; }
    .bannerBox .block h2 { font-size: 24px; }
    .bannerBox .block p { font-size: 16px; line-height:22px; }
    .bannerBox .block .rating { right: -21px; }
    .resultsBox li { width:100%;}
    .mapBox p { font-size: 17px; line-height: 20px; padding-bottom:20px; }

    .dashboardBox .menu a.button .text { display: none; }
    .dashboardBox .menu ul { top:48px; }
    .loginBox .subtitle { font-size: 13px; }
    .loginBox .holder { padding:15px; }
    .loginBox input[type="text"] { width:100%; }
    .contentBox input[type="number"] { width:90%; }

    .loginBox .link { display: inline-block; }
    .loginBox .block { padding:10px 20px; }
    .productbannerBox p { font-size:12px; line-height:18px; bottom:10px; padding:0px 10px; }
    .productbannerBox { padding-bottom:20px; }
    .projectdetailBox .button { width:100%; }
    .addproductBox .block { padding: 18px; }
    .addproductBox strong { font-size:19px; display: inline-block; overflow: hidden; }
    .addproductBox li { width:50%; }
    .addproductBox .button { padding:8px 24px; }
        .contentBox .subtitle { margin-top: 25px; margin-bottom: 0px; font-weight: normal; }

}

/* Custom */
.selected-row { background: #e7f3e1; border: 1px solid #c9e4bd; margin-right: 0px; margin-left: 0px; }

/* #Site Styles
================================================== */

/* #Font-Face
================================================== */

/* ### investment box ### */
.investmentBox { padding: 0px 0px 50px 0px; overflow: hidden; width:100%; }
.investmentBox h2 { padding: 23px 0px; }
.investmentBox .head { margin:25px 0 25px 0; padding:10px; font-size:17px; color: #000000; font-weight: bold; overflow: hidden; background: #e7f3e1; }
.investmentBox .radio { padding: 0px 0px 25px 0px; overflow: hidden; }
.investmentBox .radio span { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 17px; color: #000000; line-height:28px;}
.investmentBox .radio input[type=radio]{display: none}
.investmentBox .radio span:before {content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; top: 6px}

.investmentBox .radio span:before{background: url(/images/radio.png) no-repeat}
.investmentBox .radio input[type=radio]:checked + span:before{content: ""; background: url(/images/radio_selected.png) no-repeat}
.investmentBox label { display: block; }
.investmentBox  a { font-size: 17px; color: #000000; text-decoration: underline;}
.investmentBox  a:hover { text-decoration: none;}
.investmentBox .label { display: block; padding-bottom:15px; font-size: 17px; color: #000000; text-align: left; }
.textarea { width:50%; margin-bottom:50px; float:left; height:175px; border:1px solid #65b342; border-radius:5px; padding:10px; font-size: 17px; color: #000000;}
.investmentBox .button { padding:8px 30px 8px 30px; position:relative; background: #05afd0; font-size:20px; color: #fff; border:none; border-radius:3px; }
.investmentBox .button:hover {background:#00a3c2;}

/* ### Investors box ### */
.investorsBox { width:100%; overflow: hidden; }
.investorsBox .block { padding: 30px 20px; margin-bottom: 26px; width: 100%; overflow: hidden; border: 1px solid #65b342; border-radius: 3px; text-align: center; min-height: 180px; }
.investorsBox .icon { width: 118px; height: 118px; background: #a6d291; border-radius: 100%; text-align: center; position: relative; display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; }
.investorsBox .icon small { font-family: 'FontAwesome'; color: #fff; font-size: 66px; margin-top: -40px; position: absolute; left: 0px; top: 50%; width: 100%; text-align: center; }
.investorsBox small { padding-top: 8px; font-family: 'effraregular'; display: block; font-size: 13px; }
.investorsBox p.motivation { text-align: center; }
.investorsBox .participant_image { margin-left: auto; margin-right: auto; }
.investorsBox span.nickname { display: block; color: #06afd1; font-size: 18px; margin-top: 10px; margin-bottom: 5px; }
.investorsBox span.place { display: block; font-size: 18px;}
/* ### Shopping box ### */
.shoppingBox { width:100%; overflow: hidden; }
.shoppingBox h2 { padding:22px 0px; }
.shoppingBox .block { margin-bottom:33px; padding:28px; overflow: hidden; border:1px solid #65b342; border-radius:6px; }

.shoppingBox .image { width:176px; float:left; position: relative; }
.shoppingBox .image img { width:176px; float:left; position: relative; }
.shoppingBox .rating { position: absolute; right:1px;  top:0px; width:56px; height:56px; text-align: center; border-radius:100%; background:#525355; border:1px solid #fff; box-shadow: 1px 3px 11px 2px rgba(0,0,0,0.5)}
.shoppingBox .rating small { padding:5px 0px 0px 0px; font-family: 'effralight';font-size: 14px; display: block;  color: #fff; }
.shoppingBox .rating span { font-size:25px; color: #fff; font-family: 'EffraBold'; line-height:20px;}
.shoppingBox .detail { padding:0px 0px 0px 30px; overflow: hidden; }
.shoppingBox h3 { margin: 0px; padding: 0px 0px 35px 0px; display: block; overflow: hidden; font-size:31px; color: #65b440; font-weight:bold; text-transform: uppercase;  }
.shoppingBox .col { width:33.3%; float:left;  }
.shoppingBox .col span {font-size:17px; color: #000000;}
.shoppingBox p { margin: 0px; font-size:17px; color: #000; line-height:28px;}
.shoppingBox .price { font-size:44px; color: #05afd0; font-weight: normal; line-height:38px; }
.shoppingBox ul{ list-style: none; }
.shoppingBox li { padding: 0px 0px 0px 10px; position: relative; }
.shoppingBox li a { padding: 0px 0px 0px 10px; display: inline-block; font-size:17px; color: #05afd0; line-height:28px; position:relative; }
.shoppingBox li a:before { position:absolute; left: 0px; top: 12px; content:''; background:#000; border-radius:100%; width:5px; height:5px; display: block; }
.shoppingBox li { text-decoration: underline; color: #05afd0; }
.shoppingBox li a:hover {}

/* ### info box ### */
.infoBox { padding-bottom:40px;  width:100%; overflow: hidden;  }
.infoBox .block { margin-bottom:31px; width:100%; overflow: hidden; padding:22px; border:1px solid #c9e4bd; border-radius:5px; background:#e7f3e1; }
.infoBox p { margin: 0px; padding: 0px; font-size:15px; color: #000000; line-height:28px; }
.infoBox .link { font-size:17px; color: #05afd0; text-decoration: underline; float:left; }
.infoBox .price { width:250px; font-size:17px; color: #000000; float: right; }
.infoBox .button { margin-top:16px; font-size:20px; color: #fff; padding: 8px 26px; background:#05afd0; border:1px solid #05afd0; float:right;}
.infoBox .button:hover {background:#00a3c2;}


#mainCntr .project_block .image .circle { position: absolute; left: 8px; top:8px; width:117px; height:117px; background:#05afd0; text-align: center; box-shadow: 1px 3px 11px 2px rgba(0,0,0,0.5); border-radius:100%; }
#mainCntr .project_block .image .circle p { padding:23px; margin: 0px; font-size:18px; line-height:22px; text-align: center; color:#fff; }
.project_block .range.rangefill { border: none; background:#65b440;}
.project_block .range.rangefill .fill{ background:#05afd0;}


.productbannerBox .banner .circle { position: absolute; left: 10px; top: 5px; width:174px; height:174px; background:#05afd0; text-align: center; box-shadow: 1px 3px 11px 2px rgba(0,0,0,0.5); border-radius:100%; }
.productbannerBox .banner .circle p { position:static; padding:23px; margin: 0px; font-size:25px; line-height:28px; text-align: center; color:#fff; font-weight:300; }
.productbannerBox .banner span {font-family: 'effraregular'; display: block; font-weight:500; }

#mainCntr .rangeBox p.title { font-size:27px; line-height:35px; text-align: center; font-weight:300; padding-bottom:20px; }
.rangeBox p.title span { color: #65b440; }
.rangeBox .range.rangefill { border: none; background:#65b440;}
.rangeBox .range.rangefill .fill{ background:#05afd0;}

.newsBox li.second-last { margin-top:30px; }
.newsBox li a.link { padding: 0px 0px 0px 10px; display: inline-block; font-size:17px; color: #05afd0; line-height:28px; text-decoration: underline; position:relative; }
.newsBox li a.link:before { position:absolute; left: 0px; top: 12px; content:''; background:#000; border-radius:100%; width:5px; height:5px; display: block; }
.newsBox .productnews li { padding: 0px; }
.newsBox .productnews li.first { padding-bottom:15px; }

/* ### table box ### */
.tableBox { width:100%; overflow: hidden; }
.tableBox h2 { padding:13px 0; margin-bottom:30px; overflow: hidden; border-bottom:1px solid #c4e2b7; }
.tableBox .info { padding:10px 22px; border:1px solid #fbd9a6; border-radius:3px; overflow: hidden; background: #fff3e1; }
.tableBox .info p { margin: 0px; padding: 0px; font-size:15px; color: #000000; }
.tableBox .info p a { color: #000000; text-decoration: underline; font-weight:bold; }
.tableBox .info p a:hover { text-decoration: none; }
.tableBox h3 { font-size:22px; color: #000000; }
.tableBox .data { width: 100%;  }
.tableBox .data table { width: 100%; border-spacing: 0; border-collapse: collapse; }
.tableBox .data th { background:none; }
.tableBox .data td { background: white; }
.tableBox .data th, .data td { font-size:12px; color: #000000; text-align: left; border:none; }
.tableBox .data h4 { font-size: 15px; }
.tableBox .data th:first-child, .tableBox .data td:first-child {width: 20%;}
.tableBox .data th:nth-child(2), .tableBox .data td:nth-child(2) {width: 12%;}
.tableBox .data th:nth-child(3), .tableBox .data td:nth-child(3) {width: 20%;}
.tableBox .data th:nth-child(4), .tableBox .data td:nth-child(4) {width: 25%;}
.tableBox .data .title { font-size:15px; color: #65b440; font-weight: 300; }
.tableBox .data th.subtitle { padding:5px 8px; font-size: 15px; color:#06afd0; font-weight:500;  }
.tableBox .data td a { font-size:13px; color: #05afd0; text-decoration:underline; }
.tableBox .data td a:hover { text-decoration: none; }
.tableBox .subcoll { transition: all 0.5s;}
.tableBox .data td.border-bottom { border-top:0px; border-bottom:2px solid #fff; padding-bottom: 15px;}
.tableBox .data td { padding:0px; background:white; }
.tableBox .subcoll td { padding:8px;  background:#f1fafc;}
.tableBox .subcoll th{padding: 8px;}
.tableBox tr.space td, .tableBox th.space { padding:5px 8px; }
.tableBox .subcoll th:first-child, .tableBox .subcoll td:first-child {width: 15%;}
.tableBox .subcoll th:nth-child(2), .tableBox .subcoll td:nth-child(2) {width: 10%;}
.tableBox .subcoll th:nth-child(3), .tableBox .subcoll td:nth-child(3) {width: 10%;}
.tableBox .subcoll th:nth-child(4), .tableBox .subcoll td:nth-child(4) {width: 15%;}
.tableBox .subcoll .payment_expected  td { color: green; }

.recentprojectBox .container .holder .row-flex .col-md-3:nth-child(4) {

}

/* #Media Queries
==================================================*/
@media only screen and (max-width: 1309px) {
    width: 49%;


}

@media only screen and (max-width: 1023px) {
    .textarea { width:78%;}
    .shoppingBox .block { padding:12px; }
    .shoppingBox h3 { font-size: 27px; padding-bottom:15px; }
    .shoppingBox .col { padding-right:10px;}
    .productbannerBox .banner .circle { width:150px; height:150px; }
    .productbannerBox .banner .circle p { font-size:20px; padding:22px; }
    .col-sm-4 .btn-default { font-size: 13px !important; }

}

@media only screen and (max-width: 767px) {
    .textarea { width:100%; height:135px; margin-bottom:20px; }
    .investmentBox .button { white-space:normal;}
    .investmentBox label {white-space:normal;}
    .investmentBox .head { font-size: 16px; }
    .shoppingBox .image { float: none; margin: 0px auto;}
    .shoppingBox .detail { width:100%; padding: 20px 0px 0px 0px; }
    .shoppingBox h3 { font-size:22px; }
    .shoppingBox .col{ width:50%; }
    .infoBox .price { width: auto; }
    .productbannerBox .banner .circle { display: none;}
    .rangeBox p.title { font-size:22px; line-height:28px; }
    .btn-default { font-size: 13px !important; }

}

@media only screen and (max-width: 479px) {
    .shoppingBox .col{ width:100%; }
    .infoBox .price { width:100%; text-align: center; }
    .infoBox .button { float: none; }
    .mobile-center { text-align: center; }
    .infoBox .link { float: none; }
    .infoBox .block { margin-bottom:20px; }
    .productbannerBox h2 { font-size:23px; }
    .productbannerBox p { bottom:0px; }
    .btn-default { font-size: 13px !important; }

}

.image-container-overlay-share span {
    float: left;
}

.image-container-overlay-share {
    background-color: white;
    font-size: 12px;
    float: left;
    z-index: 10;
    padding: 5px;
    padding-left: 10px;
    width: 450px;
}

.stButton .chicklets {

}

#mainCntr .productbannerBox .banner .circle p {
    position: static;
    padding: 25px;
    padding-top: 30px;
    margin: 0px;
    font-size: 25px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-weight: 300;
}

fieldset span.error {
    color: red;
}
div.terms_and_conditions {
    width: 850px;
    height: 400px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    font-size: 10px;
}
.participant_image.circular {
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    /* box-shadow: 0 0 8px rgba(0, 0, 0, .8); */
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
    width: 118px;
    height: 118px;
    margin-bottom: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 118px 118px;

}

.sidebar_members { margin-top: 24px; }
.afm_question {
    padding-top: 20px;
    display: block;
    padding-bottom: 5px;
}

.afm_q_option_table {
    font-size: 14px;
    font-weight: normal;
    font-family: 'effralight';
}
.contentBox form .afm_q_input_small {
    width: 80px;
    height: 20px;
    border: 1px solid black;
    padding: 10px;
    border-radius: 3px !important;
    margin-left: 20px;
    margin-top: 5px;
    font-size: 12px;
}

.contentBox form .afm_q_noborder {
    width: 160px;
    height: 20px;
    border: 1px solid black;
    padding: 10px;
    border-radius: 3px !important;
    margin-left: 20px;
    margin-top: 5px;
    font-size: 12px;

}

.contentBox table label {
    font-size: 14px;
    font-weight: normal;
    font-family: 'effralight';
}

.afm_test .afm_feedback_table td {
    padding-bottom: 20px;
    padding-right: 50px;
}

.message-block-error {
    background: rgba(200, 54, 54, 0.5);
    border: 1px solid white;
}

#mainCntr .message-block-error p, #mainCntr .message-block-error p a {
    color: white;
}

#mainCntr .message-block-error p a { text-decoration: underline; }

#mainCntr input[readonly="readonly"], #mainCntr input[readonly="readonly"]:focus {
    background-color: #e8e8e8;
    border: 1px solid black !important;
}



/* ### table box ### */
.tableBox { width:100%; overflow: hidden; }
.tableBox h2 { padding:13px 0; margin-bottom:30px; overflow: hidden; border-bottom:1px solid #c4e2b7; }
.tableBox .info { padding:10px 22px; border:1px solid #fbd9a6; border-radius:3px; overflow: hidden; background: #fff3e1; }
.tableBox .info p { margin: 0px; padding: 0px; font-size:15px; color: #000000; }
.tableBox .info p a { color: #000000; text-decoration: underline; font-weight:bold; }
.tableBox .info p a:hover { text-decoration: none; }
.tableBox h3 { font-size:22px; color: #000000; }
.tableBox .data { width: 100%;  }
.tableBox .data table { width: 100%; border-spacing: 0; border-collapse: collapse; }
.tableBox .data th { background:none; }
.tableBox .data td { background: #e4f6f9; }
.tableBox .data th, .data td { font-size:15px; color: #000000; text-align: left; border:none; }
.tableBox .data th:first-child, .tableBox .data td:first-child {width: 20%;}
.tableBox .data th:nth-child(2), .tableBox .data td:nth-child(2) {width: 12%;}
.tableBox .data th:nth-child(3), .tableBox .data td:nth-child(3) {width: 20%;}
.tableBox .data th:nth-child(4), .tableBox .data td:nth-child(4) {width: 25%;}

.tableBox .data .title { font-size:17px; color: #65b440; font-weight: bold; }
.tableBox .data th.subtitle { padding:5px 8px; font-size: 17px; color:#06afd0; font-weight:500;  }
.tableBox .data td a { font-size:15px; color: #05afd0; text-decoration:underline; }
.tableBox .data td a:hover { text-decoration: none; }
.tableBox .subcoll { transition: all 0.5s;}
.tableBox .data td.border-bottom { border-top:0px; border-bottom:2px solid #fff;}
.tableBox .data td { padding:0px; background:#e4f6f9; }
.tableBox .subcoll td { padding:8px;  background:#f1fafc;}
.tableBox .subcoll th{padding: 8px;}
.tableBox tr.space td, .tableBox th.space { padding:5px 8px; }
.tableBox .subcoll th:first-child, .tableBox .subcoll td:first-child {width: 15%;}
.tableBox .subcoll th:nth-child(2), .tableBox .subcoll td:nth-child(2) {width: 10%;}
.tableBox .subcoll th:nth-child(3), .tableBox .subcoll td:nth-child(3) {width: 10%;}
.tableBox .subcoll th:nth-child(4), .tableBox .subcoll td:nth-child(4) {width: 15%;}

.tableBox .subcoll th:first-child, .tableBox .subcoll td:first-child {width: 15%;}
.tableBox .subcoll th:nth-child(2), .tableBox .subcoll td:nth-child(2) {width: 10%;}
.tableBox .subcoll th:nth-child(3), .tableBox .subcoll td:nth-child(3) {width: 10%;}
.tableBox .subcoll th:nth-child(4), .tableBox .subcoll td:nth-child(4) {width: 15%;}


.contentBox form input[readonly],
.contentBox form input[readonly]:focus,
.contentBox form input[disabled] {
    border: 1px solid #F5F5F5;
    border-radius: 4px!important;
    background-color: #F5F5F5;
}

#image-upload { width: 250px; height: 250px; position:relative; /* or fixed or absolute */ border: 1px solid #65b342; border-radius: 3px; }
input.currency {
    text-align: right;
    padding-right: 15px;
}

.input-group-addon { width: 10%; height: 48px; float: left; }
.contentBox input[type="number"] {
    width: 90%;
    line-height: 48px;
    height: 48px;
    padding: 0px 10px;
    font-size: 17px;
    color: #000000;
    border: 1px solid #65b342;
    text-align: right;
    padding-right: 5px;
    border-radius: 4px!important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { margin-left: 20px; }

.input-group-addon-currency {
    color: white;
    font-size: 20px;
    background-color: #65b440;
    padding-top: 12px;
    font-weight: normal;
    border: 1px solid #65b440;
}

.form-check label { font-size: 17px; font-weight: normal; }
.addproductBox .btn-login { background-color: #65b440; color: white; font-size: 12px; float: right; }
.contentBox p .orange-button, .contentBox p .orange-button:hover { color: white; text-decoration: none; width: 50%; margin-left: auto; margin-right: auto; display: block; margin-top: 20px; }
.nopadding { padding: 0 !important; margin: 0 !important; }
.nopaddingleftright { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important;}


/* ###searchBox  box ### */
.searchBox {width:100%; overflow: hidden; }
.searchBox { padding: 0px 0px 0px 0px; width: 100%; overflow: hidden; }
.searchBox .form-row { margin-bottom:18px; padding: 20px 0px 0px 0px; }
.searchBox .label { font-size: 17px; color: #000000; text-align: left; width:100%; line-height:28px; display:block; }
.searchBox .select { position: relative; width: 100%; height: 37px; display: inline-block; }
.searchBox .select select { width: 100%; padding: 0 10px; height: 37px; font-size:17px; color: #000000; margin: 0; border:1px solid #cccccc; border-radius:4px!important; outline:none; display: inline-block; cursor:pointer; background: #fff;
    -webkit-appearance:none;
    -moz-appearance:none;
}
.searchBox .select:after { content: url('/images/select-arrow2.png'); position: absolute; top: 0px; right: 0px; pointer-events: none; border-radius:100%; }
.searchBox small { padding-top:8px; font-family: 'effraregular'; display:block; font-size:13px; }
.searchBox .button { padding: 4px 30px 5px 30px; position:relative; background: #05afd0; font-size:19px; color: #fff; border:none; border-radius:3px; }
.searchBox .button:hover {background:#00a3c2;}


.new_iban_control { padding-top: 10px; }
.margin-bottom-sm .input-group-addon { padding: 6px 8px; }
.loginBox .link { font-size: 17px; color: white; text-decoration: none; border: 1px solid #05afd0; background-color: #05afd0; padding: 3px 25px 5px 25px; display: inline-block; margin-top: 10px; }
.loginBox .link:hover { text-decoration: underline; }
.margin-members { margin-top: 25px; }
.table-striped { font-size: 14px; margin-top: 30px; }
.loginBox .table-striped > tbody > tr:nth-of-type(odd) { background-color: #e7f3e1; }
.loginBox .table-striped > tbody > tr > th { font-weight: normal; }
.pl0 { padding-left: 0px; }
.plr0 { padding-left: 0px; padding-right: 0px; }
.recentprojectBox > .container > .row { margin-left: 0px; margin-right: 0px; }
.recentprojectBox > .container > .holder > .row { margin-left: 0px; margin-right: 0px; }
.recentprojectBox .no-margin { margin-left: 0px!important; margin-right: 0px!important;  }
.no-margin { margin-left: 0px!important; margin-right: 0px!important;  }
.frequently_given_answer ul { list-style-type: lower-alpha; list-style: square inside; }
.frequently_given_answer, .frequently_given_answer li { padding: 0px; margin: 0px; font-size: 17px; color: #000000; line-height: 30px; font-family: 'effralight'; padding-top: 5px; }
.frequently_given_answer li::before { content: "\25FE \A0 ";}


.frequently_given_answer li::before { content: "\25FE \A0 ";}
.terms p, .terms li {
    padding: 0px;
    margin: 0px;
    font-size: 15px;
    color: #000000;
    line-height: 30px;
    font-family: 'effralight';
    padding-top: 10px;
}

.terms li { padding-left: 10px; }
.terms li::before { content: "\2023 "; position: absolute; left: 15px; font-size: 20px; }

.flag-icon-be {
    background-image: url(/images/flags/4x3/be.svg);
}

.flag-icon-be.flag-icon-squared {
    background-image: url(/images/flags/1x1/be.svg);
}

.flag-icon-nl {
    background-image: url(/images/flags/4x3/nl.svg);
}

.flag-icon-nl.flag-icon-squared {
    background-image: url(/images/flags/1x1/nl.svg);
}

.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}

.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
}

.flag-icon:before {
    content: "\00a0";
}

.flag-icon.flag-icon-squared {
    width: 1em;
}

.margin-left-right-0 { margin-left: 0px; margin-right: 0px; }

.statisticsBox .table tr { padding: 0px;  }
.statisticsBox .table tr td { padding: 0px; font-size: 17px; border-top: none; border-bottom: 1px solid #ccc; }
.statisticsBox .table tr td.title { width: 25%; }
.statisticsBox .table tr td.value { width: 75%; }
#mainCntr .statisticsBox .table tr td p { display: inline;  }

.show-project-information { background-color: #65b440; font-size: 15px; }

/* checkout investments */
#submit-checkout-investments { display: none; font-size: 15px; }
.checkboxes { font-size: 15px; line-height: 30px; font-family: effralight; }

/* footer */
.colored-captcha { color: white; }

@media print {
    #footerCntr, .sidebar_members, .print-page {
        display: none;
    }
    .service-dashboard .block { border: 0px; background: none; }
    .navbar-brand { display: block; }
    .bannerBox { display: none; }
}

@media (max-width: 768px) {
      .sm-text-right {
          text-align: right !important;
       }
    }


/* sharingbuttons.io */
.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
  background-color: #046293;
  border-color: #046293;
}

.resp-sharing-button--whatsapp {
  background-color: #25D366;
  border-color: #25D366;
}

.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
  background-color: #1DA851;
  border-color: #1DA851;
}

#cookie-bar p, #cookie-bar-prompt-content p {
  font-size: 12px;
}

.width-10-percent { width: 10%; }
.width-20-percent { width: 10%; }
.width-50-percent { width: 10%; }

h3.print-row-h3 { font-size: 16px; }
span.print-row-subtitle { min-height: 50px; }
h3.block-title { font-size: 15px; min-height: 90px; margin-top: 30px; }
.serviceBox .row span.block-title-subtitle { min-height: 20px; font-size: 14px; }
p.yearreport-introduction { padding-bottom: 0px; padding-top: 20px; }
.investment-interest-details-investment-reached { margin-top: 10px; margin-bottom: 10px; text-transform: uppercase; background-color: #64B342; color: white; width: 165px; padding: 5px; padding-left: 20px; }
.investment-interest-details-message { margin-top: 10px; margin-bottom: 10px; text-transform: uppercase; background-color: #64B342; color: white; width: 175px; padding: 5px; padding-left: 20px; }
.investment-interest-details-message a { color: white; }

div.special-goudsepanelen {
    margin-top: 20px;
    background-color: #f39200;
    padding: 20px;
    color: white;
    font-weight: 500;
}

#mainCntr .special-goudsepanelen b, #mainCntr .special-goudsepanelen p {
    font-size: 15px;
    line-height: 25px;
    color: black;
}

.special-goudsepanelen small {
    font-size: 15px;
    line-height: 15px;
}

.special-goudsepanelen tr td {
    font-size: 14px;
    color: black;
}
.special-goudsepanelen tr {
    height: 40px;
}

.special-goudsepanelen input { padding: 2px; }

.special-goudsepanelen input, .special-goudsepanelen select {
    height: 30px;
    margin-left: 10px;
    width: 100%;
}
.filter {
    float: right;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 14px;
}
.filter input[type=checkbox]{
    position: relative;
    vertical-align: middle;
    bottom: 4px;
}