body{font-family:'Lato', sans-serif;font-size:14px;background-color:#fff;}
a img{border:none;}
ul{margin:0 0 15px;padding:0 0 0 20px;}
ul li{margin:0;padding:0;}
p{margin:0 0 15px;line-height:1.5;}
hr{background-color:#ccc;height:1px;border:none;margin:30px 0;}
figure{text-align:center;margin:0 0 15px;}
figure img{margin:30px 0;}
.site-wrapper{max-width:930px;margin:0 auto;}
.site-full-wrapper{max-width:1366px;margin:0 auto;}
.center-wrapper{text-align:center;}
.center-wrapper .center-content{display:inline-block;text-align:left;}
table.table-list{margin:0 auto;}
table.table-list td{background:url('../img/list-arrow.jpg') no-repeat 3px 9px;padding:5px 20px 15px 15px;}
table.picture-links{}
table.picture-links td{padding:0 25px;text-align:center;}
table.picture-links td img{display:block;margin:0 auto;margin-bottom:25px;}
.banner{height:191px;text-align:center;position:relative;background-position:center;background-repeat:no-repeat;}
.banner .banner-text{color:#fff;position:absolute;top:98px;left:50%;margin-left:-106px;width:212px;height:90px;display:table;}
.banner .banner-text h1{display:table-cell;vertical-align:middle;}
.content-section{}
.content-section::after{content:'';clear:both;display:block;}
.content-section h1{font-size:30px;}
.content-section a{text-decoration:none;color:#77b942;}
.content-section.small-panel{width:670px;margin:0 auto;}
.bottom-margin-30{margin-bottom:30px;}
.tbl{display:table;}
.tbl-cell{display:table-cell}
.vertical-middle{vertical-align:middle}
.text-center{text-align:center;}
.green{color:#7ebd47;}
.brown{color:#cdb281;}
.border{border-bottom:1px solid #ccc;margin:0 0 30px;padding:0 0 15px;}
.logo-brown{color:#df9f1d;}
.logo-green{color:#93d459;}
.light-grey-bg{background-color:#f5f5f5;}
.dark-grey-bg{background-color:#e8e8e8;}
.darker-grey-bg{background-color:#e9e4d8;}
.white-bg{background-color:#fff;}
.image-left{float:left;margin:0 15px 15px 0;}
.image-right{float:right;margin:0 0 15px 15px;}
table.two-col{width:100%;}
table.two-col td{width:50%;text-align:center;padding:50px;box-sizing:border-box;}
table.two-col tr td:first-child{border-right:1px solid #ccc;}
.green-button{color:#fff;background-color:#7fbe48;font-size:16px;border-radius:4px;padding:5px 16px;text-decoration:none;display:inline-block;}
.content-section .green-button{color:#fff;}
.highlight{margin:30px 100px 30px;}
.frame{box-shadow:0px 0px 5px 2px #ccc;}
h2.green-bg{background:url('../img/green-heading-bg.jpg') no-repeat;color:#fff;font-weight:400;line-height:44px;padding-left:20px;font-size:17px;}
.half{float:left;width:50%;}
.half .half-panel{padding:0 40px;}
.half .half-panel p{text-align:justify;margin-bottom:30px;}
.half .half-panel h3.green{text-align:center;font-weight:400;}
.half figure{margin:30px 0 20px;text-align:center;}
.half figure img{margin:0 0 15px;}
.half figure figcaption{color:#80bd46;font-size:16px;}
.clear{clear:both;}
.cert-table tr td p{text-align:justify;}
.cert-table tr td:nth-child(2){width:220px;text-align:right;vertical-align:top;}
#logo{text-align:center;padding:20px;}
#top-links{position:absolute;right:45px;top:45px;}
#top-links ul{margin:0;padding:0;}
#top-links ul li{list-style:none;display:inline-block;margin-left:15px;}
nav{position:relative;}
nav > ul{max-width:930px;margin:0 auto;padding:0;border:1px solid #c2b8a4;text-align:center;border-left:none;border-right:none;}
nav > ul > li{list-style:none;display:inline-block;}
nav > ul > li > a{display:block;color:#403d3a;padding:15px;text-decoration:none;}
nav > ul > li:hover > a{background-color:#6cb62b;color:#fff;}
nav > ul > li > a.current{font-weight:700;color:#C79016;}
nav > ul > li:hover > a.current{color:#fff;}
.mega-content{display:none;position:absolute;width:100%;padding:30px 0;top:100%;left:0;z-index:99;background:#fefefe;box-shadow:inset 0px -15px 15px -15px #ccc;}
.mega-content a{text-decoration:none;color:#77b942;font-weight:600;}
.mega-content h1{margin:0 0 15px;font-size:24px;text-align:center;}
.mega-content .link-block{display:inline-block;text-align:center;margin:0 25px;}
.mega-content .link-block img{display:block;margin:0 auto 25px;max-width:100%;}
#upper-footer{background-color:#f6f4ee;}
#upper-footer::after{content:'';display:block;clear:both;}
#upper-footer .section{width:50%;padding:50px 30px 35px;box-sizing:border-box;float:left;}
#upper-footer .section h3{margin-top:0;}
#upper-footer .section a{color:#333;text-decoration:none;}
#upper-footer .section p{text-align:justify;}
#lower-footer{padding:15px;}
#lower-footer ul{margin:0;padding:0;display:inline-block;}
#lower-footer ul li{margin:0;padding:0;display:inline-block;}
ul#logo-footer{vertical-align:middle;margin-right:5px;}
ul#bottom-links{margin-left:5px;}
ul#bottom-links li{border-left:1px solid #333;}
ul#bottom-links a{text-decoration:none;color:#333;padding:5px;}
ul#social-links{vertical-align:middle;float:right;}
#color-table{color:#fff;background:url('../userFiles/image/color-justification-bg.jpg') no-repeat bottom center;height:249px;width:100%;}
#color-table td, #color-table th{text-align:center;width:25%;}
#color-table th{font-size:18px;padding-top:40px;text-transform:uppercase;font-weight:400;}
#color-table td{font-size:12px;padding:15px 25px 0;}
#aloe-table{margin:0 auto;}
#aloe-table td{width:130px;padding:0 15px;text-align:center;vertical-align:top;}
#shafy-table{margin:0 auto;}
#shafy-table td{width:130px;padding:0 14px;text-align:center;vertical-align:top;}
.img-txt-table{border-radius:8px;border-collapse:separate;padding:20px;box-shadow:0px 0px 3px 2px #eee;margin:15px 0;}
.img-txt-table td{vertical-align:middle;}
.img-txt-table .txt{padding-left:20px;}
.img-txt-table.invert .txt{padding-left:0;padding-right:20px;}
h1.green-ribbon{background:url('../userfiles/image/why-aloeshafy/green-ribbon-bg.png') no-repeat bottom center;text-align:center;height:75px;padding-top:5px;color:#fff;font-weight:400;margin:0;}
#quality-content{width:925px;height:248px;margin:0 auto;}
#quality-content table{position:relative;top:120px;}
#quality-content table td{width:130px;text-align:center;vertical-align:top;padding:12px;}
.sub-menu{text-align:center;}
.sub-menu ul{margin:0;padding:0;display:inline-block;}
.sub-menu ul li{list-style:none;margin:0;padding:0;display:inline-block;}
.sub-menu ul li a{display:block;padding:5px 10px;border-left:1px solid #333;color:#333;}
.sub-menu ul li:first-child a{border:none;}
.sub-menu ul li a.active{font-weight:600;}
.product-table{padding:30px 0;}
.product-table .product-desc{width:60%;}
.product-table .product-img{width:40%;text-align:center;vertical-align:middle;}
.product-table .product-img img{max-width:100%;}
.product-table table table{margin-bottom:15px;}
.product-table table table td{padding:5px;}
.product-footer{padding:60px 0;}
.product-footer .tbl{}
.product-footer .tbl-cell{padding:15px;}
.product-footer a{text-decoration:none;color:#333;}
#steps-wrapper{padding:20px 0 0;z-index:99;border-bottom:2px solid #e8e8e8;}
#steps-panel{position:relative;height:125px;}
#steps-bg-line{position:absolute;height:3px;background-color:#e8e8e8;top:20px;width:90%;left:50px;}
#steps{position:absolute;top:0;}
#steps::after{content:'';display:block;clear:both;}
.step{display:block;width:93px;float:left;text-align:center;}
.step span{color:#81bf49;font-size:12px;}
.step a{padding-bottom:25px;display:block;min-height:100px;}
.step .circle{width:20px;height:20px;padding:10px;border-radius:40px;background:#e8e8e8;color:#81bf49;font-size:18px;display:block;margin:0 auto 5px;text-align:center;}
.step a.active .circle{background-color:#81bf49;color:#fff;}
.step a.active{background:url(../img/active-step-bg.jpg) no-repeat bottom center;}
.step-content{padding:60px 0;}
.step-table{width:100%;}
.step-table h1.brown{margin:0;}
.step-table .img-cell{padding:0 5px;text-align:center;max-width:100%;vertical-align:top;}
.step-table .txt-cell{vertical-align:top;padding:5px;}
.step-table p{text-align:justify;}
#miracle-footer{padding:50px 0;position:relative;height:156px;}
#miracle-footer-line{position:absolute;top:100px;left:120px;width:70%;height:3px;background-color:#3c8813;z-index:1;}
#miracle-nav{margin:0;padding:0;text-align:center;position:absolute;top:50px;left:0;height:156px;width:930px;width:100%;z-index:2;}
#miracle-nav li{list-style:none;margin:0;padding:0;display:inline-block;text-align:center;width:120px;padding:0 15px;vertical-align:top;}
#miracle-nav li span{display:block;padding-top:10px;}
#miracle-nav li a{text-decoration:none;color:#333;}
.recipe-panel{padding:60px 0;border-bottom:1px solid #eee;}
.recipe-panel::after{content:'';display:block;clear:both;}
.recipe-img{width:40%;float:left;text-align:center;}
.recipe-img img{max-width:100%;}
.recipe-txt{}
.recipe-txt h4{margin-bottom:10px;}
.charter-panel{width:350px;height:140px;vertical-align:middle;text-align:center;color:#fff;}
.charter-panel strong{font-size:16px;}
.brochure{display:table;width:465px;height:220px;margin:30px auto 0;}
.brochure-img{width:50%;text-align:center;display:table-cell;vertical-align:middle;}
.brochure-img img{max-width:100%;}
.brochure-txt{width:48%;padding-left:2%;display:table-cell;vertical-align:middle;}
.brochure-txt strong{font-size:16px;display:block;margin-bottom:5px;}
.brochure-txt .file-size{display:block;margin-bottom:10px;}
.brochure-txt a{color:#333;}
.media-list{}
.media-item{padding:60px 0;border-bottom:1px solid #ccc;}
.media-item:last-child{border-bottom:none;}
.media-left{float:left;width:215px;padding:0 50px 0 0;line-height:1.5;}
.media-left .date{display:block;}
.media-right{float:left;width:564px;padding:0 50px 0;border-left:1px solid #ccc;}
.media-right a{color:#333;}
.media-right h3{margin:0 0 10px;}
.media-right .green-button{font-size:14px;}
.photo-album{float:left;width:290px;padding:0 10px 20px;}
.photo-album a{color:#333;}
.photo-album img{display:block;max-width:100%;margin-bottom:5px;}
.photo-album h3{margin:0 0 5px;}
.form{font-size:18px;width:670px;margin:0 auto;}
.field-wrapper{margin:0 0 20px;}
.lbl{margin-bottom:5px;display:block;}
input[type=text], textarea{display:block;border:1px solid #ccc;border-radius:4px;padding:8px 12px;display:block;box-sizing:border-box;width:100%;}
input[type=submit]{border:none;font-size:18px;padding:10px 35px;}
.cb{margin-left:5px;}
.contact-panel{width:294px;padding-right:15px;float:left;}
.contact-panel h1{margin:0 0 10px;}
.contact-address{line-height:1.5;min-height:200px;}
.reg-number{font-size:11px;}
.contact-map{margin:30px 0 0;}
.squaredThree{width:20px;position:relative;display:inline-block;}
.squaredThree label{width:20px;height:20px;cursor:pointer;position:absolute;top:-2px;left:0;background:-webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);background:linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);border-radius:2px;border:1px solid #ccc;}
.squaredThree label:after{content:'';width:9px;height:5px;position:absolute;top:4px;left:4px;border:3px solid #000000;border-top:none;border-right:none;background:transparent;opacity:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.squaredThree label:hover::after{opacity:0.3;}
.squaredThree input[type=checkbox]{visibility:hidden;}
.squaredThree input[type=checkbox]:checked + label:after{opacity:1;}