/* CSS Document */

@font-face {
    font-family: 'caterpillarregular';
    src: url('../fonts/thenewcaterpillar-webfont.woff2') format('woff2'),
         url('../fonts/thenewcaterpillar-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face{font-family: 'world_of_eric_carleregular';
     src: url('../fonts/thenewcaterpillar-webfont.woff2') format('woff2'),
         url('../fonts/thenewcaterpillar-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 .2rem 0;
    padding: .5rem 0.35em .5em 0.35em;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-family: inherit;
    font-size: 0.9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}

body {
  margin: 0;
  padding: 0;
min-height:100vh;
	height:100%;
	overflow-x: auto;
  background:url("../img/vhc-23-bg-green.jpg"); background-size:cover;
 font-family: proxima-nova, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}


/* VIDEO BACKGROUND */
#myVideo {
 display:none;
	
}


.h2{ font-family: 'caterpillarregular';}
.content {
 font-family: 'caterpillarregular';
  position: fixed;
	margin-top:-5px;
  top: 0;
  height:100vh;
  color: #ffffff;
  width: 100%;
  padding:0px;
}

/* SIDE BAR */
.bar-menu{width:260px; height:101vh; min-height:100%; background:url("../img/VHC-Splaas-Menu-background.png"); background-position:top right; background-size:cover; background-repeat:no-repeat; padding:10px 2px 10px 0px; direction: rtl; overflow-x:hidden; ovderflow-y:scroll }
.inner-bar-menu{width:80%; margin-right:15%; padding:8px; display:flex; flex-direction:column; align-items:center; direction: ltr;}

/* width */
.bar-menu::-webkit-scrollbar {
  width: 10px;
}

/* Track */
 .bar-menu::-webkit-scrollbar-track {
  background:url("../img/vhc-23-bg-blue.jpg"); background-size:cover;  width: 10px; padding:0px 1px 0px 1px;
}

/* Handle */
 .bar-menu::-webkit-scrollbar-thumb {
  background: #FFFFFF; width:6px; margin:1px;
  border-radius: 10px;
}

/* Handle on hover */
 .bar-menu::-webkit-scrollbar-thumb:hover {
  background: #FFFFFF; 
}

.logo{width:90%; margin-bottom:20px; }
.logo img{width:100%; }

.header{font-family: 'caterpillarregular'; color:#000000; text-align:center; line-height:.9; margin:5px 0px 12px 0px; font-size:1.9em;}

/* MENU */
ul.splash-menu{ display:flex; list-style-type:none; flex-direction:column; align-items:center; justify-content:center; width:120%; margin-bottom:20px; margin-lef:50px;}
.splash-menu li {background:url("../img/vhc-23-bg-blue-m.jpg"); background-size:cover; text-transfrom:uppercase;font-family: 'caterpillarregular'; font-size:1.6em; line-height:.8; width:fit-content; width:intrinsic; padding:.3em .3em .1em .3em; margin-top:6px; transform:rotate(1deg);  }
.splash-menu li:hover{transform:scale(104%); box-shadow:4px 3px 5px rgba(0,0,0,0.33)}
.splash-menu li:nth-child(even){transform:rotate(-1deg); margin-left:6px; }
.splash-menu li a {color:#ffffff}

/* FOOTER */


.splash-footer{ width:100%;}

/* FOOTER MENU */
.footer-menu {width:intrinsic; width:fit-content; margin:0px auto;}
.footer-menu ul {font-family: 'world_of_eric_carleregular'; display:flex; list-style-type:none; vertical-align:middle;}
.footer-menu ul li { margin: 0px 10px 0px 0px; text-align:center; line-height:.8em; font-size:.7em;}
.footer-menu ul li a {color:#000000!important;}
.footer-menu ul li a:hover {transform: scale(102%)}


/* BRAND AND SOCIAL MENU */
ul.brand-menu, ul.social-menu{ display:flex; list-style-type:none; width:intrinsic; width:fit-content; margin:0px auto 0px auto;}
ul.social-menu{ padding-top:3px;}

 ul.brand-menu{flex-direction:row; flex-wrap:wrap; width:200px; align-items:center; justify-content:center;}
ul.brand-menu li { margin: 0px 1px -10px 1px;}

ul.brand-menu li,  ul.social-menu li { margin: 0px 1px 0px 1px;}
ul.brand-menu li span,  ul.social-menu li span {display:none;}
ul.social-menu li.socico {width:40px; height:40px; background-size:cover; margin-bottom:10px}
ul.social-menu li.socico:hover {transform:scale(106%);}
.tiktok {background-image:url("../img/vhc-23-footer-ico-tiktok.png")}
.youtube {background-image:url("../img/vhc-23-footer-ico-youtube.png")}
.socduck {background-image:url("../img/vhc-23-footer-ico-duck.png")}
.facebook {background-image:url("../img/vhc-23-footer-ico-facebook.png")}
.instagram {background-image: url("../img/vhc-23-footer-ico-instagram.png")}
.contact {background-image: url("../img/vhc-23-footer-ico-contact.png")}
ul.brand-menu li.brandico {height:40px; background-size:cover; margin-bottom:0px;}
.rp {background-image:url("../img/vhc-23-footer-rp.png"); width:78px;}
.rst {background-image:url("../img/vhc-23-footer-rst.png"); width:78px;}
.ec {background-image:url("../img/vhc-23-footer-wec.png"); width:40px;}
.rf {background-image:url("../img/vhc-23-footer-rf.png"); width:78px;}
p.copyright{text-align:center; color:#000000; line-hieght:1; font-size:.3em;}



@media print, screen and (min-width: 40em) {
	
	#myVideo {
		display:block;
  position: fixed;
   left:50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%; 
  min-height: 100%;
		height:100%;
	
}
	
/* SIDE BAR */
.bar-menu{width:270px; height:101vh; min-height:100%; background:url("../img/VHC-Splaas-Menu-background-tall.png"); background-position:-30% top; background-size:cover; background-repeat:no-repeat; padding:6px 2px 10px 0px; overflow-x:hidden; overflow-y:scroll;}
.inner-bar-menu{width:80%; margin-right:15%; padding:8px; display:flex; flex-direction:column; align-items:center;}

.logo{width:90%; margin-bottom:20px; }
.logo img{width:100%; }

.header{font-family: 'caterpillarregular'; color:#000000; text-align:center; line-height:.8; margin:5px 0px 10px 0px; font-size:1.7em;}

/* MENU */
ul.splash-menu{ display:flex; list-style-type:none; flex-direction:column; align-items:center; justify-content:center; width:120%; margin-bottom:20px; margin-left:15px;}
.splash-menu li {background:url("../img/vhc-23-bg-blue-m.jpg"); background-size:cover; text-transfrom:uppercase;font-family: 'caterpillarregular'; font-size:1.5em; line-height:.8; width:fit-content; width:intrinsic; padding:.3em .3em .2em .3em; margin-top:6px; transform:rotate(1deg) }
.splash-menu li:hover{transform:scale(104%); box-shadow:4px 3px 5px rgba(0,0,0,0.33)}
.splash-menu li:nth-child(even){transform:rotate(-1deg); margin-left:6px; }
.splash-menu li a {color:#ffffff}

/* FOOTER */


.splash-footer{ width:100%;}

/* FOOTER MENU */
.footer-menu {width:intrinsic; width:fit-content; margin:0px auto;}
.footer-menu ul {font-family: 'world_of_eric_carleregular'; display:flex; list-style-type:none; vertical-align:middle;}
.footer-menu ul li { margin: 0px 10px 0px 0px; text-align:center; line-height:.8em; font-size:.7em;}
.footer-menu ul li a {color:#000000!important;}
.footer-menu ul li a:hover {transform: scale(102%)}


/* BRAND AND SOCIAL MENU */
ul.brand-menu, ul.social-menu{ display:flex; list-style-type:none; width:intrinsic; width:fit-content; margin:0px auto 0px auto;}
ul.social-menu{ padding-top:3px;}
ul.brand-menu li,  ul.social-menu li { margin: 0px 1px 0px 1px;}
ul.brand-menu li span,  ul.social-menu li span {display:none;}
ul.social-menu li.socico {width:40px; height:40px; background-size:cover; margin-bottom:10px}
ul.social-menu li.socico:hover {transform:scale(106%);}
.youtube {background-image:url("../img/vhc-23-footer-ico-youtube.png")}
.socduck {background-image:url("../img/vhc-23-footer-ico-duck.png")}
.facebook {background-image:url("../img/vhc-23-footer-ico-facebook.png")}
.instagram {background-image: url("../img/vhc-23-footer-ico-instagram.png")}
.contact {background-image: url("../img/vhc-23-footer-ico-contact.png")}
ul.brand-menu li.brandico {height:40px; background-size:cover; margin-bottom:10px; }
.rp {background-image:url("../img/vhc-23-footer-rp.png"); width:78px;}
.ec {background-image:url("../img/vhc-23-footer-wec.png"); width:40px;}
.rf {background-image:url("../img/vhc-23-footer-rf.png"); width:78px;}
p.copyright{text-align:center; color:#000000; line-hieght:1; font-size:.3em;}
		
	
}

@media print, screen and (min-width: 64em) {
	
/* SIDE BAR */
.bar-menu{width:330px; height:101vh; min-height:100%; background:url("../img/VHC-Splaas-Menu-background-tall.png"); background-position:-30% top; background-size:cover; background-repeat:no-repeat; padding:10px 2px 10px 0px; overflow-x:hidden; overflow-y:scroll;}
.inner-bar-menu{width:80%; margin-right:15%; padding:8px; display:flex; flex-direction:column; align-items:center;}

.logo{width:90%; margin-bottom:20px; }
.logo img{width:90%; }

.header{font-family: 'caterpillarregular'; color:#000000; text-align:center; line-height:.9; margin:5px 0px 12px 0px; font-size:1.9em;}

/* MENU */
ul.splash-menu{ display:flex; list-style-type:none; flex-direction:column; align-items:center; justify-content:center; width:120%; margin-bottom:20px;}
.splash-menu li {background:url("../img/vhc-23-bg-blue-m.jpg"); background-size:cover; text-transfrom:uppercase;font-family: 'caterpillarregular'; font-size:1.7em; line-height:.8; width:fit-content; width:intrinsic; padding:.3em .3em .1em .3em; margin-top:6px; transform:rotate(1deg) }
.splash-menu li:hover{transform:scale(104%); box-shadow:4px 3px 5px rgba(0,0,0,0.33)}
.splash-menu li:nth-child(even){transform:rotate(-1deg); margin-left:6px; }
.splash-menu li a {color:#ffffff}

/* FOOTER */


.splash-footer{ width:100%;}

/* FOOTER MENU */
.footer-menu {width:intrinsic; width:fit-content; margin:0px auto;}
.footer-menu ul {font-family: 'world_of_eric_carleregular'; display:flex; list-style-type:none; vertical-align:middle;}
.footer-menu ul li { margin: 0px 10px 0px 0px; text-align:center; line-height:.8em; font-size:.7em;}
.footer-menu ul li a {color:#000000!important;}
.footer-menu ul li a:hover {transform: scale(102%)}


/* BRAND AND SOCIAL MENU */
ul.brand-menu, ul.social-menu{ display:flex; list-style-type:none; width:intrinsic; width:fit-content; margin:0px auto 0px auto;}
ul.social-menu{ padding-top:3px;}
ul.brand-menu li,  ul.social-menu li { margin: 0px 1px 0px 1px;}
ul.brand-menu li span,  ul.social-menu li span {display:none;}
ul.social-menu li.socico {width:40px; height:40px; background-size:cover; margin-bottom:10px}
ul.social-menu li.socico:hover {transform:scale(106%);}
.youtube {background-image:url("../img/vhc-23-footer-ico-youtube.png")}
.socduck {background-image:url("../img/vhc-23-footer-ico-duck.png")}
.facebook {background-image:url("../img/vhc-23-footer-ico-facebook.png")}
.instagram {background-image: url("../img/vhc-23-footer-ico-instagram.png")}
.contact {background-image: url("../img/vhc-23-footer-ico-contact.png")}
ul.brand-menu li.brandico {height:40px; background-size:cover; margin-bottom:10px; }
.rp {background-image:url("../img/vhc-23-footer-rp.png"); width:78px;}
.ec {background-image:url("../img/vhc-23-footer-wec.png"); width:40px;}
.rf {background-image:url("../img/vhc-23-footer-rf.png"); width:78px;}
p.copyright{text-align:center; color:#000000; line-hieght:1; font-size:.3em;}
		
	
}

@media print, screen and (min-width: 84em) {
	
/* SIDE BAR */
.bar-menu{width:380px; height:101vh; min-height:100%; background:url("../img/VHC-Splaas-Menu-background-tall.png"); background-position:-30% top; background-size:cover; background-repeat:no-repeat; padding:10px 2px 10px 0px; overflow-x:hidden; overflow-y:scroll;}
.inner-bar-menu{width:80%; margin-right:15%; padding:8px; display:flex; flex-direction:column; align-items:center;}

.logo{width:100%; margin-bottom:20px; }
.logo img{width:100%; }

.header{font-family: 'caterpillarregular'; color:#000000; text-align:center; line-height:.9; margin:5px 0px 12px 0px; font-size:1.9em;}

/* MENU */
ul.splash-menu{ display:flex; list-style-type:none; flex-direction:column; align-items:center; justify-content:center; width:140%; margin-bottom:40px;}
.splash-menu li {background:url("../img/vhc-23-bg-blue-m.jpg"); background-size:cover; text-transfrom:uppercase;font-family: 'caterpillarregular'; font-size:2.1em; line-height:.8; width:fit-content; width:intrinsic; padding:.3em .3em .2em .3em; margin-top:6px; transform:rotate(1deg) }
.splash-menu li:hover{transform:scale(104%); box-shadow:4px 3px 5px rgba(0,0,0,0.33)}
.splash-menu li:nth-child(even){transform:rotate(-1deg); margin-left:6px; }
.splash-menu li a {color:#ffffff}

/* FOOTER */


.splash-footer{ width:100%;}

/* FOOTER MENU */
.footer-menu {width:intrinsic; width:fit-content; margin:0px auto;}
.footer-menu ul {font-family: 'world_of_eric_carleregular'; display:flex; list-style-type:none; vertical-align:middle;}
.footer-menu ul li { margin: 0px 10px 0px 0px; text-align:center; line-height:.8em; font-size:.7em;}
.footer-menu ul li a {color:#000000!important;}
.footer-menu ul li a:hover {transform: scale(102%)}


/* BRAND AND SOCIAL MENU */
ul.brand-menu, ul.social-menu{ display:flex; list-style-type:none; width:intrinsic; width:fit-content; margin:0px auto 0px auto;}
ul.social-menu{ padding-top:3px;}
ul.brand-menu li,  ul.social-menu li { margin: 0px 1px 0px 1px;}
ul.brand-menu li span,  ul.social-menu li span {display:none;}
ul.social-menu li.socico {width:40px; height:40px; background-size:cover; margin-bottom:10px}
ul.social-menu li.socico:hover {transform:scale(106%);}
.youtube {background-image:url("../img/vhc-23-footer-ico-youtube.png")}
.socduck {background-image:url("../img/vhc-23-footer-ico-duck.png")}
	.tiktok {background-image:url("../img/vhc-23-footer-ico-tiktok.png")}
.facebook {background-image:url("../img/vhc-23-footer-ico-facebook.png")}
.instagram {background-image: url("../img/vhc-23-footer-ico-instagram.png")}
.contact {background-image: url("../img/vhc-23-footer-ico-contact.png")}
ul.brand-menu li.brandico {height:40px; background-size:cover; margin-bottom:10px; }
.rp {background-image:url("../img/vhc-23-footer-rp.png"); width:78px;}
.ec {background-image:url("../img/vhc-23-footer-wec.png"); width:40px;}
.rf {background-image:url("../img/vhc-23-footer-rf.png"); width:78px;}
p.copyright{text-align:center; color:#000000; line-hieght:1; font-size:.3em;}
		
	
}