#maincolor_definition{
color:#4C4642;/* top menu color */
background-color:rgba(255,255,255,.6); /* semi transparent top menu bar */
background-color:rgba(255,255,255,1);/* top menu bar background non transparent */
background-color: #4C4642;/* think line after top menu */
color:#f4e30c;/* mouse over at footer */
}

.page {
    background: #fff 
    }

#footer{background-color:#454545;
color: #8c8c8c;
    font-size: 14px;}
    
    #footer h3 {color: #d8d8d8;
    font-size: 16px;
    margin-bottom: 1.6em;
    text-transform: uppercase;}
    
    #footer ul {list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    }
    
    
#footer ul li {
    border-bottom: 1px solid #ebebeb;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.2s ease 0s;
    padding: 6px 0 8px 20px;
    position: relative;
}

#footer ul li a {color:#8c8c8c;display:block;}

     #footer ul li::before {
    -moz-osx-font-smoothing: grayscale;
    color: #8c8c8c;
    content: '\e82d';
    display: block;
    font-family: "rv";
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    left: 0;
    line-height: 1.2;
    margin-right: 10px;
    position: absolute;
    top: 10px;
}
   
   #footer ul li a:hover {
color:#f4e30c;/* mouse over at footer */
   }
    
    
#copyright{background-color:#2E2E2E}

#copyright a {color: #c7c7c7;}

.social-links {
    display: inline-block;
    vertical-align: middle;
    list-style: outside none none;
    margin: 0;
    padding-left: 0;
    }
   
.social-links > li {
    display: inline-block;
    padding: 0;
    vertical-align: top;
}
.social-links > li > a {

    display: inline-block;
    font-size: 24px;
    height: 28px;
    line-height: 28px;
    margin: 0 2px;
    text-align: center;
    transition: all 0.2s ease 0s;
    width: 28px;
}
    
    
 /* footer on mobile */   
