/*
Theme Name: EntertopWP Child Theme
Theme URI: https://www.entertop.com.my
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: Entertop WP
Author URI: https://www.entertop.com.my
template: bb-theme
*/

/* Add your custom styles here... */ 

/* General */


/*For Iphone*/
a[href^=tel] { color: inherit; text-decoration: none; }

html[class *= "pp-modal-active-"] body{
	overflow: hidden;
}

a:hover{transition:0.3s;text-decoration:none;cursor: pointer;}

.justify p, .justify{text-align:justify;}

ul {
	padding-left: 0px;
}

.zindex-0{
	position:relative;
}

.zindex-1{
	position: relative;
	z-index: 1;
}

.zindex-2{
	position: relative;
	z-index: 2;
}

.zindex-3{
	position: relative;
	z-index: 3;
}

.zindex-4{
	position: relative;
	z-index: 4;
}

.zindex-5{
	position: relative;
	z-index: 5;
}


.nolink a, .nolink{
	pointer-events:none !important;
}

.fl-builder-edit .nolink a, 
.fl-builder-edit .nolink{
	pointer-events:all !important;
}


.zoom-in {
	overflow: hidden;
}

.zoom-in .fl-col-content{
	transform: scale(1);
	transition: 0.7s ;
}

.zoom-in:hover > .fl-col-content{
	transform: scale(1.1);
	transition: 0.7s;
}

.map{-webkit-filter: grayscale(100%);
filter: grayscale(100%);}


.nf-form-fields-required {
	display: none !important;
}


#fl-to-top {
	background-color: #fff;
	background-color: #159cd8;
	right: 30px;
}

#fl-to-top:hover {
	background-color: #8a92c3;
}

.fl-builder-edit .overflow-x, .fl-builder-edit .overflow-y{
	overflow: visible;
}

.overflow-x {
	overflow-x: hidden;
}

.overflow-y {
	overflow-y: hidden;
}

.full-height {
	height: 100vh;
}

.inner-banner > .fl-row-content-wrap::after {
	background: rgb(0,91,151);
	background: linear-gradient(90deg, rgba(0, 91, 151, 0.9) 0%, rgba(3, 116, 191, 0.96) 13%, rgb(50, 69, 172) 47%, rgba(65, 139, 255, 0) 100%);
}

.fl-builder-edit .inner-banner{
	overflow:visible;
}

.inner-banner {
	position: relative;
	overflow: hidden;
}

.inner-banner .dashicons {
	margin: 3px 5px;
}

.fl-builder-edit .graphic-top {
	position: relative;
	display:none;
}

.graphic-top {
	position: absolute;
	top: -105px;
	left: -46%;
	opacity: 0.1;
}


.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: #1f3e5b !important;
	border-color: #1f3e5b !important;
	border-radius: 50px !important;
}

.page-link {
	position: relative;
	display: block;
	padding: 10px 16px;
	margin-left: -1px;
	line-height: 1.25;
	color: #1f3e5b;
	background-color: #fff;
	border: transparent;
	border-radius: 50px !important;
}

.page-link:hover {
	z-index: 2;
	color: #fff;
	text-decoration: none;
	background-color: #1f3e5b;
	border-color: #dee2e6;
}


.fl-number-string, .fl-number-after-text {
	padding-left: 60px;
	margin: 5px !important;
}

.yoe::after, .cp::after, .sc::after {
	width: 65px !important;
	height: 65px !important;
	position: absolute;
	margin: 10px 0px 0px -10px;
	display: block;
}

.yoe::after {
	content: url(/wp-content/themes/entertopwp-theme-child/svg/icn-highlight.svg);
}

.cp::after {
	content: url(/wp-content/themes/entertopwp-theme-child/svg/cp-highlight.svg);
}

.sc::after {
	content: url(/wp-content/themes/entertopwp-theme-child/svg/sc-highlight.svg);
}

#fl-to-top {
	background-color: transparent;
	right: 30px;
	background-image: url("/wp-content/uploads/2023/12/go-to-top.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 100px;
}

#fl-to-top i {
	position: absolute;
	top: 15px;
	left: 15px;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
}

#fl-to-top:hover {
	background-color: transparent;
}

.pp-testimonials-nav .owl-prev, .pp-testimonials-nav .owl-next {
	margin: 5px !important;
}

.nf-field select {
	background-color: transparent !important;
}

