/*!
Author: pixelfloat
Author URI: http://pixelfloat.com
Description: theme by pixelfloat
*/

@font-face {
    font-family: 'ethblack';
    src: url('../fonts/ethblackethon-webfont.woff2') format('woff2'),
         url('../fonts/ethblackethon-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal}
@font-face {
    font-family: 'eth_largeexpanded_regular';
    src: url('../fonts/ethextended-webfont.woff2') format('woff2'),
         url('../fonts/ethextended-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'tt_drugs_trialbold';
    src: url('../fonts/tt_drugs_trial_bold-webfont.woff2') format('woff2'),
         url('../fonts/tt_drugs_trial_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'tt_drugs_triallight';
    src: url('../fonts/tt_drugs_trial_light-webfont.woff2') format('woff2'),
         url('../fonts/tt_drugs_trial_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'tt_drugs_trialregular';
    src: url('../fonts/tt_drugs_trial_regular-webfont.woff2') format('woff2'),
         url('../fonts/tt_drugs_trial_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');

* { margin:0; padding:0; border-color:#e5e7eb;  }
body {
	margin: 0; padding: 0; 
	font-family: 'tt_drugs_triallight',"Inter", sans-serif;
	font-weight: normal; font-size:14px; color:#6b7280;
	background: #fff; }

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1360px;
  }
}
.full-block { width:100%; float:left; }
.half-block { width:50%; float:left; }
.fl_left { float:left; }
.fl_right { float:right; }
.section { 
	overflow: hidden;
	width:100%; float:left;
	margin:0; padding:80px 0; }
@media(max-width:1200px){
	.section { padding:50px 0; }
}
@media(max-width:991px){
	.section { padding:40px 0; }
}
@media(max-width:767px){
	.section { padding:30px 0; }
}

/* SPACING ------------------ */
.nopadding { padding:0 !important; }
.nomargin { padding:0 !important; }
.mt-40 { margin-top: 40px !important; } .mr-40 { margin-right: 40px !important; } .mb-40 { margin-bottom: 40px !important; } .ml-40 { margin-left: 40px !important; }
.mt-30 { margin-top: 30px !important; } .mr-30 { margin-right: 30px !important; } .mb-30 { margin-bottom: 30px !important; } .ml-30 { margin-left: 30px !important; }
.mt-20 { margin-top: 20px !important; } .mr-20 { margin-right: 20px !important; } .mb-20 { margin-bottom: 20px !important; } .ml-20 { margin-left: 20px !important; }
.mt-10 { margin-top: 10px !important; } .mr-10 { margin-right: 10px !important; } .mb-10 { margin-bottom: 10px !important; } .ml-10 { margin-left: 10px !important; }
.pt-40 { padding-top: 40px !important; } .pr-40 { padding-right: 40px !important; } .pb-40 { padding-bottom: 40px !important; } .pl-40 { padding-left: 40px !important; } 
.pt-30 { padding-top: 30px !important; } .pr-30 { padding-right: 30px !important; } .pb-30 { padding-bottom: 30px !important; } .pl-30 { padding-left: 30px !important; } .pt-20 { padding-top: 20px !important; } .pr-20 { padding-right: 20px !important; } .pb-20 { padding-bottom: 20px !important; } .pl-20 { padding-left: 20px !important; } .pt-10 { padding-top: 10px !important; } .pr-10 { padding-right: 10px !important; } .pb-10 { padding-bottom: 10px !important; } .pl-10 { padding-left: 10px !important; }

@media screen and (max-width:767px){
	.mt-md-40 { margin-top: 40px !important; } .mr-md-40 { margin-right: 40px !important; } .mb-md-40 { margin-bottom: 40px !important; } .ml-md-40 { margin-left: 40px !important; } .mt-md-30 { margin-top: 30px !important; } .mr-md-30 { margin-right: 30px !important; } .mb-md-30 { margin-bottom: 30px !important; } .ml-md-30 { margin-left: 30px !important; } .mt-md-20 { margin-top: 20px !important; } .mr-md-20 { margin-right: 20px !important; } .mb-md-20 { margin-bottom: 20px !important; } .ml-md-20 { margin-left: 20px !important; } .mt-md-10 { margin-top: 10px !important; } .mr-md-10 { margin-right: 10px !important; } .mb-md-10 { margin-bottom: 10px !important; } .ml-md-10 { margin-left: 10px !important; }
	.pt-md-40 { padding-top: 40px !important; } .pr-md-40 { padding-right: 40px !important; } .pb-md-40 { padding-bottom: 40px !important; } .pl-md-40 { padding-left: 40px !important; } .pt-md-30 { padding-top: 30px !important; } .pr-md-30 { padding-right: 30px !important; } .pb-md-30 { padding-bottom: 30px !important; } .pl-md-30 { padding-left: 30px !important; } .pt-md-20 { padding-top: 20px !important; } .pr-md-20 { padding-right: 20px !important; } .pb-md-20 { padding-bottom: 20px !important; } .pl-md-20 { padding-left: 20px !important; } .pt-md-10 { padding-top: 10px !important; } .pr-md-10 { padding-right: 10px !important; } .pb-md-10 { padding-bottom: 10px !important; } .pl-md-10 { padding-left: 10px !important; } 
}
@media screen and (max-width:575px){
	.mt-sm-40 { margin-top: 40px !important; } .mr-sm-40 { margin-right: 40px !important; } .mb-sm-40 { margin-bottom: 40px !important; } .ml-sm-40 { margin-left: 40px !important; } .mt-sm-30 { margin-top: 30px !important; } .mr-sm-30 { margin-right: 30px !important; } .mb-sm-30 { margin-bottom: 30px !important; } .ml-sm-30 { margin-left: 30px !important; } .mt-sm-20 { margin-top: 20px !important; } .mr-sm-20 { margin-right: 20px !important; } .mb-sm-20 { margin-bottom: 20px !important; } .ml-sm-20 { margin-left: 20px !important; } .mt-sm-10 { margin-top: 10px !important; } .mr-sm-10 { margin-right: 10px !important; } .mb-sm-10 { margin-bottom: 10px !important; } .ml-sm-10 { margin-left: 10px !important; }
	.pt-sm-40 { padding-top: 40px !important; } .pr-sm-40 { padding-right: 40px !important; } .pb-sm-40 { padding-bottom: 40px !important; } .pl-sm-40 { padding-left: 40px !important; } .pt-sm-30 { padding-top: 30px !important; } .pr-sm-30 { padding-right: 30px !important; } .pb-sm-30 { padding-bottom: 30px !important; } .pl-sm-30 { padding-left: 30px !important; } .pt-sm-20 { padding-top: 20px !important; } .pr-sm-20 { padding-right: 20px !important; } .pb-sm-20 { padding-bottom: 20px !important; } .pl-sm-20 { padding-left: 20px !important; } .pt-sm-10 { padding-top: 10px !important; } .pr-sm-10 { padding-right: 10px !important; } .pb-sm-10 { padding-bottom: 10px !important; } .pl-sm-10 { padding-left: 10px !important; }
}
.sm-show { display:none; }

@media screen and (max-width:767px) {
	.sm-hide { display:none; }
	.sm-show { display:block; }
}
/* TYPOGRAPHY --------------------------- */
h1, h2, h3 { 
	font-weight: normal;
	color:#1a212d; text-align: left;
	font-family: 'eth_largeexpanded_regular'; 
	margin:0 0 30px; padding:0; line-height:1.2; }
h4, h5 { 
	color:#1a212d; text-align: left;
	font-family: 'tt_drugs_trialbold'; font-weight: normal;
	margin:0 0 20px; padding:0; line-height:1.3; }
h6 {
	color:#1a212d; font-weight: normal;
	text-align: left; margin:0 0 20px 0; padding:0; line-height: 1.4;
	font-family: 'tt_drugs_trialbold'; }

h1 { font-size:48px; }
h2 { font-size:40px; }
h3 { font-size:38px; }
h4 { font-size:26px; }
h5 { font-size:24px; }
h6 { font-size:18px; }
p { 
	margin:0 0 20px; padding:0; 
	font-size:15px; color:#3c3e42;
	font-family: 'tt_drugs_triallight',"Inter", sans-serif; font-weight: normal;
	text-align: left; line-height: 1.8;}
p a { text-decoration:underline; }
p a:hover { color:#111111; }

span {}
strong { font-weight:700; }

a { text-decoration:none; color:#111111; transition: all 1s; }
a:hover { color:#111111; }
a img { border: none; outline: none; }

@media(max-width:1200px){
	h1, h2, h3 { margin:0 0 20px; }
	h4, h5, h6 { margin:0 0 15px; }
	p { font-size:14px; margin:0 0 25px; }
}
@media(max-width:991px){
	h1 { font-size:40px; }
	h2 { font-size:38px; }
	h3 { font-size:34px; }
	h4 { font-size:28px; }
	h5 { font-size:24px; }
	h6 { font-size:20px; }
	p  { font-size:13px; line-height: 1.6;  margin:0 0 15px; }
}
@media(max-width:767px){
	h1, h2, h3 { margin:0 0 15px; }
	h4, h5, h6 { margin:0 0 10px; }
	h1 { font-size:36px; }
	h2 { font-size:34px; }
	h3 { font-size:30px; }
	h4 { font-size:24px; }
	h5 { font-size:20px; }

}
@media(max-width:575px){ }
::after,
::before { font-family: "Font Awesome 5 Free"; font-weight:900; }
.fab::after,
.fab::before {
	font-family: 'Font Awesome 6 Brands'; font-weight: 400; }
a::after,
a::before { 
	display: inline-block; margin:0 8px 0 0; padding:0; }
.wp-block-button .wp-block-button__link,
a.white_button,
a.button {
  display: inline-flex;  flex-wrap: nowrap;             
  justify-content: center; align-items: center;
  gap: 10px;
  margin: 0; padding:15px 20px 15px 30px;
  text-decoration: none; line-height: 1;
  border-radius: 0px;
  text-transform: capitalize;
  font-size: 13px; font-weight: 400;
  color: #111; text-align: center;
  background: #fff; border: 1px solid #111;
  white-space: nowrap; }

.wp-block-button .wp-block-button__link::after,
a.button::after {
  content: '\f061';
  font-family: "Font Awesome 6 Free"; font-weight: 900; }
.wp-block-button .wp-block-button__link:hover,
a.button:hover { 
	background:#111; color:#fff; border-color:#111; padding:15px 18px 15px 32px; }

a.button.whitebg { background:#fff; color:#111111; border-color:#111111; }
a.button.whitebg:hover { background: #111111; color:#fff; }

a.red_button { background:#111111; color:#fff; font-weight:500; border-color:#111111; }
a.red_button:hover { background:#ffff; border-color:#111111; color:#111; }

@media(max-width:767px){
	a.button { padding:12px 10px 12px 20px; font-size:13px; }
	a.button:hover  { padding:12px 10px 12px 20px; font-size:13px; }
}

.whatsappCall {
	width:45px; height:45px;
	position: fixed; bottom:70px; right:30px; z-index:  2003;
	/*animation: bounce 1s infinite;*/
}
.phoneCall {
	width:45px; height:45px;
	position: fixed; bottom:30px; right:110px; z-index: 2003;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-10px); }
  60% {
    transform: translateY(-5px); }
}
a.backtotop {
    position: fixed; bottom: 25px; right: 36px; z-index: 1000;
    background-color: #00000080;
    font-size: 13px; color: #fff;
    padding:8px 20px;
    border-radius:50px;
    text-decoration: none;
    display: none; /* Hidden initially */ }
a.backtotop:hover {
    background-color: #000; }
a.backtotop span i {
    margin-left: 5px; }

/* FORM CONTENT ----------*/
input[type="text"], input[type="tel"], input[type="number"],
input[type="date"], input[type="email"], input[type="search"], 
textarea, select, option {
	color:#6C757D; font-size:13px; font-weight:400;
	background:none; border:1px solid #DFDFDF; }
input[type="text"], input[type="tel"], input[type="number"],input[type="search"], 
input[type="date"], input[type="email"] { 
	width:100%; height:44px;  border-radius:100px;
	padding:10px 15px; margin:30px 0 0; }
input[type="date"] {
	 }
input[type="number"] {
	 }
select {
	border-radius:60px; text-transform: capitalize;
	width:100%; height: 40px; 
	padding:10px 15px; margin:0 0 15px; }
textarea { 
	width:100%; height: 100px; padding:10px 15px; margin:30px 0 30px;
	border-radius: 10px;
	resize:none; outline: none; }
input[type="submit"],
input[type="button"], button {
	transition: all 1s; 
	display: flex; justify-content: center; align-items:center; gap: 10px; 
	margin:30px 0 0 0; padding:15px 40px; line-height: 1;
	text-decoration: none; 
	border-radius:60px; text-transform: capitalize;
	font-weight:500; font-size:15px; color:#121212; text-align: center;
	background:#cea34f; border:1px solid #cea34f; }


input[type="submit"]:hover,
input[type="button"]:hover { 
	padding:15px 25px;
	background:#fff; color:#023363; border-color:#cea34f; }
button { border:none; outline:none; background:none; }

/* CONTACT FORM 7 */
.wpcf7 form .wpcf7-response-output { margin:0; border-radius:5px; }
.wpcf7-form-control-wrap { float: left; width:100%; }
/* LISTING -------------- */
ul.social-menu { 
	display:inline-block; list-style: none;
	margin:0; padding:0; }
ul.social-menu li { 
	width:auto; float:left; clear: none; 
	margin:0 10px 0 0; padding:0; }
ul.social-menu li a {
	width:35px; height: 35px; display: flex; justify-content: center; align-items: center;
	background:none; color:#fff; border:1px solid #ffffff60;
  border-radius:40px; }
ul.social-menu li a:hover { background:#fff; color:#111111; text-decoration:none; }
ul.social-menu li a svg { font-size:16px;}
ul.social-menu li a svg path { color:#fff !important; }
ul.social-menu ::before { font-family: 'Font Awesome 6 Brands'; font-weight:900; }


ul.addresslist { margin:0 0 10px; list-style:none; padding:0;}
ul.addresslist li { 
	position: relative;
	margin:0; padding:0 0 10px 25px; }
ul.addresslist li::before { 
	content:'-'; font-size:16px; line-height: 1;
	background:none; position:absolute; top:4px; left:0; }
ul.addresslist li.location::before { content:'\f3c5'; }
ul.addresslist li.phone::before { content:'\f095'; font-size:14px;}
ul.addresslist li.email::before { content:'\f658'; }
ul.addresslist li.location::before { content:'\f3c5'; }
ul.addresslist li.clock::before{ content:'\f017';}
ul.addresslist li a { text-decoration:none; color:#444; }
ul.addresslist li a:hover { color: #111111; }
@media screen and (max-width:575px){
	ul.addresslist li { padding:0 0 10px; }
	ul.addresslist li::before { position: relative; margin:0 10px 0; top:0; }
}



/* -------------------------------- */
/* Owl Carousel v2.2.1------------- */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/** theme */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

/* CUSTOM NAV */
.owl-carousel .owl-nav {
/* 	position: absolute; top:35%; right:0; z-index: 2001; */ }
.owl-carousel .owl-nav div {
	width:35px; height:35px; line-height:36px;
	margin:0; padding:0; float: left; color:#7D7D7D; text-align:center; font-size:17px;
	background: #efefef; border-radius:3px; }
.owl-carousel .owl-nav div.owl-next { position: absolute; top:40%; right:30px; }
.owl-carousel .owl-nav div.owl-prev { position: absolute; top:40%; left:30px;  }
.owl-carousel .owl-nav div:hover {  }
.owl-carousel .owl-dots {
	width:100%; bottom:0;
	margin:10px 0 10px;
	text-align: center; }
.owl-carousel .owl-dots .owl-dot {
	display: inline-block;
	width:10px; height: 10px;
	margin:0 3px; padding:0;
	background: #CCCFCE; border-radius:10px;
	-webkit-border-radius:10px; -moz-border-radius:10px; }
.owl-carousel .owl-dots .owl-dot.active {
	background:#cea34f; }
.next-slide, .prev-slide { cursor: pointer; }
@media(max-width:767px){
	.owl-carousel .owl-nav { display: none; }
}


/* HEADER ------------------- */
.header { 
	width:100%; float:left; transition: all 0.5s ease-out;
	margin:0px auto 0; padding:10px 0 15px 0; 
  background:none; position: fixed; top:0;  z-index: 2001; background:#fff; }

.fixed-header { 
	background:rgba(256,256,256,1);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
.fixed-header:hover { background: #fff; }
.logo { text-align:center; width:100%; }
.logo img { width:320px; max-width:100%; }
/*.logo img { width:260px; max-width:100%; }*/

@media screen and (max-width:767px){
	.logo { text-align:left; }
	.logo img { width:220px; }
}


/* NEW HEADER STYLES ---------- */
.menuopener {
    width: 20px;
    height: 15px;
    position: relative;
    cursor: pointer; z-index: 4001;
}

.menuopener .line,
.menuopener .line::before,
.menuopener .line::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background: #000;
    left: 0;
    transition: all 0.3s ease;
}

/* Middle line */
.menuopener .line {
    top: 50%;
    transform: translateY(-50%);
}

/* Top line */
.menuopener .line::before {
    top: -6px;
}

/* Bottom line */
.menuopener .line::after {
    top: 6px;
}

/* ACTIVE STATE (Close Icon) */
.menuopener.active .line {
    background: transparent; /* hide middle line */
}

.menuopener.active .line::before {
    top: 0; background:#fff;
    transform: rotate(45deg);
}

.menuopener.active .line::after {
    top: 0; background:#fff;
    transform: rotate(-45deg);
}

.newmenu ul { list-style: none; float:right; }
.newmenu ul li { float:left; margin:0; padding:0 10px; position: relative; }
.newmenu a { 
	color:#000;
	font-family: 'tt_drugs_trialregular'; font-weight:normal; font-size:18px; }




/*  MENU  ----------------------*/
.mobileonlytranslator { display: none; }
.translator-block { 
	margin:0px 0 0 0; padding:0 5px 0 0;
	position:relative; width:100%; float:left; }

.translator {
	width: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
}

.translator-block span.translate-title { 
	line-height: 1.1;
	font-weight: 600; font-size:11px; position: relatve;
	display:inline-block; float:left; margin:-1px 5px 0 0; padding:0; }
.translator-block a.glink span { font-size:15px !important; }
.translator img { max-width:24px;  }
.translatorlogo { margin:0 20px 0 5px; float:left; }
.translator-block a { color:#666; font-weight:300; margin:0 0 0 5px;}
@media screen and (max-width:991px){
	.mobileonlytranslator { display: block;  }
	.mobileonlytranslator .translator { justify-content: center; padding-bottom:10px;}
	.mobileonlytranslator .translator-block span.translate-title { font-size:18px; }
	.mobileonlytranslator .openlgbutton { 
		font-size:12px; color:#fff;  
		display: block; width:30px; height:30px; background:rgba(256,256,256,0.1); 
		cursor: pointer; text-align:center; display:flex; justify-content:center; align-items:center;}
	.mobileonlytranslator .openlgbutton i { transition: all 0.5s; }
	.mobileonlytranslator .openlgbutton-active i { rotate: 45deg; }
	.translator-block a { color:#999; }
	.translate-boxes { display: none; padding:0 20px;}
	.translate-boxes-active { display: block; }
}
@media screen and (max-width:480px){
	.translator-block a.glink img { width:23px !important; }
}


.menu-area { 
	transition: all 1s;
		height:0vh; overflow:hidden;
		width:100%; 
		position: fixed; top:0; left: 0; z-index: 2001;
	background:#000; }

.top-buttons { width:100%; float:left; text-align: left; margin:20px 0;}
.top-buttons a { margin:0 10px 0 0; color:#fff; border-color:#fff; background:none; font-size:1.3rem;}

.top-menu { 
	
	width:100%; float:left;  
	padding:200px 0 0 0; margin:0; text-align: center; }
.top-menu a {
	font-size:2rem; color:#fff;
	font-family: 'tt_drugs_trialbold';
	text-transform: uppercase;
	text-decoration: none; font-weight:400; }
.top-menu a:hover, .top-menu a.active, .current-menu-item a { 
	 }

.top-menu li::before { display: none; }
.top-menu ul {
	float: right; display: inline-block; 
	margin:0; padding:0;
	list-style: none; }
.top-menu ul li {
	width:100%; text-align: left;
	clear:none; margin:0; padding:10px 0;
	float:left; position: relative;
	border: none; line-height: 1em; }
.top-menu ul li:last-child { padding-right:0; }
.top-menu ul li a { 
	 position: relative; 
	padding:8px 0; margin:0; display: inline-block; }
.top-menu ul li a:hover {  }
.top-menu ul li a:focus { border: none; outline: none; }
.top-menu ul li ul { padding:5px 0; }
.top-menu ul li ul li a {  }
.top-menu ul li ul li a:hover { background:#eee; }


/* border animation --------------------- */
.top-menu ul li a::after {
  content: "";
  position: absolute;
  width: 0; height: 2px; margin:0; pading:0;
  background: #111111;
  transition: all 0.4s ease; }
.top-menu ul li a::after {
  left: 0; bottom: 0; }
.top-menu ul li a:hover::before,
.top-menu ul li a:hover::after {
  width: 100%; }



/* DROP DOWN MENU  ------------*/
.header .sub-menu { display: none; }
.header ul li.menu-item-has-children { cursor: pointer; }
.header ul li.menu-item-has-children a { padding-right: 20px; }

ul.sub-menu { 
	width: 250px; position: absolute; left:4px; top:28px; z-index: 2001;
	margin:0; padding:0;
  	background:#f9f9f9; border-radius: 3px; }
ul.sub-menu li { 
	width:100%; float:left; clear:both; 
	margin:0; padding:0; border-bottom:1px solid #eee; }
ul.sub-menu li a {
	width:100%; float:left; clear:both; text-transform: capitalize;
	margin:0; padding:8px 10px; min-height: auto;  text-align: left;
	color:#333; font-size:13px; font-weight: 400;
}ul.sub-menu li a:hover {color:#2d2d2d;}
ul.sub-menu li:last-child { border:none; }

.header .drop-down-icon {
	position:absolute; right:5px; top:4px; display:inline-block;
	width:20px; height:20px; line-height:20px;
	text-align:center; cursor: pointer;
	z-index:2000; color:#fff;
}
.drop-down-icon i { line-height: 20px; color:#333; }
.header .submenu-active { display: block; }

.menu-button { 
	justify-content: center; align-items:center;
	display: none; 
	cursor: pointer; float: right; 
	width:50px; height:40px; 
	margin:0 0 0 0; padding:0; line-height:1;
	color:#brand; text-align:center; font-size:22px;
	background:none; border-radius: 30px; }
.menu-close {
	display: none; background:rgba(0,0,0,0.2);
	width:30px; height:30px;
	margin:0 20px 0 0; float:right; clear: both;
	text-align: center; line-height: 30px;
	font-size:1.1em; color:#fff; cursor: pointer;
	border-radius: 30px; -webkit-border-radius: 30px; 
	-moz-border-radius: 30px; /*border:1px solid #3a88fa;*/ }
.menu-logo { display: none; }
.mobileonlybutton { display:none !important; }
@media(max-width:991px){
	.menu-social-media-menu-container {
display: flex;
  justify-content: center;}
  .hideonmobile { display: none !important; }
  .menuopener { float:right; }
	.mobileonlybutton { display: flex !important; }
	.menu-logo { display: block; text-align: center; width:100%; float:left; }
	.menu-button { display: flex; }
	.menu-close { display: block; }
	
	.menu-area .top-buttons { order: 3; padding:0px 0 30px; text-align: center; display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.menu-area .top-buttons a { padding:14px 25px; margin:0 0 20px;  }
	.menu-area .top-menu { margin:0; padding:80px 0 20px;  order: 1; }
	.menu-area ul { margin:0; padding:0; }
	.menu-area ul li { 
	  /*! width:100%; */ /*! float:left; */ text-align: center; /*! margin:5px 0 5px; */ /*! padding:0; */ }
	.menu-area ul li a { 
		font-size:18px; color:#fff; }
	.menu-area ul li a:hover { }
	.top-buttons a { font-size:15px; }
	.header .drop-down-icon {
		width:30px; height:34px; border-radius: 15px;
		line-height: 34px; color:#fff;
		right:10px; top:0; background:rgba(256,256,256,0.2); }
	.header .sub-menu { 
		float:left;
		width:100%; margin:5px auto 0 auto; float:none; padding:0; clear:both; position:relative; top:0; left:0; }
	.header .sub-menu li { margin:0; padding:0; text-align: center; border:none; }
	.header .sub-menu li a { 
		width:auto; display: inline-block;
		margin:10px auto; padding:2px; float:none;
		text-align: center; font-size:18px; border:none; } 
	.sub-menu {}
	.top-menu { text-align: center; }
	.top-menu ul { width:100%; }
	.menu-area .top-phonecall { display: none; }
	.menu-area .quick-quote { display: none; }
	 
}
@media (max-width: 767px) { 
	.menu-button { background:none; }
}
@media (max-width:575px) { 
	.menu-button { /*position:fixed; right:40px; top:30px;*/ }
	.menu-area { top: auto; bottom:0; }
}
@media (max-width:380px) {
	
}

/* menus script ---*/
.menu-active { 
	height: 100vh; display: flex; align-items: center; flex-direction: column; overflow-y:scroll; }

/* FOOTER -------------------- */
.footer { 
  width:100%; float:left; color:#fff;
	margin:0; padding:60px 0px 10px;
	/*background:#344256;*/ background:#000;
}
.footer p { color:#fffc; }
.footer h6 { font-size:18px; font-weight:500; color:#fffc;}
.footer ul li { font-size:14px; }
.footer ul.addresslist li {margin:0 0 10px; }
.footer a:hover { color:#fff; }

.footer_logo {
	width:100%; float:left; margin:0; padding:0 0 20px;
	font-family: "Inter", sans-serif; font-weight: 700;
	font-size: 26px; color:#fff;
}.footer_logo span { color:#efa72c; margin-right:10px; }
.footer_logo img { max-width:250px; }

.footer ul.footer_links { list-style: none; margin:0 0 30px; padding:0; }
.footer ul.footer_links li { position: relative; list-style: none; margin:0; padding:0 0 10px 20px; }
.footer ul.footer_links li::before { content:'-'; color:#fff; position: absolute; left:0; top:0;   }
.footer ul.footer_links li a { font-size:14px; text-decoration:none; color:#fffc;}


.footer ul.addresslist li a { 
	color:#fffc; }

.copycat { padding:0 0 20px; }
.copycat p { margin:0;}
.copycat ul { float:right; margin:0; padding:0; }
.copycat ul li { float:left; margin:0 0 0 20px; padding:0; display:inline-block; }
.copycat ul li a { font-size:14px; text-decoration:none; color:#fffc;}

@media screen and (max-width:767px) {
	.copycat { text-align: center; }
	.copycat p { text-align:center; margin:0 0 10px; }
	.copycat ul { float:none; margin:0; padding:0;}
	.copycat ul li { float:none; margin:0 5px; }
	
}
@media screen and (max-width:575px) {
	.footer { text-align: center; }
	.footer h6 { text-align: center; margin:0 0 15px; }
	.footer p { text-align: center; }
	.footer ul.footer_links { margin:0 0 0; }
	.footer ul.footer_links li { padding:0 0 10px; }
	.footer ul.footer_links li::before { display: none; }
	.copycat ul { margin:0 0 10px; }
	.footer ul.addresslist li {margin:0 0 5px; }
}

/* BANNER ADS --------------- */
.bannerads-col {}
.bannerads-col a { 
	width:100%;
	display: inline-block;  }
.bannerads-col a img { width:100%; }
@media screen and (max-width:767px){
	.bannerads-col a { margin:0 0 20px; }
}
@media screen and (max-width:575px){
	.bannerads-col a { margin:0 0 15px; }
}

/* Thumbnail listing ---------------- */

.post-thumbnail {
	display: block;
	transition: all 1s; position: relative; 
	width:100%; height: 100%; float:left; 
	margin:0; padding:0; overflow: hidden; 
	background: #fff; border:1px solid #e5e7eb;
	}
.post-thumbnail:hover { text-decoration: none; }
.post-thumbnail .post-img { position:relative; }
.post-thumbnail .posts-tags,
.post-thumbnail .post-category { 
	z-index: 2; position:absolute; top:20px; left:20px;  }
.post-thumbnail .posts-tags a,
.post-thumbnail .post-category span { 
	border-radius: 10px; font-size: 13px;
	padding:5px 10px; margin:0;
	background:#efa72c; color:#121212; }
.post-thumbnail .post-img img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  object-position: center;
  transition: transform 0.4s ease; /* smooth zoom animation */
}

.post-thumbnail:hover .post-img img {
  transform: scale(1.08); /* zoom in slightly */
}

.post-thumbnail .post-content {
	transition: all 1s;
	width:100%; padding: 20px; margin:0; }
.post-thumbnail:hover .post-content { padding-bottom:30px; }
.post-thumbnail .post-content p { margin:0; }

.date-icons { 
	width:100%; margin:10px 0 0; padding:0; gap: 10px;
	justify-content: start; flex-wrap: wrap; }
.date-icons span { 
	color:#6b7280; font-size: 13px;
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;}


/* RELATED SLIDER LISTING ----------- */
.related_posts {
	background:#FEFEFE;
}
.related_posts .post-thumbnail .post-content h5 { height: 60px; overflow: hidden; }
@media screen and (max-width:767px) { 
	.related_posts .post-thumbnail .post-content h5 { max-height: 55px; overflow: hidden; }
	.post-thumbnail .post-img img { height:200px; }
}
/* BANNERS -------------------------- */
.banner,
.banner-slider { 
	width:100%; min-height: 200px; float:left; text-align:center; position: relative; 
	z-index: 1; overflow: hidden;
}
.banner-caption { 
	margin:0; padding:0; 
	text-align: left; 
	width:100%; position:absolute; top:50%; transform: translateY(-50%); left:0; z-index:20;}
.banner-caption h1 { 
	width:100%; font-weight: 700;
	margin:5px 0 20px; padding:0; line-height: 1.1;
	text-transform: capitalize; text-align: left;
	color:#fff; font-size:54px; }
.banner-caption p { 
	width:100%; max-width:800px; text-align: left; margin:0 0 30px;
	font-size:18px; font-weight:400; color:#fff; }
.banner-caption a.button { 
	 border:none; }
.banner-caption a.button:hover {
	}

.banner-image {
	width:100%; float:left;
  overflow: hidden; position: relative; }
/*.banner-image::after {
	position:absolute; top:0; left:0;  z-index:5;
	content:''; width:100%; height:100%; 
	background: rgb(0,0,0,0.5); } */
.banner-image img {
	width:100%; height:600px; float:left;
	object-fit: cover; object-position:center; 

  transform: scale(1.1);
  transition: transform 10s ease;
  will-change: transform;}
.banner-image.zoom img {
  transform: scale(1.2); }


.banner-slider .owl-carousel .owl-nav div {
	font-size:12px; line-height: 3;
	width:40px; height:40px; text-align:center; top: auto; bottom:50%;
	border-radius: 40px; background:none; 
	border:1px solid #fff; color:#fff; }
.banner-slider .owl-carousel .owl-nav div.owl-prev { left:20px; }
.banner-slider .owl-carousel .owl-nav div.owl-next { right:20px; }

.banner-slider .owl-carousel .owl-dots { 
	position:absolute; width:100%; bottom:5px; }
.banner-slider .owl-carousel .owl-dots .owl-dot {
	width:20px; height:5px; }
@media(max-width:1500px){
	.banner-caption h1 { font-size:62px;}
}
@media(max-width:1200px){
	.banner-caption { }
	.banner-caption h1 { font-size:46px; }
	.banner-caption p { font-size:16px; }
	.banner-image img { height: 550px; }
	
}

@media(max-width:991px){
	.banner-caption { }
	.banner-caption h1 { font-size:34px;}
	.banner-caption p { font-size:14px; }
	.banner-image img { height:500px; }
}
@media(max-width:767px){
	.banner-caption h1 { font-size:30px;}
	.banner-caption p { display: none; }
	.banner-image img { height:auto; }
}
@media(max-width:575px){
	.banner-caption { text-align:center; padding:0 30px 0; }
	.banner-caption h1 { font-size:24px; text-align: center; }
	.banner-caption p { display: none; text-align: center; }
}

.banner-slider .banner-tags { 
	width:100%; }
.banner-slider .banner-tags span { 
	line-height: 1; border-radius:5px; font-size:13px;
	display:inline-block; margin:0; padding:5px 10px; color:#1a2331; 
	background:#f7b643;  }
.banner-slider .banner-tags span a { color:#1a2331; } 
.banner-slider .date-icons { width: 100%; margin:0 0 20px; display:inline-block; text-align:left; } 
.banner-slider .date-icons span { display: inline-block; margin:0 10px 0 0; }
.banner-slider .date-icons span,
.banner-slider .date-icons span a { text-transform: capitalize; color:#fff; }
@media(max-width:575px){
	.banner-slider .date-icons { text-align: center; }
}

.inner-banner {
	background-size:cover; background-position: center;
	background-repeat: no-repeat;
	display: flex; justify-content: center; align-items: center;
	min-height:300px; padding:0 0; }
.inner-banner::after {
	position:absolute; top:0; left:0;  z-index:1;
	content:''; width:100%; height:100%; 
	background: rgb(0,0,0,0.8); } 
.inner-banner h3,
.inner-banner h4 { margin:0;  }

.banner-pic {
	width:100%; float:left; position:relative; }
.banner-pic::after {
	position:absolute; top:0; left:0;  z-index:1;
	content:''; width:100%; height:100%; 
	background: rgb(0,0,0,0.8); } 
.banner-pic img {
	width:100%; height:360px; overflow:hidden; 
	object-fit:cover; object-position:center; }

.banner-title {
	width: 100%;  position: relative; z-index: 2;
	/*position: absolute; bottom:20%; left:0; z-index: 1001;*/
	text-align: center; }
.banner-title h2 { max-width: 800px; color:#fff; text-align:center; margin:0 auto 15px; }
.banner-title ul { list-style: none; float:none; margin:0 auto; padding:0; }
.banner-title ul li { color:#fff; display:inline-block; margin:0; padding:0 15px 0 5px; position:relative; }
.banner-title ul li::after { content:'/'; position: absolute; top:0; right:0; }
.banner-title ul li:last-child { padding-right:5px; }
.banner-title ul li:last-child::after { display: none; }
.banner-title ul li a { color:#fff; text-decoration:none; }


.publications-banner { background: #f3f3f3; }
.publications-banner .banner-title { position:relative; } 
.publications-banner .banner-title h2{ color:#1a212d; }
.publications-banner .banner-title ul li { color:#1a212d; }
.publications-banner .banner-title ul li a { color:#1a212d; }


.subscribe-banner { background:#eee; }
.subscribe-banner .banner-pic img { height:150px; }
.subscribe-banner h2,
.subscribe-banner .banner-title ul li a,
.subscribe-banner .banner-title ul li { color:#1a212d }

@media screen and (max-width:767px){
	.inner-banner { min-height:250px; }
	.banner-title h2 { margin:0; padding:0 0 5px; font-size: 22px; font-weight:700; } 
	.inner-banner .banner-pic img { max-height:300px; }
	.subscribe-banner .banner-pic img { height:150px; }
	.banner-title ul li a { font-size:13px; }
}
@media screen and (max-width:575px){
	.banner-title { bottom:15%; }
	.inner-banner .banner-pic img { max-height:260px; }
	.subscribe-banner .banner-pic img { max-height:150px; }

}

/* HOME PAGE ------------------- */
.signupstrip {
	width:100%; float:left; padding:100px 0; margin:50px 0 0 0;
	text-align: left; position: relative;
	background: url('../images/pexels-anaussieinvietnam-28225763.jpg');
	background-size:cover; background-position: center; }
.signupstrip::before { 
	content:''; background:rgba(0,0,0,0.8);
  width:100%; height:100%; position:absolute; top:0; left:0;}
.signupstrip h2,
.signupstrip h3 { color:#fff; }
.signupstrip p { color:#fff; } 
.signupstrip a.button { background:none; color:#fff; margin:0 0 30px;  }
.signupstrip a.button:hover {color:#fab742;}

@media screen and (max-width:971px){
	.signupstrip { margin:30px 0 0; }
}
@media screen and (max-width:767px){
	.signupstrip { margin:30px 0 0; }
}
@media screen and (max-width:575px){
	.signupstrip { margin:20px 0 0; }
}
/* NEWS DETAILS PAGE ---------------------- */
.cover-image,
.news-cover {
	width: 100%; float:left; margin:0 0 30px; padding:0; }
.cover-image img,
.news-cover img {
	width: 100%; max-height: 500px; 
	object-fit: cover; object-position:center;

}

.nav-links {
	width: 100%; float: left;
	padding:20px 30px; margin:10px 0; font-size:15px; 
	background: #f3f3f3; border-radius:10px;
}
.nav-links a { font-weight: 500; color:#444; }


/* Pagination wrapper ---------- */
.pagination-wrapper,
.navigation.pagination {
    margin-top: 50px;
    text-align: center;
}

/* Links container */
.pagination .nav-links {
    display: inline-flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center; justify-content: center;
}

/* Page numbers */
.pagination .page-numbers {
    min-width: 40px;
    height: 40px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #f5f7fa;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.25s ease;
}

/* Hover */
.pagination .page-numbers:hover {
    background: #111827;
    color: #fff;
}

/* Current page */
.pagination .page-numbers.current {
    background: #111827;
    color: #fff;
    cursor: default;
}

/* Prev / Next buttons */
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    padding: 0 18px;
    font-weight: 600;
}

/* Disabled state (if any) */
.pagination .page-numbers.disabled {
    opacity: 0.4;
    pointer-events: none;
}

/* ABOUT PAGE ------------------ */
.about-image {}
.about-image img { border-radius:15px; }

.images_strip {
	width:100%; float:left; padding:100px 0; margin:0;
	text-align: center; position: relative;
	background: url('../images/pexels-anaussieinvietnam-28225761.jpg');
	background-size:cover; background-position: center; }
.images_strip::before { 
	content:''; background:rgba(0,0,0,0.5);
  width:100%; height:100%; position:absolute; top:0; left:0;}
.images_strip h2 { 
	text-align: inherit; text-transform: capitalize; 
	color:#fff; max-width: 800px; margin:0 auto 30px; }

@media screen and (max-width:767px){
	.images_strip { padding:50px 0; }
}




.writetous { 
	padding:40px 40px 20px 40px; border-radius: 20px;
	text-align: left; background:#fff; }
.writetous p { margin:0; padding:0; color:#6b7280 }
.writetous label { width:100%; float:left; margin:20px 0 0 0; text-align: inherit; }
.writetous input { background:#F5F5F5; margin:0;  }
.writetous textarea {  background:#F5F5F5; margin:0; }
.writetous select { margin:0; }
.writetous input[type="submit"]{ 
	padding:16px 30px; margin:20px 0 0 0; border:none; outline:none;
	background:#111; color:#fff; font-weight:600; } 

.writetous .signuptopics { 
	margin:20px 0 0; padding:0; }
.writetous .wpcf7-list-item { 
	transition:all 1s; cursor: pointer; border:1px solid #ccc; 
	margin:10px 10px 0px 0; padding:6px 15px 6px 10px; border-radius:10px; }
.writetous .wpcf7-list-item label { 
	font-size:13px; cursor: pointer; margin:0; padding:0; }
.writetous .wpcf7-list-item:hover { 
	background:#eee;} 

.contact-block { 
	display: flex; justify-content: center; flex-direction: column;
	width:100%; height: 100%; background:#fefefe;
	padding:40px 30px; margin:0 0 30px; border:1px solid #eee; border-radius: 15px; text-align: center; }
.contact-block h6 { text-align:inherit; margin:0; padding:0 0 10px; }
.contact-block a { font-weight:600; }



/* LISTING AND FILTER ---------------------------------- */
.news-filter-wrapper {
	padding:20px 30px;
  border-radius: 10px;
  background: #e5e7eb40;
  border: 1px solid #e5e7eb; }
.news-tags-list { 
	width:100%; display:flex;  gap:8px; flex-wrap:wrap; }

.news-tags-list a {
	padding:6px 12px; 
  font-size:13px; color:#333;
  text-decoration:none;
  display:inline-block;
  background:#f5f5f5; border:1px solid #ddd;
  border-radius:20px; }

.news-tags-list a:hover { 
	background: #89222420; border: 1px solid #89222430; }

.news-filter-wrapper h6 { 
	margin:0; padding:10px 0;
	border-top:1px solid #eee;
	display: flex; justify-content: space-between; align-items: center; }
.news-filter-wrapper h6:first-child { border: none;}
.news-filter-wrapper h6 span { 
	display: none; 
	width:34px; height:26px; justify-content: center; align-items: center;
	font-size:14px; border-radius: 15px;
	background:#111111; cursor:pointer; color:#fff; }
.news-category-list {
    margin-bottom: 20px; display: block; }
.news-category-list-active { display: block; }
.news-category-list ul {
    list-style: none; padding: 0; margin: 0; }

.news-category-list ul li {
    margin-bottom: 8px; }
.news-category-list ul li a {
    display: block;
    padding: 8px 12px;
    background: #f2f2f2;
    border-radius: 6px;
    color: #333;
    text-decoration: none;
    transition: 0.2s ease;
    font-size: 14px;
}

.news-category-list ul li a:hover {
    background: #e9e9e9;
    color: #000;
    padding-left: 16px; /* subtle hover movement */
}
.news-category-list ul li a.active {
    background: #000;
    color: #fff;
}

@media screen and (max-width:991px){
	.news-filter-wrapper h6 span { display: flex; }
	.news-category-list { display: none; }
	.news-category-list-active { display: block; }
	
	.news-tags-list { display: none;  }
	.news-tags-list-active { 
		display:flex; gap:8px; flex-wrap:wrap; }
}

/* MONTHLY ISSUES ----------------- */
.publication-box {
  background: #e5e7eb; width: 100%;
  padding: 20px; float: left; border:1px solid #e5e7eb;
  border-radius:0px; margin: 0  0 30px;
}
.publications-thumb { margin:0 0 0; padding:0; ; }
.publications-thumb a img { width:100%; max-height:300px; object-position:center; object-fit:cover; }
.publications-thumb-img { margin:0; padding:0; overflow:hidden}
.publications-thumb-desc { margin:20px 0; padding:0; }
@media screen and (max-width:767px){
    .publications-thumb { margin:0 0 30px; }
	.publications-thumb-desc h4 { text-align: center; }
	.publications-thumb-desc { text-align:center; }
}

.publications-content iframe {
	width:100% !important; height: 600px !important;}

.publications-content figure  {
	width:100% !important; margin:0 0 30px; float:left; }

/* Wrapper controls overall responsiveness */
.flipbook-wrapper {
  width: 100%;
  min-height: 150px;
  margin: 0 auto;
  padding: 0 15px;
  overflow: hidden;
  background: #f6f6f6 url('../images/loading.gif') no-repeat center center; background-size: 40px 40px;
}

/* Flipbook container */
#flipbook {
  width: 100%;
  max-width: 100%;
  margin: 30px auto;
}

/* Turn.js pages */
#flipbook .page,
.turn-page {
  background: #fff;
  overflow: hidden;
}

/* Canvas must scale fluidly */
#flipbook canvas {
  width: 100% !important;
  height: auto !important;
  display: block;
  max-width: 100%;
}

/* Controls stay responsive */
.flipbook-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 10px;
}

/* Buttons responsive touch size */
.flipbook-controls button {
  padding: 8px 12px;
  min-height: 36px;
  border: none;
  background: #222;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
}

/* Page info alignment */
#pageInfo {
  margin-left: auto;
  font-size: 14px;
  white-space: nowrap;
}

@media (max-width: 768px) {

  .flipbook-wrapper {
    max-width: 100%;
    padding: 0 10px;
  }

  #flipbook {
    transform: scale(0.95);
    transform-origin: top center;
  }

  .flipbook-controls {
    justify-content: center;
  }

  #pageInfo {
    width: 100%;
    text-align: center;
    margin-top: 6px;
  }
}


/* VIDEOS AND PODCASTS ----------------- */
.videos-thumb { margin:0 0 30px; padding:0; ; }
.videos-thumb a img { width:100%; max-height:300px; object-position:center; object-fit:cover; }
.videos-thumb a { font-size:18px; }
.videos-thumb a:hover {  }
.videos-thumb-img { margin:0 0 20px; padding:0; border-radius:10px; overflow:hidden}
.videos-thumb-img img { width:100%; max-height:320px; object-fit:cover; }
.videos-thumb-desc { margin:0; padding:0; }
.videos-thumb a.button { font-size:13px; padding:10px 15px 10px 20px; }
.videos-thumb a.button::after { content:'\f167'; font-family: 'Font Awesome 6 Brands'; font-size:17px;}

@media screen and (max-width:767px){
	.videos-thumb-img img { height:250px; }
}
@media screen and (max-width:475px){
	.videos-thumb-img img { height:220px; }
}


/* SEARCH ------------------ */



.search-banner { background:#111111; min-height:unset; }
.search-title { position: relative; bottom:auto; left:0; top:0; padding:10px 0; }
.banner-search-title { width:100%; float:left; padding:40px 25px 10px 25px; }
.search-banner h2 { text-align:left; max-width:unset; margin:0; padding:0;  }
.search-banner ul { float:left; }

.search-form { 
    width:100%; max-width: 700px; background:#333;
    margin:0 0 30px; padding:40px 30px 30px;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px; }
.search-form label { color:#fff; }
.search-form button { margin:0;  }
.search-form input { margin:0 0 20px; background:#fff; border:none; }
.search-form input:focus { outline:none; } 
.search-form select { background:#fff; border:none; }
.search-form button { background:#111111; color:#fff; border: 1px solid #111;}
.search-form button:hover { background:#000; color:#fff; border-color:#fff;   }

.search-item { margin:0 0 30px; padding:0; }
.search-item img { border-radius:10px; }




.mobilesearchbox {
    display: none; order: 2;
}
@media screen and (max-width: 1200px) {
    .mobilesearchbox{
        display: block;
        padding: 0 40px 50px; margin:0;
        
    }.mobilesearchbox span {color:#fff; }
    .menu-search { display: none; }
    .mobilesearchbox .search-form {
        display: flex; padding:0;
        gap: 0px; margin:0; border-radius: 20px; overflow: hidden;
        background:none; 
    }

    .mobilesearchbox input[type="search"] {
        flex: 1; 
        padding: 10px; margin:0; 
        border: 1px solid #ccc;
        border-radius: 0;
    }
    .mobilesearchbox button {
        padding: 10px 14px;
        border: none;
        background: #fab742;
        color: #fff; font-size:22px;
        border-radius: 0;
        cursor: pointer;
    }
}

/* Wordpress custom codes -------- */
@media (max-width: 768px) {
  .wp-block-media-text__content {
    padding: 20px !important;
  }
}