/* REFERENCES */
.font14{
	font-size: 14px !important;
}

/* STUDY POSTS */

.study-bg{
	background-color: #8b2771;
	color: #ffffff;
	padding: 30px;
	margin-bottom: 30px;
}

.study-bg h2{
	color: #ffffff !important;
}

/* Retailer Page */

.retailer-page-title{
	font-size: 35px;
	font-family: "Barlow-Bold",sans-serif;
	color: #5C068C;
}

.form-box{
	background-color: #f7f7f7;
	padding: 50px;
	margin: auto;
	display: flex;
	justify-content: center;
}

.retailer-form-title, .retailer-btn-purple{
	font-size: 20px;
	font-family: "Barlow-Medium",sans-serif;
	color: #5C068C;
}

.retailer-form-title{
	position: absolute;
}

.retailer-btn-purple{
	background-color: #5C068C;
	color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 90%;
	text-align: center;
	margin-top: 40px;
	padding: 15px;
	min-height: 50px;
	transition: .5s;
}

.width100{
	width: 100%;
}

.retailer-box-section{
	width: 60%;
	float: left;
	padding-left: 30px;
	padding-right: 60px;
	text-align: justify;
	margin-bottom: 60px;
}

.form-box-section{
	width: 40%;
	float: left;
	margin-bottom: 40px;
}

@media(min-width: 300px) and (max-width: 830px){
	.form-box-section, .retailer-box-section{
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.retailer-page-title{
		font-size: 30px;
		text-align: center;
	}
}

/* Contact Page */

.width33{
	width: 31%;
	float: left;
	-webkit-box-shadow: 0px 2px 19px -4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 19px -4px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 19px -4px rgba(0,0,0,0.3);
	margin-right: 2%;
	padding: 30px;
	height: 230px;
}

.width65{
	width: 55%;
	float: left;
	margin-bottom: 60px;
}

.width35{
	width: 45%;
	float: left;
	padding-left: 5%;
	padding-right: 10px;
}

.purple{
	color: #5c068c;
}


.avenir{
	
}

.contact-title, .privacy-title, .privacy-subtitle{
	font-family: "Barlow-Bold",sans-serif;
	font-size: 22px;
	color: #010101;
}

.btn-chat, .btn-address, .livechat_button{
	font-family: "Barlow-Bold",sans-serif;
	font-size: 15px;
	color: #fff;
	background-color: #e65a39;
	padding: 15px;
	text-transform: uppercase;
	min-width: 200px;
	min-height: 50px;
	text-align: center;
	letter-spacing: 1px;
	transition: .5s;
}

.btn-chat:hover, .btn-address:hover{
	background-color: #5c068c;
	color: #fff;
}

.btn-chat{
	position: relative;
	top: 19px;
}

.btn-address{
	position: relative;
	top: 19px;
}

.btn-chat:hover, .btn-address:hover, .retailer-btn-purple:hover{
	color: #fff;
}

.chat_text{
	position: absolute;
}

.email-title, .social_title{
	font-size: 25px;
	color: #5c068c;
	font-family:  "Barlow-Bold",sans-serif;
}

.gform_wrapper #gform_1 .gfield_required{
	display:none;
}

body .gform_wrapper #gform_1 ul li.gfield{
	/* margin-top: 0px; */
}

body .gform_wrapper #gform_1 .top_label div.ginput_container{
	margin-top: 0px;
}

body .gform_wrapper #gform_1 input, body .gform_wrapper #gform_1 select, body .gform_wrapper #gform_1 textarea{
	line-height: 1.6;
	border-radius: 0px;
	/* margin-bottom: -8px; */
}

.gform_wrapper li.hidden_label input {
  margin-top: 25px;
}

.gform_wrapper.gf_browser_gecko select {
  margin: 7px 0 7px !important;
}

/* PLACEHOLDERS FONTS STYLING */
::-webkit-input-placeholder, ::-webkit-select-placeholder { /* Chrome */
    font-family: 'Barlow-Regular', sans-serif !important;
    font-weight: 300!important;
    color: rgba(102, 102, 102, .90) !important;
    font-size: inherit !important;
}
:-ms-input-placeholder { /* IE 10+ */
    font-family: 'Barlow-Regular', sans-serif !important;
    font-weight: 300!important;
    color: rgba(102, 102, 102, .90) !important;
    font-size: inherit !important;
}
::-moz-placeholder { /* Firefox 19+ */
    font-family: 'Barlow-Regular', sans-serif !important;
    font-weight: 300!important;
    color: rgba(102, 102, 102, .90) !important;
    opacity: 1 !important;
    font-size: inherit !important;
}
:-moz-placeholder { /* Firefox 4 - 18 */
    font-family: 'Barlow-Regular', sans-serif !important;
    font-weight: 300!important;
   color: rgba(102, 102, 102, .90) !important;
    opacity: 1 !important;
    font-size: inherit !important;
}

select{
	color: rgba(102, 102, 102, .90) !important;
	padding-left: 10px !important;
	font-size: inherit !important;
}
/* PLACEHOLDERS FONTS STYLING END*/