.pp-content-grid-post .pp-content-category-list {
	margin-top: 0 !important;
}


.pp-ninja-form-content .ninja-forms-form-wrap input[type="submit"], .pp-ninja-form-content .ninja-forms-form-wrap .submit-wrap input[type="button"] {

	border-radius: 10px !important;
}

/* End General */



/*Post Listing*/

.fl-widget {
	margin-bottom: 20px !important;
}

.row.fl-post-image-beside-wrap {
	display: flex;
}

.fl-post-thumb img {
	height: auto !important;
	max-width: 100%;
	width: 600px;
	margin-top: -120px;
}

.fl-post-author, .fl-sep {
	display: none;
}

.widgettitle {
	display: none !important;
}

.row.fl-post-image-beside-wrap {
	display: flex;
	margin-left: 0;
}

.fl-post-thumb {
	margin-bottom: 25px;
	height: 300px;
	overflow: hidden;
	width: 100%;
}

a.tag-cloud-link {
	font-size: 14px !important;
}

.wp-block-categories-list, .wp-block-archives-list, .wp-block-tag-cloud {
	margin-top: -10px !important;
}

/*End Post Listing*/


/*Start Slider*/

.main-slider .fl-slide, .main-slider .fl-slide-foreground {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: center !important;
}

.main-slider .fl-slide-foreground {
	margin: 0 auto;
	max-width: 80% !important;
	width: 100%;
}

.main-slider .fl-slide-photo {
	margin-right: 0 !important;
	float: right;
}

.main-slider .bx-pager {
	bottom: 100px !important;
}

.main-slider .fl-module-content-slider .bx-wrapper {
	margin: 0;
}

.main-slider .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #f69175 !important;
}

.main-slider .bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff !important;
	width: 13px !important;
	height: 13px !important;
}

.main-slider .fl-slide-photo-img {
	width: 500px;
}

.main-slider .fl-slide-photo-img {
	width: 100% !important;
	margin-left: 20px;
}

.main-slider .fl-slide-3 .fl-slide-photo-img {
	width: 100% !important;
	margin-left: 0px;
	margin-bottom: -130px;
}

.main-slider .slider-prev .fl-content-slider-svg-container {
	background-image: url("/wp-content/uploads/2024/01/prev-button.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 50px;
	height: 50px;
}

.main-slider .slider-next .fl-content-slider-svg-container {
	background-image: url("/wp-content/uploads/2024/01/next-button.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 50px;
	height: 50px;
}

.main-slider .fl-content-slider-svg-container svg {
	display: none;
}

.fl-slide-title {
	text-transform: capitalize;
	line-height: 70px !important;
}

.fl-slide-content-wrap .fl-slide-text {
	font-size: 20px;
}


/*End Slider*/


/*Home*/

.product .pp-infobox-wrap {
	transform: scale(1);
	transition: 0.7s;
}

.product .pp-infobox-wrap:hover {
	transform: scale(1.1);
	transition: 0.7s;
	z-index:20;
}



.gradient-vdo > .fl-row-content-wrap::after {
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(141,156,170,0.6194678555015756) 24%, rgba(31,62,91,0.4093838218881303) 50%, rgba(31,62,91,0.3533614129245448) 75%, rgba(255,255,255,1) 100%);
}

.gradient-insights > .fl-row-content-wrap {
	/* background: rgb(255,255,255); */
	/* background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(244,233,213,1) 50%, rgba(255,255,255,1) 100%); */
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(244,233,213,1) 30%, rgba(244,233,213,1) 50%, rgba(244,233,213,1) 70%, rgba(255,255,255,1) 100%);
}

.gradient-vdo .fl-photo-caption {
	color: #fff;
	text-align: center;
}

.img-1 img, .img-2 img {
	opacity: 0.8;
}


.small-image .pp-gallery-img {
	width: 70px !important;
}


.about-description .pp-photo-gallery-caption {
	width: 100%;
	text-align: left !important;
}

.about-description .pp-photo-gallery-item {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}

/*End Home*/


/*Start About*/

.icon-smallx .fa {
	font-size: 40px;
	margin: 50px 0px 0px 15px;
	position: absolute;
}


.certificate-gradient > .fl-row-content-wrap {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(234,245,239,1) 30%, rgba(234,245,239,1) 50%, rgba(234,245,239,1) 70%, rgba(255,255,255,1) 100%);   
}

