body {
	font-size: 16px;
	background: #002766;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Arial, sans-serif;
	font-weight: bold;
}

body,
p {
	font-family: Arial, sans-serif;
}

a {
	color: #000;
}

img {
	max-width: 100%;
	height: auto;
}

h1 {
	font-weight: bold;
	font-size: 32px;
	line-height: 42px;
}

h2 {
	font-size: 25px;
	margin-bottom: 20px;
}

h3 {
	font-size: 20px;
	margin-bottom: 20px;
}

.head {
    position: relative;
    padding: 15px 30px;
}

.head .container {
	position: relative;
	z-index: 2;
}

.head h1 {
	margin: 0;
	font-size: 24px;
	line-height: 1.2;
}

.mid {
	background: #fafafa;
	height: 770px;
}

.mid .col-md-4 {
	width: 33.33333%;
}

.mid .col-md-8 {
	width: 66.666666%;
}

.mid .block {
	background: #f0f0f0;
	height: 770px;
	align-self: center !important;
	align-items: center;
	justify-content: center;
	display: flex;
}

.mid .block img {
	max-height: 100%;
}

.ad-wrap:not([class*="iframe"]) {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ad-wrap:not([class*="iframe"])	img {
	max-height: 100%;
	margin: auto;
}

.mid .container {
	padding: 0;
}

.notes {
	padding: 30px;
}

.notes span {
	font-weight: bold;
}

[hover-tooltip] {
	position: relative;
	cursor: default;
	color: #666;
	font-size: 14px;
}

[hover-tooltip]:hover::before {
	content: attr(hover-tooltip);
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	position: absolute;
	display: block;
	left: 50%;
	min-width: 150px;
	max-width: 200px;
	bottom: calc(100% + 10px);
	transform: translate(-50%);
	animation: fade-in 300ms ease;
	background: #272727;
	border-radius: 4px;
	padding: 10px;
	color: #ffffff;
	z-index: 1;
}

[hover-tooltip]:hover::after {
	content: "";
	position: absolute;
	display: block;
	left: 50%;
	width: 0;
	height: 0;
	bottom: calc(100% + 6px);
	margin-left: -3px;
	border: 1px solid black;
	border-color: #272727 transparent transparent transparent;
	border-width: 4px 6px 0;
	animation: fade-in 300ms ease;
	z-index: 1;
}

.add-info span {
	color: #489FB5;
	font-weight: bold;
	display: block;
	padding-bottom: 10px;
}

.add-info p {
	color: #fff;
	font-size: 13px;
	line-height: 22px;
}

.container {
	width: 100%;
	max-width: 1050px;
	padding: 0 30px;
}

.site-logo {
	max-width: 305px;
	margin: 0 auto 150px;
}

.page {
	height: 1119px;
	max-width: 825px;
	margin: 0 auto;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.page.inner {
	padding: 0px 30px 20px;
	position: relative;
}

.page-header {
	padding: 30px;
	background: #efefef;
	margin: 0 -30px;
	font-size: 24px;
	position: relative;
}

.page-header .main-title {
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 12px;
    text-align: right;
    padding: 10px;
    transform: translateY(-50%);
}

.page-footer {
	position: absolute;
	bottom: 15px;
	left: 30px;
	width: calc(100% - 60px);
	border-top: 2px solid #ddd;
	font-size: 13px;
	padding-top: 15px;
	text-align: center;
}

.page-inner-content {
	margin: 30px 0;
}

.page-inner-content h4 {
	font-size: 20px;
	margin: 0 0 15px;
}

.page-inner-content p:not(.lead) {
	font-size: 13px;
	line-height: 25px;
}

.page-inner-content p.lead {
	font-size: 16px;
	line-height: 30px;
	color: #489FB5;
}

.page-inner-content p a {
	color: #c8543b !important;
	border-bottom: 1px solid;
	text-decoration: none;
}

b {
	font-weight: 600;
}

ol {
	margin: 0 0 0 20px;
	padding: 0;
}

ol li {
	font-size: 16px;
	line-height: 25px;
	margin: 0 0 5px;
}

ol li a {
	text-decoration: underline;
	color: #000;

}

ol li::marker {
	color: #000;
}

ol.small li {
	font-size: 14px;
	line-height: 21px;
}

.mt-100 {
	margin-top: 100px;
}

.thank-you {
	background: #1d1d1d;
}

.bttn {
	background: #000;
	color: #fff;
	text-decoration: none;
	padding: 15px;
	display: table;
	font-size: 14px;
	font-weight: 700;
	margin: 15px auto 0;
	border-radius: 3px;
}

.subhead {
	background: #c8543c;
	color: #fff;
	font-weight: bold;
	white-space: nowrap;
}

.subhead td:first-child {
	font-size: 12px;
}

.col {
	margin-bottom: 10px;
}

.ad_images .row .col {
	flex: inherit;
}

.ad_images .row {
    margin: 0 -15px;
    max-height: 920px;
    overflow: hidden;
}

.ad_images .row [class*="col-"] ,
.ad_images .row .col {
	padding: 0 15px;
	margin-bottom: 30px;
}

[class*="ad_size_Display"],
[class*="ad_size_300"] {
	width: 330px;
}

[class*="ad_size_120"] {
	width: 150px;
}

[class*="ad_size_728"],
[class*="ad_size_970"],
[class*="ad_size_468"],
[class*="ad_size_320_100"],
[class*="ad_size_320_50"],
[class*="ad_size_300_50"] {
	width: 100%;
}

[class*="ad_size_728"] {
	max-width: 758px;
}

[class*="ad_size_468"] {
	width: 498px;
}

[class*="ad_size_320_"] {
	width: 350px;;
}

[class*="ad_size_125"] {
	width: 155px;
}

[class*="ad_size_160"] {
	width: 190px;
}

[class*="ad_size_200"] {
	width: 230px;
}

[class*="ad_size_250"] {
	width: 280px;
}

[class*="ad_size_336"] {
	width: 366px;
}

[class*="ad_size_1080"] {
	width: 50%;
}

@media print {

	[hover-tooltip] {
		display: none;
	}

	body {
		background: #fff;
	}

}

.page.first .head > div {
	display: flex;
	align-items: center;
}

.page.first .head img {
	width: 55px;
	margin-right: 12px
}

.bg-black.text-white * {
	color: #fff;
}

.logos {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}

.logos > div {
	width: 33.3333%;
	padding: 0 10px;
	margin-bottom: 30px;
}

.logos > div span {
	border: 1px solid #ddd;
	padding: 15px;
	height: 90px;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
}

.logos > div img {
	max-height: 55px;
}

.logos > div {
  counter-increment: ol-counter;
}

.logos > div:before {
  content: "Logo " counter(ol-counter);
}

.ad_images .row {
	counter-reset: cb-counter;
}

.ad_images .row > div {
	counter-increment: cb-counter;
}

.ad_images .row > div:before {
    content: counter(cb-counter);
    margin: 0 0 15px;
    display: block;
}

.mid ol.small li {
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 5px;
}

.overview-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
	height: 770px;
    padding: 15px;
    flex-wrap: wrap;
    background: #fff;
}

.overview-inner > div {
	width: 100%;
}

.overview-inner > div:nth-child(1) {
	align-self: flex-start;
}

.overview-inner > div:nth-child(2) {
    align-self: center;
    height: 70%;
    padding: 20px 0;
    display: flex;
    align-items: center;
	justify-content: center;
}

.overview-inner > div:nth-child(2) img {
    max-height: 100%;
}

.overview-inner > div:nth-child(3) {
	align-self: flex-end;
}

.c_images > div {
	counter-reset: cb-counter;
	margin: 0 auto;
	flex-wrap: wrap;
}

.c_images > div > div {
	counter-increment: cb-counter;
	padding: 0 15px 30px 15px;
}

.c_images > div > div:before {
    content: counter(cb-counter);
    margin: 0 0 15px;
    display: block;
}

.c_images > div > div img {
	max-width: inherit;
}

.creative_isi_images img {
    max-height: 930px;
}

.overview-inner div img[width="200"] {
    max-height: 70px;
    width: auto;
    border-radius: 50%;
}

.overview-inner > div:nth-child(2) {
    min-width: 100%;
}

.overview-inner > div:nth-child(2) .ratio {
    max-width: 82%;
}

.c_images > div > div img {
    max-width: 100%;
    max-height: 350px;
}

.c_images > div > div {
    max-width: 380px;
}

.video-block {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    width: 100%;
}

.video-block video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.overview-inner .video-block {
    padding-bottom: 75%;
}

@media print {

.item-selector {
    display: none;
}

}

.fb-style {
    max-width: 400px;
    margin: auto;
    border-top: 1px solid #dedfe2;
}

.overview-inner .fb-style img[width="200"] {
    max-height: 60px;
    width: auto;
    border-radius: 50%;
}

.fb-style-head small {
	font-size: 15px;
}

.fb-style-head small em {
	display: block;
	font-size: 13px;
	font-style: normal;
	color: #70747c;
}

.fb-style-head > small {
	line-height: 20px;
	display: block;
}

.fb-style img.d-block {
    width: 100%;
    height: auto;
    max-height: 460px;
}

.fb-style .bg-gray {
	background: #f2f3f5;
}

.fb-style .bg-gray small{
	font-size: 16px;
}

.fb-style .bg-gray a {
    text-decoration: none;
}

.fb-style .bg-gray small a {
    color: #525356;
    font-size: 14px;
}

.cta-btn:hover,
.cta-btn {
    background: #e0e2e7;
    font-weight: bold;
    padding: 11px 16px;
    border-radius: 7px;
    font-size: 16px;
    position: relative;
    top: 2px;
	color: #000;
}

.ad-wrap {
	overflow: hidden;
}

.ad-wrap iframe {
	overflow: hidden;
}

.ad-wrap[class*="300-50"] {
	width: 302px;
	height: 52px;
}

.ad-wrap[class*="300-50"] iframe {
	width: 320px;
	height: 55px;
}

.ad-wrap[class*="300-600"] {
	width: 302px;
	height: 602px;
	transform: scale(0.75);
}

.ad-wrap[class*="300-600"] iframe {
	width: 315px;
	height: 615px;
}

.ad-wrap[class*="120-60"] {
	width: 122px;
	height: 62px;
}

.ad-wrap[class*="120-60"] iframe {
	width: 125px;
	height: 65px;
}

.ad-wrap[class*="120-600"] {
    width: 123px;
    height: 602px;
    transform: scale(0.7);
}

.ad-wrap[class*="120-600"] iframe {
	width: 135px;
	height: 615px;
}

.ad-wrap[class*="125-125"] {
	width: 127px;
	height: 127px;
}

.ad-wrap[class*="125-125"] iframe{
	width: 140px;
	height: 140px;
}

.ad-wrap[class*="160-600"] {
	width: 162px;
	height: 602px;
    transform: scale(0.7);
}

.ad-wrap[class*="160-600"] iframe {
	width: 175px;
	height: 615px;
}

.ad-wrap[class*="200-200"] {
	width: 202px;
	height: 202px;
}

.ad-wrap[class*="200-200"] iframe {
	width: 215px;
	height: 215px;
}

.ad-wrap[class*="250-250"] {
	width: 252px;
	height: 252px;
}

.ad-wrap[class*="250-250"] iframe {
	width: 265px;
	height: 265px;
}

.ad-wrap[class*="300-250"] {
	width: 302px;
	height: 252px;
}

.ad-wrap[class*="300-250"] iframe {
	width: 315px;
	height: 265px;
}

.ad-wrap[class*="320-50"] {
    width: 322px;
    height: 52px;
}

.ad-wrap[class*="320-50"] iframe {
	width: 335px;
	height: 65px;
}

.ad-wrap[class*="320-100"] {
	width: 322px;
	height: 102px;
}

.ad-wrap[class*="320-100"] iframe {
	width: 335px;
	height: 115px;
}

.ad-wrap[class*="336-280"] {
	width: 338px;
	height: 282px;
}

.ad-wrap[class*="336-280"] iframe {
	width: 351px;
	height: 295px;
}

.ad-wrap[class*="468-60"] {
	width: 470px;
	height: 62px;
}

.ad-wrap[class*="468-60"] iframe {
	width: 483px;
	height: 75px;
}

.ad-wrap[class*="728-90"] {
    width: 730px;
    height: 92px;
    transform: scale(1);
}

.ad-wrap[class*="728-90"] iframe {
	width: 100%;
	height: auto;
}

.ad-wrap[class*="970-90"] {
	width: 972px;
	height: 92px;
    transform: scale(1);
}

.ad-wrap[class*="970-90"] iframe {
	width: 100%;
	height: auto;
}

.ad-wrap[class*="970-250"] {
	width: 100%;
	height: 132px;
}

.ad-wrap[class*="970-250"] iframe {
	width: 100%;
	height: 132px;
}

.ad-wrap[class*="1080-1080"] {
	width: 100%;
	height: 100%;
    transform: scale(0.7);
}

.ad-wrap[class*="1080-1080"] iframe {
	width: 100%;
	height: 100%;
}

.ad-wrap[class*="1080-1920"] {
	width: 270px;
	height: 100%;
	transform: scale(0.9);
}

.ad-wrap[class*="1080-1920"] iframe {
	width: 100%;
	height: 100%;
}

.fb-style > div:nth-child(2).iframe-wrap {
	width: 100%;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.fb-style > div:nth-child(2) iframe  {
	height: 100%;
	width: 100%;
}

.overview-inner .fb-style .fb-style-head > div > small:first-child {
	min-width: 45px;
	min-height: 45px;
	max-width: 45px;
	max-height: 45px;
    width: auto;
    border-radius: 50%;
	overflow: hidden;
}

.overview-inner .fb-style .fb-style-head > div > small:first-child img {
	border-radius: 0px;
	width: 45px;
	height: 45px;
	min-width: 45px;
	min-height: 45px;
	max-width: 45px;
	max-height: 45px;
	object-fit: cover;
}

.fb-story {
	position: relative;
}

.fb-story .fb-style-head {
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 23%);
    width: 100%;
    padding: 20px 50px 16px 16px !important;
}

.fb-story .fb-style-head * {
	color: #fff;
}

.fb-story .fb-style-head em {
	opacity: 0.6;
}

.fb-story-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	height: 150px;
	display: flex;
	align-items: self-end;
}

