/*--------------------------------------------------------------
=== FONTS ===
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i&display=swap');
/*
light     300
regular   400
medium    500
semi-bold 600
bold      700
*/
@import "FontAwesome.css";

/*--------------------------------------------------------------
=== GLOBAL RESET ===
--------------------------------------------------------------*/

* { margin:0; padding:0; box-sizing:border-box;}
.clearfix, .container, .container-fluid, .row { zoom:1;}
.clearfix:after, .container:after, .container-fluidher:after, .row:after { content:" "; display:table; clear:both;}
header, footer, section, nav, article, aside, details, figcaption, figure, hgroup, main, menu, summary { display:block;}
button { cursor:pointer;}
:focus { outline:none;}
button::-moz-focus-inner { border: 0;}


/*--------------------------------------------------------------
=== GRID - 12cols ===
col-xs	[] <= 768px
col-md	[] >= 769px
--------------------------------------------------------------*/
@media (min-width:769px) {
  .col-md-12 { width:100%;}
  .col-md-11 { width:91.66666667%;}
  .col-md-10 { width:83.33333333%;}
  .col-md-9 { width:75%;}
  .col-md-8 { width:66.66666667%;}
  .col-md-7 { width:58.33333333%;}
  .col-md-6 { width:50%;}
  .col-md-5 { width:41.66666667%;}
  .col-md-4 { width:33.33333333%;}
  .col-md-3 { width:25%;}
  .col-md-2 { width:16.66666667%;}
  .col-md-1 { width:8.33333333%;}

  .md-offset-left-1 { margin-left:8.33333333%;}
  .md-offset-left-2 { margin-left:16.66666667%;}
  .md-offset-left-3 { margin-left:25%;}
  .md-offset-left-4 { margin-left:33.33333333%;}
  .md-offset-left-5 { margin-left:41.66666667%;}
  .md-offset-left-6 { margin-left:50%;}
  .md-offset-left-7 { margin-left:58.33333333%;}
  .md-offset-left-8 { margin-left:66.66666667%;}
  .md-offset-left-9 { margin-left:75%;}
  .md-offset-right-1 { margin-right:8.33333333%;}
  .md-offset-right-2 { margin-right:16.66666667%;}
  .md-offset-right-3 { margin-right:25%;}
  .md-offset-right-4 { margin-right:33.33333333%;}
  .md-offset-right-5 { margin-right:41.66666667%;}
  .md-offset-right-6 { margin-right:50%;}
  .md-offset-right-7 { margin-right:58.33333333%;}
  .md-offset-right-8 { margin-right:66.66666667%;}
  .md-offset-right-9 { margin-right:75%;}
}
@media (max-width:768px) {
  .col-xs-12 { width:100%;}
  .col-xs-11 { width:91.66666667%;}
  .col-xs-10 { width:83.33333333%;}
  .col-xs-9 { width:75%;}
  .col-xs-8 { width:66.66666667%;}
  .col-xs-7 { width:58.33333333%;}
  .col-xs-6 { width:50%;}
  .col-xs-5 { width:41.66666667%;}
  .col-xs-4 { width:33.33333333%;}
  .col-xs-3 { width:25%;}
  .col-xs-2 { width:16.66666667%;}
  .col-xs-1 { width:8.33333333%;}

  .xs-offset-left-1 { margin-left:8.33333333%;}
  .xs-offset-left-2 { margin-left:16.66666667%;}
  .xs-offset-left-3 { margin-left:25%;}
  .xs-offset-left-4 { margin-left:33.33333333%;}
  .xs-offset-left-5 { margin-left:41.66666667%;}
  .xs-offset-left-6 { margin-left:50%;}
  .xs-offset-left-7 { margin-left:58.33333333%;}
  .xs-offset-left-8 { margin-left:66.66666667%;}
  .xs-offset-left-9 { margin-left:75%;}
  .xs-offset-right-1 { margin-right:8.33333333%;}
  .xs-offset-right-2 { margin-right:16.66666667%;}
  .xs-offset-right-3 { margin-right:25%;}
  .xs-offset-right-4 { margin-right:33.33333333%;}
  .xs-offset-right-5 { margin-right:41.66666667%;}
  .xs-offset-right-6 { margin-right:50%;}
  .xs-offset-right-7 { margin-right:58.33333333%;}
  .xs-offset-right-8 { margin-right:66.66666667%;}
  .xs-offset-right-9 { margin-right:75%;}
}


/*--------------------------------------------------------------
=== LAYOUT ===
--------------------------------------------------------------*/
.container { margin-left:auto; margin-right:auto; width: 100%; max-width: 1200px;}
.flex-container { display: flex;}
.flex-container:after { display: none;}

.pull-left { float:left;}
.pull-right { float:right;}
.center { margin:0 auto;}
img, table { border:0;}
img { display:block; max-width:100%; height:auto;}
.table-fluid { width:100%;}
ul { list-style:none;}
#page ul li, .headerHidden ul li, .headerVisible ul li { position: relative; margin-top: 1.2rem; padding-left: 17px;}
#page ul li:before, #isi ul li:before, .headerHidden ul li:before, .headerVisible ul li:before { content: ""; position: absolute; left: 0; top: .7em; width: 4px; height: 4px; border-radius: 100%; background: #4d4d4d;}
.headerHidden ul li {margin-bottom:14px;}
ol li { margin-left:24px;}
#page p:not(:last-child), #page ul, #page ol { margin-bottom: 2rem;}


@media (min-width:769px) {
  .container { padding-left: 18px; padding-right: 18px;}

  .space-top { margin-top: 2rem;}
 /* .space-bot { margin-bottom: 2rem;}*/
  .space-top-llg { margin-top: 5rem;}
  .space-bot-llg { margin-bottom: 5rem;}
  .space-top-lg { margin-top: 3rem;}
  .space-bot-lg { margin-bottom: 3rem;}
  .space-top-sm { margin-top: .5rem;}
  .space-bot-sm { margin-bottom: .5rem;}

  .md-space-left { padding-left: 36px;}
  .md-space-right { padding-right: 36px;}

  .md-pull-left { float:left;}
  .md-pull-right { float:right;}

  .xs-visible { display: none!important;}
  .md-visible { display: block!important;}
  .md-hidden { display: none!important;}
}
@media (max-width:768px) {
  .container { padding-left: 18px; padding-right: 18px;}
  .xs-column { flex-direction: column;}

  .space-top { margin-top: 1.5rem;}
 /* .space-bot { margin-bottom: 1.5rem;}*/

  .xs-no-space-left { margin-left: 0;}
  .xs-no-space-right { margin-right: 0;}

  .xs-visible { display: block!important;}
  .xs-hidden { display: none!important;}
  .md-visible { display: none!important;}
  .xs-no-pull { float: none!important;}
  .space-bot-lg { margin-bottom: 2rem;}
    .space-bot-llg { margin-bottom: 2rem;}
}


/*--------------------------------------------------------------
=== PRINT ===
--------------------------------------------------------------*/
@media print {
  .hidden-print { display:none!important;}
}


