html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
    font-family: 'LatoBold';
    src: url('/fonts/Lato/Lato-Bold.eot');
    src: url('/fonts/Lato/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Lato/Lato-Bold.woff2') format('woff2'),
        url('/fonts/Lato/Lato-Bold.woff') format('woff'),
        url('/fonts/Lato/Lato-Bold.svg#Lato-Bold') format('svg');	
    src: url("/fonts/Lato/Lato-Bold.ttf");
}

@font-face {
    font-family: 'LatoLight';
    src: url('/fonts/Lato/Lato-Light.eot');
    src: url('/fonts/Lato/Lato-Light.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Lato/Lato-Lightt.woff2') format('woff2'),
        url('/fonts/Lato/Lato-Light.woff') format('woff'),
        url('/fonts/Lato/Lato-Light.svg#Lato-Light') format('svg');	
    src: url("/fonts/Lato/Lato-Light.ttf");		
}

@font-face {
    font-family: 'LatoRegular';
    src: url('/fonts/Lato/Lato-Regular.eot');
    src: url('/fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Lato/Lato-Regular.woff2') format('woff2'),
        url('/fonts/Lato/Lato-Regular.woff') format('woff'),
        url('/fonts/Lato/Lato-Regular.svg#Lato-Regular') format('svg');	
    src: url("/fonts/Lato/Lato-Regular.ttf");
}