#gform_submit_button_1{
	background-color: #5c068c;
	color: #fff;
	width: 98%;
	font-family: "Barlow-Bold", sans-serif;
	font-size: 15px;
	padding: 15px;
	min-height: 50px;
	min-width: 200px;
	letter-spacing: 1px;
	text-transform: uppercase;
}


#gform_submit_button_1:hover{
	background-color: #e65a39;
	color: #fff;
}


.social-icons a{
	color: #010101;
	
}

.social-icons .fab{
	/*margin-right: 15px;*/
	font-size: 20px;
	color: #010101;
}

.fa-facebook-f{
	margin-right: 18px;
}

.fa-twitter{
	margin-right: 16px;
}

.fa-instagram, .fa-pinterest-p{
	margin-right: 18px;
}

.fa-youtube{
	margin-right: 9px;
}

.gform_wrapper textarea{
	height: 160px;
}

.body h2, .content-row-medium h2, .content-row-medium h3 { 
	font-family: "Barlow-Bold", sans-serif;
	color: #010101;
	margin-bottom: 10px;
}

@media(min-width: 300px) and (max-width: 830px){
	.width33{
		width: 100%;
		margin-bottom: 40px;
	}
	
	.width65, .width35{
		width: 100%;
	}
	
	/*.btn-chat{
		position: relative;
		top: 75px;
	}*/
	
	.form-box-section{
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.retailer-form-title{
		font-size: 18px;
	}

	.width35{
		margin-bottom: 60px;
	}
}

@media(min-width: 830px) and (max-width: 1024px){
	.width33{
		height: auto;
	}
	.width35{
		margin-bottom: 60px;
	}
}






/* POSTS Code HTMl */
.vitamins-title{
	margin: auto;
	padding: 15px 30px;
	display: block;
	width: 70%;
	max-width: 1400px;
	color: #fff;
	background-color: #5c068c;
}

.vitamin-type, .column-one{
	float: left;
	width: 20%;
	font-weight: 600;
	font-family: "Barlow-Bold", sans-serif;
}

.vitamin-name, .column-two{
	float: left;
	width: 20%;
	font-weight: 600;
	font-family: "Barlow-Bold", sans-serif;
}

.vitamin-function, .column-three{
	width: 60%;
	float: left;
}

.vitamin-function{
	font-family: "Barlow-Bold", sans-serif;
	font-weight: 600;
}

.clearfix{
	clear: both;
}

.vitamin-row{
	background-color: #f4f4f4;
	color: #5c068c;
	max-width: 1400px;
	width: 70%;
	padding: 15px 30px;
	margin: auto;
	margin-top: 10px;
}

.column-three{
	color: #4a4a4a;
}


@media(min-width: 300px) and (max-width: 900px){
	.vitamins-title, .vitamin-type, .column-one, .vitamin-name, .column-two, .vitamin-function, .column-three, .vitamin-row{
		width: 100%;
	}

	.vitamin-type, .vitamin-name, .vitamin-function{
		text-align: center;
	}
}


.purple-bg{
	background-color: #5c068c;
	color: #a4a4a4;
	width: 80%;
	margin: auto;
	padding: 30px 40px;
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.78);
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.78);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.78);
}

.purple-bg h3, .purple-bg strong{
	color: #ffffff !important;
}

@media(min-width: 300px) and (max-width: 900px){
	.purple-bg{
		width: 100%;
	}
}

.gray-bg{
	background-color: #f5f5f5;
	color: #5c068c;
	width: 80%;
	margin: auto;
	padding: 30px 40px;
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.78);
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.78);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.78);
}

.gray-bg h3{
	color: #5c068c !important;
}


@media(min-width: 300px) and (max-width: 900px){
	.gray-bg{
		width: 100%;
	}
}


.vitamins-title-niacin{
	width: 90%;
	margin: auto;
	padding: 15px 30px;
	display: block;
	max-width: 1400px;
	color: #fff;
	background-color: #5c068c;
}


.vitamin-type-niacin, .vitamin-row-niacin .column-one{
	width: 30%;
	float: left;
}

.vitamin-name-niacin, .vitamin-row-niacin .column-two{
	width: 50%;
	float: left;
}

.vitamin-function-niacin,  .vitamin-row-niacin .column-three{
	width: 20%;
	float: left;
}

.vitamin-row-niacin{
	width: 90%;
	background-color: #f4f4f4;
	color: #4a4a4a;
	max-width: 1400px;
	padding: 15px 30px;
	margin: auto;
	margin-top: 10px;
}

.vitamin-type-niacin, .vitamin-name-niacin, .vitamin-function-niacin{
	font-weight: 600;
	font-family: "Barlow-Bold", sans-serif;
}

.vitamin-row-niacin .column-one, .vitamin-row-niacin .column-two, .vitamin-row-niacin .column-three{
	font-family: "Barlow-Regular", sans-serif;
}

.vitamin-row-niacin .column-one{
	color: #5c068c;
}


