/* FONTS */
@font-face {
    font-family: 'SerifaStd65Bold_40047';
    src: url('/wp-content/themes/viv-child/fonts/SerifaStd65Bold_40047.eot');
    src: url('/wp-content/themes/viv-child/fonts/SerifaStd65Bold_40047.eot') format('embedded-opentype'),
         url('/wp-content/themes/viv-child/fonts/SerifaStd65Bold_40047.woff2') format('woff2'),
         url('/wp-content/themes/viv-child/fonts/SerifaStd65Bold_40047.woff') format('woff'),
         url('/wp-content/themes/viv-child/fonts/SerifaStd65Bold_40047.ttf') format('truetype');
}
h1, h2, h3, h4, h5, h6{ font-family: 'SerifaStd65Bold_40047';}

/* COMMON */
body{ background:#f4f4f4; font-weight:normal; padding-top:109px;}
.home{ padding-top:0;}
.viv-container, .container{ max-width:1220px; padding:0 15px; width:100%;}
div.container{ float:none; margin:0 auto;}
.viv-text section .container{ margin:0 auto;}
#viv-cont-w #viv-content{ padding-top:0;}
.main-footer{ margin-top:0;}
.btn-arrow span{ display:inline-block; position:relative; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; will-change: transform;}
.btn-arrow:hover span{ -webkit-transform: translate3d(-0.6rem,0,0); -moz-transform: translate3d(-0.6rem,0,0); -o-transform: translate3d(-0.6rem,0,0); -ms-transform: translate3d(-0.6rem,0,0); transform: translate3d(-0.6rem,0,0);}
.btn-arrow svg{ position:absolute; width:1.1em; right:0; opacity:0; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; will-change: right,opacity;}
.btn-arrow:hover svg{ opacity:1; right:-1.2rem;}
.btn-arrow svg *{ stroke-width: 5; stroke-color: transparent;}
p strong, ul li strong{ font-weight:600; color:#101010;}
.wide_margin .viv-text p strong{ font-size:19px;}
.viv-text ul{ margin:0 0 25px; padding:0 0 0 20px;}
.viv-text ul.no-dots{ padding:0;}
.viv-text ul li{ margin:0; padding:0 0 10px;}
.viv-text ul li:before{ content:"\2022"; color:#010100; display:inline-block; font-weight:700; margin-left:-1em; width:1em;}
.viv-text ul.no-dots li:before{ display:none;}
.column-count-4{ -webkit-column-count: 4; -moz-column-count: 4; column-count: 4;}

/* HEADER */
header#viv-main-header{ background:#fff;}
.home header#viv-main-header{ background:none; border-bottom: 1px solid hsla(0,0%,100%,.2);}
.home header#viv-main-header#viv-main-header.et-fixed-header{ background:#2e3994; box-shadow:none;}
#viv-main-header .viv-row{ margin:0 -10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.header .big-cont .col-md-10{padding-top:5px;}

/* LOGO */
.logo-div, .menu-div{ padding:0 10px;}
#logo, #logo img{ -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.et-fixed-header #logo{ display:block; max-width:150px; width:100%;}
.home #viv-main-header.et-fixed-header #logo #def-logo{ display:block;}
.home #viv-main-header.et-fixed-header #logo #sec-logo{ display:none;}

/* MENU */
#main-menu-row ul{ display:block; font-size:0;}
#main-menu-row li{ display:inline-block; margin-right:23px; padding-right:7px;}
#main-menu-row .menu > li:last-child{ margin:0; padding-right:0;}
#main-menu-row .menu > li.menu-item-has-children{ padding-right:17px;}
#main-menu-row .menu > li.menu-item-has-children:after{ border-color: #dc0004 transparent transparent transparent; right:2px;}
.safari #main-menu-row .menu > li.menu-item-has-children:after{ top:calc(50% - 8px);}
#main-menu-row .menu > li:before, #main-menu-row .menu > li ul a:before,#cats-filter a:before{ background:#dc0004;}
#main-menu-row .menu > li ul a:hover:before{ background:#dc0004; right:0;}
.home #main-menu-row .menu > li > a, .home #main-menu-row #menu-top-menu.menu > li > a svg, .home .et-fixed-header #main-menu-row .menu > li > a, .home .et-fixed-header #main-menu-row #menu-top-menu.menu > li > a svg{ color:#fff; fill: #fff;}
header #main-menu-row li a{ font-family: 'SerifaStd65Bold_40047'; font-size:17px; font-weight:normal; margin-right:0; padding-right:0;}
#main-menu-row .nav-btn a{ background:#de1116; color:#fff; font-family: "Montserrat",sans-serif; font-size:15px; font-weight:600; line-height:20px; padding:11px 20px; text-align:center; text-transform:uppercase;}
#main-menu-row .nav-btn a:hover{ background:#f00000; color:#fff;}
#main-menu-row .menu > .nav-btn:before{ display:none;}

/* BANNER */
.banner{ display:table; height:580px; padding:120px 0; position:relative; text-align:center; width:100%;}
.banner-content{ display:table-cell; padding:0; position:static; vertical-align:middle;}
.banner-content .container{ max-width:1010px;}
.banner-content .container > .vc_column_container{ padding:0;}
.banner .bottom-shape{ bottom:0; left:0; margin:0; position:absolute; width:100%; -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1);}
.banner h1{ line-height:1.5em; margin:0 0 30px;}
.banner .viv-but3-1{ padding:0;}
.banner .viv-but3-1 .viv-but{ font-size:14px; line-height:normal; padding:9px 25px;}

/* TAB MENU */
#tab-menu ul, #tab-menu ul li, #tab-menu ul li a{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center;}
#tab-menu ul li a{ -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}

/* 20-08-2021 */
#viv-cont-w{ background: url(/wp-content/themes/viv-child/img/stars-bg.png) center bottom; background-size:cover;}
.home #viv-cont-w{ background:none;}
#viv-cont-w #viv-content.viv-container.wide_margin{ max-width:840px; padding:59px 15px 60px;}
.wide_margin #viv-main-content{ padding:45px 40px 50px;}
.wp-block-embed{ margin-bottom:1em;}
.wpb_single_image{ margin:0 0 25px;}
#tab-menu > div{ max-width:1190px;}
body .normal_margin #viv-main-content > .vc_row{ margin:0 -15px;}

/* 08-09-2021 */
#page-title-bar, #post-title-bar{ display:table; height:182px; width:100%;}
#title-bar-text{ display:table-cell; position:static; text-align:center; vertical-align:middle;}
#page-title-bar h1{ font-size:48px; line-height:1.1; margin:0;}
#tab-menu{ background: url(/wp-content/themes/viv-child/img/tab-menu-bg.jpg) center top; background-size:cover;}

.left_sidebar .wp-block-search button {background: url(img/search-icon.png) no-repeat;background-color:transparent!important;background-size:22px;height:22px;left:13px;margin-top:-11px;padding:0;top:50%;position:absolute;width:22px;}

/* BLOG */
.page-template-blog #viv-cont-w{ margin-top:50px;}
.page-template-blog #cats-filter{ margin:0 auto 10px; max-width:1182px; width:100%;}
#blog-wrap{ max-width:1182px; width:100%;}

/* MAP */
#viv-cont-w.map-cont-w{ background:#f4f4f4;}
.map-cont-w .viv-container.left_sidebar #viv-sidebar{ padding-right:28px; width:23.03%;}
.map-cont-w .viv-container.left_sidebar #viv-main-content{ border-left:1px solid #dedede; padding-left:43px; width:76.97%;}
.sp-map-sec{ background:#fff; padding:45px 25px;}
.page-social-media-toolkit .sp-map-sec{ padding:10px 25px 0;}
#viv-content .heading{ margin:0 0 19px; padding-bottom:17px;}
.sp-map-sec p{ color:#707070; font-size:17px;}
.sp-map-sec p strong{ color:#707070; font-weight:600;}
.sp-map-page .viv-but3-1{ padding:0 15px;}
.sp-map-sec .viv-but.lm-link{ border:none; font-size:17px; line-height:30px; padding:0; text-transform:none;}
.sp-map-sec .btn-arrow .lm-link svg{ margin:0 0 0 7px; opacity:1; position:static; width:18px;}
.sp-map-sec .btn-arrow .lm-link svg, .sp-map-sec .btn-arrow:hover .lm-link span{ webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none;}
.sp-map-sec .btn-arrow svg *{ fill:#de1116; stroke:#de1116; stroke-width:3px;}
.sp-map-sec .btn-arrow svg polyline{ stroke-width:0;}
.sp-map-sec .btn-arrow .lm-link:hover svg *{ stroke:#de1116; fill:#de1116;}
.no-lr-pad > .vc_column_container{ padding-left:0; padding-right:0;}
.sp-map-top .wpb_text_column{ margin:0; padding-bottom:9px;}
.sp-map-sec .sp-map-top .viv-but3-1{ padding:0 0 30px;}
.sp-map-top .viv-but, .sp-map-top .viv-but3-1 .viv-but:hover{ background-image: url(/wp-content/themes/viv-child/img/down-icon.png); background-position:22px center; background-repeat:no-repeat; background-size:20px;}
.sp-map-top .viv-but{ font-size:15px; font-weight:700; padding:13px 25px 12px 56px;}
.spm-row{ border-bottom:1px solid #dedede; padding-top:18px;}
.spm-icon .wpb_single_image{ margin:0 0 23px;}
.spm-icon .wpb_single_image img, .cs-icon .wpb_single_image img{ display:block; margin:0 auto; max-width:88px; width:100%;}
.spm-text{ padding:7px 0 0;}
.spm-text .wpb_text_column{ margin:0;}
.spm-row p{ line-height:24px; margin:0 0 23px;}
.sp-map-sec .spm-row p strong{ color:#000; font-size:16px;}
.sp-map-bot{ padding-top:47px;}
.sp-map-bot p{ margin:0 0 34px;}
body .tsb-row{ border-bottom:1px solid #dedede; margin:0 0 28px; padding:0 0 15px;}
#viv-main-content .tsb-row h3{ color:#000; font-family: 'Montserrat', sans-serif; font-size:18px; font-weight:700; margin:0 0 3px; text-transform:uppercase;}
#viv-main-content .tsb-row h4, #viv-main-content .cs-text h4{ color:#337ab7; font-family: 'Montserrat', sans-serif; font-size:18px; font-weight:600; margin:0 0 2px;}
#viv-main-content .tsb-row h4 a, #viv-main-content .cs-text h4 a{ display:inline-block; text-decoration:none;}
#viv-main-content .tsb-row h4 a:hover, #viv-main-content .cs-text h4:hover{ opacity:0.8;}
.sp-map-sec .tsb-row p, .sp-map-sec .cs-row p{ font-size:16px; line-height:24px; margin:0 0 6px;}
.tsb-row .wpb_text_column, .cs-row .wpb_text_column{ margin:0;}
.red-arrow{ background: url(/wp-content/themes/viv-child/img/red-arrow.png) no-repeat right center; background-size:16px; padding-right:27px;}
.red-arrow:hover{ color:#de1116;}
#viv-content .cs-top .heading{ margin:0 0 13px;}
body .cs-row{ border-bottom:1px solid #dedede; padding:27px 0 5px;}
.cs-icon .wpb_single_image{ margin:0 0 22px;}
.cs-icon .wpb_single_image img{ max-width:90px;}
.cs-text{ padding:0 0 22px;}
#viv-main-content .cs-text h4{ font-size:16px; line-height:24px; margin:0; padding:10px 0 0;}
.sp-map-sec .cs-row p{ margin:0;}

.left_sidebar .wp-block-search .wp-block-search__inside-wrapper {position: relative;}

/* RESPONSIVE */
@media(max-width:1299px){

body{ padding-top:108px;}
#main-menu-row li{ margin-right:18px;}
}

@media(max-width:1234px){

header#viv-main-header.et-fixed-header #main-menu-row .menu > li > a{ font-size:15px;}
header#viv-main-header.et-fixed-header #logo img{ max-width:100%; width:100%;}
}

@media(max-width:1199px){

body{ padding-top:103px;}
#main-menu-row li{ margin-right:15px; padding-right:4px;}
#main-menu-row .menu > li.menu-item-has-children{ padding-right:14px;}
#main-menu-row .menu > li.menu-item-has-children:after{ right:0;}
}

@media(max-width:1099px){

body{ padding-top:97px;}
#main-menu-row li{ margin-right:13px; padding-right:2px;}
#main-menu-row .menu > li.menu-item-has-children{ padding-right:12px;}
#main-menu-row li a{ font-size:15px;}
header#viv-main-header.et-fixed-header #main-menu-row .menu > li > a{ font-size:14px;}
#main-menu-row .nav-btn a{ font-size:14px; padding:9px 17px;}
}

@media(max-width:992px){

body{ padding-top:118px;}
header#viv-main-header{ padding-bottom:26px;}
.home header#viv-main-header#viv-main-header.et-fixed-header, .mob-menu-opened header#viv-main-header{ background:#fff;}
header#viv-main-header [class*="col-md"]{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;}
#logo{ max-width:200px; width:100%;}
header#viv-main-header.et-fixed-header #logo{ max-width:150px;}
header#viv-main-header.et-fixed-header #logo img, #logo img{ width:100%; transition: all .4s ease-in-out;}
.home #viv-main-header.et-fixed-header #logo #def-logo, .home.mob-menu-opened #viv-main-header #logo #def-logo, .home.mob-menu-opened #viv-main-header.et-fixed-header #logo #def-logo{ display:none;}
.home #viv-main-header.et-fixed-header #logo #sec-logo, .home.mob-menu-opened #viv-main-header #logo #sec-logo, .home.mob-menu-opened #viv-main-header.et-fixed-header #logo #sec-logo{ display:block;}
#burger-menu{ top:10px;}
header#viv-main-header.et-fixed-header #burger-menu{ top:2px;}
#burger-menu span, header#viv-main-header #main-menu-row:before{ background:#dc0004;}
#main-menu-row{ top:86px;}
header#viv-main-header.et-fixed-header #main-menu-row{ top:56px;}
header#viv-main-header #main-menu-row .menu > li{ padding-bottom:7px;}
header#viv-main-header #main-menu-row .menu > li > a{ font-size:15px; line-height:20px; margin:0; padding:10px 23px;}
header#viv-main-header.et-fixed-header #main-menu-row .menu > li > a{ font-size:15px;}
header#viv-main-header #main-menu-row .sub-menu li a{ font-size:16px; line-height:1.4em; padding:10px 23px;}
#main-menu-row .menu > li:before{ display:none;}
.home .et-fixed-header #main-menu-row .menu > li > a{ color:#000;}
.home #main-menu-row .menu > li.nav-btn > a, .home .et-fixed-header #main-menu-row .menu > li.nav-btn > a{ color:#fff;}
header#viv-main-header.et-fixed-header #main-menu-row .menu > li.menu-item-has-children:after{ right:6px; top:20px;}
#page-title-bar h1 span, #post-title-bar h1{ font-size:48px; line-height:1.1;}
.column-count-4{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.sp-map-page .viv-but3-1{ padding:0;}
}

@media(max-width:767px){

body .viv-text{ font-size:16px; line-height:25px;}
.wide_margin .viv-text p strong{ font-size:18px;}
.column-count-4{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
#page-title-bar, #post-title-bar{ height:140px;}
#page-title-bar h1, #post-title-bar h1{ font-size:35px; line-height:1.1;}
#page-title-bar h1 span, #post-title-bar h1 span{ font-size:35px; line-height:35px;}
}

@media(max-width:568px){

body{ padding-top:102px;}
header#viv-main-header{ padding:18px 0;}
.banner h1{ font-size:26px; line-height:34px;}
}