.devicemobile #copyright .social-links-txt {display:none}
.devicemobile #copyright .content-block {margin:15px 0;text-align:center}
.devicemobile #copyright .right{width: 100%}

  .navbar {height:100px;transition-property: height;transition-duration: 1s;}
    .navbar-fixed .page-content, .navbar-through .page-content {padding-top: 104px; transition: all 0.15s ease-out 0s;}
    .navbar{background: #fff none repeat scroll 0 0;}
    .logo {margin:0 10px 2px 5px; height: 38px; transition: all 0.15s ease-out 0s;}
    
    
    .devicemobile .navbar, .views.scroll .navbar {height:40px;  
    background-color:#ff7700;
background-color:rgba(255,255,255,1);/* top menu bar background non transparent */
transition: all 0.15s ease-out 0s;}
   .devicemobile .page-content, .views.scroll .navbar-fixed .page-content, .views.scroll .navbar-through .page-content {padding-top: 44px; transition: all 0.15s ease-out 0s;}
    .devicemobile .logo,.views.scroll .logo {height: 28px; padding-top: 5px; transition: all 0.15s ease-out 0s;}
    
   .devicemobile .navbar .left, .devicemobile .navbar .right {
 /*  display: block;*/
    }
    
    .navbar-inner {
  /*  align-items: flex-end; */
    }
    .mobile-show {display:none !important}
    .devicemobile .mobile-show {display:flex !important}
    
   .devicemobile .mobile-hide {display:none !important}
    
    .btn-decorator{
    display: inline-block !important;
    }
    
.navbar a.link {
color:#4C4642;/* top menu color */
}
.pic-hero {
    background-position: center center;
    background-size: cover;
}

/*
.navbar .left span{
display:block;
float:right;
font-size:11px;
line-height:14px;
}*/
.navbar .left span b{
font-size:25px;
line-height:26px;
    font-weight: 100;
}


 .navbar .right a + a {
 /*   margin-left: 35px; */
}

.navbar  a {color:white; }
    
    .btn-decorator::after {
    border-bottom: 2px solid #F4E30C;
    content: "";
    display: block;
    height: 1px;
    left: -1px;
    margin-top: -3px;
    position: relative;
    top: 3px;
    transform: scale(0, 1);
    transform-origin: center center 0;
    transition: all 0.15s ease-out 0s;
    width: 100%;
}
.btn-decorator:hover::after, .btn-decorator.active::after {
    transform: scale(1, 1);
}
  
  .navbar::after {
background-color: #4C4642;/* think line after top menu */
    }
    
      
  .maxwrap{
  height: 100%;
    left: auto;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    top: 0;}  
    
    .right {
    float: right;
}

.ks-card-header-pic .card-header {
    background-position: center center;
    background-size: cover;
}
.card-header {
    align-items: end;
}

.color-white {
    color: white;
    text-shadow: 2px 2px 4px #000;
}

.pic-container div, .pic-container4x3 div, .pic-container16x9 div {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

    
    .pic-container {
    display: block;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}
    
    .wrapperpage {
    max-width:1200px;
    margin:0 auto;
    }
    
    .wrapperpagetitle {
    max-width:1440px;
    margin:0 auto;
    }
    
    .row.wrapperpage {
    max-width:1215px;
    }
    
   .devicedesktop .desktop-25 {
   width: calc((100% - 15px * 1) / 4);
   }
    
   .devicedesktop .desktop-33 {
   width: calc((100% - 15px * 1) / 3);
   }
    
 .navbar {
 box-shadow: 0 0 14px -2px #333;
 background-color:#ff7700;
background-color:rgba(255,255,255,.6); /* semi transparent top menu bar */

 
 }   
    
    
    
    .heroimage {
margin-top: -104px;
 padding-bottom: 56%;
}
.devicemobile .heroimage, .devicetablet .heroimage {
margin-top: -4px;
}

.heroimage span {
position:absolute;
top:50%;
transform: translate(0, -50%);
font-weight:300; 
display:block;
}


.heroimage h1 {
font-size:44px;
line-height:44px;
font-weight:300;
}

.heroimage h1 i{
display:block;
margin-top:10px;
font-size:16px;
line-height:16px;
}

.devicemobile .heroimage h1 {
font-size:24px;
line-height:24px;
}

.devicemobile .heroimage h1 i ,.devicetablet .heroimage h1 i {
display:none;
}

#hero{position:relative}


div.h1wrap {
 
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    width: 40%;
    padding: 0.5em 4em;
}
.pic-hero{ 
-webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  }
  
   .devicemobile .h1wrap {
   padding: 0.5em 1.5em !important;
   }
   
   
  .devicemobile .h1wrap h1 {
   font-size: 24px;
   font-weight: 300;
   line-height: 24px;
   transform: translateZ(0px);
}

.heropos1{top:104px;width:40%}
.heropos2{top:104px;width:40%;left: 50%;transform: translateX(-50%);text-align: center;}
.heropos3{top:104px;right: 0;width:40%;}

.devicemobile .heropos1,.devicetablet .heropos1{top:0;width:40%}
.devicemobile .heropos2,.devicetablet .heropos2{top:0;width:40%;left: 50%;transform: translateX(-50%);text-align: center;}
.devicemobile .heropos3,.devicetablet .heropos3{top:0;right: 0;width:40%;}

.heropos4{left:0;width:40%;top: 50%;transform: translateY(-50%);}
.heropos5{width:40%;left: 50%;top: 50%;transform: translateY(-50%);transform: translateX(-50%);margin:0 auto;text-align: center;}
.heropos6{right:0;width:40%;top: 50%;transform: translateY(-50%);}

.heropos7{position: absolute !important;left:0;width:40%;bottom:0}
.heropos8{position: absolute !important;width:40%;left: 50%;transform: translateX(-50%);bottom:0;text-align: center;}
.heropos9{position: absolute !important;width:40%;right:0;bottom:0}


.heropositionborder20 {

}

.devicemobile .heropos1,.devicemobile .heropos2,.devicemobile .heropos3,.devicemobile .heropos4,.devicemobile .heropos5,.devicemobile .heropos6,.devicemobile .heropos7,.devicemobile .heropos8,.devicemobile .heropos9 {
position: relative !important;left:0;width:auto;bottom:0;
top: auto;transform: none;
background-color: #333;
}


.h1wrap .actionbutton{
display:inline-block;
padding:0 2em;
margin-right:2em;
}
.h1wrap .actionbutton:last-child{margin-right:0em;}

.devicemobile .h1wrap .actionbutton{
font-size: 14px;
    height: 24px;
    line-height: 24px;
     margin-right: 1em;
    padding: 0 1em;
}


.h1wrap p {
color:#eee;
}
.h1wrap h1{
color: white;
    font-size: 3.8em;
    font-weight: 100;
    letter-spacing: -0.005em;
    line-height: 1;
}
.bigb {
display:inline-block;
padding:5px 20px;
white-space: nowrap; outline: medium none; box-shadow: none; box-sizing: border-box; visibility: inherit; transition: none 0s ease 0s ; font-style: normal; text-decoration: none; color: rgb(255, 255, 255); border-width: 2px; border-style: solid; 
border-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.05); line-height: 25px; margin: 0px; padding: 12px 20px; letter-spacing: 1px; font-weight: 500; font-size: 25px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; opacity: 1; transform: translate3d(0px, 0px, 0px); transform-origin: 50% 50% 0px; cursor: pointer;

}

    .navbar a.link, .subnavbar a.link, .toolbar a.link {
    line-height: 38px;}
    
    @font-face{font-family:'rv';src:url(/font/rv.eot?10881297);src:url(/font/rv.eot?10881297#iefix) format("embedded-opentype"),url(/font/rv.woff?10881297) format("woff"),url(/font/rv.ttf?10881297) format("truetype"),url(/font/rv.svg?10881297#rv) format("svg");font-weight:400;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"rv";font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-heart:before{content:'\e800'}.icon-heart-empty:before{content:'\e801'}.icon-star:before{content:'\e802'}.icon-star-empty:before{content:'\e803'}.icon-star-half:before{content:'\e804'}.icon-star-half-alt:before{content:'\e805'}.icon-user:before{content:'\e806'}.icon-videocam:before{content:'\e807'}.icon-picture:before{content:'\e808'}.icon-camera:before{content:'\e809'}.icon-th:before{content:'\e80a'}.icon-plus-squared:before{content:'\e80b'}.icon-minus-squared:before{content:'\e80c'}.icon-help-circled:before{content:'\e80d'}.icon-info-circled:before{content:'\e80e'}.icon-home:before{content:'\e80f'}.icon-link-ext:before{content:'\e810'}.icon-lock:before{content:'\e811'}.icon-lock-open:before{content:'\e812'}.icon-flag:before{content:'\e813'}.icon-bookmark:before{content:'\e814'}.icon-bookmark-empty:before{content:'\e815'}.icon-tags:before{content:'\e816'}.icon-tag:before{content:'\e817'}.icon-thumbs-up:before{content:'\e818'}.icon-thumbs-down:before{content:'\e819'}.icon-thumbs-up-alt:before{content:'\e81a'}.icon-thumbs-down-alt:before{content:'\e81b'}.icon-share:before{content:'\e81c'}.icon-comment:before{content:'\e81d'}.icon-chat:before{content:'\e81e'}.icon-desktop:before{content:'\e81f'}.icon-laptop:before{content:'\e820'}.icon-tablet:before{content:'\e821'}.icon-mobile:before{content:'\e822'}.icon-flight:before{content:'\e823'}.icon-train:before{content:'\e824'}.icon-subway:before{content:'\e825'}.icon-bus:before{content:'\e826'}.icon-cab:before{content:'\e827'}.icon-coffee:before{content:'\e828'}.icon-food:before{content:'\e829'}.icon-wheelchair:before{content:'\e82a'}.icon-drizzle:before{content:'\e82b'}.icon-left-open:before{content:'\e82c'}.icon-right-open:before{content:'\e82d'}.icon-up-open:before{content:'\e82e'}.icon-menu:before{content:'\e82f'}.icon-cog-alt:before{content:'\e830'}.icon-search:before{content:'\e831'}.icon-cancel-circled:before{content:'\e832'}.icon-ok:before{content:'\e833'}.icon-cancel:before{content:'\e834'}.icon-trash:before{content:'\e835'}.icon-attention:before{content:'\e836'}.icon-attention-circled:before{content:'\e837'}.icon-table:before{content:'\e838'}.icon-smile:before{content:'\e839'}.icon-frown:before{content:'\e83a'}.icon-meh:before{content:'\e83b'}.icon-down-open:before{content:'\e83c'}.icon-twitter-squared:before{content:'\e83d'}.icon-temperature:before{content:'\e83e'}.icon-na:before{content:'\e83f'}.icon-celcius:before{content:'\e840'}.icon-fahrenheit:before{content:'\e841'}.icon-sun-1:before{content:'\e842'}.icon-cloud-sun:before{content:'\e843'}.icon-cloud-moon:before{content:'\e844'}.icon-cloud-1:before{content:'\e845'}.icon-rain:before{content:'\e846'}.icon-cloud-flash:before{content:'\e847'}.icon-snow-heavy:before{content:'\e848'}.icon-vimeo-squared:before{content:'\e849'}.icon-youtube-squared:before{content:'\e84a'}.icon-simplybuilt:before{content:'\e84b'}.icon-linkedin-squared:before{content:'\e84c'}.icon-gplus-squared:before{content:'\e84d'}.icon-instagram:before{content:'\e84e'}.icon-facebook-squared:before{content:'\e84f'}.icon-pinterest-squared:before{content:'\e850'}.icon-bed:before{content:'\e851'}.icon-chat-empty:before{content:'\e852'}.icon-mail-squared:before{content:'\e853'}.icon-th-list:before{content:'\e854'}.icon-th-large:before{content:'\e855'}.icon-share-squared:before{content:'\e856'}.icon-location:before{content:'\e857'}.icon-direction:before{content:'\e858'}.icon-phone-squared:before{content:'\e859'}.icon-cart-plus:before{content:'\e85a'}.icon-calendar:before{content:'\e85b'}.icon-calendar-empty:before{content:'\e85c'}.icon-toggle-off:before{content:'\e85d'}.icon-toggle-on:before{content:'\e85e'}.icon-check:before{content:'\e85f'}.icon-check-empty:before{content:'\e860'}.icon-spinner:before{content:'\e861'}.icon-volume-off:before{content:'\e862'}.icon-volume-down:before{content:'\e863'}.icon-volume-up:before{content:'\e864'}.icon-zoom-in:before{content:'\e865'}.icon-zoom-out:before{content:'\e866'}.icon-resize-full-alt:before{content:'\e867'}.icon-move:before{content:'\e868'}.icon-suitcase:before{content:'\e869'}.icon-qrcode:before{content:'\e86a'}.icon-moon-1:before{content:'\e86b'}.icon-basket:before{content:'\e86c'}.icon-ship:before{content:'\e86d'}.icon-tumblr-squared:before{content:'\e86e'}.icon-youtube-play:before{content:'\e86f'}@media print{*{overflow:visible!important}}.videowrapper{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.videowrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
    
div.h1wrap.heroleft {
 margin-left: 10%;
}
.content-block-title-center {
    color: #212121;
    font-size: 24px;
    font-weight: 300 !important;
    text-align: center;
    white-space: normal;
}

.content-block-title-center h2, .content-block-title-center h1 {
    font-size: 44px;
    font-weight: 300;
}
.centertext {
    color: #757575;
    font-size: 18px;
    margin: 0 auto;
    max-width: 800px;
    text-align: center;
}

img.respons{ width:100%}

/* responsive aspect ratio images */
/* aspect ratio crop  http://cssdeck.com/labs/rwd-image-aspect-ratio */

.article-body { max-width:1330px;margin:0 auto}

 .article-body > *:not(.full-width):not(.article-data):not(blockquote):not(.video-container) {
   display: block;
   margin-left: 34.1192%;
   margin-right: 2.35765%;
   width: 48.8212%;
}

 .article-body div.full-width > *:not(.full-width):not(.article-data):not(blockquote):not(.video-container) {
   display: block;
   margin-left: 34.1192%;
   margin-right: 2.35765%;
   width: 48.8212%;
}




.devicetablet .article-body > *:not(.full-width):not(.article-data):not(blockquote):not(.video-container) {
 
  float: none;
    margin-left: 8.5298%;
    margin-right: 2.35765%;
    width: 82.9404%;  
 }



.article-body figure { width: 48.8212%;overflow:hidden}

 .devicemobile .article-body > *:not(.full-width):not(.article-data):not(blockquote):not(figure) {
   display: block;
   padding-left: 16px;
   padding-right: 16px;
	margin-left: 0;
   margin-right: 0;
  
   width:auto;
   
}

.article-body blockquote > figure, .devicemobile .article-body figure  { width: 100%; margin-left:0;}
figure img{width:100%;}
.article-body figcaption { width:100%; display:block; }

.devicemobile  figcaption {padding-left:16px}

/*
white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  */
  }


.devicetablet .article-body > *:not(.full-width):not(.article-data):not(blockquote){
    display: block;
    float: none;
    margin-left: 8.5298%;
    margin-right: 2.35765%;
    width: 82.9404%;
}



.devicemobile  blockquote > figcaption {padding-left:0px}


.article-body > blockquote {
display: block;
   float: left;
   margin-left: 8.5298%;
   margin-right: 2.35765%;
   width: 14.702%;
font-style: italic;
    border-top: 2px solid #424242;

}
.devicetablet .article-body > blockquote { float: right;
    max-width: 50%;
    width: 240px;
}

.devicemobile .article-body > blockquote { 
	float: none;
   padding:0 16px 0 16px;
	margin-left: 16px;
   margin-right: 16px;
   width: auto;
   border-left: 3px solid #424242;
   border-top: 0;
}



.devicetablet .article-body > blockquote {
margin-right: 8.5298%;
margin-left: 8.5298%;
}



.heroimage h1 {
  
     
    font-size: 44px;
    font-weight: 300;
    letter-spacing: 0.005em;
    line-height: 50px;
    margin-top:0;
 
}

.article-body p.introtext {
font-size: 1.625em;
    font-weight: 300;
    line-height: 1.5em;
    color: #9e9e9e !important;
  }  
.article-body > h2 {
    font-size: 1.5625em !important;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.3;
    color: #424242;
    margin-bottom: 0.5rem;
    margin-top: 2.5rem;
}  

.devicetablet .article-body blockquote > h2 {
margin-top: 2.5rem;
}


/*.article-body p:not(.introtext):not(.blockquote) {*/
.article-body p {
    color: #757575;
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.6;
}  

.article-body li:not(.introtext):not(.blockquote) {
    color: #757575;
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.6;
}  

.devicemobile .article-body figure {
 display: block !important;
	margin-left: 0 !important;
   margin-right: 0 !important;
   width:100% !important;
   
}




.article-body blockquote p,.article-body blockquot p:not(.introtext):not(.blockquote) {
 font-size: 0.875em !important;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.6;
    }

.article-body > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(blockquote) {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

img.logo{border:0}


.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* table style

http://www.cssscript.com/demo/small-table-sorting-component-in-vanilla-javascript/
 */

table {
  background:#fff;
  max-width:100%;
  border-spacing:0;
  width:100%;
  margin:10px 0;
  border:1px solid #ddd;
  border-collapse:separate;
  *border-collapse:collapsed;
  -webkit-box-shadow:0 0 4px rgba(0,0,0,0.10);
     -moz-box-shadow:0 0 4px rgba(0,0,0,0.10);
          box-shadow:0 0 4px rgba(0,0,0,0.10);
  }
  table th,
  table td {
    padding:8px;
    line-height:18px;
    text-align:left;
    border-top:1px solid #ddd;
    }
  table th {
    background:#eee;
    background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eee));
    background:-moz-linear-gradient(top, #f6f6f6, #eee);
    text-shadow:0 1px 0 #fff;
    font-weight:bold;
    vertical-align:bottom;
    }
  table td {
    vertical-align:top;
    }
  table thead:first-child tr th,
  table thead:first-child tr td {
    border-top:0;
    }
  table tbody + tbody {
    border-top:2px solid #ddd;
    }
  table th + th,
  table td + td,
  table th + td,
  table td + th {
    border-left:1px solid #ddd;
    }
  table thead:first-child tr:first-child th,
  table tbody:first-child tr:first-child th,
  table tbody:first-child tr:first-child td {
    border-top:0;
    }

/*tablesort specific styling*/
th.sort-header::-moz-selection { background:transparent; }
th.sort-header::selection      { background:transparent; }
th.sort-header { cursor:pointer; }
table th.sort-header:after {
  content:'';
  float:right;
  margin-top:7px;
  border-width:0 4px 4px;
  border-style:solid;
  border-color:#404040 transparent;
  visibility:hidden;
  }
  
  
table th.sort-header:hover:after {
  visibility:visible;
  }
table th.sort-up:after,
table th.sort-down:after,
table th.sort-down:hover:after {
  visibility:visible;
  opacity:0.4;
  }
table th.sort-up:after {
  border-bottom:none;
  border-width:4px 4px 0;
  }

.table-striped tbody tr:nth-of-type(2n) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-responsive {
    display: block;
    min-height: 0;
    overflow-x: auto;
    width: 100%;
}

table.table-inverseheader th {
    background:-webkit-gradient(linear, left top, left bottom, from(#4E5154), to(#373a3c));
    background:-moz-linear-gradient(top, #4E5154, #373a3c);
    text-shadow:0 1px 0 #000;

    color: #fff;
    display: inline;
    float: none;
    margin: 0 20px;
    padding: 4px 14px;
}


table.table-inverseheader th.sort-header:after {
border-color:#eee transparent;
}

table.table-noborder  th + th, table.table-noborder  td + td, table.table-noborder  th + td, table.table-noborder  td + th {
    border-left: none;
}




/*  TOOL */

    #bcs-dog {
    background-image: url("/images/__originals__/illustrations/slider-dog.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 210px;
    margin: 0 auto;
    width: 330px;
}
#bcs-tool {margin-bottom:40px}
#bcs-tool .bcs-content,.bcs-results {display:none}
#bcs-tool.s1 .bcs-content-1 ,#bcs-tool.s2 .bcs-content-2 ,#bcs-tool.s3 .bcs-content-3 ,#bcs-tool.s4 .bcs-content-4 ,#bcs-tool.s5 .bcs-content-5 ,#bcs-tool.s6 .bcs-content-6 ,#bcs-tool.s7 .bcs-content-7 ,#bcs-tool.s8 .bcs-content-8 ,#bcs-tool.s9 .bcs-content-9 {display:block}

#bcs-tool.s1 .bcs-result-1 ,#bcs-tool.s2 .bcs-result-2 ,#bcs-tool.s3 .bcs-result-3 ,#bcs-tool.s4 .bcs-result-4 ,#bcs-tool.s5 .bcs-result-5 ,#bcs-tool.s6 .bcs-result-6 ,#bcs-tool.s7 .bcs-result-7 ,#bcs-tool.s8 .bcs-result-8 ,#bcs-tool.s9 .bcs-result-9 {display:block}


#bcs-tool.s1 #bcs-dog {background-position: 0 0;}
#bcs-tool.s2 #bcs-dog {background-position: -326px 0;}
#bcs-tool.s3 #bcs-dog {background-position: -668px 0;}
#bcs-tool.s4 #bcs-dog {background-position: 3px -224px;}
#bcs-tool.s5 #bcs-dog {background-position: -329px -224px;}
#bcs-tool.s6 #bcs-dog {background-position: -665px -224px;}
#bcs-tool.s7 #bcs-dog {background-position:-5px -440px;}
#bcs-tool.s8 #bcs-dog {background-position: -318px -440px}
#bcs-tool.s9 #bcs-dog {background-position: -662px -440px}


   
 input[type=range]{
    /* fix for FF unable to apply focus style bug  */
    border: 1px solid white !important; 
}  
 
 /*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid red;
    outline-offset: -1px;
}

input[type=range]:focus::-moz-range-track {
    background: #ccc;
}     
.slider-labels {justify-content:space-between;display: flex; }
.slider-labels label {
  
    text-align: center;
    width: 2em;
 }
 
 .range-slider input[type="range"]::-moz-range-thumb   {
    background: #FF7700 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 28px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    content: " ";
    height: 28px;
    outline: 0 none;
    position: absolute;
    width: 28px;
    z-index: 10;
}


 
.range-slider input[type="range"]::-webkit-slider-thumb  {
    -webkit-appearance: none;
   background: #FF7700 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 28px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    content: " ";
    height: 28px;
    outline: 0 none;
 //   position: absolute;
    width: 28px;
    z-index: 10;
//    margin-top: -4px;
}
 
 #bcs-tool p {
 font-size: 1.25em;
 }
 
 
 input[type=range]::-moz-focus-outer {
    border: 0;
    }
 .list {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    color: #757575;
   /* font-size: 1.25em; */
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.6;
}   
.list li {margin-bottom: 1rem;}
li.eye {
    background: rgba(0, 0, 0, 0) url("/img/eye-icon.png") no-repeat scroll 0 0;
    min-height: 26px;
    padding-left: 38px;
}
 li.hand {
    background: rgba(0, 0, 0, 0) url("/img/hand-icon.png") no-repeat scroll 0 0;
    min-height: 26px;
    padding-left: 38px;
} 

.view[data-page="weight-tool"] .navbar{height:44px !important;background-color: rgba(255, 119, 0, 1);color:white;}

.view[data-page="weight-tool"] .content-block { margin:0 auto; padding 0 35px}


.view[data-page="weight-tool"] .navbar-fixed .page-content, .view[data-page="weight-tool"] .navbar-through .page-content {
    padding-top: 44px;
    }


.navbar .left span.backbtn {font-size:17px;line-height: 44px;}
#showresult {
border:4px solid #FF7700;
padding:10px 20px;
background-color:#FFEDDD;
}
/*  /tool */



/*  van cards */

.vancard a.link {color:#FFBF00;/* link color */}

.vancard .card-content-inner p, .vancard .card-content-inner h4 { margin:2px 0}
.pricerange b{color:#f4e30c;}
.pricerange{letter-spacing: 4px;}
.vancard h4{font-size:24px;font-weight: 300;}
.vancard p{color:#716d6e}
.vancard { margin: 10px 10px 40px;}
.vancard   .pic-container {
    padding-bottom: 86%;
}
.vancard a.smbtn {
    display: list-item;
    margin-left:0;
    float:left;
    }
    

.list-block .item-title.label.wider {
    width: 45%;
}

.actionbutton {
background-color: #ff7700;
    border: 0 none;
    color: white;
    font-size: 17px;
    font-weight: bold;
    height: 44px;
    line-height: 42px;
}

.devicetablet.deviceportrait #footer .row .tablet-25 {
    width: calc((100% - 15px * 2) / 2);
    margin: 5px 0;
}

.devicemobile #footer .row .tablet-25 {
    margin: 5px 0;
}

.devicetablet.deviceportrait .mobile-hide {
    display: none !important;
}

.devicemobile .article-body > ul {
    margin-left: 20px !important;
    }
    
    
    /* layout dark */
    .layout-dark .navbar,.layout-dark .subnavbar,.navbar.layout-dark,.subnavbar.layout-dark{background-color:#131313;color:#fff}
.layout-dark .navbar:after,.layout-dark .subnavbar:after,.navbar.layout-dark:after,.subnavbar.layout-dark:after{background-color:#333}
.layout-dark .toolbar,.toolbar.layout-dark{background-color:#131313;color:#fff}
.layout-dark .toolbar:before,.toolbar.layout-dark:before{background-color:#333}
.layout-dark .picker-calendar-week-days{color:#fff;background-color:#131313}
.layout-dark .photo-browser .navbar,.layout-dark .photo-browser .toolbar,.layout-dark .views .view[data-page=photo-browser-slides] .navbar,.layout-dark .views .view[data-page=photo-browser-slides] .toolbar{color:#000;background:rgba(247,247,247,.95)}
.layout-dark .photo-browser-dark .navbar,.layout-dark .photo-browser-dark .toolbar{background:rgba(30,30,30,.8);color:#fff}
.layout-dark .tabbar a:not(.active){color:#fff}
.layout-dark .login-screen-content,.layout-dark .page,.layout-dark .panel,.page.layout-dark,.panel.layout-dark{background-color:#222426;color:#ddd}
.layout-dark .content-block-title{color:#fff}
.content-block.layout-dark,.layout-dark .content-block{color:#bbb}
.layout-dark .content-block-inner{background:#1c1d1f;color:#ddd}
.layout-dark .content-block-inner:before{background-color:#393939}
.layout-dark .content-block-inner:after{background-color:#393939}
.layout-dark .list-block ul,.list-block.layout-dark ul{background:#1c1d1f}
.layout-dark .list-block ul:before,.list-block.layout-dark ul:before{background-color:#393939}
.layout-dark .list-block ul:after,.list-block.layout-dark ul:after{background-color:#393939}
.layout-dark .list-block.inset ul,.list-block.layout-dark.inset ul{background:#1c1d1f}
.layout-dark .list-block.notifications>ul,.list-block.layout-dark.notifications>ul{background:0 0}
.layout-dark .autocomplete-dropdown{background:#1c1d1f}
.layout-dark .autocomplete-dropdown .list-block b{color:#fff}
.layout-dark .card{background:#1c1d1f}
.layout-dark .card-header:after{background-color:#393939}
.layout-dark .card-footer{color:#bbb}
.layout-dark .card-footer:before{background-color:#393939}
.layout-dark .popover,.popover.layout-dark{background:rgba(0,0,0,.8)}
.layout-dark .popover .popover-angle:after,.popover.layout-dark .popover-angle:after{background:rgba(0,0,0,.8)}
.layout-dark .popover .list-block ul,.popover.layout-dark .list-block ul{background:0 0}
.layout-dark .actions-popover .list-block ul:before{background-color:#393939}
.layout-dark .actions-popover .list-block ul:after{background-color:#393939}
.layout-dark .actions-popover .actions-popover-label:after{background-color:#393939}
.layout-dark li.sorting{background-color:#29292f}
.layout-dark .swipeout-actions-left a,.layout-dark .swipeout-actions-right a{background-color:#444}
.layout-dark .item-inner:after,.layout-dark .list-block ul ul li:last-child .item-inner:after{background-color:#393939}
.layout-dark .item-after{color:#bbb}
.layout-dark .item-link.active-state,.layout-dark label.label-checkbox.active-state,.layout-dark label.label-radio.active-state,html:not(.watch-active-state) .layout-dark .item-link:active,html:not(.watch-active-state) .layout-dark label.label-checkbox:active,html:not(.watch-active-state) .layout-dark label.label-radio:active{background-color:#29292f}
.layout-dark .item-link.list-button:after{background-color:#393939}
.layout-dark .list-block-label{color:#bbb}
.layout-dark .item-divider,.layout-dark .list-group-title{background:#1a1a1a;color:#bbb}
.layout-dark .item-divider:before,.layout-dark .list-group-title:before{background-color:#393939}
.layout-dark .searchbar{background:#333}
.layout-dark .searchbar:after{background-color:#333}
.layout-dark .list-block input[type=datetime-local],.layout-dark .list-block input[type=number],.layout-dark .list-block input[type=text],.layout-dark .list-block input[type=password],.layout-dark .list-block input[type=email],.layout-dark .list-block input[type=tel],.layout-dark .list-block input[type=url],.layout-dark .list-block input[type=date],.layout-dark .list-block select,.layout-dark .list-block textarea,.list-block.layout-dark input[type=datetime-local],.list-block.layout-dark input[type=number],.list-block.layout-dark input[type=text],.list-block.layout-dark input[type=password],.list-block.layout-dark input[type=email],.list-block.layout-dark input[type=tel],.list-block.layout-dark input[type=url],.list-block.layout-dark input[type=date],.list-block.layout-dark select,.list-block.layout-dark textarea{color:#fff}
.layout-dark .label-switch .checkbox{background-color:#393939}
.layout-dark .label-switch .checkbox:before{background-color:#1c1d1f}
.layout-dark .range-slider input[type=range]:after{background:#1c1d1f}
.layout-dark .range-slider input[type=range]::-ms-thumb{border:none}

span.icon-phone-squared::before {
font-size:1.5em;
line-height:2em;
margin:0;
}
    
/* pinterest */
.pinterestpin { right:0;bottom:0;position:absolute}
.pic-hero .pinterestpin { right:0;bottom:0;position:absolute}
.pricerange {font-size: 120%;color: #ddd;}
    
.card-header .pinterestpin {top:0}    

.btn{display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}

/* the form */
.list-block.form .item-content {padding-left:0}
.list-block.form .item-inner {display:block}
.list-block.form .item-title.label {width:100%;padding-bottom:10px}
.list-block.form .item-title.label + .item-input {margin-left: 0px;background:#eee;padding:0 10px;}
.list-block.form ul::before, .list-block.form ul::after, .list-block.form .item-inner::after {display:none;}

.item-content .error, .item-content .note,.item-content .warning,.item-content .success{padding:2px 10px;background:red;width:100%;color:white;font-size:80%;margin-left:-10px}

.item-content .note{background:gray}
.item-content .warning{background:#fd0}
.item-content .success{background:green}


.seasons .total {
    border-top: 1px solid #666;
    font-weight: bold;
    margin-top: 4px;
    padding-top: 4px;
}
.campervan_list h2 {
    background-color: #ffbf00;
    color: #fff;
    margin-top: 0;
    padding: 8px 20px;
}

.campervan_list p {padding-left:10px;}

.seasons {
    list-style: outside none none;
    margin-right: 20px;
    padding-left:10px;
    padding-bottom:20px;
}

.submit-message {
    background-color: #ffbf00;
    border: medium none;
    border-radius: 0;
    box-shadow: 2px 2px 0 #efe9e9;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 900;
    line-height: 27px;
    margin-top: 10px;
    padding: 0 15px;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}
.submit-message:hover {
    background-color: #716d6e;
    color: #fff;
}

.campervan_list{margin-bottom:40px; color:#716d6e;}
.campervan_list .pic-container {padding-bottom: 86%;}
.campervan_list .ks-card-header-pic{margin:0;}


.btn {
    color: #333;
    background-color: #F8E100;
    border-color: #F8E100;
    font-weight:bold;
    font-style: italic;
}