@media(min-width: 300px) and (max-width: 900px){
	.vitamins-title-niacin, .vitamin-type-niacin, .vitamin-name-niacin, .vitamin-function-niacin{
		width: 100%;
		text-align: center;
	}

	.vitamin-row-niacin, .vitamin-row-niacin > div{
		width: 100% !important;
	}
}


.vitamins-title-sources{
	margin: auto;
	padding: 15px 30px;
	display: block;
	width: 90%;
	max-width: 1400px;
	color: #fff;
	background-color: #5c068c;
}

.vitamin-row-sources{
	background-color: #f4f4f4;
	color: #5c068c;
	max-width: 1400px;
	padding: 15px 30px;
	margin: auto;
	margin-top: 10px;
	width: 90%;
}

.vitamin-row-sources .column-three{
	width: 50%;
}

.vitamin-row-sources .column-four{
	width: 10%;
	float: left;
}


@media(min-width: 300px) and (max-width: 900px){
	.vitamin-row-sources .column-three, .vitamin-row-sources .column-four{
		width: 100%;
	}

	.vitamin-row-sources .column-four{
		text-align: center;
	}
}


.supp-facts{
	width: 100%;
	display: block;
}

.supp-name, .supp-amount{
	float: left;
}

.supp-name{
	width: 70%;
}

.supp-amount{
	width: 30%;
	text-align: right;
}


/* table askancin */

.table-askancin-purple{
	background-color: #5c068c;
	color: #fff !important;
	margin: auto;
	display: flex;
	justify-content: center;
	padding: 15px;
	text-align: center;
	width: 50%;
	max-width: 1200px;
}

.table-askancin-gray{
	background-color: #f4f4f4;
	color: #5c068c;
	margin: auto;
	display: flex;
	justify-content: center;
	padding: 15px 0px 0px 0px;
	text-align: center;
	margin-top: 5px;
	width: 50%;
	max-width: 1200px;
}

@media(min-width: 300px) and (max-width: 900px){
	.table-askancin-purple, .table-askancin-gray{
		width: 95%;
	}
}

.you-know{
	background-color: #d5ecef;
	border: 2px solid #22b0ba;
	padding: 15px;
}

.magnesium-contributions{
	width: 90%;
	margin: auto;
	justify-content: center;
	background-color: #e3f2e3;
}

.magnesium-contributions-conditions-head, .magnesium-contributions-conditions-description{
	background-color: #d5ecef;
	float: left;
}

.magnesium-contributions-conditions-head h2, .magnesium-contributions-conditions-description h2{
	color: #fff !important;
}

.magnesium-contributions-conditions-head{
	width: 40%;
	padding: 15px;
}

.magnesium-contributions-conditions-description{
	width: 60%;
	padding: 15px;
}

.magnesium-contributions-conditions{
	background-color: #e3f2e3;
	color: #000;
	width: 40%;
	float: left;
	padding: 30px;
}

.magnesium-contributions-key{
	background-color: #e3f2e3;
	color: #000;
	width: 60%;
	float: left;
	padding: 30px;
}

@media(min-width: 300px) and (max-width: 900px){
	.magnesium-contributions, .magnesium-contributions-conditions-head, .magnesium-contributions-conditions-description, .magnesium-contributions-conditions, .magnesium-contributions-key{
		width: 100%;
		text-align: center;
	}
}

.health-check{
	background-color: #22b0ba;
	border: 2px solid #22b0ba;
	padding: 30px;
}

.health-check h2{
	color: #e3f2e3 !important;

}

.magnesium-drugs{
	background-color: #22b0ba;
	width: 50%;
	margin: auto;
	padding: 15px;
}

.magnesium-drugs h2{
	color: #fff !important;
}


.drugs{
	background-color: #e3f2e3;
	width: 50%;
	margin: auto;
	padding: 15px;
}

.need-to-know{
	background-color: #5c068c !important;
	padding: 30px;
	color: #afafaf !important;
}

.need-to-know h2{
	color: #ffc455 !important;
}

.green-color-bg{
	background-color: #e3f2e3;
	padding: 30px;
}

@media(min-width: 300px) and (max-width: 800px){
	.magnesium-drugs, .drugs{
		width: 90%;
	}
}

.mag-supp-container{
	background-color: #e3f2e3;
	width: 90%;
	margin: auto;
}

.mag-supp-header{
	background-color: #d5ecef;
	padding: 15px;
	color: #ffffff !important;
}

.mag-supp-class, .mag-supp-type, .mag-supp-pros, .mag-supp-cons{
	float: left;
	width: 25%;
	padding: 10px;
}

.mag-supp-class-content, .mag-supp-type-content, .mag-supp-pros-content, .mag-supp-cons-content{
	float: left;
	width: 25%;
	padding: 10px;
}

@media(min-width: 300px) and (max-width: 800px){
	.mag-supp-container, .mag-supp-class, .mag-supp-type, .mag-supp-pros, .mag-supp-cons{
		width: 100%;
	}

	.mag-supp-class-content, .mag-supp-type-content, .mag-supp-pros-content, .mag-supp-cons-content{
		width: 100%;
	}
}