/*
Theme Name: Advanced Lipids
Description:  A simple, three column, widget-ready WordPress theme.
Author:  Elad
Author URI:  http: //codecode.cc
version:  5.0
Tags:  fixed-width, three-columns, threaded-comments, brown
*/

@import url('assets/fonts/fonts.css');
@import url('https://cdn.linearicons.com/free/1.0.0/icon-font.min.css');

/* basics */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; -ms-box-sizing: border-box; outline: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 10px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-family: sans-serif; line-height: 100%; margin: 0; padding: 0; }
a { color: #484e51; text-decoration: none; transition: 0.3s; }
a:focus, a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 700; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 75%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { list-style: none; display: block; }
ul.list li { display: list-item; list-style: inside; list-style-type: disc; }
ol.list li { display: list-item; list-style: inside; list-style-type: decimal; }
dd { margin: 0 0 0 40px; }
img { display: block; border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; }
svg:not(:root) { overflow: hidden; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
.clr { clear: both; display: block; }
.cf:after, .wrap:after, .clear { clear: both; content: ''; display: block; width: 100%; }
.select2 {width:100% !important;height:60px;border: solid 1px #ddd;border-radius: 10px; padding: 5px 15px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {width:8px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{top:28px !important;left:0 !important;right:15px !important;}
.select2-container--default .select2-selection--single {border:0 !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{height:50px; line-height: 50px !important;padding-left:5px !important;color:#0EAEE5 !important;}
.prodev_icon_hover {
	display: none;
}
.next_prev_posts a:hover {
	text-decoration: none !important;
}
.next_prev_posts a {
	color: #0EAEE5;
	text-decoration: underline;
}
.next_prev_posts {
	width: 100%;
	padding-top: 50px;
}
.next_prev_posts .next a:hover,
.next_prev_posts .prev a:hover {
	text-decoration: underline;
}
.next_prev_posts .prev {
	float: left;
	line-height: 25px;
}
.next_prev_posts .next {
	float: right;
	line-height: 25px;
	padding-right: 25px;
}
.select2.err #select2-country-container {
	color: white !important;
}
.select2-container--default .select2-selection--single {
	background-color: inherit !important;
}
.contact_us_page .select2 {border: 1px solid #767A7E}
.select2.err,
.txtarea.err,
.txtbox.err { background: #ffa4a4 !important; border: solid 1px red;color:white; }
.txtarea.err::-webkit-input-placeholder,
.txtbox.err::-webkit-input-placeholder { color: #fff; }
.txtarea.err:-moz-placeholder,
.txtbox.err:-moz-placeholder { color: #fff; opacity: 1; }
.txtarea.err:-moz-placeholder,
.txtbox.err::-moz-placeholder { color: #fff; opacity: 1;}
.txtarea.err:-ms-input-placeholder,
.txtbox.err:-ms-input-placeholder { color: #fff; }
.selerr{border: solid 1px red; border-radius: 10px;}
.formdiv .txtbox:disabled { opacity:0.5; }
/*================================================== FORM */
button, input, select, textarea { border-radius: 0px; -webkit-border-radius: 0px; border: 0px; background: none; font-size: 100%; color: #000; display: block; padding: 0 10px;
	text-transform: none; width: 100%; }
select { box-shadow: none; /*-webkit-appearance:none; -moz-appearance:none; -ms-appearance: none; appearance: none;*/ }
select::-ms-expand { display: none; }
input[type=button], input[type=submit], button { cursor: pointer; -webkit-appearance:none; -moz-appearance:none; -ms-appearance: none; appearance: none; transition: 0.3s; }
textarea { resize: none; padding: 10px; overflow: auto; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: 40px; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
/**/
input[type=checkbox], input[type=radio] { width: auto; display:none; }
input[type="checkbox"] + label span { display:inline-block; width:20px; height:20px; margin-right: 4px; position: relative; top: -1px; background: #fff; border: 1px solid #dce0e1; vertical-align: middle; border-radius: 0px; -webkit-border-radius: 0px; cursor: pointer; }
input[type="checkbox"]:checked + label span:before { content: "\2713"; }
input[type="radio"] + label span {display:inline-block; width:16px; height:16px; margin-left: 4px; position: relative; top: -1px; background: #fff; border: 1px solid #a0a0a0; vertical-align: middle; border-radius: 50%; -webkit-border-radius: 50%; cursor: pointer; }
input[type="radio"]:checked + label span:before { content: "\2022"; }
/**/
::-webkit-input-placeholder { color: #58CCF2; }
:-moz-placeholder { color: #58CCF2; opacity: 1; }
::-moz-placeholder { color: #58CCF2; opacity: 1;}
:-ms-input-placeholder { color: #58CCF2; }
/**/
::-moz-selection { color: #fff; background: #333; }
::selection { color: #fff; background: #333; }
/**/
.tbl { border-collapse: collapse; display: table; width: 100%; }
.tblrow { display: table-row; }
.cell { display: table-cell; vertical-align: middle; }
/**/
div.wpcf7 { }
input.wpcf7-not-valid { border-color: #f00 !important; }
textarea.wpcf7-not-valid { border-color: #f00 !important; }
div.wpcf7 img.ajax-loader { display: none !important; }
div.wpcf7 .ajax-loader { display: none !important; }
div.wpcf7-validation-errors { margin: 10px 0 !important; text-align: center; display: none !important; }
span.wpcf7-not-valid-tip { display: none !important; }
div.wpcf7-response-output { margin: 10px 0 !important; text-align: center; }
div.wpcf7 br { display: none; }
.alignright { float: right; margin-left: 30px; margin-bottom: 20px; }
.alignleft { float: left; margin-right: 30px; margin-bottom: 20px; }
.aligncenter { float: none; margin: 0px auto 10px auto; text-align: center; }

/*================================================== TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1; font-family: 'Damion', sans-serif; }
h1 { font-size: 3em; }
h2 { font-size: 1.5em; }
p { line-height: 1.5; margin-bottom: 20px; } 
p:last-child { margin-bottom: 0px; }

/*================================================== SITE CSS */
body { background: #fff; color: #767A7F; font-size: 16px; font-family: 'Raleway', sans-serif; font-weight: 400; }
button, input, select, textarea { font-weight: 400; font-family: 'Raleway', sans-serif; }
#wrapper { max-width: 1920px; margin: 0 auto; position: relative; overflow: hidden; }
.wrap { width: 100%; max-width: 1200px; padding: 0px; margin: 0 auto; position: relative; }
.wow { visibility: hidden; }

sup { top: -0.3em; font-size: 0.7em; }

/*========== HEADER */
header { position: fixed; left: 0; right: 0; top: 0; z-index: 9; transition: 0.3s; margin: 0px auto; max-width: 1920px; }
header:before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 330px; z-index: 0; 
	background: url(assets/images/header-bg.png) repeat-x center bottom; transition: 0.3s; background-size: contain; }
header.sticky:before { height: 200px; }
header .wrap { max-width: 100%; }
header .flex { align-items: flex-start; }
.logo { display: block; max-width: 352px; }
.logo a { display: block; }
/**/
.tglmenu { position: absolute; right: 20px; top: 40px; cursor: pointer; z-index: 1; display: none;
	background: url(assets/images/tglmenu.svg) no-repeat; background-size: contain; padding: 8px; width: 36px; height: 36px; }
.tglmenu.active { background: url(assets/images/tglmenu-close.svg) no-repeat; background-size: contain; }
.hmenu { display: flex; align-items: center; justify-content: center; padding: 45px 60px 0 0; }
.menu > li { display: inline-block; position: relative; padding: 0 20px; }
.menu > li > a { line-height: 40px; display: block; color: #fff; position: relative; font-size: 16px; 
	font-family: 'Ubuntu',sans-serif; text-transform: uppercase; cursor: pointer; }
.menu > li:hover > a, .menu > li.current-menu-item > a { color: #fff; }

.menu > li > a img { position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); height: 42px; 
	max-width: 42px; opacity: 0; transition: 0.3s; }
.menu > li:hover > a img, .menu > li.current-menu-item > a img { opacity: 1; }	

.menu > li:hover > ul.sub-menu { opacity: 1; visibility: visible; top: 40px; }
.menu > li > ul.sub-menu:before { content: ''; position: absolute; top: -22px; left: 50%; border: 12px solid transparent; 
	border-bottom: 12px solid #00AAEC; transform: translatex(-50%); }
.menu > li > ul.sub-menu { background: #00AAEC; position: absolute; top: 50px; left: 50%; transform: translateX(-50%);
	opacity: 0; visibility: hidden; transition: 0.3s; border-radius: 20px; min-width: 120px; }
.menu > li > ul.sub-menu li { padding-top: 4px; }
.menu > li > ul.sub-menu li:last-child a { border-bottom: 0; }
.menu > li > ul.sub-menu li a { color: #fff; line-height: 30px; padding: 0 15px 0 30px; white-space: nowrap; display: block; 
	border-bottom: 1px solid rgba(255, 255, 255, 0.5); opacity: 0.6; font-size: 14px; }
.menu > li > ul.sub-menu li:hover a { opacity: 1; }
.menu > li > ul.sub-menu li.current-menu-item a { background: url(assets/images/menu-arrow.png) no-repeat 10px center; 
	opacity: 1; font-weight: 600; }
span.lnr { color: #fff; position: absolute; right: 0; width: 30px; height: 30px; line-height: 32px; text-align: center; top: 0; }	
.menu li.pll-parent-menu-item { min-width: inherit; text-align: center; padding: 0; }
.menu li.pll-parent-menu-item > a { background: #00ABED; border-radius: 20px; color: #fff; display: none; width: 100%; line-height: 24px; text-align: center; padding: 0; }
.menu li.pll-parent-menu-item:hover > a {
    background: #fff;
	color: #00ABED;    
}
.menu li.pll-parent-menu-item ul {
	background: none;
    min-width: 70px;
	padding: 0;
	border-radius: 0;
	top: 30px !important;
	position: static; visibility: visible; opacity: 1; transform: none;
}
.menu li.pll-parent-menu-item ul li a {
    background: #00ABED;
    border-radius: 20px;
    color: #fff;
    display: block;
    width: 100%;
    line-height: 24px;	
	opacity: 1;
	padding: 0;
}

.menu li.pll-parent-menu-item ul:before {
    display: none;
}
.opendown {
    display: inline-block;
    background: url(//www.advancedlipids.com/wp-content/themes/advancedlipids/assets/images/ic-dropdown.svg) center/100% auto no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    transition: all .3s ease-in-out;
}
.opendown.mopen { transform: rotate(180deg); }
footer li.icn1 a { background: url(https://www.advancedlipids.com/wp-content/uploads/2021/01/email.svg) no-repeat 85% center; }
footer li.icn2 a { background: url(https://www.advancedlipids.com/wp-content/uploads/2021/01/wechat.svg) no-repeat 85% center; }
/**/
.social { padding: 0 20px; display: none !important;}
.social ul { display: flex; align-items: center; }
.social li { height: 40px; width: 40px; display: flex; justify-content: center; align-items: center; margin-right: 10px; }
.social li:hover svg path { fill: #2BAAE1; }
.social li:hover svg circle { stroke: #2BAAE1; }
/**/
.lang.mob { display: none; }
.lang { border-radius: 30px; text-align: center; }
.langdesk { display: none; }
.langdesk .langtgl {
    display: block;
    cursor: pointer;
    width: 30px;
    height: 30px;
}
.langdesk li {
    margin-top: 5px;
}
.langdesk {
    position: relative;
}
.langdesk ul {
    position: absolute;
    right: 0;
}
.langdesk ul { display: none; }  
.lang ul li a { background: rgba(40, 167, 223, 0.88); color: #fff; display: block; line-height: 30px; border-radius: 30px; min-width: 90px; }
.lang ul li a:hover { background: rgba(246, 139, 30, 0.88); }	
/**/
footer { background: #366290; color: #fff; padding: 50px 0; font-family: 'Ubuntu'; }
footer .wrap { max-width: 100%; padding: 0 100px; }
footer ul { max-width: 200px; }
footer li { line-height: 1.2em; margin-bottom: 6px; }
footer li a { color: #fff; }
footer li a:hover { color: #51c9ed; } 
footer li:first-child a { /*font-weight: bold; */}
footer .copyright li:first-child a { font-weight: 400; }
footer .copyright li a { text-decoration: underline; white-space: nowrap; }
footer li a { font-weight: 400;  border-radius: 50px; line-height: 36px;  display: block; }
footer li.bdr a { border: 1px solid #fff; padding: 0 20px; }
footer ul#menu-footer-4 li { max-width: 110px; }
footer ul#menu-footer-2 li { max-width: 140px; }
.copyright { font-size: 12px; }
.copyright a {color:white;}
.copyright a:hover { text-decoration: underline;}

.flex.btndiv a img {
    margin-left: 20px;
}
.flex.btndiv a {
    margin: 0px 10px;
    display: flex;
    padding: 0 30px;
}
.flex.btndiv {
    justify-content: center;
    padding-top: 40px;
}

.disclaimer { background: url(assets/images/bluebg2.png) no-repeat center top; position: fixed; left: 0; right:  0; bottom: 0;
	padding: 230px 0 50px 0; color: #fff; z-index: 9; background-size: cover; }
.disclaimer h4 { font-family: 'Raleway'; font-size: 26px; margin-bottom: 5px; font-weight: 600; }
.disclaimer p { font-size: 14px; margin-bottom: 15px; }
/*.disclaimer .accept { position: absolute; right: 20px; top: 0px; font-family: 'Raleway'; font-size: 26px; 
	margin-bottom: 5px; color: #fff; font-weight: 600; }*/
.disclaimer a { margin: 0;color:white;text-decoration: underline;}
.disclaimer a.accept {text-decoration: none;}
.disclaimer a:hover {text-decoration: none;}
/**/
.cpopup { position: absolute; width: 100%; max-width: 340px; right: -340px; top: 55vh; z-index: 9; 
	padding: 20px 20px 0px 20px; background: #fff; filter: drop-shadow(0 0 4px rgba(0,0,0,0.2)); border-radius: 5px 0 0 5px;
	transition: 0.3s; text-align: center; min-height: 400px; display: none; }
.cpopup.active { right: 0; }
.cpopup .txtbox { height: 40px; }	
.cpopup .txtarea { height: 100px; }
.cpopup .submit { height: 40px; width: 140px; }
.cpopup p { font-size: 14px; max-width: 240px; margin: 0 auto 10px auto; }
.cpopup h4 { font-weight: 600; font-size: 18px; }
.home .cbtn { display: block; }
.cbtn { background: url(assets/images/contactus.svg) no-repeat; position: absolute; right: 0; top: calc(100vh - 350px); 
	width: 291px; height: 276px; cursor: pointer; background-size: contain; z-index: 1; display: none; }
.cbtn:hover { background: url(assets/images/contactus-hover.svg) no-repeat; background-size: contain; }
.cbtn a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
	font-family: 'Raleway',sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}
svg, path { transition: 0.3s; }

.page-id-1119 .benefit-menu, .page-id-1130 .benefit-menu, .page-id-1139 .benefit-menu {
    display: none;
}

/*=============== PAGE HOME */
/**/
.flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.orgbtn { background: #F49120; display: inline-block; padding: 0 50px; line-height: 60px; text-align: center; color: #fff; 
	border-radius: 25px; font-size: 1.3125em; margin: 30px auto 0px auto; letter-spacing: 2px; }
.orgbtn:hover { background: #00ACEE; }	
.orgbtn.blu:hover { background: #F49120; } 
.whbtn { border: 1px solid #fff; display: inline-block; padding: 0 50px; line-height: 60px; text-align: center; color: #fff; 
	border-radius: 40px; font-size: 1.3125em; margin: 30px auto 0px auto; letter-spacing: 2px; }
.whbtn:hover { background: #F49120; border: 1px solid #F49120; }
.sechead { font-size: 7.5em; margin-bottom: 15px; text-align: center; }
.sechead img { display: inline-block; vertical-align: bottom; max-width: 240px; }
.sectext { margin-bottom: 80px; }
.sectext p { font-size: 1.3125em; text-align: center; }
/**/
.slide { height: 980px; background-size: cover; background-repeat: no-repeat; background-position: center bottom;
	display: flex; align-items: center; padding: 0 0 0 100px; } 
.slide img { width: auto !important; }
.caption { text-align: center; max-width: 800px; color: #767A7F; }
.caption img { margin: 0px auto; } 
.caption p { font-size: 2.25em; font-weight: 300; margin-bottom: 30px; }
.bnrhead { font-size: 8.75em; line-height: 0.8; margin-bottom: 20px; }
.owl-prev, .owl-next { position: absolute; top: 50%; transform: translateY(-50%); padding: 10px; width: 30px; height: 50px; }
.owl-prev svg, .owl-next svg { width: 30px; height: 50px; }
.owl-prev:hover svg path, .owl-next:hover svg path { fill: #366290; }
.owl-next { right: 40px; }
.owl-prev { left: 40px; }
.owl-next.disabled , .owl-prev.disabled { display: none; }
/**/
.benefits { margin-top: -200px; position: relative; z-index: 1; }
.benefits .wrap { max-width: 1500px; }
.benefits .flex { flex-direction: row-reverse; align-items: center; }
.benefits .rgt { width: 58%; } 
.benefits .lft { width: 42%; text-align: center; }
.benefits .lft p { font-size: 1.5625em; font-weight: 500; margin-bottom: 25px; }
.flowerimg { position: relative; display: inline-block; } 
/**/
.home_video { padding: 80px 0; }
.home_video .sechead { line-height: 0.8; letter-spacing: -3px; margin-bottom: 50px; }
.videobox { max-width: 1090px; height: 672px; margin: 0px auto; position: relative; }
.videobox a { height: 100%; position: absolute; left: 0; right: 0; top: 0; }	
.videobox a:before { background: url('assets/images/player.png') no-repeat; background-size: cover; content: '';
	left: 0; right: 0; top: 0; bottom: 0; z-index: 1; position: absolute; }

/**/
.home_products { padding: 100px 0 0 0; text-align: center; }
.home_products .sechead { margin-bottom: 150px; }
.home_products .flex { margin-bottom: 80px; }
.home_products .item .thumb { display: flex; align-items: flex-end; height: 145px; margin-bottom: 30px; }

.hmpro { width: 652px; height: 612px; position: relative; margin: 0px auto; }
.hmproicon { position: absolute; width: 326px; height: 326px;transition: transform .2s; }
.hmproicon:hover { z-index: 1; }
.hmproicon a { display: block; }
.hmproicon a:hover { transform: scale(1.15); }
.hm1 { left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; }
.hm2 { right: 0; top: 0; }
.hm3 { left: 0; bottom: 0px; }
.hm4 { left: 0; top: 0; }
.hm5 { right: 0; bottom: 0; }
/**/
.counter { padding: 100px 0; text-align: center; }
.counter .icon { height: 417px; display: flex; align-items: flex-end; margin-bottom: 30px; }
.counter p { font-size: 1.3125em; }
.counter h3 { font-family: 'Maitree'; font-weight: bold; font-size: 10em; color: #15ADE4; }
.counter h4 { font-family: 'Raleway', sans-serif; font-weight: bold; font-size: 1.875em; color: #15ADE4; margin-bottom: 10px; }
/**/
.prodev { }
.prodev .item { text-align: center; letter-spacing: 1px; }
.prodev .item .icon { margin-bottom: 25px; height: 170px; display: flex; align-items: center; justify-content: center; }
.prodev p { font-size: 1.5em; line-height: 1.2; }
.prodev a { font-size: 1.25em; }
.yelow { color: #C2C932; }
.blu { color: #3399D1; }
.blu2 { color: #54C8EC; }
.grn { color: #93C845; }
/**/
.newsevents { padding: 140px 0 80px 0; }
.newsevents .sechead { margin-bottom: 80px; }
.newsevents ul { width: 48%; }
.newsevents li { display: flex; justify-content: space-between; margin-bottom: 35px; align-items: flex-start; }
.newsevents li .text { width: 73%; padding-left: 20px; }
.newsevents li .icon { width: 120px; height: 120px; position: relative; }
.newsevents li a { color: #15ADE4; font-weight: 500; }
.newsevents .news li .icon { border-radius: 50%; }
.newsevents .news li .icon a { border-radius: 50%; position: absolute; left:0; right:0; bottom:0; top:0; }
.date { font-size: 1.375em; font-weight: 500; line-height: 1; display: inline-block; padding-top: 5px; }
.eves .icon { display: flex; justify-content: center; align-items: center; background: #f0f0f0; border-radius: 50%;
	overflow: hidden; }
.eves .icon img { border-radius: 50%; box-shadow: 0 0 8px rgba(0,0,0,0.05); }
/**/
.homeabout { padding-bottom: 20px; position: relative; }
.homeabout .wrap { max-width: 1500px; }
.homeabout .flex { align-items: center; }
.homeabout .lft { width: 50%; }
.homeabout .rgt { width: 50%; text-align: center; }
.homeabout p { font-size: 1.375em; }
/**/
.homecontact { text-align: center; padding: 14vw 0 5vw 0; overflow: hidden; position: relative; }
.homecontact .sechead { color: #fff; font-size: 4.5em; }

.waves-item { top: 3%; left: 50%; z-index: -1; width: 200vw; opacity: .9; height: 200vw; display: block; 
	margin-top: 15vw; border-radius: 40%; position: absolute; margin-left: -100vw; transform-origin: 50% 48%; 
	animation: a 10s infinite linear; background: linear-gradient(103deg,#00ADEF,#51C7EC); }
.waves-item.item-01 { animation: a 12s infinite linear; }
.waves-item.item-02 { opacity: .7; margin-left: -115vw; animation: a 15s infinite linear; 
	background: linear-gradient(103deg,#00ADEF,#51C7EC); }

/* home new */


/*=============== PAGE ABOUT */
.banner { height: 980px; padding-left: 100px; align-items: center; background-size: cover !important;
	background-position: center bottom !important; } 
.banner .wrap { max-width: 100%; }
.banner .caption { text-align: left; max-width: 100%; color: #fff }
.banner .caption p { font-size: 1.5em; }
.banner .bnrhead { color: #fff; }
.abtblock { padding-bottom: 220px; }
.abtblock .wrap { max-width: 100%; }
.tophead h2 { font-size: 4.5em; color: #356290; /*font-family: 'Raleway';*/ line-height: 1.1; padding-left: 120px; }
.abtblock .flex { align-items: center; justify-content: flex-end; margin-bottom: -120px; }
.abtblock .flex:nth-child(even) { flex-direction: row-reverse; }
.abtblock .flex h3 { color: #51C8ED; font-size: 4.5em; line-height: 0.9; margin-bottom: 30px; }
.abtblock .flex p { font-size: 1.125em; }
.abtblock .flex:nth-child(even) .left { padding-left: 50px; }
.abtblock .left { padding: 0 100px; width: 44%; }

/*============== PAGE CONNECT */
.connect {
    padding: 5% 0;
}
.connect .left {
    width: 50%;
}
.connect .right {
    width: 36%;
}
.connect h2 {
    font-size: 7.5em;
}
.connect h4 {
    font-size: 1.4375em;
    font-family: 'Raleway',sans-serif;
    font-weight: bold;
    margin: 10px 0 20px 0;
    line-height: 1.3;
}
.connect ol {
    padding-left: 16px;
}
.connect li {
    line-height: 1.8em;
    list-style: decimal;
}
/*============== PAGE FAQ */
.pgfaq { padding: 30px 0 100px 0; }
.pgfaq .sechead { color: #15ADE4; margin-bottom: 80px; }
.faqlist { max-width: 1120px; margin: 0px auto; border: 1px solid #808285; border-radius: 50px; overflow: hidden; }
.faqlist h4 { font-size: 1.125em; font-family: 'Raleway'; padding: 50px 120px 50px 80px; border-bottom: 1px solid #808285;
	position: relative; cursor: pointer; }
.faqlist h4:before { background: url(assets/images/faqarrow.svg) no-repeat; background-size: contain; content: '';
	width: 58px; height: 58px; position: absolute; right: 60px; top: 50%; transform: translateY(-50%); transition: 0.3s; }
.faqlist .active h4:before { transform: translateY(-50%) rotate(180deg); transform-origin: center; }	
.faqlist .active h4 { color: #15ADE4; font-weight: bold; }
.faqlist .ans { display: none; background: #808285; font-size: 14px; color: #fff; padding: 30px 120px 30px 80px; 
	letter-spacing: 1px; }
.faqlist .ans p { line-height: 1.8; }
.faqlist .item:last-child h4 { border: 0; }	

/*============== PAGE CONTACT */
.pgcontact { padding: 60px 0 60px 100px; }
.pgcontact .wrap { max-width: 100%; }
.cimg { width: 51%; }
.cform { width: 44%; }
.cform p { color: #0EAEE5; font-weight: 600; font-size: 1.5em; }
.cform .half { width: 48%; }
.field { width: 100%; margin-bottom: 25px; }
.field label { padding: 0 18px 10px 18px; display: block; line-height: 1; }
.txtbox, .txtarea { background: #fff; border: 1px solid #767A7E; border-radius: 10px; font-size: 16px; 
	padding: 0px 20px; height: 60px; color: #0EAEE5; font-weight: 300; }	
.txtarea { height: 260px; padding: 20px; }
.submit { background: #F49120; color: #fff; max-width: 250px; height: 60px; border-radius: 25px; font-size: 1.3125em;
	letter-spacing: 1; }  
.submit:hover {background:#0EAEE5;color:#fff;}
/**/
.flexbox { display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; padding: 20px 0 40px 0; }	
.flexbox .col3 { width: 33.33%; }
.flexbox h4 { margin-bottom: 15px; }
.flexbox p { line-height: 1.3; }

/**/
.thankupg { padding: 80px 0; text-align: center; }
.thankupg .orgbtn { min-width: 154px; }

/*============== PAGE TERMS */
.pgterms { padding: 300px 0 100px 0; }
.pgterms table {margin-bottom: 75px; max-width: 1000px;}
.pgterms p {max-width: 1000px;}
.pgterms table td {border-bottom: solid 1px #ccc; height: inherit; padding: 15px; min-height: 50px;font-size:14px; line-height:22px; }
.pgterms .wrap { max-width: 1600px; }
.pgterms h1 { color: #356290; font-size: 8.75em; margin-bottom: 70px; }
.pgterms h3 { color: #51C8ED; font-size: 4.5em; margin-bottom: 20px; }
.pgterms h4 { color: #51C8ED; font-size: 1.5em; margin-bottom: 5px; font-family: 'Raleway'; }
.pgterms p { font-size: 14px; margin-bottom: 30px; }
.pgterms ul { margin-bottom: 30px; }
.pgterms ul li { font-size: 14px; line-height: 1.5; }
.page-id-179 h1 { letter-spacing: -4px; }

/*============== PAGE BENEFITS */
.banner.bfit { position: relative; z-index: 1; }
.banner.bfit .mobnr { display: none; background-color: #fff; background-size: cover !important; 
	position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;
	background-position: center bottom !important; }	
.bnrtext { color: #fff; position: relative; }
.bnrtext p:first-child { font-size: 3em; line-height: 1; position: absolute; left: 130px; }
.bnrtext h3 { font-size: 10em; letter-spacing: -3px; }
.bnrtext p:last-child { font-size: 1.5em; }
.pgbenefit { padding-bottom: 80px; }
.pgbenefit .wrap { max-width: 100%; padding: 0 100px; }
.pgbenefit h1 { color: #00ADEF; font-size: 7.5em; margin-bottom: 20px; max-width: 810px; }
.pgbenefit h4 { color: #00ADEF; font-family: 'Raleway'; font-size: 1.5em; margin-bottom: 5px; }
.pgbenefit .fs30 { color: #00ADEF; font-size: 1.875em; max-width: 800px; margin-bottom: 40px; }
.pgbenefit .fs30 p { line-height: 1.3; }
.blist { margin-bottom: 30px; }
.files { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 80px; }
.files p { color: #00ADEF; width: 100%; }
.orgbtn.blu { background: #0eaee5; color: #fff; margin: 0 20px 0 0; }
.benefit-menu { display: flex; justify-content: space-between; }
.menuimg { position: relative; z-index: 1; }
.menuimg img { position: absolute; right: 0; bottom: -340px; max-width: 600px; }
.postid-219 .pgbenefit h1 { max-width: 970px; }
.postid-344 h1 { letter-spacing: -3px; }
.flex.flip { flex-direction: row-reverse; }
.textleft { width: 58%; }
.videoright { width: 38%; }
.videoright video { width: 100%; }

/**/
.bpage .wrap { max-width: 100%; padding: 0; }
.bpage .flex { flex-direction: row-reverse; align-items: flex-start; }
.bpage .rgt { width: 48%; margin-top: -300px; position: relative; z-index: 1; display: flex; justify-content: flex-end; }
.bpage .rgt div { }
.bpage .lft { width: 48%; padding-left: 100px; }
.bpage .lft.ptop { padding-top: 40px; } 
.bpage h1 { color: #00ADEF; text-align: left; }
.bpage .fs30 p { font-size: 2em; font-weight: 300; line-height: 1.1; }
.benelist { padding: 80px 0; }
.benelist .item { padding-bottom: 60px; display: flex; justify-content: space-between; align-items: center; }
.benelist .item .desc { width: 82%; }
.benelist .item .icon { width: 86px; }
.benelist .item h4 { font-size: 1.5em; font-family: 'raleway'; letter-spacing: 0.96px; color: #0EAEE5; margin-bottom: 10px; }
.benelist .item h4 a { color: #0EAEE5; }
.bpage .vbtm { align-items: flex-end; }
.bpage.mtop { padding-bottom: 80px; margin-top: -300px; position: relative; }
.bpage.mtop .rgt { margin: 0; }

/*============== PAGE PRODUCTS */
.pgproduct { padding: 60px 0; }
.pgproduct .wrap { max-width: 100%; padding: 0; }
.pgproduct  h1 { color: #00ADEF; /*text-align: left;*/ }
.pgproduct .toptext { padding: 0 0 50px 0; }
.pgproduct .flex { flex-direction: row-reverse; align-items: center; }
/*.pgproduct .rgt { width: 40%; display: flex; justify-content: flex-end; }
.pgproduct .lft { width: 56%; padding-left: 100px; }
.pgproduct .item { margin-bottom: 15px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.pgproduct .desc { width: 62%; }
.pgproduct .thumb { width: 34%; } */
.topimg {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}
.topimg img {
    max-width: 1100px;
}
.proflex {
    display: flex;
    flex-wrap: wrap;
	max-width: 1360px;
    margin: 0px auto;
}
.pgproduct .item { margin-bottom: 15px; display: flex; flex-wrap: wrap; justify-content: center; width: 16%; }
.pgproduct .desc p { font-size: 1.5em; font-weight: 300; }
.pgproduct .desc { width: 100%; text-align: center; }
.pgproduct .thumb img { margin: 0px auto; }
.pgproduct .desc .orgbtn { padding: 10px 15px; font-size: 14px; line-height: 24px; max-width: 205px; }

/*============== PAGE PRODUCTNEW */
.bnrpronew { position: relative; }
.bnrpronew .bnrtext h1 { font-size: 10em; }
.bnrpronew .bnrtext h1 sup { font-size: 0.3em; right: -0.6em; top: -1em; }
.bnrpronew .bnrtext p:last-child { font-size: 1.875em; }
.pgpronew h4 { font-size: 1.5em; margin-bottom: 10px; color: #0EAEE5; font-family: 'Raleway',sans-serif; }
.pgpronew .wrap { max-width: 1920px; padding-left: 7.3%; padding-right: 0; }
.pgpronew { padding: 50px 0; }
.prologo { margin-bottom: 80px; }  
.pgpronew .benefit-menu {  }
.pgpronew .lft { width: 45%; }
.pgpronew .rgt { width: 45%; }
.pronew { padding: 50px 7.3% 0 7.3%; }
a.bnrvidlink {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	z-index: 1
}

/*============== PAGE PRODUCTS DEVELOPMENT */
.pgprodev .wrap { max-width: 100%; }
.protoptext { padding: 80px 0 80px 200px; }
.protoptext .left { width: 48%; }
.protoptext .right { width: 48%; padding-top: 10%; }
.protoptext h2 { text-align: left; margin-bottom: 30px; }
.protoptext h2 span { font-family: 'Raleway'; font-size: 80px; }
.protoptext p:first-child { font-size: 2.25em; font-weight: 300; line-height: 1.2; }
.protoptext p { margin-bottom: 40px; }
.protoptext p strong { color: #15ADE4; font-size: 1.875em; font-weight: 500; display: block; }

/**/
.ourtech { padding: 120px 0 80px 0; }
.ourtech .flex { max-width: 1500px; margin: 0px auto; }
.ourtech h3 { text-align: left; line-height: 0.7; margin-bottom: 50px; }
.ourtech p { margin-bottom: 40px; }
.ourtech p strong { color: #15ADE4; font-size: 1.875em; font-weight: 500; display: block; }
.ourtech .left { width: 40%; }
.ourtech .right { width: 58%; }
/**/
.certificates { padding: 80px 0 120px 0; }
.certificates .sechead { margin-bottom: 80px; }
.certificates .flex { margin: 0px auto; max-width: 1240px; }

/**/
.techtoptext { padding: 80px 0 80px 200px; }
.techtoptext .left { width: 46%; }
.techtoptext .right { width: 48%; padding-top: 0; }
.techtoptext h2 { text-align: left; margin-bottom: 30px; }
.techtoptext h2 span { font-family: 'Raleway'; font-size: 80px; }
.techtoptext p { margin-bottom: 40px; line-height: 1.8; }
.techtoptext p strong { color: #15ADE4; font-size: 1.875em; font-weight: 500; display: block; }
.techimg img { margin: 0px auto; }

/**/
.scitoptext {  }
.scitoptext { padding: 80px 0; }
.scitoptext h2 { text-align: left; margin-bottom: 30px; font-size: 7em; }
.scitoptext p:first-child { font-size: 2.25em; font-weight: 300; line-height: 1.2; }
.scitoptext p { margin-bottom: 40px; }
.scitoptext p strong { color: #15ADE4; font-size: 1.875em; font-weight: 500; display: block; }

.scibtmtext { padding: 80px 0; }
.scibtmtext p { margin-bottom: 40px; }
.scibtmtext p strong { color: #15ADE4; font-size: 1.875em; font-weight: 500; display: block; }


/*============== PAGE NEWS and EVENTS */
.evedate { font-weight: 700; padding: 3px 0; }
.evelocation { padding: 3px 0; }
.evelocation2 { color: #0EAEE5; padding: 3px 0 0 0; font-weight: 700; display: block; }
/*.single-events .singlepg .image:before { display: none; }*/
.single-events .singlepg .image { background-size: auto 60% !important; background-position: center center !important; }

/*============== PAGE RESOURCE */
.pgresource { padding: 80px 0; }
.pgresource .wrap { max-width: 100%; }
.pgresource .flex { align-items: flex-start; }
.pgresource h3 { color: #0EAEE5; font-size: 3em; margin-bottom: 30px; }
.pgresource li { background: url(assets/images/icon-download.png) no-repeat; font-size: 1.2em; line-height: 1.4em;
	padding-left: 40px; margin-bottom: 10px; min-height:30px; }
.pgresource .right li { background: url(assets/images/icon-video.png) no-repeat; }
/*.pgresource .left li:last-child { background: none; }*/
.pgresource li a { text-decoration: underline; color: #767a7e; letter-spacing: 1px; font-size: 0.9em; }
.pgresource .left { background: url(assets/images/left-circle.png) no-repeat left center; background-size: contain; 
	width: 50%; min-height: 900px; display: flex; justify-content: center; align-items: center;  }
.pgresource .right { background: url(assets/images/right-circle.png) no-repeat right center; background-size: contain; 
	width: 50%; min-height: 900px; display: flex; justify-content: center; align-items: center; margin-top: 300px; }
.pgresource ul { margin-bottom: 40px; }

/*============== BLOG POST */
.blog_main { padding: 80px 0; }
.blog_main .wrap { max-width: 1420px; }
.blogpost li { position: relative; margin-bottom: 40px; /*min-height: 525px;*/ }
.blogpost.changed li {
    width: 48%;
    min-height: inherit !important;
}
.blogpost.changed .postdesc {
    max-width: 100%;
}
body.page-template-page-newsevents .blogpost li{min-height:600px;}
body.page-template-page-newsevents .blogpost.flex .postdesc{height:350px;}
.postimg { position: relative; }
.postimg a { display: block; height: 250px; width: 250px; border-radius: 50%; box-shadow: 0 0 8px rgba(0,0,0,0.05); }
.postimg.noradius a { border-radius: 0; height: auto; }
.postdesc { padding: 20px 0; margin: 0px auto; max-width: 74%; }
.postdesc h3 { font-family: 'Raleway'; font-size: 2em; margin-bottom: 0px; line-height: 1.2; }
.postdesc a { color: #0EAEE5; }
.postdesc p:hover {cursor: pointer;}
.postdesc p { font-size: 14px; line-height: 1.8em; letter-spacing: 1px; }
.postdesc .date { font-size: 16px; margin-bottom: 6px; }
.rmore { font-size: 18px; font-weight: 500; letter-spacing: 1px; }
/**/
.blogpost.flex ul { width: 46%; }
.blogpost.flex .postdesc { max-width: 100%; }
/**/
.singlepg { padding: 80px 0 80px 100px; }
.singlepg .wrap { max-width: 100%; }
.singlepg .date { font-size: 16px; margin-bottom: 40px; }
.singlepg .flex { flex-direction: row-reverse; align-items: center; }
.singlepg .image { width: 100%; position: relative; background-size: cover !important; min-height: 600px; max-width: 600px; }
.singlepg .image:before { z-index: 1; position: absolute; left: 0; right: 0; bottom: 0; top: 0; content:'';
	background: url(assets/images/pic-wrap.png) no-repeat; background-size: cover; }
.singlepg .desc { width: 54%; letter-spacing: 1px; }
.singlepg .desc img { height: auto !important; margin-top: 20px; }
.singlepg p { line-height: 1.8em; }
.singlepg .desc div { line-height: 1.8; }
.singlepg .desc * { font-family: 'Raleway' !important; }
.singlepg h1 { font-family: 'Raleway'; font-size: 2.25em; margin-bottom: 5px; color: #0EAEE5; }
.singlepg ul { margin-bottom: 20px; padding: 0 0 0 17px; }
.singlepg ul li { display: list-item; list-style: disc; line-height: 1.4; }
.singlepg .orgbtn { margin: 40px 0 0 0; }

/**/
.page404 { min-height: 600px; display: flex; align-items: flex-end; justify-content: center; padding: 0 0 100px 0;
	text-align: center; }
.page404 .ptitle { font-size: 5em; font-family: 'Raleway'; font-weight: 900; }

/**/
.popupform { background: rgba(255,255,255,0.95); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; display: none; }
.popupforminn { display: flex; align-items: center; justify-content: center; height: 100vh; }	
.formdiv { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); margin: 0px auto; width: 100%; max-width: 600px; padding: 60px; position: relative; }
.formdiv h3 { font-size: 3em; color: #373737; margin-bottom: 25px; }
.formdiv h3.ty {font-size: 2.6em;}
.formdiv svg { max-width: 55px; height: 53px; margin-bottom: 40px; }
.formdiv .field { margin-bottom: 5px; }
.formdiv .txtbox { border: 1px solid #ddd; height: 60px; font-size: 16px; }
.formdiv .submit { height: 60px; font-size: 16px; max-width: 100%; }
.formdiv .pclose { position: absolute; right: 30px; font-size: 40px; font-weight: 300; cursor: pointer; }

.page-template-page-science .fancybox-content {
    background: #fff;
}
.tableimg { padding: 60px 0 40px; }
.connection { background: url(https://www.advancedlipids.com/wp-content/uploads/2021/12/bgshape.png) no-repeat center center; padding: 170px 0; height: 1086px; }
.connection .txt { margin-bottom: 40px; }
.connection h3 {
    font-size: 4em;
}
.connection .txt p {
    font-size: 2.5em;
}
.connection .note {
    padding: 50px 0 0; display: inline-block;
    max-width: 700px; text-align: left;
}
.connection .img {
    padding-right: 10%;
	text-align: right;
}

.page-template-brochure .bnrhead { font-size: 5em; }
.page-template-brochure .orgbtn {
    font-size: 1em;
    line-height: 50px;
    border-radius: 20px;
    padding: 0 30px;
}
.mobonly{ display: none; }
.vplayer {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
}
.vplayer video {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
}
#video-controls {
	position: absolute;
	z-index: 5;
	right: 170px;
	bottom: 100px;
	width: 250px;
	padding: 0 20px 0 25px;
}
#play-pause {
	position: absolute;
	z-index: 0;
	right: 0;
	top: 0;
	width: 16px;
	height: 16px;
	border: none;
	text-indent: -99999px;
	background-color: transparent;
}
#play-pause.play {
	background: url(assets/images/vic-pause.svg) center / auto 100% no-repeat;
}
#play-pause.pause {
	background: url(assets/images/vic-play.svg) center / auto 100% no-repeat;
}
#sound {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	border: none;
	text-indent: -99999px;
	background-color: transparent;
}
#sound.muted {
	background: url(assets/images/vic-vol-mute.svg) center / auto 100% no-repeat;
}
#sound.unmuted {
	background: url(assets/images/vic-vol.svg) center / auto 100% no-repeat;
}

/* for chrome/safari */
#seek-bar {
	-webkit-appearance: none;
	width: 100%;
	height: 8px;
	background: #356290;
	outline: none;
	border: none;
	border-radius: 8px;
	margin-top: 3px;
}
#seek-bar::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
  border: 1px solid #356290;
}

/* for firefox */
#seek-bar::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
  border: 1px solid #356290;
}
.rmorewh {
	font-weight: 400;
}
.homeproduct .inner p {
	font-size: 20px;
}
.page-template-page-homenew footer .wrap {
	max-width: 1730px;
	padding: 0 20px;
}
.page-template-page-homenew header {
	max-width: 100%;
}
.homeproduct {
	letter-spacing: 1px;
}

@media only screen and (min-width: 1921px) and (max-width: 3000px)  {
	.page-template-page-homenew  #wrapper { max-width: 100%; }
	.benefits.new .wrap { max-width: 100%!important; }
	.benefits.new .lft { background-size: 100% auto!important; min-height: 45.6vw!important; }
	.benefits.new { background-position: right 105px!important; margin: -220px 0 -113px !important; }
	.homeabout.new .wrap { max-width: 100%!important; }
	.homeabout .lft img { width: 100%!important; }
}
.grecaptcha-badge {
	z-index: 99999;
}

/*============== PAGE SUSTAINABILITY */
.sustain {
    background: url(assets/images/sustbg.jpg) no-repeat center center;
    background-size: cover;
    font-size: 1.8rem;
    color: #356290;
    min-height: 858px;
    margin-bottom: -130px;
	font-weight: bold;
	padding: 240px 0 0;
}
.sustain h3 { font-size: 7rem; margin-bottom: 20px; }
.sustain p { margin-bottom: 60px; font-weight: 400; }

.sustain .rmore { color: #356290; text-transform: uppercase; }
.sustain .rmore i {
    font-size: 30px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.sustain .lft {
    width: 45%;
}

.banner.sus {
    padding: 0;
}
.pgsus .wrap {
    max-width: 1320px;
}
.sus_toptext { margin-bottom: 80px; }
.mb50 { margin-bottom: 50px; }
.sus_toptext h3 {
	color: #356290;
    font-size: 6rem; margin-bottom: 20px;
}
.sus_toptext p { max-width: 750px; }
.fs20 { font-size: 2rem; }
.fs26 { font-size: 2.6rem; }
.w-62 { width: 62%; }
.w-66 { width: 66%; }
.w-48 { width: 48%; }
.w-33 { width: 33%; }
.sus_midtext { background: url(assets/images/bgshape.png) no-repeat center center; background-size: 100% 100%; margin-bottom: 80px; padding: 60px 0 120px; }
.sus_midtext .flex {align-items: center; }
.sus_midtext h4 { color: #6C6C6C; font-size: 4rem; margin-bottom: 20px; }
.sus_midtext .imginn {
    margin-left: -67%;
}
.sus_btmtext h3 { color: #356290; font-size: 6rem; margin-bottom: 20px; }

.page-id-2553 .benefit-menu { display: none; }


/*============== RESPONSIVE */

@media screen and (max-width: 1800px) {
body { font-size: 14px; }
header:before, header.sticky:before { height: 150px; }
.logo { max-width: 282px; }
.hmenu { padding-right: 20px; }
.menu > li { padding: 0 10px; }
.menu > li > a { font-size: 14px; }
.menu > li > ul.sub-menu li a { font-size: 12px; }
.social { padding: 0 10px; }
footer .wrap { padding: 0 30px; }
.cbtn { top: calc(100vh - 300px); width: 191px; height: 186px; }
.orgbtn, .whbtn { padding: 0 30px; line-height: 40px; font-size: 1em; border-radius: 15px; } 
.sechead { font-size: 5em; }
.slide { height: 690px; }
.slide img { max-width: 420px; }
.slide .orgbtn { margin: 0; }
.banner { height: 690px; }
.bnrhead { font-size: 6em; }
.caption p { font-size: 1.5em; }
.benefits .wrap { max-width: 1200px; }
.benefits .rgt { width: 48%; }
.benefits .lft { padding: 0 20px; }
.benefits .lft p { font-size: 1.3em; font-weight: 400; }
.home_video { padding: 40px 0; }
.videobox { max-width: 791px; height: 488px; }
.home_products { padding: 40px 0; }
.home_products .wrap { max-width: 860px; }
.home_products .flex { margin-bottom: 10px; flex-wrap: nowrap; }
.home_products .item:last-child { padding-left: 50px; }
.home_products .sechead { margin-bottom: 50px; }
.counter { padding: 40px 0 60px 0; }
.counter .wrap { max-width: 1000px; }
.counter .icon { height: 240px; }
.counter .icon img { max-height: 100%; max-width: 240px; }
.counter h3 { font-size: 6em; }
.counter h4 { font-size: 1.5em; }
.counter p { font-size: 1em; }
.prodevs .wrap { max-width: 1000px; }
.prodev .item .icon { height: 110px; }
.prodev .item .icon img { max-height: 110px; }
.prodev p { font-size: 1.2em; }
.prodev a { font-size: 1em; }
.sectext { margin-bottom: 30px; }
.sectext p { font-size: 1em; }
.newsevents { padding: 80px 0 0 0; }
.newsevents .wrap { max-width: 960px; }
.newsevents .sechead { margin-bottom: 50px; }
.homeabout p { font-size: 1em; }
.homeabout .wrap { max-width: 1100px; }
.homecontact { background-size: cover; padding: 100px 0 50px 0; }
/**/
.tophead h2 { font-size: 3em; }
.abtblock .right { width: 50%; }
.abtblock .flex h3 { font-size: 4em; }
.abtblock .left { padding: 0 0 0 100px; }
.abtblock .flex { margin-bottom: -60px; }
/**/
.bnrtext h3 { font-size: 6em; }
.bnrtext p:first-child { font-size: 1.6em; left: 71px; top: 6px; }
.menuimg img { max-width: 500px; bottom: -250px; }
.pgbenefit h1 { font-size: 6em; }
.pgbenefit .fs30 { font-size: 1.571em; }
.benefit-menu img { height: 60px; }
/**/
.pgproduct .desc p { font-size: 1.1em; font-weight: 300; margin: 0; }
/**/
.protoptext { padding: 40px 0 40px 50px; }
.protoptext .left { width: 50%; }
.protoptext .right { width: 45%; }
.protoptext h2 span { font-size: 50px; }
.protoptext p:first-child { font-size: 2em; }
.protoptext p strong { font-size: 1.4em; }
.ourtech { padding: 100px 0 40px 0; }
.ourtech .flex { max-width: 1200px; }
.ourtech p strong { font-size: 1.5em; }
.certificates { padding: 0px 0 80px 0; }
.certificates .sechead { margin-bottom: 50px; }
.certificates .flex { max-width: 900px; }
.certificates img { max-height: 120px; }
/**/
.blog_main .wrap { max-width: 960px; }
.postdesc { max-width: 70%; }
.postdesc h3 { font-size: 1.5em; }
.postimg a { height: 200px; width: 200px; }
.singlepg { padding: 50px 0 50px 50px; }
.singlepg .image { min-height: 500px; max-width: 500px; }
/**/
.pgresource h3 { font-size: 2.5em; margin-bottom: 20px; max-width: 300px; }	
.pgresource li { font-size: 1em; line-height: 28px; margin-bottom: 5px; }
.pgresource .left { max-width: 675px; min-height: 690px; } 
.pgresource .right { max-width: 675px; min-height: 690px; } 
.pgresource ul { margin-bottom: 20px; }
/**/
.faqlist h4:before { width: 38px; height: 38px; } 
.faqlist h4 { font-size: 16px; padding: 25px 120px 25px 50px; }
.faqlist .ans { padding: 30px 120px 30px 50px; }
/**/
.pgcontact { padding: 50px 0 50px 50px; }
.cform p { font-size: 1.2em; }
.txtbox, .txtarea { height: 50px; padding: 0 10px; }
.txtarea { height: 200px; padding: 10px; }
.submit { max-width: 150px; height: 40px; border-radius: 15px; }
/**/
.pgterms { padding: 150px 0 80px 0; }
.pgterms h1 { font-size: 5em; margin-bottom: 30px; }
.pgterms h3 { font-size: 2.5em; }
.page-id-179 h1 { letter-spacing: 0; }
.pgterms .wrap { max-width: 1240px; padding: 0 20px; }
/**/
.bpage.mtop { margin-top: -180px; } 
.bpage .vbtm { align-items: center; }
.benelist .item .icon { width: 66px; }
/**/
.bnrpronew .bnrtext h1 { font-size: 7em; }
.bnrpronew .bnrtext p:last-child { font-size: 1.2em; }
.prologo { margin-bottom: 50px; }
/**/
.sustain { margin-bottom: -220px; padding-top: 180px; }
.page-template-page-homenew .sustain .wrap { padding: 0 20px; }


}
@media screen and (max-width: 1600px) {
	
	.sus_midtext .imginn {  margin-left: -34%; }
	
}

@media screen and (max-width: 1440px) {
	
	.sus_midtext .imginn {  margin-left: -17%; }
	
}

@media screen and (max-width: 1400px) {
.cbtn { top: calc(100vh - 216px); }
.flowerimg a { width: 100px; height: 100px; }
.flowerimg .link1 { top: 13%; left: 37%; }
.flowerimg .link3 { right: 16%; top: 46%; width: 130px; }
.flowerimg .link6 { left: 10%; top: 46%; width: 130px; }
}

@media screen and (min-width: 1301px) {
.hmenu { opacity: 1 !important; height: auto !important; display: flex !important; } 
}

@media screen and (max-width: 1300px) {
.next_prev_posts {
	width: 100%;
	padding: 15px;
	padding-top: 50px;
	text-align: center;
	margin: 0 auto;
}
.next_prev_posts .next a:hover,
.next_prev_posts .prev a:hover {
	text-decoration: underline;
}
.next_prev_posts .prev {
	float: none;
	padding-bottom: 25px;
}
.next_prev_posts .next {
	float: none;
	padding-bottom: 25px;
}
.wrap { padding: 0 20px; }
header .wrap { padding: 0; }
.logo { padding: 0px 0; position: relative; z-index: 9; }
.tglmenu { display: block; z-index: 999; top: 20px; }
.hmenu { background: #00AAEC; position: fixed; left: 0; right: 0; z-index: 99; top: 0; bottom: 0px; display: none;
	padding: 50px 30px 50px 0; overflow: auto; } 
.menu { margin-bottom: 30px; }
.menu > li { display: block; padding: 2px 0; }
.menu > li > a:before { display: none; }
.menu > li > a { line-height: 30px; letter-spacing: 1px; padding-left: 80px; display: inline-block; }
.menu > li > a img { bottom: auto; left: 20px; top: 50%; transform: translate(0, -50%); height: 34px; max-width: 34px; opacity: 0; }
.menu > li:nth-child(3) > a img { left: 36px; }
.menu > li:hover > a img { opacity: 0; }
.menu > li.current-menu-item a img { opacity: 1; }
.menu > li.current-menu-parent a img { opacity: 1; }
.menu > li.current-menu-parent > ul.sub-menu { display: block; }
.menu > li > ul.sub-menu { background: none; position: static; transform: none; opacity: 1; visibility: visible; padding: 2px 0;
	display: none; }
.menu > li > ul.sub-menu:before { display: none; }
.menu > li > ul.sub-menu li a { line-height: 20px; border: 0; padding: 0 0 0 80px; }
.menu > li > ul.sub-menu li.current-menu-item a { background-position: 60px center; }
.menu > li#menu-item-25 {
    margin-bottom: 10px;
}
.menu li.pll-parent-menu-item {
    text-align: center;
    padding: 0 0 0 80px;	
}
.menu li.pll-parent-menu-item span {
    display: none;
}	
.menu li.pll-parent-menu-item a {
	max-width: 70px;
	background: #fff;
    color: #00abed;
	display: block;
}
.menu li.pll-parent-menu-item ul {
	display: block !important;
}	
	
.menu li.pll-parent-menu-item ul li a {
    background: #fff;
    color: #00abed;
    line-height: 24px;
    max-width: 70px;
    padding: 0;
}
.social { padding: 0 0 0 80px; }
.social li:hover { opacity: 0.6; }
.social li:hover svg path { fill: #fff; }
.social li:hover svg circle { stroke: #fff; }
.lang { display: none; }
.lang.mob { display: block; position: absolute; right: 75px; top: 26px; }
.lang.mob li a { line-height: 24px; font-size: 12px; min-width: 60px; }
footer { padding: 50px 20px; }
footer .wrap { padding: 0; }
/**/
.owl-prev { left: 20px; height: 30px; }
.owl-next { right: 20px; height: 30px; }
.bnrhead { font-size: 4em; }
.slide { height: 530px; }
.benefits { margin-top: -80px; }
.benefits .lft p { font-size: 1em; }
.orgbtn, .whbtn { margin: 0; }
.sechead img { max-width: 170px; }
.homecontact .sechead { font-size: 3em; }
/**/
.banner { height: 520px; }
.tophead h2 { font-size: 2em; padding: 30px 0 30px 70px; }
.abtblock .wrap { padding: 0; }
.abtblock .flex { margin-bottom: 0; }
.abtblock .flex h3 { font-size: 3em; line-height: 0.8; margin-bottom: 20px; }
.abtblock .flex:nth-child(even) .left { padding-right: 0; padding-left: 50px; }
.abtblock .left { padding-left: 0; padding-right: 50px; }
/**/
.banner { padding-left: 50px; }
.pgbenefit .wrap { padding: 0 20px; }
.menuimg img { max-width: 400px; bottom: -230px; }
.benefit-menu img { height: 50px; }
.pgproduct .toptext { padding: 0 0 40px 50px; }
.pgproduct .lft { padding-left: 40px; }
.pgproduct .desc p { font-size: 1em; margin-bottom: 15px; }
/**/
.pgprodev .wrap { padding: 0px; }
.protoptext p:first-child { font-size: 1.6em; }
.protoptext p:first-child br { display: none; }
.ourtech { padding: 70px 20px 40px 20px; }
/**/
.singlepg .wrap { padding: 0; }
.singlepg { padding: 50px 0 50px 20px; }
.singlepg .image { min-height: 400px; max-width: 400px; }
/**/
.pgresource { padding: 40px 0; }
.pgresource .wrap { padding: 0; }
.pgresource .flex { display: block; }
.pgresource .left { width: 100%; }
.pgresource .right { width: 100%; margin: 0; float: right; }
/**/
.pgcontact .wrap { padding: 0; }
/**/
.disclaimer { padding: 100px 0 20px 0; }
.disclaimer h4 { font-size: 20px; }
.disclaimer p { font-size: 12px; }
/**/
.pgterms h1 { font-size: 4em; }
/**/
.bpage .rgt { margin-top: -180px; }
.bpage .lft { padding-left: 50px; }
.bpage.mtop { margin-top: -100px; }
.bpage .fs30 p { font-size: 1.5em; line-height: 1.5; }
}

@media screen and (max-width: 999px) {
.postdesc h3 { line-height: 32px; }
footer ul#menu-footer-2 li { max-width: inherit; }
.home .cbtn { display: none; }
.slide { height: auto; padding: 52vw 30px 30px 30px; background-position: center top !important; background-size: contain;
	justify-content: center; }
.bnrhead { font-size: 5em; margin-bottom: 15px; }
.caption { max-width: 400px; }
.caption p { font-size: 1.2em; margin-bottom: 20px; }
.slide img { max-width: 100%; }
/**/
.benefits { margin-top: 0; padding: 30px 0 20px 0; }
.benefits .lft, .benefits .rgt { width: 100%; padding: 0; }
.benefits .lft p { margin-bottom: 15px; }
.benefits .rgt img { max-width: 500px; margin: 0px auto; display: none; }
.sechead { font-size: 4em; line-height: 0.8; margin-bottom: 20px; }
.sechead img { max-width: 130px; }
.home_video { padding-top: 60px; }
.videobox { max-width: 790px; height: 58vw; }
.counter { padding-bottom: 20px; }
.counter .item { margin: 0 0 40px 0; width: 100%; }
.counter .icon { height: auto !important; }
.counter .icon img { max-height: 300px; margin: 0px auto; }
.sectext p br { display: none; }
.prodev .item { width: 50%; padding: 20px 0; }
.prodev p { font-size: 1em; }
.newsevents { padding: 40px 0 0 0; }
ul#menu-footer-7 { display: none; }
/**/
.banner { padding: 20px 10px 90px 10px; height: 450px; align-items: flex-end; }
.banner .bnrhead { font-size: 4em; }
.tophead h2 { font-size: 1.5em; padding: 30px 20px; }
.tophead br { display: none; }
.abtblock { padding-bottom: 1px; }
.abtblock .flex { margin-bottom: 40px; }
.abtblock .flex h3 { font-size: 2.5em; }
.abtblock .left { padding: 20px 20px 30px 20px !important; width: 100%; }
.abtblock br { display: none; }
.abtblock .right { width: 90%; }
/**/
.bnrtext p:last-child { font-size: 1.2em; }
.menuimg { display: none; }
.pgbenefit h1 { font-size: 4em; }
.pgbenefit .fs30 { font-size: 1.3em; }
.pgbenefit .fs30 br { display: none; }
.benefit-menu { flex-wrap: wrap; }
.benefit-menu li { width: 33.33%; margin-bottom: 20px; }

.bpage .rgt { margin-top: -50px; width: 100%; padding: 0 0 0 20px; }
.bpage .lft.ptop { padding: 0 20px 40px 20px; text-align: center; }
.bpage h1 { text-align: center; }
.bpage.mtop { margin-top: 0; }
.bpage.mtop .rgt { width: 100%; padding: 0 0 0 20px; }
.bpage .lft { padding: 0 20px; width: 100%; }
.benelist { padding: 50px 0; }
/**/
.pgproduct { padding: 30px 20px; }
.pgproduct .toptext { padding: 0 0 40px 0; }
.pgproduct h1 { text-align: center; }
.pgproduct .lft { padding: 0 20px; width: 100%; }
.pgproduct .rgt { width: 100%; padding-left: 20px; padding-bottom: 40px; }
/**/
.protoptext { padding: 40px 0; }
.protoptext .left { width: 100%; padding: 0 20px; }
.protoptext .right { width: 100%; padding-left: 20px; }
.protoptext h2 { padding: 0 20px; font-size: 2.5em; }
.protoptext h2 span { font-size: 20px; }
.protoptext p { margin-bottom: 20px; }
.ourtech .left, .ourtech .right { width: 100%; }
.ourtech h3 { margin-bottom: 30px; }
.ourtech p { margin-bottom: 20px; }
.certificates { padding: 0px 10px 80px 10px; }
.certificates .item { padding: 10px; width: 33.33%; }
.certificates img { max-height: 100%; margin: 0px auto; }
/**/
.singlepg { padding: 50px 0; }
.singlepg .desc { width: 100%; padding: 30px 20px 0 20px; }
.singlepg .image { min-height: 90vw; max-width: 90vw; }
.singlepg .date { margin-bottom: 20px; }
.single-events .singlepg { padding: 0px 0 60px 0px; }
/**/
.pgresource .left { max-width: 95vw; min-height: 95vw; margin-bottom: 40px; }
.pgresource .right { max-width: 95vw; min-height: 95vw; }
.pgresource h3 { font-size: 2em; margin-bottom: 10px; }
.pgresource li { line-height: 20px; margin-bottom: 3px; background-size: 20px; font-size: 12px; padding-left: 30px; }
.pgresource .right li { background-size: 20px; }
/**/
.faqlist { border-radius: 20px; }
.faqlist h4 { padding: 15px 60px 15px 20px; line-height: 24px; }
.faqlist h4:before { width: 28px; height: 28px; right: 20px; }
.faqlist .ans { padding: 20px; }
/**/
.pgcontact { padding: 40px 0; }
.cform { width: 100%; padding: 0 20px 20px 20px; }
.cimg { width: 100%; padding-left: 20px; }
/**/
.textleft { width: 100%; }
.videoright { width: 100%; margin-bottom: 30px; }
/**/
.pgpronew .wrap { padding-left: 20px; }
.pgpronew .lft { width: 100%; padding: 0 20px 50px 0; }
.pgpronew .rgt { width: 100%; padding: 0 20px 0 0; }
/**/
	.connect .left {
		width: 100%;
		margin-bottom: 40px;
	}
	.connect .right {
		width: 100%;
	}
	.connect h2 {
		font-size: 3.5em;
	}
	.connect h4 {
		font-size: 1.2em;
	}
	.techtoptext {
		padding: 80px 0;
	}
	.techtoptext .left {
		width: 100%;
		padding: 0 20px;
	}
	.techtoptext .right {
		width: 100%;
		padding: 0 0 0 20px;
	}
	.scitoptext h2 {
    	font-size: 3.7em;
	}
	.scitoptext p:first-child {
    	font-size: 1.25em; 
	}
	.scitoptext {
		padding: 50px 0 0;
	}
	.scibtmtext {
		padding: 50px 0;
	}
	#video-controls {
		bottom: 60px;
		right: 20px;
	}
	.sustain { background: none; margin: 0; padding: 0; }
	.sustain .rgt {
		width: 100%;
		display: flex;
		justify-content: center;
		padding: 20px 0;
	}
	.sustain .lft {
		background: url(assets/images/bgsusmob.png) no-repeat center center;
		padding: 70px 20px 80px;
		width: auto;
		background-size: 100% 100%;
		margin: 0px -20px;
	}
}

@media screen and (max-width: 767px) {
.page-template-brochure .banner .caption p {
    font-size: 1.1em;
    padding: 10px 0 0;
}	
.page-template-brochure .orgbtn {
    line-height: 40px;
}	.page-template-brochure .bnrhead {
    font-size: 3em;
}	
	.page-template-brochure .caption p br { display: none; }	
.blogpost.changed li { width: 100%; }	
.logo { max-width: 182px; }	
.slide { padding-top: 310px; background-size: 700px; }
.home_products { padding: 20px 0 40px 0; }
.home_products .sechead { margin-bottom: 20px; }
.home_products .flex { flex-wrap: wrap; } 
.home_products .item { width: 100%; padding: 15px 0 !important; }
.home_products .item img { margin: 0px auto; max-height: 70px; }
.hmpro { width: 340px; height: 340px; }
.hmproicon { width: 170px; height: 170px; }	
ul#menu-footer-1 {
    position: absolute;
    bottom: 114px;
    right: 0;
}
.newsevents ul { width: 100%; }
.date { font-size: 1em; }
.newsevents li { align-items: center; }
.newsevents li .text p { margin-bottom: 10px; }
.homeabout .lft, .homeabout .rgt { width: 100%; }
.sechead { font-size: 4em; }
.homecontact { background-position: center; }
footer ul { max-width: 50%; width: 50%; margin-bottom: 20px; }
footer li { line-height: 24px; letter-spacing: 1px; margin-bottom: 0; }
.copyright ul { margin: 0; }
.benefit-menu li { width: 50%; }
.certificates .item { width: 33.33%; }
.blogpost li { justify-content: center; min-height: 100%; }
.postimg a { height: 200px; width: 200px; }
.postdesc { max-width: 100%; }
.pgfaq .sechead { margin-bottom: 40px; }
.cform .half { width: 100%; }
.field { margin-bottom: 10px; }
.txtbox, .txtarea { height: 40px; font-size: 14px; }
.blogpost.flex ul { width: 100%; }
.blogpost .postimg { width: 100%; }
/**/
.pgterms h1 { font-size: 3.5em; }
.pgproduct .item { width: 50%; }
.pgproduct .desc { width: 100%; text-align: center; }
.pgproduct .thumb { width: 100%; }
/**/
.flex.btndiv a {
    padding: 0 20px;
    width: 200px;
    margin: 5px 0;
	justify-content: space-between;
}
footer li.bdr {
    margin-bottom: 10px;
}
.pgpronew .flex {
    flex-direction: column-reverse;
}	
.topimg img {
    max-width: 100%;
}
.pgproduct .desc .orgbtn {
    padding: 0 10px;
	font-size: 0.9em;
}	
footer ul#menu-footer-2 li {
    max-width: 100%;
}	
footer li a {
    font-size: 12px;
    line-height: 26px;
    display: block;
    width: 100%;
}	
.connection {
    padding: 50px 0;
    height: auto;
    margin-bottom: 50px;
}	
.connection .note {
	padding: 20px; 
}
.connection .txt p {
    font-size: 1.5em;
}
.mobonly { display: block; }
.pconly { display: none; }
}

@media screen and (max-width: 480px) {
.pgresource h3{font-size:3em; margin-bottom: 25px;}
.pgresource li a { font-size: 1.3em; }
.pgresource li { margin-bottom: 13px; }
.pgresource .right,
.pgresource .left{background: none; }
.pgresource .left ul {padding-bottom: 25px;}
.pgresource .left{
	padding: 0 25px;
}
.pgresource .left div {width: 100%;}
header:before { display: none; }	
header.sticky:before { display: block; }
.slide { background: none !important; padding-top: 0; padding-bottom: 80px; position: relative; z-index: 1; 
	min-height: 460px; align-items: flex-end; }
.slide img { max-height: 70px; margin: 0px auto; }
.bnrhead { font-size: 3.5em; }
.moslide { background-size: cover !important; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;
	background-position: center bottom !important; }	
.banner.bfit { padding-bottom: 100px; }
.banner.bfit .mobnr { display: block; }	
.caption p { font-size: 1.5em; line-height: 1.2; }
.owl-prev { left: 10px; }
.owl-next { right: 2px; }
.orgbtn, .whbtn { line-height: 32px; padding: 0 20px; border-radius: 12px; }
.videobox { height: 55vw; }
.benefits { margin-top: 0; padding: 0 0 20px 0; }
.benefits .rgt img { max-width: 100%; display: block; }
.home_video .sechead { font-size: 3.6em; letter-spacing: 0; }
.home_video .sechead img { max-width: 120px; }
.prodev .item { width: 100%; }
.prodev .item .icon { height: auto; }
.prodev .item .icon img { max-height: auto; }
.prodev p { font-size: 1.4em; }
.prodev a { font-size: 1.25em; }
.newsevents .sechead { margin-bottom: 30px; }
.newsevents li { flex-wrap: wrap; }
.newsevents li .text { width: 100%; padding: 20px 0 0 0; }
.newsevents .date { font-size: 1.3em; }
.newsevents li .text p { font-size: 18px; }
.homeabout p { font-size: 1.2em; }
.homeabout p br { display: none; }
.disclaimer { background: url(assets/images/bluebg-mo.png) no-repeat center top; padding: 140px 0 50px 0; }
.disclaimer .accept { top: -60px; font-weight: 400; }
.ourtech p strong { font-size: 1.4em; }	
.benelist .item .desc { width: 74%; }
.pgproduct .desc .orgbtn {
    padding: 0 7px;
    font-size: 12px;
    line-height: 34px;
}	
}
@media screen and (max-width: 360px) {
	.pgresource .left {
		padding-left: 40px;
	}
	.pgresource li {
		font-size: 10px;
		line-height: 19px;
		padding-left: 30px;
	}
	
	.pgproduct .desc .orgbtn {
    padding: 0 5px;
		font-size: 9px; }
	
}
.sllink { font-size: 0px !important; }
@media screen and (min-width: 1801px){
.benefit-menu img {
    height: 60px;
}
}
@media screen and (max-width: 767px){
.new-text-block {
    font-size: 14px !important;
    line-height: 22px !important;
}
.banner.sus {
    padding: 0 0 100px 20px;
    background-position: right 22% bottom !important;
}
.sus_toptext { padding: 20px 0 0; margin-bottom: 0; }
.sus_toptext h3, .sus_btmtext h3 { 
    font-size: 2.1rem;
}
.w-66 {
    width: 100%;
}
.w-33 {
    width: 100%;
}
.w-48 {
    width: 100%;
}
.fs26 {
    font-size: 1.5rem;
}
.fs20 {
    font-size: 1.5rem;
}
.sus_midtext .imginn {
    margin-left: -20px;
}
.w-62 {
    width: 100%;
}
.sus_midtext { background: none; padding-bottom: 40px; margin-bottom: 0; }
.sus_midtext .img {
    background: #fff;
    margin: 0 -20px;
    width: auto;
    padding: 0 20px 40px 0;
}
.sus_midtext .txt {
	background: url(assets/images/bgshapemob.png) no-repeat center center; background-size: 100% 100%;
    padding: 40px 20px;
    margin: 0 -20px;
	width: auto;
}
}
.new-text-block{margin-top: 24px;color: #575756;font-size: 16px;line-height: 26px;letter-spacing: 0.9px;}

@media screen and (max-width: 360px)
.banner .bnrhead {
    font-size: 3.5em;
}
}