.mission-bg > .fl-row-content-wrap {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 30%, rgba(246,246,246,1) 50%, rgba(246,246,246,1) 70%, rgba(255,255,255,1) 100%); 
}

.timeline .pp-timeline-icon {
	width: 20px;
	height: 20px;
}

.timeline  .pp-post-timeline-image {
	height: 150px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
}

.timeline .pp-post-timeline-title-wrapper {
	padding: 0 !important;
}

.timeline .pp-post-timeline-text-wrapper {
	padding-top: 5px !important;
}

.about-mid .pp-infobox {
	background: rgb(0,91,151) !important;
	background: linear-gradient(90deg, rgba(0, 91, 151, 0.87) 0%, rgb(3, 116, 191) 50%, rgba(78, 99, 215, 0.74) 100%) !important;
}

.about-lyric {
	position: relative;
}

.about-lyric .pp-accordion-button-icon {
	position: absolute;
	left: 220px;
	top: 17px;
}

	.left-about-img .fl-photo {
	position: absolute;
	}

/*End About*/

/*Start Financial*/

.financials ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}

.financials ul li {
	width: calc(45% - 20px);
	margin: 10px;
	text-align: center;
	border: 1px solid #ccc;
	list-style: none;
	background-color: #f69175;
	padding: 20px;
	color: #fff;
}

/*End Financial*/


/*Start Products*/

.brands div {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50px;
	left: 55px;
}

.brands .Barco {background-image: url("/wp-content/uploads/2023/12/barco.png");}
.brands .Germitec {background-image: url("/wp-content/uploads/2024/01/Germitec.png");}
.brands .LAP {background-image: url("/wp-content/uploads/2024/01/LAP.png");}
.brands .Medavis {background-image: url("/wp-content/uploads/2024/01/Medavis.png");}
.brands .Medwaves {background-image: url("/wp-content/uploads/2024/01/Medwaves.png");}
.brands .Metrum {background-image: url("/wp-content/uploads/2024/01/Metrum.png");}
.brands .Moller {background-image: url("/wp-content/uploads/2024/01/Moller.png");}
.brands .SCW {background-image: url("/wp-content/uploads/2024/01/SCWMedicath.png");}
.brands .SeeGen {background-image: url("/wp-content/uploads/2024/01/seegen.png");}
.brands .SeeSheen {background-image: url("/wp-content/uploads/2024/01/SeeSheen.png");}
.brands .Vision {background-image: url("/wp-content/uploads/2024/01/VisionMedical.png");}
.brands .Collagen {background-image: url("/wp-content/uploads/2024/01/Collagen.png");}
.brands .ENDOR {background-image: url("/wp-content/uploads/2024/01/endor.png");}
.brands .Bellabee {background-image: url("/wp-content/uploads/2024/01/bellabee.png");}
.brands .Intermedic {background-image: url("/wp-content/uploads/2024/01/inrtermedic.png");}
.brands .MG {background-image: url("/wp-content/uploads/2024/01/mge.png");}
.brands .HIFU  {background-image: url("/wp-content/uploads/2024/03/pro.png");} 
.brands .Bayer  {background-image: url("/wp-content/uploads/2024/01/bayer.png");} 
.brands .TMH  {background-image: url("/wp-content/uploads/2024/01/tmh.png");}
.brands .CT  {background-image: url("/wp-content/uploads/2024/01/tmh.png");}
.brands .ThinkFast  {background-image: url("/wp-content/uploads/2024/01/thinkfast.png");} 


 ul.btn-product{
	display :flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
	 padding:0;
}

 ul.btn-product li{
	width: auto;
    margin: 10px;
    text-align: center;
	 list-style:none;
	 
}

 ul.btn-product li:nth-child(1) a{
	 background-color: #f69175;
	 padding:12px 24px;
	 border-radius: 10px;
	 color:#fff;
}

 ul.btn-product li:nth-child(1) a:hover{
	background-color:#1f3e5b;
}

 ul.btn-product li:nth-child(2) a{
	background-color:#1f3e5b;
	 padding:12px 24px;
	 border-radius: 10px;
	 color:#fff;
}

 ul.btn-product li:nth-child(2) a:hover{
	background-color:#ccc;
	 color:#000;
}

.links {
	padding-top: 10px;
	display: inline flow-root list-item;
}

.product-detail ul {
	list-style-type: none !important;
	margin-left: 20px;
}