.cta-btn {
	text-decoration: none;
}

.fb-story-bottom .cta-btn {
    background: #fff;
    margin: 30px auto 55px;
    display: table;
    padding: 7px 20px;
}

.fb-story-bottom small {
	background: rgb(0 0 0 / 77%);
	color: #fff;
	line-height: 1.2;
	display: block;
	max-width: calc(100% - 50px);
	margin: 0 auto;
	padding: 5px;
	border-radius: 5px;
	font-weight: 600;
	font-size: 13px;
}

.fb-story-bottom small a {
	color: #fff;
	font-weight: 400;
}


.fb-style.fb-story > div:nth-child(2) iframe {
    height: 712px;
    width: 100%;
}

.fb-style.fb-story > div:nth-child(2).iframe-wrap {
    height: auto;
}

.fb-style.fb-story img.d-block {
	max-height: 735px;
}

.creative_isi_images img {
    margin: 0 !important;
}

.fb-meta {
	padding: 15px 20px;
}

.fb-meta > div {
	border-top: 1px solid #dedfe2;
	display: flex;
	justify-content: space-between;
	padding: 7px 20px 0
}

.fb-meta > div > div {
	display: flex;
	align-items: center;
}

.fb-meta > div > div span {
	padding-left: 5px;
	font-size: 13px;
	font-weight: bold;
}

