@charset "utf-8";

/*
Theme Name: dutchlady.com.my
Theme URI: https://dutchlady.com.my/
Author: webworks.com.my
Author URI: https://webworks.com.my
Description: Dutch Lady Purefarm Ever wondered how we make milk that is not only delicious but also nutritious? Well, inside here we'll show you how our 140 years of Dutch dairy expertise helps us produce great milk..
Version: 2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: 

This theme, dutchlady.com.my.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@font-face {
  font-family: 'Brevia';
  src: url('assets/fonts/2BB626_1_0.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/2BB626_1_0.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       /* url('assets/fonts/webfont.woff2') format('woff2'), Super Modern Browsers */
       /*url('assets/fonts/2BB626_1_0.woff') format('woff'),*/ /* Pretty Modern Browsers */
       url('assets/fonts/2BB626_1_0.ttf')  format('truetype'); /* Safari, Android, iOS */
        /* url('assets/fonts/webfont.svg#svgFontName') format('svg');Legacy iOS */
}
@font-face {
 font-family:'Brevia-Regular';
 src:url('assets/fonts/Brevia-Regular.ttf') format("truetype"),
 url('assets/fonts/Brevia-Regular.woff') format("woff"),
 url('assets/fonts/Brevia-Regular.woff2') format("woff2");
 font-weight:400;
 font-style:normal
}
@font-face {
  font-family: 'Brevia Black';
  src: url('assets/fonts/2BB626_0_0.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/2BB626_0_0.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       /* url('assets/fonts/webfont.woff2') format('woff2'), Super Modern Browsers */
       /*url('assets/fonts/2BB626_0_0.woff') format('woff'),*/ /* Pretty Modern Browsers */
       url('assets/fonts/2BB626_0_0.ttf')  format('truetype'); /* Safari, Android, iOS */
        /* url('assets/fonts/webfont.svg#svgFontName') format('svg');Legacy iOS */
}
@font-face {
 font-family:'Brevia-Bold';
 src:url('assets/fonts/Brevia-Bold.ttf') format('truetype'),
 url('assets/fonts/Brevia-Bold.woff') format('woff'),
 url('assets/fonts/Brevia-Bold.woff2') format('woff2');
 font-weight:400;
 font-style:normal
}

/*-------------- Defalts Css ------------------*/

body {
	font-family: 'Brevia', Arial, sans-serif;
    letter-spacing: -0.08em;
	font-size: 16px;
	line-height: 24px;
	color: #09f;
}
a {
	outline: none;
	color:#337ab7;
}
button {
	outline: none;
}
a:hover {
	color:#09f;
}
h1, h2, h3, h4, h5, h6, .text-black-weight {font-family: 'Brevia Black', sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height: 0.8;}

h1{font-size:45px;letter-spacing:-2px;text-transform:uppercase;padding-top:0px;}
h2{font-size:40px;text-transform:uppercase;padding-top:0px;}
h3{font-size:36px;padding-top:0px;text-transform:uppercase;}
h4{font-size:30px;text-transform:uppercase;padding-top:0px;}
h5{font-size:24px;padding-top:15px;}
p {line-height: 1.1471;}

pre {
	font-family: inherit;
	margin: 0; 
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
a {
	outline: none;
}
img {
	max-width: 100%;
}

a, .logo, .scrollup,  header,  header.sticky,  .header-area, .navbar-nav > li ul, .navbar-nav > li:before, .navbar-toggler, span.icon-bar, .navbar-nav, .dropdown-menu {
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

/*-------------- important Css ------------------*/

.pt0 {
	padding-top: 0px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pt50 {
	padding-top: 50px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.mt0 {
	margin-top: 0px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb0 {
	margin-bottom: 0px !important;
}
.mb15 {
	margin-bottom:15px !important;
}
.bgnone {
	background: none !important;
}
.ml20 {
	margin-left: 20px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.space40 {
	height: 40px;
}
.space60 {
	height: 60px;
}
.separetor {
	height: 1px;
	background-color: #d6d6d6;
	margin: 15px 0px;
}

/*-------------- Background Css ------------------*/

.site-footer {
	background-image: url(assets/images/footer-bg.jpg);
}

/*-------------- Scroll Top Css ------------------*/

.scrollup {
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 60px;
	right: 50px;
	display: none;
	color: #fff;
	z-index: 3;
	background-color: rgba(28,36,69,0.94);
	border-radius: 100%;
	text-align: center;
	line-height: 35px;
	font-size: 24px;
	cursor: pointer;
}
.scrollup:hover {
	background-color: rgba(237,0,20,0.94);
	color: #fff;
}

/*-------------- Header Top Css ------------------*/

header:after {
	content: "";
	display: block;
	clear: both;
}

/*-------------- Header Main Css ------------------*/

.header-area {
	background-color: #198ae8;
	position:relative;
}
.header-area:after, .header-area .container:after {
	clear:both;
	content:"";
	display: block;
}
.logo {
	float: left;
	margin-top: 2px;
}
.logo a{
	display:block;
	background-image: url(assets/images/logo.png);
	width:123px;
	height:100px;
	text-indent:-9999px;
}
.logo a:hover {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
/*-------------- Main Menu Css ------------------*/

.header-right {
	float: right;
	width: 83%;
}

.navbar{padding:0px;width:100%;}
.mainmenu {
	
}
.navbar-nav {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width:100%;
}
.navbar-nav > li {
	position: relative;
	width:100%;
	height:60px;
	padding-bottom:12px;
}
.navbar-nav > li:before {
	background-color:#198ae8;
	position:absolute;
	left:0px;
	bottom:0px;
	width:20%;
	height:6px;
	content:"";
}
.navbar-nav > li:hover:before {
	background-color:#fff;
	width:100%;
}
.navbar-light .navbar-nav .active > .nav-link{color:#fff;}
.navbar-light .navbar-nav .active:before{background-color:#fff;width:100%;}
.navbar-nav > li a {
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'Brevia Black', sans-serif;
	padding:0px 10px;
	border-left:1px solid #fff;
	line-height:15px;
	min-height: 30px;
}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{color:#fff;}

.navbar-nav li:hover a {
	text-decoration:none;
}
.dropdown-toggle::after{display:none;}
.dropdown-menu {
	left: 0px;
	top: 100%;
	background-color: #fff;
	width: 320px;
	text-align: left;
	box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.2);
	margin: 0px;
	border-radius: 0px;
	border: 0px;
	padding:0px;
}
.dropdown-menu li {
	display: block;
	border-top: 1px solid #e5e5e5;
}
.navbar-nav > li .dropdown-menu a {
	padding: 10px 20px;
	color:#09f;
	display: block;
	text-transform: uppercase;
	line-height: 1.42857143;
	font-weight: 400;
	font-size: 14px;
	border:0px;
	font-family: 'Brevia', sans-serif;
}
.navbar-nav > li .dropdown-menu > li:hover > a {
	background-color: #003085;
	text-decoration: none;
	color: #fff;
}
.navbar-nav > li .dropdown-menu > li.active > a {
	background-color: #003085;
	text-decoration: none;
	color: #fff;
}
.navbar-nav li:last-child > .dropdown-menu, .navbar-nav:nth-last-child(2) > .dropdown-menu {
	left:inherit;
	right:0px;
}
.mainmenu > ul > li.nav-active:before {
	background-color:#fff;
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:10px;
	content:"";
}
.mainmenu ul li.nav-active > ul li.chaild-active a {
	background-color: #003085;
	color: #fff;
}

.menu-btn-block {
	display:none;
	justify-content:flex-end;
}
.navbar-toggler {
	background-image: none;
    border: 1px solid transparent;
	position: relative;
    margin-right: 5px;
    padding: 22px 20px;
	text-align:center;
	border-radius:0px;
	font-size:14px;
}
.navbar-toggler.collapsed {
    background:none;
    color: #fff;
}
.navbar-toggler {
    color: #09f;
    background-color: #fff;
}
.menu-btn-text {
	margin-top:10px;
	text-transform:uppercase;
	font-family: 'Brevia' , sans-serif;
	font-weight: 400;
}
.navbar-toggler span.icon-bar {
	height: 2px;
	width: 22px;
	border-radius: 1px;
	display:block;
	box-shadow: none;
	transform-origin: 50% 50% 0;
	transition: transform .1s ease-in 0s;
	margin: 0 auto;
}
.navbar-toggler span.icon-bar + span.icon-bar {
	margin-top: 4px;
}
.navbar-toggler.collapsed span.icon-bar {
	background-color: #fff;
}
.navbar-toggler span.icon-bar {
	background-color: #09f;
}
.navbar-toggler span.icon-bar:nth-child(2) {
	opacity:0;
}
.navbar-toggler span.icon-bar:nth-child(1) {
	transform: rotate(45deg) translate3d(3px, 6px, 0px);
	-webkit-transform: rotate(45deg) translate3d(3px, 6px, 0px);
}
.navbar-toggler span.icon-bar:nth-child(3) {
	transform: rotate(-45deg) translate3d(2px, -6px, 0px);
	-webkit-transform: rotate(-45deg) translate3d(2px, -6px, 0px);
}
.navbar-toggler.collapsed span.icon-bar:nth-child(2) {
	opacity:1;
}
.navbar-toggler.collapsed span.icon-bar:nth-child(1) {
	transform:none;
}
.navbar-toggler.collapsed span.icon-bar:nth-child(3) {
	transform:none;
}

.language {
	padding: 6px 0px 22px;
	line-height:14px;
	font-size:12px;
	text-align:right;
	color:#fff;
	text-transform:uppercase;
	display:flex;
	justify-content:flex-end;
}
.language .widget{padding-bottom:0px;}
.language .navbar-collapse{flex-grow: 0;}
.language img{display:none !important;}
.list span.code {
	display:none !important;
}
.list {
	display:flex;
}
.list > a {
	color: #fff;
	display:block;
	text-transform:uppercase;
	font-size:12px;
	border:0px;
	text-decoration:none;
	position:relative;
	padding:0px 10px;
	box-shadow:none;
}
.list > a:last-child {
	padding-right:0px;
}
.language a:before {
	display: block;
	right: 0px;
	top: 5px;
	height: 8px;
	width: 1px;
	content: "";
	background-color: #fff;
	position: absolute;
}
.list > a:last-child:before {
	display: none;
}
.list a.wpglobus-current-language {
	font-weight:600;
	box-shadow:none !important;
	text-decoration:none !important;
	border-bottom:0px !important;
}
.list a:hover, .list a:focus, .list a:active{
	color:#fff;
	box-shadow:none !important;
	text-decoration:underline !important;
	border-bottom:0px !important;
}

.language-icon{font-size: 22px;line-height:4px;font-family: 'Brevia', sans-serif;font-weight:400;}


.top-menu {
	text-align: right;
}
.top-menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.top-menu ul li {
	display: inline-block;
	color: #dddddd;
}
.top-menu ul li a {
	color: #dddddd;
	text-align: center;
	margin: 0px 10px;
	position: relative;
	display: block;
}
.top-menu ul li a:before {
	position: absolute;
	left: -12px;
	top: 50%;
	margin-top: -2px;
	height: 10px;
	background-color: #828282;
	content: "";
	display: block;
	width: 1px;
}
.top-menu ul li:first-child a:before {
	display: none;
}
.top-menu ul li a i {
	margin-right: 5px;
}
.top-menu ul li a:hover {
	color: #eb0028;
}

/*-------------- Footer Css ------------------*/

.site-footer {
	clear: both;
	background-repeat:repeat-x;
	background-position:center bottom;
	color:#fff;
	background-color:#8dbae3;
	margin:0px;
}
.footer-top-area {
	padding: 30px 0px 40px;
}
.site-footer a {
	color: #fff;
}
.footer-top-area a:hover {
	color: #0a5181;
	text-decoration: none;
}
.footer-top-area h5{
	text-transform:uppercase;
	margin-bottom:15px;
	font-size:16px;
}
.other-logo ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	display:flex;
}
.other-logo ul li{
	padding-right:40px;
}
.other-logo ul li a{
	display:block;
	background:url(assets/images/footer-logos-sprite.png) no-repeat left top;
	height:46px;
	text-indent:-9999px;
}
.other-logo ul li a.logo-friesland{
	width:106px;
}
.other-logo ul li a.logo-friso{
	width:70px;
	background-position:-147px top;
}
.other-logo ul li a.logo-moment{
	width:85px;
	background-position:right top;
}
.social-logo ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	display:flex;
}
.social-logo ul li{
	padding-right:6px;
}
.social-logo ul li a{
	display:block;
	width:54px;
	height:54px;
	text-align:center;
	line-height:50px;
	border-radius:50%;
	border:2px solid #fff;
	font-size:22px;
}
.social-logo ul li a span{
	display:none;
}
.social-logo ul li a:hover{
	border:2px solid #0a5181;
}
.footer-bottom-area {
	border-top:1px solid #fff;
	padding:15px 0px 85px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:400;
	letter-spacing:normal;
}
.footer-bottom-area ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	display:flex;
	justify-content:flex-end;
}
.footer-bottom-area ul li{
	padding:0px 10px;
	position:relative;
}
.footer-bottom-area ul li:before{
	display:block;
	width:1px;
	height:12px;
	position:absolute;
	right:0px;
	top:7px;
	content:"";
	background-color:#fff;
}
.footer-bottom-area ul li:last-child{
	padding-right:0px;
}
.footer-bottom-area ul li:last-child:before{
	display:none;
}

/*.vc_column-inner{max-width: 1200px;margin: 0 auto;padding: 0px 15px !important;}*/
.vc_row{display:flex;}
.v-align-middle{display:flex;}
.v-align-middle > div{margin:auto 0;}
.full-width .vc_column-inner{width: 100%;max-width:100%;margin: 0;padding: 0px !important;}
h3.product-sec-title{font-size: 40px;text-transform: uppercase;margin:20px 0px 30px !important;}
.product-block{display:flex;}
.product-img{padding-right:10px;}
.product-content h4{font-size:24px;line-height: 19px;margin-bottom: 15px;min-height: 72px;text-transform:uppercase;margin-top:10px;}
.btn-default{color: #fff !important;background-color: #09f;border-radius: 20px;border-color: #09f;padding:8px 20px;}
.btn-default:hover{color: #fff !important;background-color: #003087;border-color: #003087;}
.wpb_content_element{margin-bottom:0px !important;}
.page-content{max-width:1170px; margin:0 auto;}

.home-purefarm h2{text-transform:uppercase;letter-spacing: -0.09em;}
.home-heritage{color:#fff;letter-spacing: -0.09em;}
.home-heritage h1{text-transform:uppercase;letter-spacing:-2px;margin-bottom:15px;}
.home-purefarm h1{text-transform:uppercase;margin-bottom:15px;}
.vc_column-inner{padding-top:0px !important;}
.banner-section{position:relative;}
.inner-banner{height:620px;}
.banner-text{color:#fff;position:absolute;left:50%;top:0px;padding:70px 0px;width: 100%;margin-left:-585px !important;max-width:1170px;}
.banner-text.sky-color{color:#09f;}
.banner350{height:350px;}
.white-color{color:#fff;}
.subpage-carousel-sec {
    margin:0px auto;
	max-width:1140px;
}
.subpage-carousel .owl-stage-outer {
    padding-bottom:30px;
}
.subpage-carousel .owl-item {
    padding:0px 5px;
}
.subpage-carousel .subpage-item {
    background: #fff;
    padding: 15px;margin-bottom:40px !important;height:400px !important;
}
.subpage-carousel .subpage-item h4 a{padding-top:20px !important;text-decoration:none;color: #0099ff;display: block;}
.subpage-carousel .subpage-item h4 a:hover{color:#003087;text-decoration:none;}
.subpage-carousel .subpage-item h4 a:visited, .subpage-carousel .subpage-item .item h4 a:linked, .subpage-carousel .subpage-item .item h4 a:active{color:#003087;text-decoration:none;}
.pointer-up {
    width: 0px;
    height: 0px;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-bottom: 28px solid #fff;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: -30px;
    margin-bottom: -4.3em;
    display: block;
}
.subpage-carousel .owl-nav div{color: #fff;font-size: 43px;position:absolute;top: 36%;}
.subpage-carousel .owl-nav div.owl-prev{left:-30px;}
.subpage-carousel .owl-nav div.owl-next{right:-30px;}
.product-banner{height:620px;}
.inner-banner p, .product-banner p{letter-spacing: -0.09em;}
.inner-banner h1, .product-banner h1{text-transform:uppercase;letter-spacing:-2px;margin-bottom:15px;}
.inner-banner h2, .product-banner h2{text-transform:uppercase;margin-bottom:15px;}
.banner-heritage{color:#09f;}
.contact-block{padding-bottom:70px;}
.contact-block:last-child{padding-bottom:0px !important;}
.contact-block h3{border-bottom: 1px dashed #09f;padding-bottom: 5px;margin-top: 20px;}
.contact-block h5{margin-top:20px;padding-top:0px;}
.page-compass h2{padding-top:0px;margin-top: 30px;margin-bottom: 15px;}
.button-block, .button-block p{display:flex;flex-wrap:wrap;}
.button-block a{margin-right:10px;margin-bottom:10px;}
.button-block a .fa{font-size:18px;margin-left:10px;}
.press-block h4{margin-top:20px;margin-bottom:10px;}
.press-block h2{margin-top:20px;margin-bottom:10px;}
.h4margin h4{margin:30px 0px 10px;}
.h4margin h4:first-child{margin-top:0px;}
.nutritional-points {
    font-size: 30px;
    line-height: 1.1;
}
.custom-accordion{}
.accordion-style2{}
.list-style-none{}
span.dmbs_be4{font-size: 15px;
float: left;
margin-top: 0px;
margin-right: 2px;}
.dmbs_be {
    font-size: 8px;
	vertical-align: super;
    margin-right:1px;
}
.banner-text .dmbs_be {
    font-size: 15px;
}
.wpb_wrapper ul{padding-left:20px;} 
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading{background:none !important;border:none !important;}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a{color:#fff !important;background-color:#09f !important;font-size:16px;border-radius: 20px;display:inline-block !important;padding-right: 40px !important;padding-left:20px !important;}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a:before{position:absolute;width:20px;line-height:20px;text-align:right;right:22px;top:50%;margin-top:-10px;content: "\f105";font-family:'FontAwesome';color:#fff;font-size: 22px;font-weight: bold;}
.wpb-js-composer .vc_tta.vc_general .vc_active .vc_tta-panel-title > a:before{content: "\f107";}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a:hover{color: #fff !important;background-color: #003087;border-color: #003087;}
.vc_tta-panel{margin-bottom:20px;}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body{padding:10px 0px 0px !important;}
.accordion-style2 ul, .custom-accordion ul{margin:0px;padding:0px;list-style-type:none;}
.custom-accordion ul li{font-size:18px;line-height:22px;text-transform:uppercase;font-weight: bold;padding: 8px 0px;}
.custom-accordion ul li a{}
.accordion-style2 ul li{font-size:18px;line-height:22px;text-transform:uppercase;color:#09f;font-weight: bold;padding: 8px 0px;}
.accordion-style2 ul li a{display:inline-block;padding-right:20px;}
a.back-btn{color: #0099ff !important;background-color: #fff;border-color: #fff;font-weight:bold;}
a.back-btn .fa{margin-right:10px;font-size:16px;}
i.vc_tta-controls-icon{display:none !important;}
.anual-report p, .anual-report a{text-transform:uppercase;}
.button-group a{margin-bottom:10px;margin-right:10px;}
.metaslider .flex-control-nav{position:absolute;bottom: 30px !important;}
.flex-control-paging li a{background:#fff !important;}
.flex-control-paging li a.flex-active{background:#0099ff !important;}
.product-info{padding-top:10px;}

.metaslider .caption-wrap{background:none !important; opacity:1 !important;width:100%;bottom:inherit !important;top: 30px;left: 86px; }
.metaslider .caption-wrap .caption{max-width:1200px;margin:0px auto;}
.wpb_single_image.banner-img{text-align: center !important;}
p em{font-size:14px;}
.vc_tta-accordion a{color: #09f;}
.vc_tta-accordion a:hover{color: #337ab7;}

.protine-top-banner h1{font-size:55px;padding-top:60px;}
img.milk-drop{max-width:135px;position: absolute;left: 180px;top:100px;}
.protein-2ndbanner-text{position:absolute;width:100%;left:0px;top:-70px;}
.protein-2ndbanner-text .wpb_wrapper{max-width:1170px;margin:0px auto;}
.protein-2ndbanner-text h2{color:#fff;margin-bottom:20px;}
.protein-2ndbanner-text img{max-width:340px;}
.protein-2ndbanner-text p{color: #183967;font-family: Brevia-Regular,Arial,Helvetica,sans-serif;line-height: 1.5;}
.protine-content > .vc_column_container > .vc_column-inner > .wpb_wrapper{width:980px;margin:0px auto;}
.protine-video h2{color: #294872;text-align:center;margin-top:20px;}
.get-protine .wpb_wrapper div{display:flex;text-align:center;}
.get-protine .wpb_wrapper div h3{color:#222;padding-top:10px;text-transform: none;font-size:30px;}
.get-protine .wpb_wrapper div img{max-width:252px;}
.get-protine .wpb_wrapper div p, .get-protine .wpb_wrapper div img{margin-left:auto;margin-right:auto;}
.buy-protine {text-align:center;padding:20px 0px 50px;color: #222;}
.buy-protine h5{font-family: Brevia-Bold,Arial,Helvetica,sans-serif;font-size:20px;margin-bottom:0px;}
.buy-protine h6{font-family: 'Brevia', sans-serif;font-size:18px;padding-top:10px;}
.buy-protine a.btn{font-family:'Brevia-Regular', sans-serif;font-size:20px;padding:8px 40px 10px;border-radius:50px;margin-top:15px;}
.get-protine-bottom {display:flex;color: #333;}
.get-protine-bottom div{width:50%;font-size: 9px;letter-spacing:.5px;}
.get-protine-bottom div a{color: #333;}
.protine-p-info p{color:#000;}
.protine-reference > .vc_column_container > .vc_column-inner > .wpb_wrapper{width:980px;margin:0px auto;}
.protine-reference {color: #000;}
.protine-reference ol{margin:0px;padding:0px;padding-left:20px;}
.protine-reference ol li{letter-spacing: .2px;font-family:sans-serif;}
.plusprotein-banner-dextop{min-height:650px;background-position:right top;}
.plusprotein-banner-text {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 0px;
    padding: 70px 0px;
    width: 100%;
    margin-left: -585px !important;
    max-width: 1170px;
}
.plusprotein-banner-small{display:none;}


.plusprotein-slider .flexslider{margin-bottom:0px;}
.plusprotein-slider .flexslider:before{position:absolute;background-image: url(assets/images/plus-protein-milk-bg-overlay.png);background-repeat:repeat-x;background-position:center bottom;content:"";display:block;width:100%;left:0px;bottom:0px;height:200px;z-index:1;}
.plusprotein-slider .metaslider .caption-wrap .caption{max-width: 900px;}
.plusprotein-slider .metaslider .caption-wrap .caption .protine-slide-block{text-align:center;}
.plusprotein-slider .metaslider .caption-wrap .caption h3{font-size:26px;text-align:center;}
.plusprotein-slider .metaslider .caption-wrap .caption .protine-animation {padding:40px 50px 0px 50px;text-align:center;float:left;max-width: 480px;}
.plusprotein-slider .metaslider .caption-wrap .caption .protine-animation img{max-width:220px;display:inline-block;}
.plusprotein-slider .metaslider .caption-wrap .caption .growth-animetion img, .plusprotein-slider .metaslider .caption-wrap .caption .bones-animetion img, .plusprotein-slider .metaslider .caption-wrap .caption .nutrients-animetion img{max-width:250px;padding-left:0px;}
.plusprotein-slider .metaslider .caption-wrap .caption .protine-animation h5{line-height: 1.2;color: #294872;font-size:26px;}
.dmbs_be2 {
    font-size: 15px;
    float: left;
    margin-top: -5px;
    margin-right: 2px;
}
.metaslider .flex-control-nav li a{margin: 0 3px !important;}
.vc_general.vc_btn3.vc_btn3-style-modern {
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border:0px !important;
    font-size: 16px !important;
    line-height:24px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	color: #fff !important;
	background-color: #09f !important;
	border-radius: 20px;
	border-color: #09f !important;
	padding:10px 40px 10px 20px;
	margin-right:10px;
	text-transform:uppercase;
	font-family: 'Brevia', Arial, sans-serif;
	position:relative;
}
.vc_general.vc_btn3.vc_btn3-style-modern:before {
    right:15px;
	position:absolute;
	content:"\f105";
	font: normal normal normal 14px/1 FontAwesome;
	width:15px;
	height:15px;
	line-height:15px;
	text-align:center;
	display:block;
	font-size: 18px;
	top: 16px;
}
.vc_general.vc_btn3.vc_btn3-style-modern:hover {
    color: #fff !important;
    background-color: #003087 !important;
    border-color: #003087 !important;
	border:0px !important;
}


/*product v2 - 22jul2020*/
/*start*/
.product-new-block .vc_column-inner{padding: 0px !important;}
.product-new-holder {
	position: relative;
	display: flex;
	flex-direction: column;
	text-align: center;
	padding: 30px 0px;
}
.product-new-holder a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 1;
	text-indent: -9999px;
}
.product-new-holder p {
	margin-bottom: 0px;
}
.product-new-img {
	height: 300px;
    padding: 0px 15px 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.product-new-holder h4 {
	text-transform: none;
}
.banner-text.va-middle h1{
	margin-top: 200px;
}
@media (min-width: 100px) and (max-width: 991px) {
    .banner-text.va-middle h1{
	margin-top: 100px;
}
    
}
@media (min-width: 768px) and (max-width: 10000px) {
    .product-new-row.odd-row .product-new-block:last-child {
	background-color: #0094da;
}
.product-new-row.odd-row .product-new-block:last-child h4 {
	color: #fff;
}
.product-new-row.even-row .product-new-block:first-child {
	background-color: #0094da;
}
.product-new-row.even-row .product-new-block:first-child h4 {
	color: #fff;
}
    
}
@media (min-width: 100px) and (max-width: 767px) {
    .product-new-row.odd-row .product-new-block:last-child {
	background-color: #0094da;
}
.product-new-row.odd-row .product-new-block:last-child h4 {
	color: #fff;
}
.product-new-row.even-row .product-new-block:last-child {
	background-color: #0094da;
}
.product-new-row.even-row .product-new-block:last-child h4 {
	color: #fff;
}
 .banner-text.va-middle h1{
	margin-top: 0px;
}   
}