.product-detail ul li::before {
	/* content: '\e052' !important; */
	color: #ba2c2c;
	/* font-family: 'ETMODULES' !important; */
	margin-right: 10px;
	margin-left: -25px;
	content: "\f00c";
	font-family: FontAwesome;
}


/*End Products*/

.services-exp .fl-icon {
	width: 45px;
}

.product-grid .pp-hover-card-overlay {
	background-color: #000;
	opacity: 0.4 !important;
}

.product-grid .pp-hover-card:hover .pp-hover-card-overlay {
	background: #000000;
	opacity: 0.7 !important;
}



/*Start Footer*/

.footer-sitemap {
	overflow: hidden;
}

.footer-sitemap > .fl-row-content-wrap {
	 background: rgb(78,99,215);
	background: linear-gradient(90deg, rgba(78,99,215,1) 0%, rgba(3,116,191,1) 50%, rgba(0,91,151,1) 100%) !important; 
}

.footer-sitemap .pp-accordion-button-icon {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	margin-right: -90px;
}

.footer-sitemap .pp-accordion-button-label {
	display: block;
	/* align-items: center; */
	/* flex-wrap: wrap; */
	width: auto;
	margin-top: 0;
	margin-bottom: 0;
	color: inherit;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*End Footer*/

@media only screen and (max-width: 1700px) and (min-width: 1000px) {
	
	h2 {
	font-size: 40px;
	line-height: 1.1;
	letter-spacing: 0px;
	}
	
	.pp-hotspot-marker {
	min-width: 10px !important;
	min-height: 10px !important;
	}
	
	.gradient-vdo .fl-row-content-wrap {
	padding-left: 50px;
	padding-right: 50px;
	}
	
	.fl-number-text .fl-number-string, .fl-number .fl-number-text .fl-number-string span {
	font-size: 35px !important;
	}
	
	.yoe::after, .cp::after, .sc::after {
	width: 45px !important;
	height: 45px !important;
	}
	
	.fl-number-string, .fl-number-after-text {
	padding-left: 40px;
	margin: 0px !important;
	}
	
	.content-width .fl-row-content-wrap {
  	padding-top: 40px;
 	 padding-right: 80px;
 	 padding-bottom: 40px;
  	padding-left: 80px;
	}
	
	.module-spacing .fl-module-content {
	margin: 20px;
	}
	
	.img-1 img {
	width: 90%;
	margin-left: -80px;
	}
	
	.img-2 img {
	width: 82%;
	margin-right: -20px;
	}
	
	.pp-infobox-icon-inner span.pp-icon, .pp-infobox-icon-inner span::before{
		font-size:40px !important;
	}
	
	.pp-infobox-icon-inner {
	width: 70px !important;
	height: 70px !important;
	}
	
	.core-values .pp-infobox-title {
	font-size: 18px;
	}

	.about-mid .fl-col-content {
	margin: auto 15px !important;
	}
	
	.message-md .fl-col-content {
	padding: 0 20px;
	}
	

	.fl-slide-title {
	font-size: 50px;
	}
	
	.gradient-vdo .fl-row-content-wrap {
	padding: 90px 20px;
	margin-top: -40px;
	}
	
	.gradient-vdo > .fl-row-content-wrap::after {
	background: linear-gradient(180deg, rgb(255, 255, 255) 7%, rgba(141,156,170,0.6194678555015756) 24%, rgba(31,62,91,0.4093838218881303) 50%, rgba(31,62,91,0.3533614129245448) 75%, rgb(255, 255, 255) 95%);
	}
	
	.pp-advanced-menu .menu a {
	font-size: 18px !important;
	}	
	
	.fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited {
	padding: 10px 18px !important;
	}
	
	.about-description .pp-photo-gallery-caption {
	font-size: 14px;
	}
	
	.icon-smallx .fa {
	font-size: 40px;
	margin: 35px 0px 0px 15px;
	position: absolute;
	}

	

}


/* Laptop Small Screen */
@media only screen and (max-width: 1200px) and (min-width: 1000px) {
	
	.core-values .pp-infobox-title {
	font-size: 14px;
	}
	
	.icon-image .fl-photo-img {
	width: 300px;
	margin: 20px;
	}
   
}





/* Portrait tablet to landscape and desktop */
@media (min-width: 1100px) and (max-width: 1200px) {
	

	.fl-number-text .fl-number-string, .fl-number .fl-number-text .fl-number-string span {
	font-size: 23px !important;
	}
	
}




/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 980px) {
	
	.content-width .fl-row-content-wrap {
	padding: 20px !important;
	}
	.module-spacing .fl-module-content {
	margin: 20px 0px;
	}
	
		.pp-infobox-icon-inner span.pp-icon, .pp-infobox-icon-inner span::before{
		font-size:40px !important;
	}
	
	.pp-infobox-icon-inner {
	width: 70px !important;
	height: 70px !important;
	
	}
	
	.yoe::after, .cp::after, .sc::after {
	width: 25px !important;
	height: 25px !important;
		margin: 10px 0px 0px -21px;
	}
	
	.fl-number-int, .fl-number-string {
	font-size: 22px !important;
	}
	
	.fl-number-string, .fl-number-after-text {
	padding-left: 5px;
	margin: 5px !important;
	}
	
		.fl-node-r5q8ctwp3od7 .pp-advanced-menu .sub-menu {
	background-color: #fff0 !important;
	border: solid 1px #ffff !important;
	}

	
	
}