/*--------------------------------------------------------------
=== TYPOGRAPHY & COLORS ===
--------------------------------------------------------------*/
html { font-size: 10px; background: #fff;}
body, td, th, input, select, textarea, button { font:400 1.9rem/1.52em 'Montserrat', Arial, Helvetica, sans-serif; color:#4d4d4d;}
@media (max-width: 768px) {
  body, td, th, input, select, textarea, button { font-size: 1.2rem; line-height: 1.4em;}
}

.text-left { text-align:left;}
.text-right { text-align:right;}
.text-center { text-align:center;}
.text-center img { margin-left: auto; margin-right: auto;}
.text-justify { text-align:justify;}
.text-nowrap { white-space:nowrap;}
.text-lowercase { text-transform:lowercase;}
.text-uppercase { text-transform:uppercase;}
.text-capitalize { text-transform:capitalize;}

h1, .h1, .section-head {}
h2, .h2 { line-height: 1.25; font-weight: 500;}
h3, .h3 {}
h4, .h4 { margin-bottom: 1.4rem; font-size: 1.5rem; text-transform: uppercase; color: #ef8903;}
@media (min-width: 769px) {
  h2, .h2 { font-size: 3.7rem;}
}
@media (max-width: 768px) {
  h2, .h2 { font-size: 2.2rem;}
}

a { color: #ef8903; text-decoration: none; transition: .25s ease-in-out;}
a:hover { color: #CC6600;}
sup, sub { position:relative; font-size:.7em; vertical-align:baseline;}
sup { top:-.5em;}
sub { bottom:-.25em;}
small, .text-small { font-size:.8947em;}
strong, b, .text-bold { font-weight: 700;}
big, .text-big { font-size: 1.33em; line-height: 1.25em;}

.text-purple { color: #642c85;}
.text-white { color: #fff;}
.text-blue {color:#62b0e4;}
.text-orange {color:#ef8903;}
.text-grey { color: #4d4d4d;}
.text-blue-aytu { color: #316094;}

.bg-purple { color: #fff; background: #642c85;}
.bg-purpleLight { background: #8a5aa4;}
.bg-purple a, .bg-blue a { color: #fff;}
.bg-blue { color: #fff; background: #62b0e4;}
.bg-blueLight { background: #cbe8fc;}
.bg-greyLight { background: #e2e2e2;}
.bg-orange {background: #ef8903;}

/*--------------------------------------------------------------
=== HEADER ===
--------------------------------------------------------------*/
header { z-index: 100; position: relative;}


/*--------------------------------------------------------------
=== NAVIGATION ===
--------------------------------------------------------------*/
#nav {z-index: 99; position: relative;}
#nav .container { position: relative;}
.top-nav { display: flex;}
.top-nav a { display: block; padding: 8px 10px; font-size: 1.3rem; line-height: 1.2; color: #fff; text-align: center;}
#nav .line-1 .col-2 .top-nav a { font-weight: 300;}
#nav .line-1 .col-2 .top-nav .active a { font-weight: 400; background: #ef8903;}
.main-nav { display: flex;}
.main-nav > li { position: relative;}
.main-nav > li > a { padding: 16px 13px; font-size: 1.6rem; line-height: 1.2; font-weight: 500; color: #fff;}
.main-nav ul a { padding: 7px 13px; font-size: 1.5rem; line-height: 1.2;}
.main-nav ul li:hover a { color: #fff; background: #fda633;}

.nav-control { z-index: 100; position:absolute; right: 0; padding: 20px; width: 75px; height: 66px; cursor:pointer;
  transform: rotate(0deg); transition: .5s ease-in-out;
}
.nav-control > span { position: absolute; left: 20px; display:block; width: 30px; height:3px; border-radius: 4px; background:#62b0e4;
  transform: rotate(0deg); transition: .25s ease-in-out;
}
.nav-control span:nth-child(1) { top: 20px;}
.nav-control span:nth-child(2),
.nav-control span:nth-child(3) { top: 30px;}
.nav-control span:nth-child(4) { top: 40px;}
.nav-open .nav-control { width: 75px; background: #fff;}
.nav-open .nav-control span { height: 2px; width: 30px;}
.nav-open .nav-control span:nth-child(1) { top: 21px; width: 0%; left: 50%;}
.nav-open .nav-control span:nth-child(2) { transform: rotate(45deg);}
.nav-open .nav-control span:nth-child(3) { transform: rotate(-45deg);}
.nav-open .nav-control span:nth-child(4) { top: 18px; width: 0%; left: 50%;}

@media (min-width: 769px) {
  .nav-control { display: none;}
  #nav .line-1 .col-2 { flex-grow: 1; display: flex; justify-content: flex-end;}
  #nav .line-2 .container { justify-content: flex-end;}
  .main-nav a { display: block;}
  .main-nav ul { position: absolute; display: none; padding: 7px 0; width: 100%; background: #eee; min-width:164px;}
  .main-nav > li:hover ul { display: block;}
  .main-nav ul a { color: #ef8903;}
  .main-nav > li:hover > a { background: #62b0e4;}
}
@media (max-width: 768px) {
  #nav .line-2 { display: none; z-index: 10; position: absolute; left: 0; right: 0; margin-top: 82px; background: #fff;}
  .nav-open #nav .line-2 { display: block;}
  .main-nav { width: 100%; flex-direction: column;}
  #nav .line-1 { text-align: center;}
  #nav .line-1 .col-2 { background: #ef8903;}
  #nav .line-1 .col-2 li { display: flex; align-items: center;}
  #nav .line-1 .col-2 li:first-child { white-space: nowrap;}
  #nav .line-1 .container { flex-direction: column-reverse; padding: 0;}
  #nav .line-2 { padding-top: 10px;}
  #nav .line-2 .container { flex-direction: column; justify-content: flex-start; padding: 0;}
  .top-nav a, .main-nav a { display: block; font-size: 1rem;}
  .main-nav > li > a { font-size: 1.6rem; color: #ef8903;}
  .main-nav { padding-left: 20px;}
  .main-nav ul a { padding-left: 34px; font-size: 1.6rem; color: #ef8903;}
  .main-nav.add-nav { margin-top: 10px; padding-top: 10px; padding-bottom: 10px;}
}


/*--------------------------------------------------------------
=== FOOTER ===
--------------------------------------------------------------*/
footer .container { justify-content: space-between;}
footer .col { display: flex; flex-direction: column;}
footer .col-2, footer .col-3 { padding-top: 38px;}
footer .logo-container { margin-bottom: 40px; max-width: 200px;}
@media (min-width:769px) {
  footer { padding: 45px 0; font-size: 1.4rem; line-height: 1.714;}
  footer .col-1 { padding-right: 30px; width: 24%;}
  footer .col-3 { flex: 1 0; text-align: right;}
}
@media (max-width:768px) {
  footer { padding: 20px 0 22px; font-size: 1rem; line-height: 1.714;}
  footer .container { flex-wrap: wrap; justify-content: space-between;}
  footer .col-1 { width: 50%;}
  footer .col-2 { padding-top: 15px; width: 50%;}
  footer .col-3 { padding-top: 20px; width: 100%; flex-basis: 100%; text-align: center;}
  footer .logo-container { margin-bottom: 17px; max-width: 82px;}
  .footer-nav li { margin-bottom: 4px;}
}


/*--------------------------------------------------------------
=== BUTTONS ===
--------------------------------------------------------------*/
.btn { display: inline-block; cursor: pointer; border: 0;}
.btn-default { padding: 12px 18px; display: flex; justify-content: center; align-items: center; text-align: center; min-width: 160px; min-height: 42px; font-size: 17px; line-height: 1.2; font-weight: 700; color: #fff; background: #62b0e4;}
.btn-default:hover { color: #fff; background: #4ea0d7;}
.btn-default.btn-orange { background: #ef8903;}
.btn-default.btn-orange:hover { background: #e48100;}
.btn-primary { padding: 12px 18px; display: flex; justify-content: center; align-items: center; text-align: center; min-width: 160px; min-height: 42px; font-size: 1.6rem; line-height: 1.2; font-weight: 700; color: #fff; border: 2px solid #fff; background: none;}
.btn-primary:hover { color: #fff; background: #4ea0d7;}
.btn-primary.btn-white, .btn-default.btn-white { color: #62b0e4; border: 2px solid #fff; background: #fff;}
.btn-primary.btn-white:hover, .btn-default.btn-white:hover { color: #fff; background: none;}
.btn-link { font-size: 1.6rem; background: none;}
@media (max-width:768px) {
  .btn-default, .btn-primary { padding: 6px 12px; font-size: 1.2rem; min-height: 35px;}
}


/*--------------------------------------------------------------
=== BLOCKs ===
--------------------------------------------------------------*/

/* -- hero -- */
.hero { position: relative;}
.home-hero-wrapper { background: url("../img/bg-hero.jpg") center no-repeat #e1e5e7; background-size: cover;}
.hero-img-container { margin: 0 auto; display: flex; align-items: center; width: 100%; max-width: 1240px;}
.hero-img-container .img-1 { width: 43%; height: 55.77%; background: url("/wp-content/uploads/2020/05/hero-text2-1.png") left center no-repeat; background-size: contain;}
/*.hero-img-container .img-1 { width: 43%; height: 55.77%; background-size: contain;}*/
.hero-text .text { font-weight: 600; font-size: 2rem;}
@media (max-width: 1220px) {
  .hero-img-container { padding-left: 10px; padding-right: 10px;}
}
@media (min-width: 769px) {
  .hero-img-container { padding-top: 50px; height: 549px;}
  .hero-img-container .img-1 {}
}
@media (max-width: 768px) {
  .hero {margin-top:75px!important;}
  .hero-img-container { padding-top: 65px; padding-bottom: 8px; height: 40vw;}
  .hero-img-container .img-1 { height: 65%;}
  .hero-text .text { font-size: 1.4rem;}
  .hero-text.type-2 { margin-top: 2rem; margin-bottom: 3rem;}
  .hero .hero-img { float: none; max-width: none; width: 180%; max-height: none; margin-left: -76%;}
  .hero-text .title { margin-bottom: 4px; font-size: 2.4rem; line-height: 1.25;}
  .top-line .text { font-size: 9px; line-height: 1.4;}
  .top-line .text br { display: none;}
}
@media (max-width: 640px) {
  .hero-img-container { padding-top: 0; padding-bottom: 20px; align-items: flex-end;}
  .hero-img-container .img-1 { width: 48%; height: 75%;}
}


/* -- hero for a not-front -- */
.hero-text.type-1 { padding-top: 8px; padding-bottom: 8px; text-align: center;}
.hero-text .title { font-weight: 600;}
.hero-text .btn-line { display: flex; margin-top: 2rem;}
.hero-text .text { font-weight: 600; font-size: 1.9rem; line-height: 1.5;}
@media (min-width: 769px) {
  .hero-text.type-2 { position: absolute; left: 0; right: 0; top:50%; transform: translateY(-50%); margin-top: 40px;}
  .hero-text .inner { max-width: 44%;}
  .hero-text .title { margin-bottom: 3rem; font-size: 3.8rem; line-height: 1.25;}
}
@media (min-width: 769px) and (max-width: 900px) {
  .hero-text .inner { max-width: 51%;}
}
@media (max-width: 768px) {
  .not-front .hero { overflow: hidden;}
  .not-front .hero-text.type-2 { display: block; position: absolute; left: 0; right: 0; top:50%; transform: translateY(-50%); margin-top: 60px;}
  .not-front .hero-text.type-2 .inner { width: 55%;}
  .not-front .hero-text.type-2 .title { margin-bottom: .5rem; font-size: 1.8rem;}
  .not-front .hero-text.type-2 .text { font-size: 1.2rem;}
}
@media (max-width: 479px) {
  .not-front .hero .hero-img { margin-left: -30%; width: 150%; max-width: none;}
  .not-front .hero-text.type-2 br { display: none;}
}



/* -- coupon -- */
.aytucoupon-section { padding-top: 30px; padding-bottom: 34px; font-weight: 500;}
.aytucoupon-section .head { margin-bottom: 8px; font-size: 3.6rem; line-height: 1.2;}
.aytucoupon-section .circle-row { align-items: center; margin-bottom: 30px;  margin-top: 30px;}
.circle-row .ico-col img {min-width:153px;padding-right:20px;}
.coupon-iframe {max-width:100%; border:20px white solid;box-shadow: 0 0 20px rgb(116 133 143 / 32%), 0 0 10px rgb(116 133 143 / 32%);}

@media (min-width: 1025px) {
.aytucoupon-section .col1 {float:left;max-width:65%;padding: 5% 5% 5% 0;}
.aytucoupon-section .container { padding-left: 0px; padding-right: 0px;}
}

/* -- section-standard -- */
@media (min-width: 769px) {
  .section-standard { padding-top: 64px; padding-bottom: 64px;}
}
@media (max-width: 768px) {
  .section-standard { padding-top: 34px; padding-bottom: 34px;}
}

/* -- section-1 -- */
.section-1 .container .container { padding: 0;}
.section-1 .pic-col, .section-1 .text-col { display: flex; flex-direction: column; justify-content: center;}
.section-1 .info-line { font-size: 1.5rem; line-height: 1.6; font-style: italic;}
@media (min-width: 769px) {
  .section-1 { padding-top: 60px; padding-bottom: 60px;}
  .container .section-1 { padding-top: 22px; padding-bottom: 22px;}
  .section-1 .text-col { align-items: flex-start;}
  .section-1 .pic-col { align-items: center;}
}
@media (max-width: 768px) {
  .section-1 { padding-top: 30px; padding-bottom: 30px; text-align: center;}
  .container .section-1 { padding-top: 32px; padding-bottom: 22px;}
  .section-1 .pic-col, .section-1 .text-col { align-items: center;}
  .section-1 .text-col:first-child { margin-top: 1.5rem;}
  .section-1 .pic-col:first-child { margin-bottom: 1.5rem;}
  .section-1 .pic-col img { max-height: 160px;}
  .section-1 .pic-col:last-child { order: -1;}
}

/* -- how -- */
.section-1.how .pic-col { margin-left: -18px; margin-right: -18px;}
.section-1.how .pic-col img { max-height: none;}
@media (max-width: 768px) {
  .section-1.how .pic-col { margin: 0 auto 16px; max-width: 220px;}
}


/* -- banner-section -- */
.banner-section.has-bg { background-position: center; background-size: cover; background-repeat: no-repeat;}
.banner-section.has-bg .container { flex-direction: column; justify-content: center; align-items: center; text-align: center;}
@media (min-width: 769px) {
  .banner-section.has-bg .container { min-height: 480px;}
}
@media (max-width: 768px) {
  .banner-section.has-bg .container { min-height: 220px;}
}

/* -- stats -- */
.stats .item { display: flex; flex-direction: column; align-items: center; text-align: center;}
.stats .item .ico-container img { margin: 0 auto;}
.stats .item .title { font-size: 2.7rem; line-height: normal; font-weight: 700;}
.stats .item .text { font-size: 1.7rem; line-height: 1.588;}
.stats .item .btn-line { margin-top: 18px; display: flex; justify-content: center;}
@media (min-width: 769px) {
  .stats { padding-top: 53px; padding-bottom: 60px;}
  .stats .item { padding: 0 28px;}
  .stats .item .text-container { margin-top: 36px;}
}
@media (max-width: 768px) {
  .stats { padding-top: 33px; padding-bottom: 30px;}
  .stats .item { margin-bottom: 18px;}
  .stats .item .text-container { margin-top: 18px;}
}

/* Approximately  */
@media (min-width: 769px) {
  .approximately { padding-top: 54px; padding-bottom: 54px;}
  .approximately .ico-container  { flex-grow: 0; flex-basis: 212px; margin: 0 8% 0 2%;}
  .approximately .text-container { flex: 1 0;}
  .approximately .text-container .title { margin-bottom: 8px; font-size: 2.9rem; line-height: 1.3;}
  .approximately .text-container .text { font-size: 1.7rem; line-height: 1.8;}
}
@media (max-width: 768px) {
  .approximately { padding-top: 24px; padding-bottom: 24px;}
  .approximately .ico-container { margin: 0 auto 14px; max-width: 180px;}
  .approximately .text-container .title { margin-bottom: 8px; font-size: 2rem; line-height: 1.3;}
  .approximately .text-container .text { font-size: 1.4rem; line-height: 1.8;}
}

/* -- more-about -- */
.more-about .container { justify-content: center; align-items: center; text-align: center;}
.more-about .btn-line { display: flex; justify-content: center; align-items: center;}
.more-about .text { font-weight: 500;}
@media (min-width: 769px) {
  .more-about { padding-top: 64px; padding-bottom: 64px;}
  .more-about .text { font-size: 3.2rem; line-height: 1.1;}
}
@media (max-width: 768px) {
  .more-about { padding-top: 34px; padding-bottom: 34px;}
  .more-about .text { font-size: 2.2rem; line-height: 1.1;}
}

/* -- isi-bar -- */
.isi-bar { z-index: 98; position: absolute; left: 0; right: 0; padding-top: 18px; padding-bottom: 0px; font-size: 1.5rem; line-height: 1.4; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2);}
.isi-bar p:not(:last-child), .isi-bar ul, .isi-bar ol, .isi-bar h4, .isi-bar .h4,
#page .isi-bar p:not(:last-child), #page .isi-bar ul, #page ol, #page .isi-bar h4, #page .isi-bar .h4 { margin-bottom: 1rem;}
.isi-bar .container { position: relative; margin-top:115px;}
.isi-bar .control { position: absolute; right: 4px; top: 0; width: 24px; height: 24px; cursor: pointer;}
.isi-bar .control:before, .isi-bar .control:after { content: ""; position: absolute; border-radius: 4px; background: #29abe1;}
.isi-bar .control:before { left: 0; top: 10px; width: 24px; height: 4px;}
.isi-bar .control:after { left: 10px; top: 0; width: 4px; height:  24px;}


/* // -----------------------------
 --- // --- PART #2 --- // ---
--------------------------------- */
p:last-child, ul:last-child, ol:last-child { margin-bottom: 0!important;}
#page .space-small  p:not(:last-child), #page .space-small ul:not(:last-child) { margin-bottom: 1.4rem;}
#page .space-small ul li { margin-top: .1rem;}

.bg-greyLight-2 { background: #eee;}

.main-nav ul > li.active > a { font-weight: 500;}

.bg-boke-right { background-image: url("../img/bg-boke.png"); background-position: right center; background-repeat: no-repeat; background-size: auto 100%;}
#page .text-white ul li:before { background: #fff;}
.nowrap { white-space: nowrap;}

h1, .h1 { line-height: 1.25; font-weight: 500;}
h3, .h3 { margin-bottom: 1rem; font-weight: 500; color: #642c85;}
h3, .h3 { color: #ef8903;}
.faqs-section h3, .faqs-section .h3 { font-weight: 700;}
@media (min-width: 769px) {
  h1, .h1 { margin-bottom: 2rem; font-size: 3.7rem;}
  h3, .h3 { font-size: 2.2rem; line-height: 1.2;}
  .faqs-section h3, .faqs-section .h3 { font-size: 1.9rem;}
  .text-normal { font-size: 1.7rem;  line-height: 1.588;}
  .section-standard-2 { padding-top: 36px; padding-bottom: 16px;}
  h3.twoways {font-size:19px;}
}
@media (max-width: 768px) {
  #page ul li { margin-top: .5rem;}
  #page p:not(:last-child), #page ul, #page ol { margin-bottom: 1.5rem;}
  h1, .h1 { margin-bottom: 1.5rem; font-size: 2.2rem;}
  h3, .h3 { font-size: 1.7rem; line-height: 1.2;}
.text-normal { font-size: 1.1em; line-height: 1.4em;}
  .section-standard-2 { padding-top: 20px; padding-bottom: 20px;}
}



/* -- main-content -- */
@media (min-width: 769px) {
  .main-content { padding-top: 40px; padding-bottom: 40px;}
  .main-content .text-container { flex: 1 0; padding-right: 94px;}
  .main-content .ico-container { flex-grow: 0; padding-top: .4em; width: 134px; flex-basis: 134px;}
}
@media (max-width: 768px) {
  .main-content { padding-top: 18px; padding-bottom: 40px;}
  .main-content .container { flex-direction: column-reverse;}
  .main-content .text-container { text-align: center;}
  .main-content .text-container ul { text-align: left;}
  .main-content .ico-container img { margin: 0 auto 10px; width: 60px;}
}


/* -- border- -- */
.border-container { border: 2px solid #ef8903;}
@media (min-width: 769px) {
  .border-container { padding: 38px 55px 46px;}
}
@media (max-width: 768px) {
  .border-container { padding: 18px 16px 18px;}
}


/* -- point-container -- */
.point-container { align-items: center;}
.point-container:not(:last-child) { margin-bottom: 2rem;}
.point { margin-bottom: 1.5rem; align-items: center; font-weight: 500; color: #ef8903;}
.point .ico-col { flex-grow: 0; padding-right: 18px;}
.point .ico { display: block; width: 8px; height: 8px; font-size: 0; line-height: 0; overflow: hidden; border-radius: 100%; background: #ef8903;}
@media (min-width: 769px) {
  .point .text-col { font-size: 2.2rem; line-height: 1.1;}
  
}
@media (max-width: 768px) {
  .point .text-col { font-size: 1.8rem; line-height: 1.1;}
  
}

/* -- question answer -- */
.question { margin-bottom: 1.4rem; font-weight: 700; text-transform: uppercase;}


/* -- item-1 -- */
.item-1 { padding: 10px 0 11px;}


/* // -----------------------------
 --- // --- PART #3 --- // ---
--------------------------------- */
.flex-container.text-center { justify-content: center; align-items: center;}
.flex-wrap { flex-wrap: wrap;}
.max-w-920 { margin-left: auto; margin-right: auto; max-width: 920px;}

.text-medium { font-weight: 500;}
.text-semiBold, h1.text-semiBold, .h1.text-semiBold{ font-weight: 600;}
h3.type-2, .h3.type-2, h3.text-bold, .h3.text-bold { font-weight: 700;}
.section-head-2 { font-weight: 700; text-transform: uppercase;}
.section-head-3 { font-weight: 700; color: #ef8903;}
.head-sm { font-weight: 700; text-transform: uppercase;}
.section-main-text { font-size: 1.8rem; line-height: 1.5;}
.text-info { font-size: 1.4rem; line-height: 1.17;}

@media (min-width: 769px) {
  h3.type-2, .h3.type-2 { font-size: 2rem;}
  h1.space-top-llg, .h1.space-top-llg { margin-top: 5rem;}
  h1.space-bot-llg, .h1.space-bot-llg { margin-bottom: 5rem;}
  .section-head-2, .section-head-3  { font-size: 2.5rem; line-height: 1.2;}
  .section-head-4 { font-size: 3.2rem; line-height: 1.2;}
  .title-normal { font-size: 1.9rem;}

  .md-space-top, .space-top { margin-top: 2rem;}
  .md-space-bot, .space-bot { margin-bottom: 2rem;}
  .md-space-top-lllg, .space-top-lllg { margin-top: 7.5rem;}
  .md-space-bot-lllg, .space-bot-lllg { margin-bottom: 7.55rem;}
  .md-space-top-llg, .space-top-llg { margin-top: 5rem;}
  .md-space-bot-llg, .space-bot-llg { margin-bottom: 5rem;}
  .md-space-top-lg, .space-top-lg { margin-top: 3rem;}
  .md-space-bot-lg, .space-bot-lg { margin-bottom: 3rem;}
  .md-space-top-sm, .space-top-sm { margin-top: .5rem;}
  .md-space-bot-sm, .space-bot-sm { margin-bottom: .5rem;}
}
@media (max-width: 768px) {
  .content-pic { margin-left: auto; margin-right: auto; max-width: 460px;}

  h3.type-2, .h3.type-2 { font-size: 1.6rem;}
  h1.space-top-llg, .h1.space-top-llg { margin-top: 4rem;}
  h1.space-bot-llg, .h1.space-bot-llg { margin-bottom: 4rem;}
  .section-head-2, .section-head-3  { font-size: 1.8rem; line-height: 1.2;}
  .section-head-4 { font-size: 2.2rem; line-height: 1.2;}
  .title-normal { font-size: 1.5rem;}

  .text-small, .text-info { font-size: 1.1em;}
  .section-main-text { font-size: 1.5rem;}

  .xs-space-top, .space-top { margin-top: 1.5rem;}
  .xs-space-bot, .space-bot { margin-bottom: 1.5rem;}
  .xs-space-top-lllg, .space-top-lllg { margin-top: 5rem;}
  .xs-space-bot-lllg, .space-bot-lllg { margin-bottom: 5rem;}
  .xs-space-top-llg, .space-top-llg { margin-top: 4rem;}
  .xs-space-bot-llg, .space-bot-llg { margin-bottom: 4rem;}
  .xs-space-top-lg, .space-top-lg { margin-top: 1.8rem;}
  .xs-space-bot-lg, .space-bot-lg { margin-bottom: 1.8rem;}
  .xs-space-top-sm, .space-top-sm { margin-top: .5rem;}
  .xs-space-bot-sm, .space-bot-sm { margin-bottom: .5rem;}
}


.has-bg-cover { background-position: center; background-size: cover; background-repeat: no-repeat;}
.bg-purple-2 { background-color: #8a5aa4;}
.bg-white { background-color: #fff;}
.text-blue { color: #62b0e4;}

.btn-line { display: flex; width: 100%;}
.btn-line.text-center, .flex-container.text-center { justify-content: center;}
.btn-info { padding: 12px 18px; display: flex; justify-content: center; align-items: center; text-align: center; min-width: 160px; min-height: 42px; font-size: 1.6rem; line-height: 1.2; font-weight: 700; color: #fff; background: #712e8a;}
.btn-info:hover { color: #fff; background: #541a6a;}
@media (max-width:768px) {
  .btn-info { padding: 6px 12px; font-size: 1.2rem; min-height: 35px;}
}


/* -- tiles -- */
.tiles-container { margin-left: -15px; margin-right: -15px;}
.tiles-container .tile { display: flex; padding: 15px;}
.tile .inner { width: 100%;}
.tile .btn-line { margin-top: 3rem;}
@media (min-width: 769px) {
  .tiles-container .tile .inner { display: flex; flex-direction: column; justify-content: center; padding: 38px 52px 52px;}
  .tile .head { font-size: 3.2rem; line-height: 1.4;}
  .tile .head-2line { min-height: 2.8em; display: flex; align-items: center;}
}
@media (max-width: 768px) {
  .tiles-container .tile .inner { padding: 20px;}
  .tile .head { font-size: 2.2rem; line-height: 1.4;}
}


/* -- features-container -- */
.features-container .tiles-container { margin-left: -7px; margin-right: -7px;}
.features-container .tile { padding: 7px;}
.features-container  .ico-col img { margin: 0 auto;}
.features-container .text-col { margin-top: 1.5rem; line-height: 1.58; font-weight: 500; text-align: center;}
@media (min-width: 769px) {
  .features-container .tile .inner { padding: 34px 17px 19px; justify-content: flex-start;}
  .features-container  .ico-col { flex-grow: 0;}
  .features-container  .ico-col img { height: 120px;}
  .features-container .text-col { flex: 1 0;}
}
@media (max-width: 768px) {
  .features-container .tile .inner { padding: 20px 10px 17px;}
  .features-container  .ico-col img { height: 70px;}
}


/* -- item-2 -- */
.item-2 .pic-col { flex-grow: 0;}
.item-2 .pic-col img { border-radius: 100%; overflow: hidden;}
.item-2 .text-col { flex: 1 0; display: flex; flex-direction: column; justify-content: center;}
@media (min-width: 769px) {
  .item-2:not(:last-child) { margin-bottom: 40px;}
  .item-2 .pic-col { width: 234px; flex-basis: 234px;}
  .item-2 .text-col { padding-left: 46px;}
}
@media (max-width: 768px) {
  .item-2:not(:last-child) { margin-bottom: 20px;}
  .item-2 .pic-col { width: 134px; flex-basis: 134px;}
  .item-2 .text-col { padding-left: 26px;}
}
@media (max-width: 479px) {
  .item-2 .pic-col { width: 84px; flex-basis: 84px;}
  .item-2 .text-col { padding-left: 16px;}
}


/* -- item-3 -- */
.item-3 .ico-col { flex-grow: 0;}
.item-3 .text-col { flex: 1 0; display: flex; align-items: center;}
.item-3 .btn-line { display: flex;}
@media (min-width: 769px) {
  .item-3:not(:last-child) { margin-bottom: 30px;}
  .item-3 .ico-col { width: 73px; flex-basis: 73px;}
  .item-3 .text-col { padding-left: 28px;}
}
@media (max-width: 768px) {
  .item-3:not(:last-child) { margin-bottom: 20px;}
  .item-3 .ico-col { width: 53px; flex-basis: 53px;}
  .item-3 .text-col { padding-left: 18px;}
}


/* -- plate -- */
.plate { padding: 10px 18px; line-height: 1.588; border: 2px solid #ef8903;}


/* -- has-tabs & tabs -- */
.main-content.has-ico-fullH > .container { background-image: url("../img/ico-symptoms.png"); background-position: right center; background-size: auto 134px; background-repeat: no-repeat;}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx){
  .main-content.has-ico-fullH > .container { background-image: url("../img/ico-symptoms@2x.png");}
}

.has-tabs { padding-bottom: 0!important;}
.tabs-content { color: #4d4d4d; background: #fff;}
#tabs > .container { padding-top: 0; padding-bottom: 0;}
.ui-tabs-nav { display: flex;}
.ui-tabs-nav li { margin: 0!important;; padding: 0!important;}
.ui-tabs-nav li:before { display: none;}
.ui-tabs-nav a { display: flex; align-items: center; font-weight: 700; color: #fff; background-color: #62b0e4;}
.ui-tabs-nav .ui-tabs-active a { color: #62b0e4; background-color: #fff;}
@media (min-width: 769px) {
  .main-content.has-ico-fullH { padding: 0;}
  .main-content.has-ico-fullH > .container { padding-top: 40px; padding-bottom: 100px;}
  .main-content.has-ico-fullH  .text-container { padding-right: 20%;}
  #tabs { margin-top: -60px;}
  .ui-tabs-nav a { padding: 6px 50px; height: 60px;}
  .tabs-content { padding-top: 56px; padding-bottom: 40px;}
}
@media (max-width: 768px) {
  .main-content.has-ico-fullH  { padding: 0;}
  .main-content.has-ico-fullH > .container { padding-top: 18px; padding-bottom: 40px;}
  .main-content.has-ico-fullH  .text-container { text-align: left;}
  #tabs { margin-top: -40px;}
  .ui-tabs-nav a { padding: 6px 8px; height: 40px;}
  .tabs-content { padding-top: 24px; padding-bottom: 24px;}
}


/* */
#page { z-index: 9; position: relative;}

header .top-line { color: #808080; text-align: center; background: #fff;}
@media (min-width: 1040px) {
  body { padding-top: 170px;}
}
@media (min-width: 769px) and (max-width: 1039px) {
  body { padding-top: 160px;}
}
@media (min-width: 769px) {
  header { z-index: 10; position: fixed; left: 0; right: 0; top: 0;}
   header .top-line { font-size: 1.6rem; line-height: 1.8; font-weight: 500;}
  header .top-line .container { display: flex; padding-top: 16px; padding-bottom: 18px;}
  #logo { width: 286px;}
  header .top-line .container #logo { flex-grow: 0; margin-right: 30px;}
  header .top-line .container .text { flex: 1 0; display: flex; justify-content: flex-end; align-items: center; text-align: right;}
  }
@media (max-width: 768px) {
    header .top-line .container { padding-top: 8px; padding-bottom: 9px;}
  #logo { max-width: 150px; display: block; margin-bottom: 12px;}

}



@media (max-width: 768px) {
  body { padding-top: 125px;}
  body.nav-open { overflow: hidden;}
  header { z-index: 10; position: fixed; left: 0; right: 0; top: 0;}
  .nav-open #nav .line-2 { position: fixed; margin: 0; padding-top: 0; top: 116px; bottom: 0; overflow: auto;}
}
@media (max-width: 768px) and (orientation: landscape) {
  .nav-open #nav .line-2 { top: 0;}
}
@media (max-width: 420px) {
  body { padding-top: 85px;}
  .nav-open #nav .line-2 { top: 157px;}
}
.md-line-cols > div { padding: 20px; background: #eee;}
@media (min-width: 769px) {
  .md-line-cols { margin-left: -10px; margin-right: -10px;}
  .md-line-cols > div { margin-left: 10px; margin-right: 10px; padding: 20px; background: #eee;}
}
@media (max-width: 768px) {
  .btn-line { justify-content: center;}
  .xs-column + * { margin-top: 1.5rem;}
  .md-line-cols > div { margin-bottom: 20px;}
}

#isi .container { max-height: 230vh; max-height: 46vh; overflow: auto;}

@media (min-width: 1055px) {
  footer { padding-bottom: 192px;}
}
@media (min-width: 769px) and (max-width: 1054px) {
  footer { padding-bottom: 222px;}
}
@media (max-width: 768px) {
  .isi-bar2 { padding: 6px 0 0!important; font-size: 1.1rem!important; line-height: 1.3!important;}
  .isi-bar2 .container { margin-top: 0!important; padding-left: 10px; padding-right: 10px;}
  .isi-bar2 .control { right: 10px!important; top: 2px!important;}
  .isi-bar2 .headerVisible h4, .isi-bar2 .headerVisible .h4 { margin-bottom: 4px; font-size: 1.4rem; line-height: 1.3!important;}
  .isi-bar2 .headerVisible .isiVisible { margin-bottom: 4px!important; border-width: 2px!important; font-size: 1rem!important; line-height: 1.4!important;}
  .isi-bar2 .isiVisible { padding: 2px 4px!important;}
  .isi-bar2 .headerHidden { padding-top: 10px;}
  .isi-bar2 .headerHidden > div { margin-bottom: 8px!important; padding-bottom: 0!important;}
  .isi-bar2 .headerHidden ul li { margin: 8px 0!important; padding-left: 12px!important;}
}

@media (min-width: 695px) and (max-width: 768px) {
  footer { padding-bottom: 192px;}
}
@media (min-width: 441px) and (max-width: 694px) {
  footer { padding-bottom: 222px;}
}
@media (max-width: 440px) {
  footer { padding-bottom: 252px;}
}



.isi-bar2.openISI .control:after { display: none;}

@media (min-width: 769px) 
{.isiVisible {padding: 15px 15px; }}

.cotempla-3pic { display: flex; justify-content: center; margin-bottom:30px;}
.cotempla-3pic > div { display: flex; justify-content: center; vertical-align: middle;}
@media (min-width: 480px) {
  .cotempla-3pic > div:not(:first-child) { margin-left: 30px;}
}
@media (max-width: 479px) {
  .cotempla-3pic { flex-direction: column;}
  .cotempla-3pic > div { margin-bottom: 20px;}
}


@media (max-width: 360px) {
  .isi-bar2 .headerVisible .isiVisible { font-size: .8rem!important;}
  .isi-bar2 .headerVisible h4, .isi-bar2 .headerVisible .h4 { font-size: 1.1rem;}
}
/*.isi-bar2 {
  z-index: 98;
  position: fixed;
  left: 0;
  right: 0;
  padding-top: 18px;
  padding-bottom: 0px;
  font-size: 1.5rem;
  line-height: 1.4;
  background: #fff;
  box-shadow: 0 0 10px
  rgba(0,0,0,.2);
  bottom:0px;
}*/

/*.closedISI .headerHidden {display: none;}

.isi-bar2 .control { position: absolute; right: 15px; top: 15px; width: 24px; height: 24px; cursor: pointer;}
.isi-bar2 .control:before, .isi-bar2 .control:after { content: ""; position: absolute; border-radius: 4px; background: #29abe1;}
.isi-bar2 .control:before { left: 0; top: 10px; width: 24px; height: 4px;}
.isi-bar2 .control:after { left: 10px; top: 0; width: 4px; height:  24px;}

@media (max-width: 768px) {
  .isi-bar {padding-top:1px; }
}
*/

@media (max-width: 768px) {
  .main-content.has-ico-fullH.has-tabs > .container { background-size: auto 58px;}
}

ol li { margin-bottom: 8px;}
.key-findings .tile .pic-col img { margin: 0 auto;}
.key-findings .tile .text-col { margin-top: 16px; text-align: center;}
@media (min-width: 769px) {
  .key-findings .tile .pic-col img { height: 142px;}
}
@media (max-width: 768px) {
  .key-findings .tile .pic-col img { height: 102px;}
}


.anchor { position: absolute;}
@media (min-width: 769px) {
  .anchor { margin-top: -202px;}
}
@media (max-width: 768px) {
  .anchor { margin-top: -142px;}
}

@media (min-width: 1150px) {
  .pic-col.type-1 img { width: 471px;}
  .pic-col.type-2 img { width: 390px;}
}

/* unique-container */
.unique-container .text-wrapper { max-width: 440px;}
.unique-container .head { margin-bottom: 1rem;}
.unique-container .text { line-height: 2;}
.unique-container .text-wrapper, .unique-container .pic-wrapper  { margin-left: auto; margin-right: auto;}
@media (min-width: 769px) {
  .unique-container { padding: 30px 0 50px;}
  .unique-container .col-1 .pic-wrapper { max-width: 355px;}
  .unique-container .col-2 .pic-wrapper { max-width: 529px;}
  .unique-container .head { font-size: 2.5rem;}
}
@media (max-width: 768px) {
  .unique-container { padding: 30px 0 40px;}
  .unique-container .col-1 .pic-wrapper { max-width: 220px;}
  .unique-container .col-2 .pic-wrapper { max-width: 328px; margin-bottom: 2rem;}
  .unique-container .head { font-size: 2rem;}
}


.isi-bar2.closedISI.isi-sticked  {
    padding-bottom: 0!important;
}

.isi-sticked strong {font-size:1.6rem;font-weight:600;}
.isi-sticked h4 {font-size:22px;}
.isi-bar2, .isi-bar2 div {font-size:1.6rem;}
.isi-bar2 p {font-size:1.6rem;margin-bottom:1em;}
.isi-box {border-top:solid #000 2px;border-left:solid #000 2px;border-right:solid #000 2px;padding:10px 20px;}
.isi-box p {margin-bottom:.5em;}
.isi-box2 {border-bottom:solid #000 2px;border-left:solid #000 2px;border-right:solid #000 2px;padding:10px 20px}

.rxconnect-section .line-2 .container > * { width: 50%; flex-basis: 50%; min-width: 50%; max-width: 50%;}
.rxconnect-section .line-2 .col-1 { flex-grow: 0; margin-right: 0;}
.rxconnect-section .line-2 > .flex-container { padding-left: 0; padding-right: 0;}
.rxconnect-section .line-2 .col-1 > * { width: 460px; max-width: 100%;}
.rxconnect-section .line-2 .col-1 .flex-container { margin: 0;}
.rxconnect-section .line-2 .col-1 .ico-col { max-width: 186px;}
.rxconnect-section .video-container { box-shadow: 0 0 20px rgba(116,133,143,.32), 0 0 10px rgba(116,133,143,.32);}
@media (min-width: 769px) {
  .rxconnect-section .line-2 > .flex-container { justify-content: space-between;}
}

.anchor{
  height: 200px;  /*same height as header*/
  margin-top: -200px; /*same height as header*/
  visibility: hidden;
}

/* -- Begin Customization August, 12, 2023 -- */
.section-1.home {background-color:#fff8eb;border-top:1px solid #ddd;}
.home .h2 {font-weight: 800;}
.home .h3 {color:#4d4d4d; font-weight: 800;}
.section-1.home .text {font-size: 1.1em;font-weight: 500;letter-spacing: -.02em;}

@media (min-width: 769px) {
  .home .h2 {font-size: 2.35em;line-height: 1.1em;letter-spacing: -.02em;}
  .home .h3 {font-size: 1.57em;line-height: 1;letter-spacing: -.02em;}
}

/* -- why -- */
.why-section {background: #57a7e0;padding: 60px 0;}
.why-section .h2 {font-size:3.8rem;font-weight:800;}
.why-section .h3 {font-size:3rem;font-weight:800;color:white;text-align:center;margin-top:30px;}
.why-section .flex-container { align-items: center; margin-bottom: 0.3em; font-size: 26px; font-weight: 600;}
.why-section .flex-container img {margin-right:1em;}
.why-section .flex-container img.center {margin:auto;}

@media (max-width: 768px) {
.why-section {background: #57a7e0;padding: 30px 0;}
.why-section .flex-container { font-size: 2rem; font-weight: 600;line-height:1.2;}
.why-section .pic-col img { max-height: 160px;}
.why-section .h2 {text-align:center;font-size:2.2rem;font-weight:800;}
.why-section .h3 {font-size:1.9rem;margin-top:1em;}
.why-section .text-col {margin-top: 1.5rem!important;}
}

/* -- what-is-bioequivalence-section -- */
.what-is-bioequivalence-section {background: #ffe8af;padding: 60px 0 40px;background-image: url('/wp-content/uploads/2023/10/what-is-bioequivalence-bkg.jpg');background-repeat:no-repeat;}
.what-is-bioequivalence-section .h2 {font-size:3.7rem;font-weight:800;}
.what-is-bioequivalence-section .h3 {font-size:3rem;font-weight:800;text-align:center;margin-top:30px;}
.what-is-bioequivalence-section .text {font-weight:500;letter-spacing: -.03em;}
.what-is-bioequivalence-section .reference-text {font-size:11px;line-height:15px;}
.what-is-bioequivalence-section a {color:#4d4d4d;}
@media (max-width: 768px) {
.what-is-bioequivalence-section .h2 {font-size:29px;font-weight:800;}
}

/* -- rxconnect-new-section -- */
.rxconnect-new-section {padding:80px 0 50px}
.rxconnect-new-section .row2 {display:flex;}
.rxconnect-new-section .h2 {font-weight:800;font-size:45px;}
.rxconnect-new-section .text {font-size:21px;line-height:25px;font-weight:500}
.rxconnect-new-section p:not(:last-child) {margin-bottom:0!important;}
.rxconnect-new-section .text-small {font-size:.85em;}
.rxconnect-new-section .text-xsmall {font-size: 15px;line-height:19px;}
.rxconnect-new-section .border-right {border-right:3px white solid;}
.rxconnect-new-section .blue-container { background-image: url("/wp-content/themes/adzenysxrodt/img/video-section-bkg.png");background-position:left;background-repeat:no-repeat;background-color:#2b5589;box-shadow: 0 0 20px rgba(116,133,143,.32), 0 0 10px rgba(116,133,143,.32);padding:0;align-items:center;}
#page .rxconnect-new-section .blue-container p:not(:last-child) {
    margin-bottom: 0;
}

@media (max-width: 768px) {
  .rxconnect-new-section {padding:30px 0 0}
  .rxconnect-new-section .border-right {border-right: none;}
  .rxconnect-new-section .h2 {font-size:29px;}
  .rxconnect-new-section .h3 {font-size:26px;}
  .rxconnect-new-section .video-text h3 {font-size: 26px;line-height: 32px;    text-align: center;padding: 20px;}
}

/* -- rxconnect-extra-text-section -- */
.rxconnect-extra-text-section {color:white;font-size:30px;font-weight:800;padding:0 0 50px;}
.rxconnect-extra-text-section .flex-container {align-items:center;}
.rxconnect-extra-text-section span {font-weight:500;font-size:22px;padding-top:.5em;display:block;}
.rxconnect-extra-text-section .bullet {max-height:53px;max-width:53px;}

/* -- find-pharmacy-container -- */
.find-container { margin: 0; padding: 0 0 80px;}
.find-container .container { padding: 30px 36px; display: flex; justify-content: space-between; align-items: center; background-color:#ede7f1;}
.find-container .zip-container { margin-top: 2rem; margin-bottom: 2rem;}
.find-container .container { padding: 0; display: flex; justify-content: space-between; align-items: center; background-color:#fedfa3;}
.find-container .zip-container {padding:20px 60px;}
.find-container .head {padding: 40px 30px 40px 50px;background: #fdf5ce; font-size:32px;line-height:36px;letter-spacing:-0.02em;}

.zip-container .col-21 { margin-right: 19px;}
.zip-container .col-22 { margin-right: 23px;}
.zip-container .col-23 {order:3}
.zip-container .text-field { width: 141px; height: 45px; text-indent: 13px; border: 2px solid #b2b2b2; background: #fff;}
.zip-container .btn-default { min-width: 101px; height: 45px;}
.zip-container .btn-link { display: flex; font-weight: 500; color: #fff; justify-content: flex-start; white-space: nowrap;}
.zip-container .btn-link .ico { margin-right: 12px; width: 24px;}
.zip-container form { display: flex; align-items: center;}

@media (max-width: 768px) {
  .zip-container { margin-bottom: 0;}
  .zip-container form { flex-wrap: wrap; justify-content: center;}
  .zip-container form > * { margin-bottom: 8px;}
  .find-container .zip-container {padding: 20px 0;}
  .rxconnect-extra-text-section {font-size: 22px;padding: 50px 0;line-height: 1.2;}
  .rxconnect-extra-text-section .flex-container {align-items:flex-start;margin-bottom:1em}
  .rxconnect-extra-text-section .bullet-2 {padding-top: 0;}
  .rxconnect-extra-text-section span {font-size:19px;padding-top:.5em;}
  .find-container .head {padding: 20px 40px;font-size: 22px;line-height: 26px;}
  .find-container .zip-container {margin-top: 0;margin-bottom: 0;}
  .find-container {margin: 0 10px 0px;}
  .rxconnect-new-section .blue-container {width:95%;}
}

/* -- offer-section --*/
.offer-section {background-color: #fedfa3;}
.offer-section {padding-top: 80px; padding-bottom: 80px;font-size:19px;line-height:1.4;}
.offer-section .head {font-size: 38px; font-weight:800;line-height:1.3;}
.offer-section .h2 {font-size:30px;font-weight:800;}
.offer-section .btn-col.bg-white a {display: block; font-size: 1.6rem; font-weight: 700; color: #62b0e4; text-align: center;}
.offer-section .text-1 {font-weight:500;}
.offer-section .btn-default { padding: 12px 16px!important;}
.offer-section .flex-container {align-items: center;}
.offer-section .text-col {padding: 0; flex: 1 0;}
.offer-section .btn-col {padding: 30px 0 0; width: 260px;}

@media (max-width: 768px) {
  .offer-section {padding-top:30px;padding-bottom:30px;font-size:19px;line-height:1.4;text-align:center;font-weight:500;}
  .offer-section .btn-col {padding: 30px 0; width: 200px;margin:auto;}
  .offer-section .head {font-size: 22px; font-weight:800;}
  .offer-section .h2 {font-size:24px;font-weight:800;}
  .offer-section .text-1 {font-size: 1.2rem;font-weight:500;}
  .offer-section .text {font-size: 1.2rem; margin-bottom:.5em;}
  .offer-section .text-phone {font-size:2rem;font-weight:600;}
  .offer-section .text-1 {font-weight:500; margin-bottom:0.5em!important;}
  .offer-section .text.strong {font-weight:600;}
  .offer-section .text-hours {font-size: 1rem;font-style:italic;}
  .offer-section .ico-col {max-width:160px;}
}

/* -- POPUP MAKER -- */

#popmake-665 {max-width:700px;-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);}
@media (max-width: 769px) {
	#popmake-665 {margin-top:70px!important;}
  html.pum-open.pum-open-overlay.pum-open-scrollable body > *:not([aria-modal="true"]) {padding-right: 0!important;}
  .pum-theme-content-only .blue.col1 {width: 100%!important;text-align:center;}
  .pum-theme-content-only .footer-text {width: 100%!important;}
  .pum-theme-content-only .footer-logo {width: 100%;margin-top: 1em;}
  .pum-theme-content-only .footer-logo img {margin:auto;}
} 
.pum-theme-content-only .pum-title {
	color:#ef8903!important;
	font-size:32px!important;
    line-height:38px!important;
	font-weight:800!important;
	text-align:left!important;
	padding: 35px 35px 0px!important;
}
.pum-theme-content-only .pum-content + .pum-close {
    position: absolute;
    height: 30px!important;
    width: 30px!important;
    left: auto;
    right: 10px;
    bottom: auto;
    top: 10px;
    padding: 0px!important;
    color: #fdfdfd!important;
    font-family: inherit;
    font-weight: 600;
    font-size: 14px!important;
    line-height: 20px!important;
    border: 1px none #ffffff!important;
    border-radius: 15px!important;
    box-shadow: 0px 0px 0px 0px rgb(2 2 2 / 0%)!important;
    text-shadow: 0px 0px 0px rgb(0 0 0 / 0%)!important;
    background-color: #dadada!important;
}
.pum-theme-content-only .text-container {
    padding: 0 16px 18px;
    font-size: 16px;
    color: #444444;
    font-weight: 500;
}
.pum-theme-content-only .flex-container.container {align-items:flex-end;}
.pum-theme-content-only .blue.col1 {
    width: 51%;
    font-size: 22px;
    line-height:26px;
    color: #57a7e0;
    font-weight: 700;
}
.pum-theme-content-only .col2 {
	padding: 0 9px;
	text-align:center;
	margin:auto;
}
.pum-theme-content-only .button {
    text-align: center;
    padding: 15px;
    margin: 26px auto 18px;
    background: #ef8903;
    max-width: 270px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    border-radius: 2px;
    box-shadow: 2px 4px 4px 0px rgb(2 2 2 / 26%);
}
.pum-theme-content-only .button a {
	color:#ffffff;
}
.pum-theme-content-only .footer-text {
    font-size: 15px;
    line-height:19px;
    font-weight: 600;
    color: #444444;
    width: 85%;
}
.pum-theme-content-only .reference-text {
    color: #444444;
    font-size: 10px;
    line-height:14px;
    padding: 18px;
}
.gray-footer {
    background: #444444;
}
.gray-footer .text-container {
    color: #ffffff;
    padding: 18px 34px;
    font-size: 13px;
}
.gray-footer ul.text-container {
    list-style: disc;
    margin-left: 12px;
    padding-top: 0;
    padding-bottom: 0;
}
.gray-footer .site-code {color:#fff;font-size:8px;line-height:12px;text-align:right;padding:0px 9px 9px;}