.fb-meta > div > div:first-child img {
	width: 33px;
}

.fb-meta > div > div:first-child span {
	padding: 0;
}

.fb-meta > div > div:nth-child(2) img {
	width: 27px;
}

.fb-meta > div > div:nth-child(2) span {
	padding-left: 2px;
}

.fb-meta > div > div:nth-child(3) img {
	width: 18px;
}

.fb-style {
    border: 1px solid #dedfe2;
}

.fb-style-head {
	padding-right: 50px !important;
	position: relative;
}

.fb-head-meta {
	position: absolute;
	top: 21px;
	right: 6px;
}

.fb-head-meta img {
	width: 20px;
}

.fb-head-meta img:first-child {
	width: 14px;
	position: relative;
	right: 10px;
}

.fb-story .fb-head-meta img:first-child {
	right: -15px;
}

.fb-story .fb-head-meta img:nth-child(2) {
	position: relative;
	right: 42px;
	transform: rotate(90deg);
}

.fb-story .progress_bar {
    background: rgb(255 255 255 / 45%);
    width: calc(100% - 20px);
    height: 2px;
    position: absolute;
    top: 7px;
    left: 10px;
}

.fb-story .progress_bar:before {
	content: "";
    background: #fff;
    width: 150px;
    height: 2px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.fb-style.fb-story > div:nth-child(2) video {
    max-height: 712px;
    width: 100%;
    position: relative;
    object-fit: cover;
    object-position: center center;
    height: 100%;
}

.fb-style.fb-story .video-block {
	padding: 0 !important;
    height: 735px;
	display: flex;
	align-items: center;
	background: #000000de;
}

.fb-style.fb-story .video-block video {
	height: auto !important;
}

.fb-story .fb-style-head {
	z-index: 22;
}

.overview-inner .fb-style:not(.fb-story) .video-block {
	padding-bottom: 100%;
}

.fb-story-bottom > div {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

.fb-style-head > small span a {
	color: #0d6efd;
}

.duplicate-variable {
	height: 0;
	visibility: hidden;
	margin: 0 !important;
}

.creative_isi_images .row {
	counter-reset: cb-counter;
}

.creative_isi_images .row > div {
	counter-increment: cb-counter;
}

.creative_isi_images .row > div:before {
    content: counter(cb-counter);
    margin: 0 0 15px;
    display: block;
}

.creative_isi_images .row [class*="col-"], .ad_images .row .col {
    padding: 0 15px;
    margin-bottom: 30px;
}

.creative_isi_images .row .col {
    flex: inherit;
}

.creative_isi_images [class*="col"] {
    width: 330px;
}

li {
	word-wrap:break-word;
}

li {
	position: relative;
	display: table;
	margin-bottom: 10px !important;
}

li span.custom-tooltip {
	color: red;
	border: 1px solid red;
	position: relative;
	white-space: nowrap;
	padding: 4px 5px;
	line-height: 1;
	top: 0px;
	margin-left: 12px;
}

li span.custom-tooltip:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 7px 7px 7px 0;
	border-color: transparent red;
	display: block;
	width: 0;
	z-index: 1;
	left: -7px;
	top: 50%;
	transform: translateY(-50%);
}

li span.custom-tooltip:before{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 6px 6px 6px 0;
	border-color: transparent white;
	display: block;
	width: 0;
	z-index: 2;
	left: -6px;
	top: 50%;
	transform: translateY(-50%);
}
