.img_border_bottom {
    border-bottom-color: #31aae1;
}

.pricing_tables_vice_versa {
    border-top-color: #31aae1;
}

.navbar .side-menu-button,
.button_hover_effect_1:before,
.button_hover_effect_3:before,
.button_hover_effect_4,
.button_hover_effect_5,
.navbar .navbar-header button span,
.navbar .nav li a:before,
.index4 .navbar .nav li a:before,
.index4 .navbar .side-menu-button,
.qualities_section_icon_inner:hover,
.progress_bars_div .progress-bar,
.services_block_inner:hover,
.portfolio_filter .cbp-l-filters-buttonCenter .cbp-filter-item:before,
.button_2,
.button_3:before,
.button_5:before,
.button_4,
.button_6 {
    background: #31aae1;
}

.button_2,
.button_3:before,
.button_5:before,
.button_4,
.button_6 {
    border: 3px solid #31aae1;
}

.font_awesome_style,
.rounded_inner_icon,
.navbar.shrink .nav li a:hover,
.navbar .nav li a:hover,
.navbar .side-menu-button.actives .fa,
.navbar .sidenav ul>li.active a,
.index4 .navbar.shrink .nav li a:hover,
.index4 .navbar .nav li a:hover,
.index4 .navbar .side-menu-button.actives .fa,
.index4 .navbar .sidenav ul>li.active a,
.pricing_features_list li:before,
.blog_slide:hover .anchor_blue,
.portfolio_filter .cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active {
    color: #31aae1;
}

.portfolio_filter .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap {
    background: rgba(49, 170, 225, .8);
}