*, *::before, *::after {
    box-sizing: border-box;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

img { max-width: 100%; }

.metro-wrapper {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 60px;
}
.why-pro {
    background-color: #f2f2f2;
    color: #522e8f;
    font-family: "LatoLight";
    padding: 20px 47px;
    border: 1px solid #e7e7e7;
    font-size: 19px;
}
.col {border: 1px solid #e7e7e7;background-color: #f2f2f2;float: left; transition: all 0.3s; }
.col a {text-decoration: none;display: block;}
.col:hover {border: 1px solid #522e8f;}
.col-45 {width: 44.1666%;margin: 0 10px 10px 0;box-sizing: border-box;}
.col-55 {overflow: hidden;width: 54.79%;}
.col-33 {width: 32%;margin: 0 10px 10px 0;height: 168px; }
.col-66 {width: 65.99%;margin: 0 0 10px 0;}
.col-36 {width: 36.3%;margin: 0 10px 0 0;}
.col-18 {width: 17.44%;margin: 0 0 10px 0;position: relative;}
.col-32 {width: 32%;margin: 0 10px 10px 0;}
.mrgn-tp {margin-top: 10px;}
.last-el { margin-right: 0; }
.col-100 { position: relative; min-height: 1px; width: 100%; }
.dna-bg {background: URL('../img/home/dna.png') no-repeat center left;width: 100%; background-size: contain;padding: 50px 20px 47px 20px; }
.text-center {margin: 0 auto;color: #522e8f;position: relative;width: 50%;display: block;margin-right: 53px;}
.text-wrapper h1 {font-family: "LatoRegular";font-size: 20px; padding: 10px 0; }
.text-wrapper p {font-family: "LatoLight"; font-size: 14px; padding-bottom: 10px; }
.col-100 a { text-decoration: none; }
.why-pro:hover { border: 1px solid #522e8f; transition: all 0.3s; }
.bg-four {font-size: 79px;position: absolute;left: -16px;font-weight: bold;font-family: "LatoLight";top: -6px;}
.forms {font-size: 33px;padding-top: 10px;margin-left: 45px;font-family: "LatoRegular";text-align: left; line-height: 34px; }
ul.dosages {list-style: none; margin-left: 60px; margin-top: 15px; } 
ul.dosages li {margin-bottom: 12px;font-family: "LatoLight"; }
ul.dosages li span {margin-left: 14px;vertical-align: 5px;font-family: "LatoLight";}

.three-eight {background: URL('../img/home/bee.jpg') no-repeat center center;width: 100%;background-size: contain;padding: 27px 17px;box-sizing: border-box;/* height: 136px; */text-align: center;margin-top: 5px;font-family: "LatoLight";height: 158px;}
.exp, .num, .exprnc {text-align: center;color: #522e8f;box-sizing: border-box;font-family: "LatoBold";}
.num {font-size: 75px;line-height: 70px;letter-spacing: 0;font-family: "LatoRegular";}
.exp {font-size: 16px;}
.exprnc {display: block;font-size: 12px;}

.founded-year {padding: 12px 20px;color: #522e8f;font-family: "LatoRegular";heig;height: 162px;position: relative;}
.founded-year:after {background: URL('../img/home/spices.png') no-repeat right;background-size: contain;opacity: 0.5;top: 0;right: 0;left: 0;position: absolute;bottom: 0;content: " ";}
.founded {font-size: 13px;padding-bottom: 2px;}
.year {font-size: 50px;line-height: 44px;padding-bottom: 2px;}
.founder {width: 50%;font-size: 11px;font-family: "LatoLight";}
.formula {font-size: 50px;padding: 32px 0 8px 15px;line-height: 36px;color: #522e8f;font-family: "LatoRegular";}
.formula-details {font-size: 14px;padding: 0 0 0 19px;color: #522e8f;font-family: "LatoLight";}
.atom {height: 195px;}
.atom img {display: block;width: 130px;margin: 0 auto;padding: 34.5px 22px; }

.h-reg {background: URL('../img/home/web.jpg') #C5A7E1 no-repeat right;width: auto;background-size: cover;padding: 9px 20px;color: #522e8f;font-family: "LatoLight";height: 166px;}
.thirty {color: #532F8F;font-size: 60px;padding: 20px 0 0 5px;font-weight: bold;font-family: "LatoLight";}
.health-food {color: #532F8F;font-size: 13px;padding: 0 0px 60px 35px;letter-spacing: -1px;font-family: "LatoRegular";}
.extra {width: calc(31.5% + 3.6px);}

/* .tablet img {margin: 0 auto;width: 100%;display: block;height: 165px;} */
.tablet {background: URL('../img/home/med.png') #f2f2f2 no-repeat center center;min-height: 165px;background-size: cover;}

.countries {background: URL('../img/home/world.jpg') #C5A7E1 no-repeat center center;width: auto;padding: 13px 37px;color: #C5A7E1;position: relative;background-size: cover;height: 165px;}
.c-num {color: #532F8F;font-size: 90px;font-weight: bold;font-family: "LatoLight";margin-top: 31px;}
.country {color: #532F8F;font-size: 22px;font-family: "LatoRegular";position: absolute;right: 40px;bottom: 31px;}

.certificate-10 {color: #572C86;text-align: center;letter-spacing: 4px;font-size: 82px;padding: 46px 45px 0 38px;font-family: "LatoRegular";line-height: 65px;height: 109px;box-sizing: border-box;}
.certificate {color: #572C86;padding: 6px 0px 35px 40px;font-size: 12px;overflow: hidden;font-family: "LatoRegular";}
.formula-img img {float: right; padding: 5px 5px 14px 5px; width: 65px; }
@media (max-width: 767px){
    .col-45 {width: 100%;margin: 0 10px 10px 0;box-sizing: border-box;}
    .col-55 {overflow: hidden;width: 100%;}
    .col-33 {width: 100%;margin: 0 10px 10px 0;}
    .col-66 {width: 100%;margin: 0 0 10px 0;}
    .col-36 {width: 100%;margin: 0 10px 0 0;}
    .col-18 {width: 100%;margin: 10px 0 10px 0;}
    .col-32 {width: 100%;margin: 0 10px 8px 0;}
    .col-100 { margin-bottom: 10px; }
    .text-center { width: 57%; }
    ul.dosages li { text-align: left; }
    ul.dosages li img { float: left; }
    .country {bottom: 16px;right: 45px;}
    .founded-year {text-align: left;}
    .formula {font-size: 60px;}
    .formula-img img {float: none; margin-left: 30px; }
    .countries {padding: 30px 0;}
    .c-num {margin-top: 0px;}
    .certificate-10 {font-size: 90px;}
    .certificate {font-size: 15px;}
    .thirty {font-size: 75px;}
    .health-food {font-size: 15px;}
    .atom img { padding: 30px 10px; }
    .metro-wrapper {
        width: -webkit-fill-available;
        max-width: none;
        margin: 0;
        padding-top: 20px;
        padding-bottom: 50px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }
}
@media only screen and (max-width: 959px) {	
    .col-45 {width: 100%;margin: 0 10px 10px 0;box-sizing: border-box;}
    .col-55 {overflow: hidden;width: 100%;}
    .col-33 {width: 100%;margin: 0 10px 10px 0;}
    .col-66 {width: 100%;margin: 0 0 10px 0;}
    .col-36 {width: 100%;margin: 0 10px 0 0;}
    .col-18 {width: 100%;margin: 10px 0 10px 0;}
    .col-32 {width: 100%;margin: 0 10px 8px 0;}
    .col-100 { margin-bottom: 10px; }
    .text-center { width: 57%; }
    ul.dosages li { text-align: left; }
    ul.dosages li img { float: left; }
    .country {bottom: 16px;right: 45px;}
    .founded-year {text-align: left;}
    .formula {font-size: 60px;}
    .formula-img img {float: none; margin-left: 30px; }
    .countries {padding: 30px 0;}
    .c-num {margin-top: 0px;}
    .certificate-10 {font-size: 90px;}
    .certificate {font-size: 15px;}
    .thirty {font-size: 75px;}
    .health-food {font-size: 15px;}
    .atom img { padding: 30px 10px; }
    .metro-wrapper {
        width: -webkit-fill-available;
        max-width: none;
        margin: 0;
        padding-top: 20px;
        padding-bottom: 50px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }
}