*{margin:0;}
.clr{clear:both;}
.viv-acc-item-w:nth-child(1){background:#009764;}
.viv-acc-item-w:nth-child(2){background:#00a77e;}
.viv-acc-item-w:nth-child(3){background:#00a799;}
.viv-acc-item-w:nth-child(4){background:#008fb9;}
.viv-acc-title{font-size:24px;font-weight:bold;transition: all .4s ease;line-height:1.2;display:inline-block;}
.viv-acc-w{transition:max-height .4s ease;width:100%;overflow:hidden;max-width:1400px;margin:0 auto;}
.viv-acc{max-width:1400px;margin:0 auto;display:table;color:#fff;width:100%;overflow:hidden; box-sizing: border-box;font-family: 'Open Sans', sans-serif;}
.viv-acc-item-w{display:table-cell;text-align:center;width:25%;cursor:pointer;transition:width .4s ease;border-right: 1px solid #fff;position:relative;overflow:hidden;box-sizing: border-box;}
.viv-acc-hover{width:70%;}
.viv-acc-not-hover{width:10%;}
/*.viv-acc-not-hover .viv-acc-title{font-size:16px;line-height:130%;margin-top:10px;opacity:0.8;font-size:16px;}*/
.viv-acc-not-hover .viv-acc-item2 .viv-acc-title{transform:scale(0.7);opacity:0.8;}
.viv-acc-content{font-weight:300;}
.viv-acc-item2{ max-width: 250px;min-width: 250px;margin: 10px auto;opacity:1;transition: opacity .2s ease;overflow:hidden;left:50%;transform: translateX(-50%);position:absolute;padding:35px 10px 0;width:100%;box-sizing: border-box;}
.viv-acc-item{opacity:0;transition: opacity .8s ease .1s,height .4s ease .4s;text-align:left;padding:4% 6%;box-sizing:border-box;width:100%;position:absolute;}
.viv-acc-item2 .viv-acc-title2{font-size:16px;transition:opacity .2s ease;margin-top:10px;font-weight:300;opacity:1;}
.viv-acc-item2 .viv-acc-title{margin-top:10px;}
.viv-acc-not-hover .viv-acc-item2 .viv-acc-title2{opacity:0; }
.viv-acc-icon img{transition: all .4s ease;max-width:100%;width:180px;}
.viv-acc-not-hover .viv-acc-item2 .viv-acc-icon img{transform:scale(0.7);opacity:0.8;}
.viv-acc-not-hover .viv-acc-item2{width:auto;}
.viv-acc-hover .viv-acc-item2{display:none;}

.viv-acc-item .viv-acc-title br{display:none;}
.viv-acc-item .viv-acc-title2{font-size:24px;margin-bottom:4%;max-width:100%;line-height:1.2;}
.viv-acc-item .viv-acc-title{font-size:36px;}
.viv-acc-content > strong{display:block;font-size:20px;font-weight:300}
.viv-acc-end-trans-hovered.viv-acc-hover .viv-acc-item{opacity:1;display:block;transition: opacity .01 ease;}
.viv-acc-end-trans-hovered .viv-acc-item{opacity:0;display:none;transition: opacity .01 ease;}



.viv-acc-white-col1{width:calc(40% - 10px);margin-right:5px;color:#ff;float:left;}
.viv-acc-white-col2{width:calc(60% - 10px);margin-right:5px;color:#ff;float:left;}
.viv-acc-content > .viv-acc-white-col1{width:100%;}
.viv-acc-white-col1 .viv-acc-white-col1-t{font-size:11px;font-weight:300;margin-bottom:10px;}
.viv-acc-white-col1 .viv-acc-white-col1-c{font-size:18px;font-weight:400;font-family: 'Barlow Condensed', sans-serif;padding-right:10px;}
.viv-acc-white-col1 img{float:left;margin-right:18px;}
.viv-acc-white-row{margin-top:4%;display:flex;transition:all 200ms ease;transition-delay:200ms;}
.viv-acc-white-col2{padding-top:0px;}
.viv-acc-white-col2 .viv-acc-big-q{font-family:Georgia;font-size:120px;color:#00a76f; opacity:0.34;float:left;font-style:italic;font-family: 'Barlow Condensed', sans-serif;}
.viv-acc-white-col2 img{float:left;margin-right:14px;margin-left:18px;}
.viv-acc-white-col2 .viv-acc-white-col1-c,.viv-acc-white-col1-c{float:left;width:calc(100% - 75px);}
.viv-acc-hover .viv-acc-overlay{opacity:1;}



.viv-acc-mob-toggle{display:none;position:relative;}
.viv-acc-but{position:relative;width:20px;height:20px;top:45%;left:13px;}
.viv-acc-but:before, .viv-acc-but:after {content: "";position:absolute;background-color:white;transition: transform 0.25s ease-out;}
.viv-acc-but:before {top:0;left:50%;width:4px;height:100%;margin-left:-2px;}
.viv-acc-but:after {top:50%;left:0;width:100%;height:4px;margin-top:-2px;}
.viv-acc-opened .viv-acc-but:before {transform:rotate(90deg);}
.viv-acc-opened .viv-acc-but:after{transform: rotate(180deg);}
.viv-acc-mob-overlay{background:rgba(0,0,0,0.46);position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition: opacity .4s ease;}
.viv-acc-overlay{background:rgba(0,0,0,0.46);position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition: opacity 1.2s ease;}
.viv-acc-w{-webkit-tap-highlight-color: transparent;-webkit-touch-callout:none;-webkit-user-select: none;-khtml-user-select:none;-moz-user-select:none;    -ms-user-select:none;user-select:none;}


@media(max-width:1299px){
	
.viv-acc-item2{ padding:45px 25px 20px;}
}

@media(max-width:1200px){
	.viv-acc-not-hover .viv-acc-item2 .viv-acc-icon img{width:60px;}
	.viv-acc-not-hover .viv-acc-item2 .viv-acc-title{font-size:13px;}
}

@media(max-width:1024px){
	.viv-acc{display:block;}
	.viv-acc-item-w{display:block;text-align:center;width:100%;position:static;min-width:100%; max-width:100%;}
	.viv-acc-item2{position:relative;transform:none;top:0;left:0;padding:24px 40px 24px 24px;text-align:left;margin:0;max-width:100%;min-width:unset;}
	.viv-acc-item2 .viv-acc-icon img{width:45px;}
	.viv-acc-item2 .viv-acc-icon{float:left;margin-right:10px;}
	.viv-acc-title{padding-top:10px;}
	.viv-acc-title br{display:none;}
	.viv-acc-title2{clear:both;margin-top:18px;}
	.viv-acc-mob-toggle{display:block;position:absolute;width:45px;right:0;top:0;bottom:0;background:rgba(0,0,0,0.29);}
	.viv-acc-item{position:static;display:none;}
	.viv-acc-item{opacity:1;position:relative;padding:0;transition:unset;}
	.viv-acc-item .viv-acc-title,.viv-acc-item .viv-acc-title2{display:none;}
	.viv-acc-content{position:relative;z-index:1;padding:24px;}
	.viv-acc-white-col {width:100%;}
	.viv-acc-white-row{display:block;}
	.viv-acc-white-col2{margin-top:20px;}
	.viv-acc-white-col2 img{margin-left:0;}
	.viv-acc-mob-overlay{opacity:1;}
	.viv-acc-overlay{display:none;}
	.viv-acc-item2 .viv-acc-icon{margin-right:16px;margin-bottom:13px;}
	.viv-acc-item2{padding-right:69px;}
}
@media(min-width:560px) and (max-width:1024px){
	
}

@media(max-width:500px){
	.viv-acc-item2{padding:10px 25px 10px 10px;}
	.viv-acc-but{width:15px;height:15px;left:5px;}
	.viv-acc-mob-toggle{width:25px}
	.viv-acc-title{font-size:18px;}
	.viv-acc-content{padding:10px;font-size:15px;}
}
@media(max-width:400px){
	.viv-acc-item2 .viv-acc-icon img{width:30px;}
	.viv-acc-title{padding-top:4px;}
	.viv-acc-title{font-size:16px;}
	.viv-acc-item2 .viv-acc-title2{font-size:14px;}
}