File: /home/dermova/public_html/superfood/Avocado-Superfood/css/style.css
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500&display=swap');
body{margin: 0px;padding: 0px;font-family: 'Roboto', sans-serif; }
@font-face {
font-family: 'cretypeCarosMedium';
src: url('../fonts/cretypeCarosMedium.eot');
src: url('../fonts/cretypeCarosMedium.eot') format('embedded-opentype'),
url('../fonts/cretypeCarosMedium.woff2') format('woff2'),
url('../fonts/cretypeCarosMedium.woff') format('woff'),
url('../fonts/cretypeCarosMedium.ttf') format('truetype'),
url('../fonts/cretypeCarosMedium.svg#cretypeCarosMedium') format('svg');
}
@font-face {
font-family: 'BisonBold300';
src: url('../fonts/BisonBold300.eot');
src: url('../fonts/BisonBold300.eot') format('embedded-opentype'),
url('../fonts/BisonBold300.woff2') format('woff2'),
url('../fonts/BisonBold300.woff') format('woff'),
url('../fonts/BisonBold300.ttf') format('truetype'),
url('../fonts/BisonBold300.svg#BisonBold300') format('svg');
}
.main{width: 88%; margin: 0px 6%; box-shadow:0px 0px 20px #cacaca; height: auto; padding:30px 0 0px 0; float: left;}
.header_tp{ max-width:888px; margin:0 auto; text-align:left;line-height: 64px;}
header{height: 60px;color: #fff; position:relative; top:20px; width:100%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; z-index:9999;}
header.sticky {position: fixed;height: 74px;width: 88%;top: 0px;background: #fff;margin: 0 6%;left: 0;box-shadow: 1px 2px 5px #fbfbfb;}
/*---navigation--*/
.header{width:100%; height:auto; position:relative; top:-41px; z-index:9999;}
.logo {width:20%; text-align:center; display:inline-block !important; position:relative; float:left;}
/*----------*/
.navigation{width: 100%; height: auto; margin: 0px;text-align: center; padding:0px 0px}
.navigation ul{width: 100%; height: auto; margin: 10px 0px 10px 0px; padding: 0px; text-align: center; list-style: none;}
.navigation ul li{width:auto; height: auto; margin: 0px; padding: 0px 10px; text-align: center; display: inline; border-right: solid 1px #111; text-transform: uppercase;font-family: 'cretypeCarosMedium'; letter-spacing: 2px;}
.navigation ul li a{color: #666; text-decoration: none;}
.navigation ul li:last-child{border: none;}
/*-----------*/
.line_heading{width: 100%; height: auto; float: left;}
.line_heading .img{width: 100%; height: auto; float: left;}
.line_heading .ling_bg{width: 100%; min-height: 150px; background: url("../images/line_bg.jpg"); height: auto; float: left; margin-top: -3px;}
.line_heading .ling_bg h1{font-family:'BisonBold300';font-size: 64px; color: #10633d;text-align: center;padding: 16px 0px 0px 0px;
text-transform: uppercase;letter-spacing: 0px;margin: 0px;}
.line_heading .ling_bg h3{width: 100%; font-family: 'cretypeCarosMedium'; font-size:15px; color: #000; text-align: center; font-weight: normal; max-width: 91%; margin: 0 auto;}
/*---------------*/
.dermoviva{width: 100%; height: auto; margin-top: 72px; position: relative; min-height: 700px;}
.dermoviva h1{ font-family: 'BisonBold300';font-size:70px;color: #0d3529;text-align: center;padding:0px 0px 0px 0px;text-transform: uppercase;letter-spacing:0px;margin: -15px 0px 0px 0px;font-weight: normal; }
.dermoviva h3{width: 100%; margin: 0px; padding: 0px; font-family: 'BisonBold300'; font-size:48px; color: #0d3529; text-align: center;}
.dermoviva p{width: 100%; margin: 20px 0px 20px 0px; padding: 0px 25%; font-family: 'cretypeCarosMedium'; font-size:14px; color: #666; text-align: center; font-weight: normal; line-height:32px;}
.dermoviva .termiric{width: auto; position: absolute; height: auto;left: -32px;top: 0;}
.dermoviva .fruit{width: auto; position: absolute; height: auto;right: -34px;top: 0;}
.dermoviva .pomegranate{width: auto; position: absolute; height: auto;left: 0px; bottom: -80px;}
.dermoviva .leaf{width: auto; position: absolute; height: auto;right: -20px; bottom: -120px;}
/*-------------*/
.super_selection{width: 100%; height: auto; margin-top: 72px; position: relative;}
.super_selection h1{ font-family: 'BisonBold300';font-size:50px;color: #0d3529;text-align: center;padding:0px 0px 0px 0px;text-transform: uppercase;letter-spacing:0px;margin:0px;font-weight: normal;}
.super_selection .images{width: 100%; height: auto; float: left; margin: 25px 0px; position: relative;}
.super_selection .images .txt {width: 100%; position: absolute; height: auto;top:120px;}
.super_selection .images .txt h2{font-family: 'BisonBold300';font-size: 50px;color: #fff;text-align: center;padding: 0px 0px 0px 0px;text-transform: uppercase;letter-spacing: 0px;margin: 0px;font-weight: normal;width: 100%;}
.super_selection .txt h4{font-family: 'cretypeCarosMedium';font-size: 22px;color: #fff;text-align: center;padding: 0px 22% 0px 22%;letter-spacing: 0px;margin: 0px;font-weight: normal; width: 100%;top: 140px;}
.super_selection .images .txt .button{width: auto; height: 44px;margin: 20px auto 0 auto;line-height: 44px; text-align: center;}
.super_selection .images .txt .button a{width: auto;border: solid 2px #fff;border-radius: 6px;text-align: center; font-size: 18px;color: #fff;margin: 20px auto 0 auto;max-width: 130px; text-decoration: none;padding: 6px 15px; transition: all ease .5s;}
.super_selection .images .txt .button a:hover{border: solid 2px #f28703; background: #f28703; transition: all ease .5s;}
/*--------*/
.natural_diet{width: 100%; height: auto; margin-top:42px; position: relative;}
.natural_diet h1{font-family: 'BisonBold300';font-size:60px;color: #0d3529;text-align: center;padding:0px 0px 0px 0px;text-transform: uppercase;letter-spacing:0px;margin:0px;font-weight: normal;}
.natural_diet h2{font-family: 'BisonBold300';font-size:44px;color: #0d3529;text-align: center;padding: 0px 22% 0px 22%;letter-spacing: 0px;margin: 0px;font-weight: normal; width: 100%;top: 140px;}
.natural_diet .inner{width:100%; height: auto; position: relative; float: left; margin: 60px 0% 0px 0%; margin-bottom: 80px;}
.natural_diet .inner .left{width: 27%; height: auto; float: left; position:relative; margin-top: 20px;}
.natural_diet .inner .left ul{width: 100%; height: auto; margin: 0px; padding: 0px; list-style: none;}
.natural_diet .inner .left ul li{width: 100%; height: auto; margin: 0px 0px 20px 0px; padding: 20px 0px 0px 0px; list-style: none; text-align: left; font-family: 'cretypeCarosMedium';font-size:19px; float: left;color: #0d3529; }
.natural_diet .inner .left ul li .inner_dtl{width: 63%;float: right;line-height: 25px;padding-top:22px; }
.natural_diet .inner .left ul li span{width: 100%; height: auto; margin: 0px; padding:0px; list-style: none; text-align: left; font-family: 'cretypeCarosMedium';font-size:14px; float: left; font-weight: normal;}
.natural_diet .inner .left ul li img{width:100px; height: 100px; float: left; margin-right: 10px;}
.natural_diet .inner .middle{width: 46%; height: auto; float: left; position:relative; padding-top:0px; margin-top: -10px;}
.natural_diet .inner .right{width: 27%; height: auto; float: left; position:relative; margin-top: 20px; }
.natural_diet .inner .right ul{width: 100%; height: auto; margin: 0px; padding: 0px; list-style: none;}
.natural_diet .inner .right ul li{width: 100%; height: auto; margin: 0px 0px 20px 0px; padding: 20px 0px 0px 0px; list-style: none; text-align: right; font-family: 'cretypeCarosMedium';font-size:19px; float: left;color: #0d3529; }
.natural_diet .inner .right ul li .inner_dtl{width: 63%;float: left;line-height: 25px;padding-top: 22px;}
.natural_diet .inner .right ul li span{width: 100%; height: auto; margin: 0px; padding:0px; list-style: none; text-align: right; font-family: 'cretypeCarosMedium';font-size:14px; float: left; font-weight: normal;}
.natural_diet .inner .right ul li img{width:100px; height: 100px; float: right; margin-left:10px;}
/*--------*/
.contact{width: 100%; height: auto; margin-top:60px; position: relative;}
.contact h1{font-family: 'BisonBold300';font-size:60px;color: #0d3529;text-align: center;padding:0px 0px 0px 0px;text-transform: uppercase;letter-spacing:0px;margin:0px;font-weight: normal;}
.contact h2{font-family: 'BisonBold300';font-size:44px;color: #0d3529;text-align: center;padding: 0px 22% 0px 22%;letter-spacing: 0px;margin: 0px;font-weight: normal; width: 100%;top: 140px;}
.contact .address_lft{width: 50%; float: left; padding:3% 8%;font-family: 'cretypeCarosMedium';font-size:20px;color: #3f3f3f;}
.contact .address_rgt{width: 50%; float: left; padding:3% 8%;font-family: 'cretypeCarosMedium';font-size:20px;color: #3f3f3f;}
/* Aman */
.clear{clear:both;}
.face { margin: 50px auto;}
.face ul li { list-style: none; width: 20%; float: left; /* display: flex; */ text-align: center; margin: 0 auto; position: relative;}
.face ul li img{max-width: 110px; }
.face .inface { background: #247148; height: 120px; width: 120px; margin: 0 auto; position: absolute; top: 18%; left: 21%; border-radius: 50%; z-index: -1; }
/* avogada */
.natural_diet.avogada { text-align: center; }
.natural_diet.avogada img { max-width: 97%; margin: 0 auto; text-align: center; }
.avogada p { font-family: 'cretypeCarosMedium'; font-weight: 300; max-width: 60%; margin: 0 auto; line-height: 29px; font-size: 17px; border-top: 3px dotted #a0a0a0; border-width: 2.5px; padding: 16px; border-bottom: 3px dotted #a0a0a0; border-width: 2.5px;}
.avogada p strong , .hyo p strong{ font-weight: 600; color: #10633d; }
.hyo { justify-content: space-around; margin-top: 67px; margin-bottom: 70px;}
.hyo p { font-family: 'cretypeCarosMedium'; font-weight: 300; max-width: 78%; margin: 0 auto; line-height: 29px; font-size: 17px; border-top: 3px dotted #a0a0a0; border-width: 2.5px; padding: 16px; border-bottom: 3px dotted #a0a0a0; border-width: 2.5px; text-align: center; }
/* product-list */
.product-list { text-align: center; margin: 5px auto 30px auto; border: 1px solid #a4b3aebd; box-shadow: 0px 0px 2px 0px #a4b3ae; }
.product-list h3 { font-family: 'BisonBold300'; font-size: 28px; color: #ffffff; text-align: center; padding: 7px 52px; letter-spacing: 0px; margin: 0px; font-weight: normal; /* width: 100%; */ top: 140px; background: #0d3529; display: inline-block; border-bottom-left-radius: 75px; border-bottom-right-radius: 75px; }
.product-list .img-sec {padding-left: 0; position: relative;}
.product-list .step{padding: 0 30px;}
.product-list .img-sec img{max-width:100%;}
.product-list p { font-family: 'cretypeCarosMedium'; text-align: left; max-width: 91%; margin: 25px 0; color: #0d3529; }
.product-list h2 { font-family: 'cretypeCarosMedium'; text-align: left; text-transform: uppercase; font-size: 19px; font-weight: 600; color: #0d4c39; border-bottom: 1px solid #d6d6d6; padding-bottom: 6px; }
.product-list ul { margin-top: 20px; padding: 0; }
.product-list ul li { font-family: 'cretypeCarosMedium'; color: #0d3529; font-size: 14px; width: 22%; float: left; list-style: none; margin: 1.4%; }
.product-list ul li img { width: 79px; margin-bottom: 10px; }
.product-list .img-sec button { position: absolute; bottom: 21px; left: 0; right: 0; margin: 0 auto; font-family: 'BisonBold300'; color: #135615; background: transparent; padding: 4px 25px; font-size: 19px; border: 2px solid #135615; border-radius: 5px; }
.product-list ul.formet { display: flex; justify-content: center; }
.product-list ul.formet li img { width: 90px; }
/* Try some more recipes */
.social_space h1 { font-family: 'BisonBold300'; font-size: 44px; color: #0d3529; text-align: center; padding: 0px 22% 0px 22%; letter-spacing: 0px; margin: 0px; font-weight: normal; width: 100%; top: 140px; margin-top: 77px; margin-bottom: 30px; }
div#carousel img { max-width: 160px; margin: 0 auto; }
.item { border: 1px solid #e0dede; padding: 20px; }
.social_space .social_slider .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0) !important; }
.social_space .social_slider .owl-nav button.owl-prev { left: 16px; }
span {font-size: 70px; position: relative; top: -5px;}
.social_space .social_slider .owl-nav button.owl-next { right: 16px; }
button:focus{outline:none;}
.face ul li { list-style: none; width: 20%; float: left; /* display: flex; */ text-align: center; margin: 0 auto; position: relative; font-family: 'BisonBold300'; font-size: 20px; color: #247148; }
.natural_diet.avogada { text-align: center; padding-top: 83px; margin-top: -26px; }
.natural_diet { width: 100%; height: auto; margin-top: 42px; position: relative; margin-bottom: -25px; clear: both; float: left; }
div#selection { padding-top: 85px; margin-top: -89px; }
span { font-size: 47px !important; position: relative; top: -5px; color: #c1bdbd; }
.selectpicker {
display: none;
}
#carousel .item span {
font-family: 'BisonBold300';
font-size: 44px;
color: #0d3529;
text-align: center;
padding: 0;
letter-spacing: 0px;
margin: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-weight: normal;
width: 100%;
font-size: 19px !important;
display: block;
letter-spacing: 0.3px;
}