/* COMMON */
body{ background:#efefef;}
body.home{ padding-top:0!important;}
.wp-block-group__inner-container{ margin:0 auto; max-width:1243px; padding-left:15px; padding-right:15px; width:100%;}
.wp-block-button__link{ font-size:18px; line-height:normal; padding:16px 29px; text-decoration:none;}
.wp-block-button .wp-block-button__link:hover{ background-color:#007da6!important; text-decoration:none;}
.wp-block-button.blue-btn .wp-block-button__link:hover{ background-color:#25a082!important;}
.viv-popup-link{ background:#25a082; border-radius:30px; color:#fff; display:inline-block; font-size:18px; font-weight:600; line-height:normal; padding:16px 28px;}
.viv-popup-link:hover{ background:#007da6; text-decoration:none!important;}
.seen-block-right .wp-element-caption a, .seen-block-right p a, .our-host-right p a, .viv-text .sam-goals p a{ background:none; border-radius:0; font-size:12px; font-weight:normal; padding:0; text-decoration:underline;}
.seen-block-right .wp-element-caption a:hover, .seen-block-right p a:hover, .our-host-right p a:hover, .viv-text .sam-goals p a:hover{ background:none; opacity:0.8;}
.blue-btn .viv-popup-link{ background:#007da6;}
.blue-btn .viv-popup-link:hover{ background:#25a082;}
.viv-popup.form-pop{ text-align:left;}
.form-pop .gform-theme--foundation .gform_fields{ gap:20px;}
.form-pop .gform_title{ margin:0 0 10px;}
.form-pop .gform-theme--foundation .gform-grid-row{ margin-inline:0;}
.form-pop .gform-theme--foundation .ginput_container_name .gform-grid-col:first-child{ padding-left:0;}
.form-pop .gform-theme--foundation .ginput_container_name .gform-grid-col:last-child{ padding-right:0;}
.viv-text ul{ list-style:disc;}
.viv-text .sam-goals p a{ font-size:16px;}
#vivgb-popup{ padding:0 88px;}
#vivgb-popup button#wpgb-lightbox-close{ height:88px; padding:20px; width:88px;}

/* HEADER */
header#viv-main-header{ background:#000;}
.home header#viv-main-header{ background:none; box-shadow: 0 0 7px rgba(0,0,0,.3);}
.home header#viv-main-header.et-fixed-header{ background:#000;}
header#viv-main-header{ padding:16px 0;}
header#viv-main-header.et-fixed-header{ padding:11px 0;}
header#viv-main-header .viv-container{ max-width:1264px; padding:0 15px; width:100%;}
header#viv-main-header .viv-container .viv-row{ margin:0;}
.h-top-left{ max-width:30%; padding:0 15px 0 0;}
#mob-stay-i{ color:#e95c0d; display:none; font-size:16px; font-weight:700; text-transform:uppercase;}
.h-top-left-right{ padding-top:14px;}

/* MENU */
#menu-left-menu{ display:table; list-style-type:none; width:100%;}
#menu-left-menu li{ display:table-cell; position:relative; text-align:center; vertical-align:middle;}
#menu-left-menu.menu > li:before, #main-menu-row .menu > li:before, .d-mob{ display:none;}
#menu-left-menu.menu > li > a{ color:#fff; display:block; font-size:1em; font-weight:500; margin:0; padding:18px 13px; text-decoration:none; -webkit-transition:.4s ease-in-out;}
/*.home:not(.header-fixed) #menu-left-menu.menu > li > a, .home:not(.header-fixed) #menu-right-menu.menu > li > a{ color:#fff;}*/
#menu-left-menu.menu > li > a:hover{ color:#25a082;}
#main-menu-row ul{ width:100%;}
#main-menu-row li a{ font-size:1em; margin:0; padding:18px 13px;}
.h-top-left .menu > li.menu-item-has-children{ padding-right:17px;}
.h-top-left .menu > li.menu-item-has-children:after{ border-style:solid; border-width:5px 5px 0 5px; border-color:#b41a1f transparent transparent transparent; content:""; position:absolute; right:27px; top: calc(50% - 5px); z-index:0;}
.h-top-left .menu > li.menu-item-has-children:after, #main-menu-row .menu > li.menu-item-has-children:after{ border-color: #fff transparent transparent transparent; margin-top:-2px; right:17px; top:50%;}
.h-top-left .sub-menu{ background-color:#ffffff; padding:20px 0; position:absolute; text-align:left; top:100%; visibility:hidden; width:300px; z-index:5; -webkit-transform: translate3d(0,0,0);}
#main-menu-row .sub-menu, .h-top-left .sub-menu{ background:#007da6; box-shadow: 0 10px 30px 0 rgba(0,0,0,.12); left:50%; padding:10px 0; top:55px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
#main-menu-w .viv-mega-submenu,#main-menu-w.viv-megamenu .sub-menu{ background:#007da6; box-shadow: 0 10px 30px 0 rgba(0,0,0,.12); color:#fff;}
#main-menu-row .viv-mega-submenu ul li a{ color:#fff; padding:7px 15px;}
#main-menu-row .viv-mega-submenu ul li a:hover{ background:#005e7c; padding:7px 15px;}
/*#main-menu-row .viv-mega-menu-parent > a:hover:after{ border-color: #fff transparent transparent transparent;}*/
.header-fixed #main-menu-row .sub-menu{ top:50px;}
.h-top-left li.menu-item-has-children:hover > .sub-menu{ -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-animation: Grow .4s ease-in-out; -moz-animation: Grow .8s ease-in-out; -o-animation: Grow .4s ease-in-out; animation: Grow .4s ease-in-out; -webkit-backface-visibility: visible !important; visibility:visible; opacity:1;}
.h-top-left li.menu-item-has-children:hover > .sub-menu, #main-menu-row li.menu-item-has-children:hover > .sub-menu{ webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none;}
.h-top-left .sub-menu:before, #main-menu-row .sub-menu:before, #main-menu-w .viv-mega-submenu:before{ border-left:11px solid transparent; border-right:11px solid transparent; border-bottom:12px solid #007da6; content:''; height:0; left:0; margin:0 auto; position:absolute; right:0; top:-12px; width:0;}
#main-menu-w .viv-mega-submenu:before{ left:auto; right:65px;}
.h-top-left #menu-left-menu .sub-menu li{ border:none; display:block; float:none; height:auto; margin:0; padding:0 20px; position:relative; text-align:left; width:100%;}
.h-top-left #menu-left-menu .sub-menu li, #main-menu-row .sub-menu li{ padding:0;}
.h-top-left #menu-left-menu .sub-menu li a{ border-bottom:1px solid #f7f0f0; display:block; font-size:16px; line-height:1.4em; padding:8px 5px; position:relative; text-transform:none; width:100%;}
.h-top-left #menu-left-menu .sub-menu li a, #main-menu-row .sub-menu li a{ border:none; color:#fff; margin:0; padding:7px 15px; white-space:normal;}
.h-top-left #menu-left-menu .sub-menu li a:hover, #main-menu-row .sub-menu li a:hover{ background:#005e7c;}
#main-menu-row .pop-menu-btn a{ display:none;}
#main-menu-row .pop-menu-btn .viv-popup-link{ background:#007da6; border-radius:0; display:block; padding:18px;}
#main-menu-row .pop-menu-btn .viv-popup-link:hover{ background:#005e7c; color:#fff;}

/* LOGO */
#logo{ display:block;}
/* HOME */
.home #viv-content{ padding:0;}
.home .no_margin #viv-main-content{ padding-left:0; padding-right:0;}
.wp-block-cover.banner{ padding:180px 15px 131px;}
#banner-text .wp-block-group__inner-container{ max-width:600px; padding:0; text-align:center;}
#banner-text .wp-block-image{ margin:0 auto 25px; max-width:280px; width:100%;}
#banner-text h1{ font-size:28px; font-weight:normal; line-height:normal; margin:0 0 25px;}

/* JOIN US */
.join-us{ padding:34px 0 72px;}
#viv-content .join-us h2, #viv-content .as-seen-on h2{ font-size:36px; line-height:54x; margin:0 0 36px;}
.join-us .wp-block-group__inner-container{ max-width:910px;}
.join-us .wp-block-countdown-block-countdown{ margin:0 0 57px;}
.join-us div.eb-cd-wrapper div.eb-cd-inner .box{ padding:0 10px 21px;}
.join-us .eb-countdown-lfpjq.eb-cd-wrapper .eb-cd-inner .box:last-child{ border-color:transparent;}
.join-us div.eb-cd-wrapper div.eb-cd-inner .box .eb-cd-digit{ margin:0 0 11px;}
#viv-content .join-us .h2-head{ font-family: "Montserrat", serif; font-weight:700; line-height:normal; margin:0 0 10px;}
.join-us h3{ font-size:24px; font-weight:normal; line-height:35px; margin:0 0 42px;}
.join-blocks .wp-block-column{ position:relative;}
.join-us .wp-block-media-text{ display:block; padding:43px 15px 46px;}
.join-us .wp-block-media-text__media img{ display:block; margin:0 auto 11px; max-width:74px; width:100%;}
.join-us .wp-block-media-text > .wp-block-media-text__content{ padding:0;}
.join-us .wp-block-media-text p{ font-size:16px; line-height:28px; margin:0;}
.join-blocks{ gap:50px;}
.join-blocks .wp-block-column{ border-radius:10px;}
.join-blocks .viv-popup-link{ background:none; border-radius:0; bottom:0; height:100%; padding:0; position:absolute; text-indent:-9999px; right:0; width:100%;}
.join-blocks .viv-popup-link:after{ background:#25a082 url(../images/arrow.png) no-repeat center center; background-size:28px; border-radius:0 0 10px 0; bottom:0; box-sizing:border-box; content:"'"; display:block; height:49px; padding:5px; position:absolute; right:0; width:49px; opacity:0;}
.join-blocks .viv-popup-link:hover:after{ opacity:1; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -ms-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease;}

.enable-bullets .viv-text ul{list-style: disc;list-style-image: url("/wp-content/themes/viv-child/images/check.svg");}

/* comments in popup */
.page-resources #vivgb-popup  .wpgb-card .wpgb-card-footer{display:block;}
.page-resources .wpgb-card .wpgb-card-footer > div.comment-popup {display:block;}
.in-iframe #wpadminbar,.in-iframe #viv-main-header,.in-iframe #new-title-area-w,.in-iframe .main-footer,.in-iframe #tab-menu{display:none;}
body.in-iframe{padding-top:0!important}
.in-iframe.single #viv-content.viv-container{padding-top:0}
.comment-popup iframe{width:100%;border:none;margin-top:20px;height: 100vh;}
.in-iframe #viv-main-content article > *:not(.wpdiscuz_top_clearing,#comments,.wpdiscuz-loading-bar,.wpdiscuz-comment-message){display:none;}
html:has(.in-iframe){margin-top:0!important}
.in-iframe #comments,.in-iframe #wpdcom .wpd-form-head{margin-top:0;}
#wpd-bubble-wrapper{display:none!important}
/* comments in popup */

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

.wp-block-cover.banner{ padding:160px 15px 120px;}
#banner-text h1{ font-size:25px;}
#viv-content .join-us h2, #viv-content .as-seen-on h2{ font-size:32px; line-height:54px;}
}

@media(max-width:1234px){

.wp-block-cover.banner{ padding:160px 15px 100px;}
#banner-text .wp-block-image{ margin:0 auto 20px;}
#banner-text h1{ font-size:22px; margin:0 0 10px;}
#viv-content .join-us h2, #viv-content .as-seen-on h2{ font-size:28px; line-height:40px; margin:0 0 31px;}
.join-blocks{ gap:35px;}
}

@media(max-width:1100px){

#vivgb-popup button#wpgb-lightbox-close{ top:0;}
}

@media(max-width:992px){

.mob-menu-opened #viv-main-header, .home.mob-menu-opened header#viv-main-header.et-fixed-header{ background:#fff;}
#viv-main-header .viv-container{ position:static;}
#viv-main-header .viv-row{ justify-content: space-between;}
header#viv-main-header .viv-container .viv-row{ margin:0 -15px;}
.h-top-left{ order:2; padding:0 0 0 15px; text-align:right;}
/* .h-top-left .viv-main-menu{ display:none;}
.big-cont .h-top-left{ max-width:none; width:auto;} */
.h-top-centr{ order:1; padding:0;}
.h-top-right{ order:3; padding:0; width:140px;}
#burger-menu{ top:20px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.header-fixed #burger-menu{ top:14px;}
#mob-stay-i{ display:inline-block;}
.h-top-centr{ max-width:100%;}
.header .big-cont .h-top-right{ max-width:none; width:140px;}
#burger-menu span, .home:not(.header-fixed) #burger-menu span{ background:#fff;}
.mob-menu-opened #burger-menu span, .mob-menu-opened.home:not(.header-fixed) #burger-menu span{ background:#007da6;}
#burger-menu span:last-child{ margin-bottom:0;}
#logo{ max-width:100%; width:100%;}
header#viv-main-header.et-fixed-header #logo img, #logo img{ width:100%;}
#viv-main-header #main-menu-row, header#viv-main-header.et-fixed-header div#main-menu-row{ padding-top:100px;}
#main-menu-row:before{ display:none;}
#main-menu-w #piece-mob-menu .wpb_content_element{ margin:0;}
#main-menu-row li a{ color:#000; fill:#000; margin:0;}
.home:not(.header-fixed) #menu-right-menu.menu > li > a, .home:not(.header-fixed) #main-menu-row .menu > li > a svg{ color:#000; fill:#000;}
#main-menu-row .menu > li{ margin:0 0 10px;}
#main-menu-row .menu > li > a, #main-menu-row .menu > li > a svg{ color:#000; fill:#000; font-size:20px; line-height:normal;}
#main-menu-row .menu > li > a{ line-height:normal; padding:5px 20px;}
.home:not(.header-fixed) #menu-right-menu.menu > .pop-menu-btn > .viv-popup-link, .home:not(.header-fixed) #main-menu-row .menu > .pop-menu-btn > .viv-popup-link svg, #main-menu-row .menu > .pop-menu-btn > .viv-popup-link{ color:#fff;}
header#viv-main-header.et-fixed-header #main-menu-row .menu > li > a{ font-size:20px;}
#main-menu-row .sub-menu li a{ font-size:18px;}
header#viv-main-header.et-fixed-header #main-menu-row .menu > li.menu-item-has-children:after{ right:17px; top:20px;}
.h-top-left .menu > li.menu-item-has-children:after, #main-menu-row .menu > li.menu-item-has-children:after{ border-color: #007da6 transparent transparent transparent;}
#main-menu-row ul.sub-menu{ left:0; padding:10px 0; position:relative; top:0; transform:none; width:100%;}
.header-fixed #main-menu-row .sub-menu{ top:0;}
.d-mob{ display:block!important;}
.wp-block-cover.banner{ padding:160px 15px 80px;}
#banner-text h1{ font-size:20px; margin:0 0 5px;}
#viv-content .join-us h2, #viv-content .as-seen-on h2{ font-size:26px; line-height:35px;}
.join-us{ padding:34px 0 55px;}
.join-us h3{ font-size:26px; line-height:36px;}
.join-us .wp-block-media-text{ padding:43px 15px 46px;}
.join-blocks{ gap:20px;}
#vivgb-popup{ padding:0 72px;}
#vivgb-popup button#wpgb-lightbox-close{ height:72px; padding:12px; width:72px;}
}

@media(max-width:781px){

.wp-block-button__link, .viv-popup-link{ padding:16px 20px;}
.wp-block-cover.banner{ padding:140px 15px 60px;}
#banner-text .wp-block-image{ max-width:260px;}
.join-us{ padding:34px 0 40px;}
#viv-content .join-us h2, #viv-content .as-seen-on h2{ font-size:24px; line-height:33px; margin:0 0 25px;}
.join-us h3{ font-size:23px; line-height:32px; margin:0 0 30px;}
#vivgb-popup{ padding:0;}
#vivgb-popup button#wpgb-lightbox-close{ height:60px; padding:6px; top:-10px; width:60px;}
}

@media(max-width:639px){

.form-pop .gform-theme--foundation .ginput_container_name .gform-grid-col{ padding:0;}
}

@media(max-width:568px){

#banner-text .wp-block-image{ max-width:240px;}
.wp-block-button__link, .viv-popup-link{ font-size:16px; padding:13px 20px;}
#viv-content .join-us h2, #viv-content .as-seen-on h2{ font-size:22px; line-height:30px;}
.join-us h3{ font-size:21px; line-height:30px;}
}