/* Mobile screen size - landscape view */
@media (max-width: 767px) {
   
}

/* Mobile screen size */
@media (max-width: 480px) {
	
	.fl-page-content{
		overflow-x:hidden !important;
	}
	
	.fl-number-text .fl-number-string, .fl-number .fl-number-text .fl-number-string span {
	font-size: 25px !important;
	}
	
	.yoe, .cp, .sc {
	display:none;
	}
	
	.fl-number-string, .fl-number-after-text {
	padding-left: 0;
	margin: auto;
	}
	
	.pp-hotspot-marker {
	min-width: 10px !important;
	min-height: 10px !important;
	}
	
	.footer-three-col .pp-infobox-wrap .layout-4-wrapper {
	flex-direction: row !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: center !important;
	}
	
	.menu-footers .pp-advanced-menu:not(.off-canvas):not(.full-screen) .pp-advanced-menu-horizontal {
	display: flex !important;
	}
	
	.fl-node-r5q8ctwp3od7 .pp-advanced-menu .sub-menu {
	background-color: #fff0 !important;
	border: solid 1px #ffff !important;
	}
	
	
.financials ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: normal;
}
.financials ul li {
	width: calc(45% - 20px);
	margin: 10px;
	text-align: center;
	border: 1px solid #ccc;
	list-style: none;
	background-color: #f69175;
	padding: 10px;
	color: #fff;
}
	
	.main-slider .fl-slide-bg-photo {
	height: 600px !important;
	min-height: 600px !important;
	width: 100% !important;
	top: 0 !important;
	position: absolute !important;
	z-index: -1 !important;
	}
	
	.main-slider .fl-slide-mobile-photo {
	display: block;
	width: 300px !important;
	}
	
	.main-slider .fl-slide-foreground {
	max-width: 100% !important;
	}
	
	.main-slider .fl-slide-title {
	font-size: 18px !important;
	margin-top: 10px !important;
	}
	
	.main-slider .bx-pager {
	bottom: 10px !important;
	}
	
	.main-slider .fl-slide-content {
	background-color: #000000b2 !important;
	}
	
	.main-slider .fl-slide-content {
	background-color: #000000b2 !important;
	padding: 10px !important;
	}
	
	.main-slider .slider-prev .fl-content-slider-svg-container, .main-slider .slider-next .fl-content-slider-svg-container {
	width: 30px;
	height: 30px;
	}
	
	ul.btn-product li {
	margin: 5px;
	}
	
	ul.btn-product li:nth-child(1) a, ul.btn-product li:nth-child(2) a {
	padding: 10px;
	}
	
	ul.btn-product {
	justify-content: center;
	}
	
	.two-mobile-btn .fl-button-group-button {
	width: 50%;
	margin: 0 !important;
	padding: 0 !important;
	}
	
	.two-mobile-btn .fl-button-group-buttons {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: stretch;
	width: 100%;
	margin: 0 !important;
	}
	
	.main-slider .fl-slide-title {
	text-transform: capitalize;
	line-height: 40px !important;
	}
	
	.main-slider .fl-slide-text {
	margin-top: -20px;
	padding-bottom: 30px;
	}
	
	.icon-smallx .fa {
	font-size: 20px;
	margin: 20px 0px 0px 5px;
	position: absolute;
	}


    
}