@charset "UTF-8";
/* CSS Document */

._w-dropdown-list-p1a:before {
  		position: absolute;
  		top: -7px;
  		left: 9px;
  		display: inline-block;
  		border-right: 7px solid transparent;
  		border-bottom: 7px solid rgba(12,28,43,0.8);
  		border-left: 7px solid transparent;
  		border-bottom-color: rgba(0, 0, 0, 0.2);
  		content: '';
  		left:89px;
  		}
  	._w-dropdown-list-p1a:after {
  		position: absolute;
  		top: -6px;
  		left: 10px;
  		display: inline-block;
  		border-right: 6px solid transparent;
  		border-bottom: 6px solid rgba(255,255,255,10);
  		border-left: 6px solid transparent;
  		content: '';
  		left:90px;
  		}	
  	._w-dropdown-list-p1a5:before {
  		position: absolute;
  		top: -7px;
  		left: 9px;
  		display: inline-block;
  		border-right: 7px solid transparent;
  		border-bottom: 7px solid rgba(12,28,43,0.8);
  		border-left: 7px solid transparent;
  		border-bottom-color: rgba(0, 0, 0, 0.2);
  		content: '';
  		left:49px;
  		}
  	._w-dropdown-list-p1a5:after {
  		position: absolute;
  		top: -6px;
  		left: 10px;
  		display: inline-block;
  		border-right: 6px solid transparent;
  		border-bottom: 6px solid rgba(255,255,255,10);
  		border-left: 6px solid transparent;
  		content: '';
  		left:50px;
  		}	
  		@media screen and (-webkit-min-device-pixel-ratio:0)
  		{ 
  			._w-dropdown-list-p1a:before { left:94px; }
  			._w-dropdown-list-p1a:after { left:95px; }
  		}		
  	._w-dropdown-list-p1a {
  		-webkit-border-radius: 4px;
  		-moz-border-radius: 4px;
  		border-radius: 4px;
  		background:#FFFFFF;
  		left: 0;
  		margin: 11px 0 0;
  		padding: 5px 0px 5px;
  		box-shadow: 0 4px 16px rgba(0,0,0,.24);
  		transition: all .3s cubic-bezier(0.34, 1.61, .7, 1), visibility 0s linear .5s;
  		width:200px;
  		}		
  		._w-dropdown-link-p1a { padding:3px 15px; }
  			._w-dropdown-link-p1a:hover { background:#f4f4f4; }
  .b-header {
  	position: fixed; 
  	z-index: 1030;
  	top: 0;
  	width: 100%;
  	height: 100px;
  	background: #fff;
  	box-shadow: 0 1px 3px rgba(0,0,0,0);
  	transition: background-color .3s, box-shadow .3s, height .3s, -webkit-transform .3s ease-in-out;
  	transition: transform .3s ease-in-out, background-color .3s, box-shadow .3s, height .3s;
  	transition: transform .3s ease-in-out, background-color .3s, box-shadow .3s, height .3s, -webkit-transform .3s ease-in-out;
  	will-change: transform, background-color, box-shadow, height;
  	}			
  .header--not-top {
      transform: translate(0,-12px);
      height: 85px;
      box-shadow: 0 1px 3px rgba(0,0,0,.16);
  	}
  .bhome .b-header { background:transparent none; }	
  .bhome .w-nav-link { color:#FFFFFF; }
  .bhome .w-dropdown-btn, 
  .bhome .w-dropdown-toggle { color:#FFFFFF; }
  .bhome .w-button-nav-p1a { color:#9e9e9f; border:none; }
  	.bhome .w-button-nav-p1a:hover { color:#59b671; }
  .bhome .w-button-nav-p1b { color:#59b671; background:transparent none; }	
  	.bhome .w-button-nav-p1b:hover { color:#FFFFFF; background:#59b671; }
  .bhome .b-header.header--not-top { background-color: rgba(0, 0, 0, 0.8); }
  .bhome .b-header.header--not-top2 {
  	background: #fff;
  	transform: translate(0,-12px);
  	height: 85px;
  	box-shadow: 0 1px 3px rgba(0,0,0,.16);  
  	}
  	.bhome .b-header.header--not-top2 .w-nav-link { color:#222222; }
  	.bhome .b-header.header--not-top2.w-dropdown-btn, 
  	.bhome .b-header.header--not-top2 .w-dropdown-toggle { color:#222222; }
  	.bhome .b-header.header--not-top2 .w-button-nav-p1a { color:#222222; border:none; }
  		.bhome .b-header.header--not-top2 .w-button-nav-p1a:hover { color:#59b671; }
  	.bhome .b-header.header--not-top2 .w-button-nav-p1b { color:#59b671; border:1px solid #59b671;  }	
  		.bhome .b-header.header--not-top2 .w-button-nav-p1b:hover { color:#FFFFFF; background:#59b671; }
  .div-logo {}	
  .bhome .div-logo { background-position:bottom left; }
  .bhome .b-header.header--not-top2 .div-logo { background-position:top left;  }
  	/* .b-header__nav { position:relative; top:18px; } */
  	.vpix4-section-header-menu { border-top:1px solid #ddd; z-index:100; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2); }
  .b-header__nav nav {
  	display: block;
  	position: absolute;
  	z-index: 1040;
  	width: 200px;
  	padding: 5px 0;
  	line-height: 36px;
  	background: #fff;
  	color: #000;
  	border-radius: 3px;
  	box-shadow: 0 4px 16px rgba(0,0,0,.24);
  	-webkit-transform: scale(0, 0);
  	-ms-transform: scale(0, 0);
  	transform: scale(0, 0);
  	transition: all .3s cubic-bezier(0.34, 1.61, .7, 1), visibility 0s linear .5s;
  	-webkit-transform-origin: top;
  	-ms-transform-origin: top;
  	transform-origin: top;
  	opacity: 0;
  	visibility: hidden;
  }	
  .b-header__nav .w-dropdown:hover nav {
  	-webkit-transform: scale(1, 1);
  	-ms-transform: scale(1, 1);
  	transform: scale(1, 1);
  	opacity: 1;
  	visibility: visible;
  	transition-delay: 0s
  }
  .div-logo {}	
  .bhome .div-logo { background-position:bottom left; }
  .bhome .b-header.header--not-top2 .div-logo { background-position:top left;  }
  .link-p1ba:hover .div-img-p1ba  { box-shadow: 0 4px 8px rgba(0,0,0,.25); }			
  .link-p1ba:hover .heading-p1ba { color:#59b671; }  
  .logo-slider {
  	/* background-size: 2480px 35px; */
  	background-size: 3296px 35px;
  	-webkit-animation: logo-slider-half 70.5s linear infinite;
  	animation: logo-slider-half 70.5s linear infinite
  }
  @media(min-width:960px) {
  	.logo-slider {
  		height: 70px;
  		/* background-size: 4960px 70px; */
  		background-size: 6592px 70px;
  		-webkit-animation-name: logo-slider;
  		animation-name: logo-slider;
  		-webkit-animation-duration: 84s;
  		animation-duration: 84s
  	}
  	.logo-slider:before,
  	.logo-slider:after {
  		width: 32px
  	}
  }
  @-webkit-keyframes logo-slider {
  	from {
  		background-position: 0 0
  	}
  	to {
  		/* background-position: -4960px 0 */
  		background-position: -6592px 0
  	}
  }
  @keyframes logo-slider {
  	from {
  		background-position: 0 0
  	}
  	to {
  		/* background-position: -4960px 0 */
  		background-position: -6592px 0
  	}
  }
  @-webkit-keyframes logo-slider-half {
  	from {
  		background-position: 0 0
  	}
  	to {
  		/* background-position: -2480px 0 */
  		background-position: -3296px 0
  	}
  }
  @keyframes logo-slider-half {
  	from {
  		background-position: 0 0
  	}
  	to {
  		/* background-position: -2480px 0 */
  		background-position: -3296px 0
  	}
  }