.select-split, .select-cmsn{  font-size:12px; color:#515a5f; text-transform:uppercase; background:#fff; float:left; width:100%;}
.select-split a { padding:16px 0; width:14.28%; text-align:center; border:1px solid #f6f6f7; display:inline-block; box-sizing:border-box; float:left;}

.select-cmsn a { padding:16px 0; width:20%; text-align:center; border:1px solid #f6f6f7; display:inline-block; box-sizing:border-box; float:left;}
.select-split a:hover, .select-split a.active, .select-cmsn a:hover, .select-cmsn a.active  { background:#515a5f; color:#fff; text-decoration:none; border:1px solid #515a5f; }
.select-split a:last-child, .select-cmsn a:last-child  {border-radius:0 2px 2px 0;}
.select-split a:first-child, .select-cmsn a:first-child  {border-radius:2px 0 0 2px ;}

.selected-value { color:#31aae1; font-size:14px; font-weight:bold; text-transform:uppercase; float:right; }
.param-label { color:#515a5f; font-size:14px; font-weight:light; text-transform:uppercase;}
.margin_bottom_20 { margin-bottom:20px;}
.earning-result { border-bottom:2px solid #858b8f; text-align:center; padding-top:35px; }
.madison-earning { background:#31aae1; width:50px; display:inline-block; position:absolute; bottom:0; left:50%; margin-left:-25px; }
.other-earning { background:#858b8f;  width:50px; display:inline-block; position:absolute; bottom:0; left:50%; margin-left:-25px;}

.madison-title{ border-radius:3px; font-size:17px; height:145px; font-weight:medium; width:196px; padding:0px 20px 20px 20px; margin:0 auto; }
.madison-title img{ margin-bottom:5px;}
.madison-title span{font-size:11px; font-weight:200;}
.madison-title .underline { display:block; height:2px; width:75px; background:#0094C1; margin:10px auto;  }
.madison-title sup {top:-9px;}
.other-title .underline { display:inline-block; height:2px; width:75px; background:#bbbfc1;  }
.other-title { border-radius:3px; font-size:17px; font-weight:medium; width:196px; padding:20px; height:145px; margin:0 auto;}
.m-earning { font-size:30px; color:#31aae1; padding:10px 0; display:block; width:250px; margin-top:-50px; margin-left:-100px;  }
.o-earning { font-size:30px; color:#bbbfc1;  padding:10px 0; display:block; width:250px; margin-top:-50px; margin-left:-100px;}
.block-half { width:50%; float:left; text-align:center;}
.earning-value{ height:275px; position:relative;}


#slidecontainer {
    width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
    -webkit-appearance: none;  /* Override default CSS styles */
    appearance: none;
    width: 100%; /* Full-width */
    height: 4px; /* Specified height */
    background: #d3d3d3; /* Grey background */
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
		 border-radius: 5px;   
		 margin:10px 0;
}

/* Mouse-over effects */
.slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use webkit (Chrome, Opera, Safari, Edge) and moz (Firefox) to override default look) */ 
.slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 16px; /* Set a specific slider handle width */
    height: 16px; /* Slider handle height */
    background: #515a5f; /* Green background */
    cursor: pointer; /* Cursor on hover */
		 border-radius: 50%;   
}

.slider::-moz-range-thumb {
    width: 16px; /* Set a specific slider handle width */
    height: 16px; /* Slider handle height */
    background: #515a5f; /* Green background */
    cursor: pointer; /* Cursor on hover */
		 border-radius: 50%;   
}
.range { font-size:12px; color:#c0c0c0; }
.mobile{ display:none;}
.desktop{ display:block;}
.calculator-settings { float:left; }
.calculator-results { float:right; }

@media only screen and (max-width: 767px) {
    .param-label {
        margin-bottom: 5px; text-transform:none;
    }
		.select-split, .select-cmsn { background:none;}
		.select-split a, .select-cmsn a { border-radius:15px !important; padding:6px 15px; margin:4px; width:auto; background:#fff; border:1px solid #e3e3e6; }
		.select-split a:hover, .select-split a.active, .select-cmsn a:hover, .select-cmsn a.active {background:#31aae1; border:1px solid #31aae1;}
		.calculator { background:#f6f6f6; padding:10px; }
		.mobile{ display:block;}
		.desktop{ display:none;}
	
		.slider::-webkit-slider-thumb {
      background: #515a5f; /* Green background */
 }

.slider::-moz-range-thumb {
     background: #515a5f; /* Green background */
  
}
.calculator-settings { float:none; clear:both; }
.calculator-results { float:none; }
.earning-result { border:none;}
.progress_bars_div { text-align:left}
.progress_bars_div.typical .progress-bar { background:#858b8f;}
.calculator { position:relative;}
.calculator:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(246, 246, 246, 0);
	border-bottom-color: #f6f6f6;
	border-width: 10px;
	margin-left: -10px;
}
}

.icon_competence{
    background:url('/img/competence.png') no-repeat;
    background-size:contain;
    background-position:center center;
    width:90px;
    height:90px;
    margin:0 auto;
}

.icon_stewardsship{
    background:url('/img/stewardsship.png') no-repeat;
    background-size:contain;
    background-position:center center;
    width:90px;
    height:90px;
    margin:0 auto;
}

.icon_integrity{
    background:url('/img/integrity.png') no-repeat;
    background-size:contain;
    background-position:center center;
    width:90px;
    height:90px;
    margin:0 auto;
}

.qualities_section_icon_inner:hover{
    background-color:#0094C1;
}
.qualities_section_icon_inner:hover .icon_competence{   
    background:url('/img/competence_white.png') no-repeat;
    background-size:contain;
    background-position:center center;
}
.qualities_section_icon_inner:hover .icon_stewardsship{   
    background:url('/img/stewardsship_white.png') no-repeat;
    background-size:contain;
    background-position:center center;
}
.qualities_section_icon_inner:hover .icon_integrity{   
    background:url('/img/integrity_white.png') no-repeat;
    background-size:contain;
    background-position:center center;
}

.layer_bg{
    background:rgba(49, 45, 43, 0.3);
}


.padding_top{
    padding-top:75px;
}
.padding_bottom{
     padding-bottom:75px;
}


.parallax_padding {
    padding: 180px 0 180px 0;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
    .parallax_make {
        background-attachment: scroll !important;
    }
}

.buttonwidth{   
    width:135px;
    margin:0 auto;
    padding-left:0px!important;
    padding-right:0px!important;
}