/* FONTS */
@font-face {
    font-family: 'american_captainregular';
    src: url('../fonts/americancaptain/american_captain-webfont.eot');
    src: url('../fonts/americancaptain/american_captain-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/americancaptain/american_captain-webfont.woff2') format('woff2'),
         url('../fonts/americancaptain/american_captain-webfont.woff') format('woff'),
         url('../fonts/americancaptain/american_captain-webfont.ttf') format('truetype'),
         url('../fonts/americancaptain/american_captain-webfont.svg#american_captainregular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

/* COMMON */
body{ background:#fff; padding-top:0!important;}
.viv-container, .container{ max-width:960px; width:100%;}
#viv-content.no_margin{ padding-top:0;}
.no_margin #viv-main-content{ padding-left:0; padding-right:0;}
b, strong{ font-family: "Montserrat", sans-serif; font-weight:700;}
.viv-text ul{ list-style:disc; padding-left:20px;}
.wp-block-button__link{ display:inline-block; font-size:16px; line-height:normal; padding:9px 25px 8px;}
.wp-block-button .wp-block-button__link:hover{ background-color:#d6261d!important; color:#fff; opacity:1; text-decoration:none;}

/* HEADER */
header#viv-main-header{ background:none; box-shadow: none; padding:0 0 44px;}
header#viv-main-header#viv-main-header.et-fixed-header{ background: rgba(2, 19, 39, .5); padding:0 0 10px;}
header#viv-main-header .big-cont{ max-width:1920px; padding:0 35px;}
header#viv-main-header .big-cont > .viv-row{ margin:0;}
.top-header-bar{ background:#00040d; margin-bottom:15px; padding:12px 15px;}
.home .top-header-bar{ margin-bottom:0;}
.top-header-bar ul{ font-size:0; line-height:normal; list-style:none; text-align:right;}
.top-header-bar ul li{ border-right:1px solid #a4b7c5; color:#a4b7c5; display:inline-block; font-size:14px; margin-right:15px; padding-right:15px; vertical-align:middle;}
.top-header-bar ul li strong{ color:#fff;}
.top-header-bar ul li:last-child{ border:none; margin:0; padding:0;}

/* LOGO */
.h-top-left{ max-width:40%; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.header-fixed .h-top-left{ max-width:30%;}
#logo{ max-width:410px; position:relative; width:100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
#logo:hover{ opacity:1;}
#logo img{ max-width:99px;}
#logo-text{ color:#fff; font-family: "Vollkorn", serif; font-size:26px; line-height:normal; padding:0 0 0 23px; text-transform:uppercase; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.header-fixed #logo-text{ font-size:21px; padding:0 0 0 18px;}
#logo:before{ border-radius:50%; content:"'"; display:block; height:93px; left:2px; position:absolute; text-indent:-9999px; top:3px; width:93px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
#logo:hover:before{ -webkit-box-shadow: 0px 0px 10px 0px rgba(255,255,255,1); -moz-box-shadow: 0px 0px 10px 0px rgba(255,255,255,1); box-shadow: 0px 0px 10px 0px rgba(255,255,255,1);}
.home #logo{ margin:-22px 0 0; max-width:454px;}
.home #logo img{ border:22px solid #021124; border-radius:50%; max-width:143px;}
.home #logo:before{ left:24px; top:25px;}
.home #logo-text{ padding:0 0 0 1px;}

/* MAIN MENU */
#main-menu-row{ margin:0; padding:29px 15px 0;}
#main-menu-row .menu > li:before{ display:none;}
#main-menu-row .menu > li.menu-item-has-children:after{ border-color:#243f61 transparent transparent transparent;}
#main-menu-row li a{ font-size:20px; font-weight:600; margin-right:29px;}
#main-menu-row li:last-child a, header#viv-main-header.et-fixed-header #main-menu-row .menu > li:last-child > a{ margin-right:0;}
#main-menu-row li.menu-item-has-children:last-child a, #main-menu-row .menu > li.menu-item-has-children:last-child a{ margin-right:29px;}
header#viv-main-header.et-fixed-header #main-menu-row .menu > li > a{ margin-right:20px;}

/* HOME TOP */
.ban-callout{ margin-top:-183px; padding:0 15px;}
#viv-content .home-top h2{ color:#fff; line-height:1.2em; margin:0 0 22px;}
.viv-text .home-top ul{ margin:0 0 33px;}
.viv-text .home-top ul li{ color:#fff; font-size:18px; font-weight:300; line-height:1.2; margin:0; padding:0 0 8px;}
.home-top .wp-block-button__link{ font-size:18px; font-weight:300; padding:12px 39px 14px;}
.ban-callout > .container{ max-width:1030px; overflow:hidden; position:relative; z-index:1;}
.ban-callout-in{ background:#0a1d37; border-radius:20px; padding:51px 88px;}
.callout-top{ padding:0 0 20px;}
.callout-top, .upper-sub-head, .lower-sub-head{ color:#fff; font-size:24px; font-weight:300; line-height:normal;}
.callout-top *:last-child, #viv-content .callout-top *:last-child{ margin-bottom:0;}
#viv-content .callout-top h2{ color:#fff; line-height:1.2em; margin:0 0 10px;}
.viv-text .home-top .ban-callout ul, .ban-callout ul{ list-style:none; margin:0; padding:0;}
.viv-text .home-top .ban-callout ul li, .ban-callout ul li{ color:#fff; font-size:20px; line-height:normal; margin:0; padding:0 0 51px;}
.ban-callout h4{ color:#fff; font-size:16px; font-weight:700; line-height:normal; margin:0;}
.upper-sub-head, .lower-sub-head{ margin:0;}
.ban-callout-in.split-ban-design{ padding:52px 57px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.split-ban-design .callout-top{ -ms-flex: 0 0 42%; flex: 0 0 42%; max-width: 42%; padding-right:20px; width:100%;}
#viv-content .split-ban-design .callout-top h2{ font-size:48px; line-height:normal; text-transform:uppercase;}
.election-seal-img{ bottom:47px; left:-93px; position:absolute; width:45%;}
.election-seal-img img{ display:block;}
.split-ban-design .callout-list{ -ms-flex: 0 0 58%; flex: 0 0 58%; max-width: 58%; padding-top:12px; width:100%;}
.split-ban-design .callout-list h4{ line-height:16px; margin:0 0 9px;}
.split-ban-design .callout-list h4 span{ background:#d30000; display:inline-block; letter-spacing:0.6px; padding:1px 2px 2px; text-transform:uppercase;}
.split-ban-design .lower-sub-head{ font-weight:600;}
.split-ban-design .lower-sub-head span{ color:#b0cce1; font-size:20px; font-weight:400;}
.ban-call-bot-img{ position:relative; top:-20px; z-index:-1;}
.ban-call-bot-img img{ border-radius:0 0 20px 20px; display:block;}

/* TITLEBAR */
#page-title-info .viv-container{ max-width:1920px; padding-left:50px; padding-right:50px;}
#page-title-bar{ height:316px;}
#title-bar-text{ background:#0a1d37; color:#fff; text-align:center;}
#page-title-info{ padding:28px 0;}
#page-title-bar h1{ font-size:45px; line-height:1; margin-bottom:0; text-transform:uppercase;}
#page-title-bar h1 span{ display:block; line-height:normal;}
#page-subtitle{ font-size:13px; font-weight:normal; line-height:normal; padding:2px 0 5px;}

/* COUNT */
.home-count .wp-block-cover{ padding:233px 20px;}
.home-count .wp-block-cover .wp-block-cover__inner-container{ background: url(../images/border-frame.png) no-repeat center top; background-size:contain; border-radius:20px; margin:0 auto; max-width:1030px; padding:18px 15px 10px; width:100%;}
.home-count .eb-countdown-hktqe.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-digit{ background:#fff url(../images/half-gradient-bg.png) no-repeat center bottom; border-radius:10px; display:block; font-family: 'american_captainregular'; font-size:115px; line-height:normal; margin-bottom:9px; padding:10px; position:relative; text-align:center; width:100%; -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);}
.home-count .eb-countdown-hktqe.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-label{ display:block; line-height:normal;}
.home-count .wp-block-cover p{ bottom:-25px; font-size:30px; line-height:normal; margin:0; position:relative;}
.home-count .wp-block-cover p strong{ display:inline-block; font-weight:600;}

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

.header .viv-container{ padding:0;}
header#viv-main-header .big-cont{ padding:0 5px;}
#logo-text{ font-size:22px;}
.ban-callout-in{ padding:51px 68px;}
#page-title-info .viv-container{ padding-left:25px; padding-right:25px;}
}

@media(max-width:1234px){

header#viv-main-header{ padding:0 0 24px;}
.home #logo{ margin:-11px 0 0;}
.home #logo:before{ left:13px; top:14px;}
.home #logo img{ border:11px solid #021124; max-width:121px;}
.home #logo-text{ padding:0 0 0 12px;}
header#viv-main-header.et-fixed-header #logo img{ width:100%;}
header#viv-main-header.et-fixed-header #main-menu-row .menu > li > a{ font-size:15px;}
.home-count .wp-block-cover{ padding:193px 20px 233px;}
.ban-callout-in{ padding:51px 48px;}
#viv-content .split-ban-design .callout-top h2{ font-size:45px;}
}

@media(max-width:1110px){

header#viv-main-header .big-cont{ padding:0;}
.ban-callout-in.split-ban-design{ padding:52px 27px 0;}
.home-count .wp-block-cover .wp-block-cover__inner-container, .ban-callout > .container{ max-width:963px;}
.home-count .eb-countdown-hktqe.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-digit{ font-size:102px;}
}

@media(max-width:992px){

header#viv-main-header#viv-main-header.et-fixed-header{ padding:0 0 5px;}
header#viv-main-header .big-cont{ padding:0;}
.header .viv-row{ margin:0;}
.top-header-bar{ padding:7px 15px;}
.big-cont .h-top-left{ max-width:412px; padding-left:10px; width:100%;}
#logo{ position:static; width:100%;}
#logo:before{ left:13px; height:91px; top:4px; width:92px;}
header#viv-main-header.et-fixed-header #logo img, #logo img{ width:100%;}
#logo img{ -ms-flex: 0 0 99px; flex: 0 0 99px; max-width: 99px;}
.home #logo img{ border:6px solid #021124; -ms-flex: 0 0 111px; flex: 0 0 111px; max-width: 111px;}
.home #logo:before{ left:18px; top:0;}
#logo-text{ padding:0 0 0 12px; white-space: wrap;}
.home #logo-text{ padding:0 0 0 6px; white-space: wrap;}
#burger-menu{ right:10px; top:21px; -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:20px;}
#burger-menu span{ background:#fff;}
.mob-menu-opened #burger-menu span{ background:#021327;}
#burger-menu span:last-child{ margin:0;}
#viv-main-header #main-menu-row{ padding:100px 0 0;} 
#main-menu-row:before{ display:none;}
#main-menu-row .menu > li > a{ font-size:16px; line-height:normal;}
#main-menu-row li a, #main-menu-row #menu-top-menu.menu > li > a svg, .home #viv-main-header #main-menu-row .menu > li > a, .home #viv-main-header #main-menu-row .menu > li > a svg{ color:#5b5e69; fill:#5b5e69;}
#main-menu-row li a:hover, #main-menu-row #menu-top-menu.menu > li > a svg:hover, .home #viv-main-header #main-menu-row .menu > li > a:hover, .home #viv-main-header #main-menu-row .menu > li > a:hover svg{ color:#243f61; fill:#243f61;}
.home-count .wp-block-cover{ padding:175px 15px 233px;}
.home-count .wp-block-cover .wp-block-cover__inner-container{ background:none; border:2px solid #365f7d; padding:18px 15px 25px;}
.home-count .eb-countdown-hktqe.eb-cd-wrapper{ padding-bottom:15px;}
.home-count .wp-block-cover p{ position:static;}
.ban-callout-in{ padding:41px 28px;}
.ban-callout-in.split-ban-design{ padding:42px 15px 10px;}
#viv-content .split-ban-design .callout-top h2{ font-size:40px;}
.election-seal-img{ width:40%;}
.viv-text .home-top .ban-callout ul li, .ban-callout ul li{ padding:0 0 25px;}
.split-ban-design .callout-list h4{ font-size:14px; line-height:14px; margin:0 0 5px;}
.callout-top, .upper-sub-head, .lower-sub-head{ font-size:22px;}
.split-ban-design .lower-sub-head span{ font-size:18px;}
#page-title-bar{ height:285px;}
#page-title-info .viv-container{ padding-left:15px; padding-right:15px;}
#page-title-bar h1, #page-title-bar h1 span, #post-title-bar h1{ font-size:40px;}
}

@media(max-width:767px){

.home-count .wp-block-cover p{ font-size:25px;}
.split-ban-design .callout-top{ -ms-flex: 0 0 46%; flex: 0 0 46%; max-width: 46%; padding-right:15px;}
#viv-content .split-ban-design .callout-top h2{ font-size:34px;}
.election-seal-img{ bottom:67px; left:-53px; width:48%;}
.split-ban-design .callout-list{ -ms-flex: 0 0 54%; flex: 0 0 54%; max-width: 54%;}
.callout-top, .upper-sub-head, .lower-sub-head, .viv-text .home-top .ban-callout ul li, .ban-callout ul li{ font-size:18px;}
.split-ban-design .lower-sub-head span{ font-size:16px;}
#page-title-bar h1, #page-title-bar h1 span, #post-title-bar h1{ font-size:35px;}
}

@media(max-width:568px){

.top-header-bar, .home .top-header-bar{ margin-bottom:10px;}
.big-cont .h-top-left{ max-width:320px;}
.home #logo{ margin-top:0;}
#logo:before, .home #logo:before{ left:12px; height:90px; top:3px; width:90px;}
#logo img, .home #logo img{ -ms-flex: 0 0 96px; flex: 0 0 96px; max-width: 96px;}
#logo-text{ font-size:19px;}
.home #logo img{ border:none;}
.home #logo-text{ padding:0 0 0 12px;}
#burger-menu{ top:29px;}
.home-count .eb-parent-wrapper .eb-cd-wrapper .eb-cd-inner{ margin:0 -2%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.home-count .eb-parent-wrapper .eb-cd-wrapper .eb-cd-inner .box{ margin:0 2%; -ms-flex: 0 0 46%; flex: 0 0 46%; max-width:46%; width:100%; flex-grow: 1;}
.home-count .wp-block-cover p{ font-size:20px;}
.ban-callout-in.split-ban-design{ display:block; padding:42px 15px 20px;}
.split-ban-design .callout-top{ max-width:100%; padding-right:0;}
.split-ban-design .callout-list{ max-width:50%; padding-top:0;}
.election-seal-img{ bottom:auto; left:auto; margin-top:-24%; right:0; top:50%; width:48%;}
}

@media(max-width:400px){

.top-header-bar ul li{ font-size:13px; margin-right:10px; padding-right:10px;}
.big-cont .h-top-left{ max-width:260px;}
#logo img, .home #logo img{ -ms-flex: 0 0 65px; flex: 0 0 65px; max-width: 65px;}
#logo:before, .home #logo:before{ height:60px; width:60px;}
#logo-text, .home #logo-text{ font-size:17px; padding-left:4px;}
#burger-menu{ top:10px;}
.home-count .wp-block-cover{ padding:140px 15px 233px;}
#page-title-bar{ height:255px;}
}