/*************************************************************************************
Site Name : My Fresh Brand
Site type : Responsive
Stylesheet: Main Stylesheet
Date      : March 2016

Here's where the magic happens.
************************************************************************************ */
@import url(reset.css);

/* ************************************************************************************ Header Grid */
#headerGrid{
	    width: 100%;
    z-index: 1002;
    padding: 1em 0;
    background: #7da03e;
    position: relative;
    left: 0;
    top: 0;
	
}
#logo {
    padding-top: 0;
    padding-bottom: 0;
    width: 620px;
    text-align: center;
    display: block;
    float: none;
    margin: 0 auto;
}
#logo a{display:inline-block;}
#logo a img {
    width: 100%;
    height: auto;
}
#navGrid{float:right; padding-top:0.7em;}
#navGrid ul li{float:left; padding:0 1.5em;}
#navGrid ul li a{color:#000; font-size:1.2em;}
#navGrid ul li a span{display:block; text-align:center; padding-top:0.5em;color: #fff;font-size: 14px;}
#navGrid ul li a:hover span{color:#fff;}
#navGrid ul li a:hover img{transform:translateY(-5px);}

/* ************************************************************************************ Vedio Grid */
#vedioGrid{background:#333; background-size:cover; position:relative;}
#vedioGrid:after{content:''; background:url(../images/bg_pattern.png) repeat left top; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1001;}
#vedioGrid video{width:100%;vertical-align: top;}
#videoBackground{}

#bannerContent{padding-top:10em; position:relative; z-index:1002; max-width:800px; margin:0 auto;}
#bannerText{margin-bottom:10em;}
#bannerText h3{font-size:4em; color:#fff; font-weight:400;}

#tips{background:rgba(0, 0, 0, 0.42); padding:1em; position:relative;}
#tips #tipHeading{display:inline-block; padding:0.5em 0.7em; font-weight:700; font-size:1.5em; color:#fff; position:absolute; top:-44px; left:0;background:rgba(0, 0, 0, 0.42);}
#tips fieldset{float:left; width:38.1%; margin-right:1em;}
#tips .inputBox{border:none;}
#tips .submitBox{float:left; width:20%;}
#tips .submitBox input{height:45px; width:100%; background:#86a73f; color:#fff; text-align:center; cursor:pointer; text-transform:uppercase; font-weight:700; font-size:1.3em;}

#boxAbove{margin-top:-100px; position:relative; z-index:1005;}

/* ************************************************************************************ Three Column Grid */
.threeColumn .column{float:left; width:33.33%; padding:0 0.8em;}
.threeColumn .column .col1{background:#fff; float:none; padding:3.5em 1em 4em; min-height:382px; position:relative; border-radius:5px;border:1px solid #86a73f; overflow:hidden;}
.threeColumn .column .col1 .personal{font-size:2em; padding-top:0em;}
.threeColumn .column .col1 .getproven{font-size:1.4em; position:relative;}
.threeColumn .column .col1 .getproven img{position:absolute; top:7px;}
.threeColumn .column .col1 .colNumber span{display:inline-block; font-size:6em; font-weight:700; color:#86a73f;}
.threeColumn .column .col1 .colNumber span em{font-weight:400; font-size:0.4em; display:inline-block; vertical-align:middle; color:#444;margin-left: -15px;}
.threeColumn .column .link, .threeColumn .column .col1 #tipsForm fieldset .subnitBox{color:#fff; text-align:center; cursor:pointer; text-transform:uppercase; font-weight:400; font-size:1.3em; border-radius:0 0 3px 3px; display:inline-block; padding:0.5em 1em; position:absolute; left:0; bottom:0; width:100%; text-align:center; background:#86a73f;}
.threeColumn .column .link:hover, .threeColumn .column .col1 #tipsForm fieldset .subnitBox:hover{background:#D4131A; color:#fff;}

.threeColumn .column .col1 #tipsForm fieldset{margin-bottom:0.3em;}
.threeColumn .column .col1 #tipsForm .inputBox{border:1px solid #ccc;}
.threeColumn .column .col1 #tipsForm fieldset .subnitBox{position:absolute;}

/* ************************************************************************************ Welcome Content */
.welcomeContent.ac p{text-align:center;}
.welcomeContent .lineBreak{margin-top:1.5em;}

.darkBackground h2, .darkBackground h3, .darkBackground p{color:#fff;}

/* ************************************************************************************ Vedio Thumb Grid */
#videoThumbGrid #vedioBig{float:left; width:68%;}
#videoThumbGrid #vedioBig iframe{vertical-align:top; border:1em solid #fff; border-radius:5px; box-shadow:0 0 5px rgba(0, 0, 0, 0.18); height:510px;}

#videoThumbGrid #videoThumb{float:right; width:30%;}
#videoThumbGrid #videoThumb #thumbnailVideo{background:#fff;box-shadow:0 0 5px rgba(0, 0, 0, 0.18);border-radius:5px;}
#videoThumbGrid #videoThumb #thumbnailVideo li a{display:block; padding:0.5em 1em; border-bottom:1px solid #ccc;font-size: 1.4em;}
#videoThumbGrid #videoThumb #thumbnailVideo li a.active{background:#EFEFEF;}
#videoThumbGrid #videoThumb #thumbnailVideo li a img{float:left; margin-right:1em; width:80px;}

/* ************************************************************************************ Vedio Thumb Grid */
#footerGrid{background:#3f5267; color:#fff; font-size:16px; padding-top:2em}
#footerGrid p{color:#fff; font-size:16px; text-align:left;}
#footerGrid .wrapper .footCol:last-child{padding-left:1em; width:21%;}
#footerGrid .wrapper .footCol:first-child{padding-right:1em;width:34%;}
#footerGrid .footCol{float:left; width:40%;}
#footerGrid .footCol h3{color:#fff;}
#footerGrid .footCol h2{font-size: 22px; color:#fff; font-weight:normal; position:relative; padding-bottom:0.5em; margin-bottom:1em;}
#footerGrid .footCol h2:after {position: absolute;content: '';bottom: 0;left: 0;display: block;width: 35px;height: 2px;background: #6c8b3b;}

#footerGrid .footCol ul li{color:#fff; padding:5px 0;}
#footerGrid .footCol .contact-info li {list-style: none;margin: 0 0 10px 0;position: relative;padding-left: 40px; color:#fff;}
#footerGrid .footCol .contact-info li:first-child img{top:6px;}
#footerGrid .footCol .contact-info li img{position:absolute; left:0; top:4px;}
#footerGrid .footCol li a{color:#fff;}
#footerGrid .footCol li a:hover{color:#6c8b3b;}

#footerGrid .footCol #tipsForm fieldset{margin-bottom:0.5em;}
#footerGrid .footCol #tipsForm .subnitBox{height:45px; width:100%; background:#86a73f; color:#fff; text-align:center; cursor:pointer; text-transform:uppercase; font-weight:700; font-size:1.3em; border-radius:3px;}

.affiliate{display:inline-block;}
#footerGrid .footCol .btn{
margin-top: 10px;
}
#footerGrid .modal p {
    color: #666666;
    font-size: 14px;
}
#footerGrid .modal h2 {
    color: #000;
    font-size: 24px;
    margin: 0 0 15px;
}
#footerGrid .modal h2 p {
    color: #757575;
    font-size: 16px;
    margin: 0;
    padding: 0;
}
.latest-update {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 15px;
}
#footerGrid .modal p {
    color: #666666;
    font-size: 14px;
}
.latest-update p span {
    display: inline-block;
    padding: 5px;
    font-weight: 600;
}
.definitions-col h3 {
    color: #000;
}
.definitions-col ul li {
    padding: 10px 0;
    background: #f1f1f1;
    margin-bottom: 1px;
    font-size: 14px;
    overflow: hidden;
}
.definitions-col ul li span {
    display: inline-block;
    width: 230px;
    float: left;
    padding: 13px;
    font-weight: 600;
}
.modal-body .modal h3 {
    color: #000;
    font-size: 20px;
}
.modal-body ol {
    padding-left: 20px;
}
.modal-body ol li {
    font-size: 14px;
    padding: 10px 0;
}
#copyright{margin-top:2em; background:#304154; padding:1em 0;}
#copyright span{font-size:0.8em;}
#copyright span a{color:#fff;}
#copyright span a:hover{color:#86a73f;}

.socialMedia li{float:left; margin-right: 1em;}
.socialMedia li a{ display:inline-block;}
.socialMedia li a img{width:57px; transition:all 0.3s ease-in-out;}
.socialMedia li a:hover img{transform:rotate(20deg);}

/* ************************************************************************************ Enquiry Grid */
.bookingRequest{padding:1em 2em; display:inline-block; width:auto; height: auto; background:#304154;}
.bookingRequest:hover{color:#fff; background:#D4131A;}
.enquiry .inputBox, .enquiry .textBox, .selectBox{border:1px solid #ccc;color: #989898;}
/*.enquiry .enquiryShow{display:none;}*/
.enquiry .width5 > .width3:nth-child(2){padding:0 0.5em;}
.enquiry .submitBox{width:auto; padding:0 2em; margin: 0 4px;}
.enquiry .submitBox:hover{background: #3f5267;}
.enquiry wpcf7-not-valid-tip{color:#f00; display:inline-block; padding-top:3px;}
.enquiry label {
    display: block;
    padding-bottom: 5px;
    color: #333;
    font-size: 16px;
}
.enquiry .resetBox{background: #3f5267;}
.enquiry .resetBox:hover{background:#212F3E;}
.enquiry .wpcf7-not-valid-tip{color: #f00;display: block;padding-top: 5px;}
.enquiry .wpcf7-validation-errors{background: #f00;display: block;padding:5px 10px; text-align:center; color:#fff;    margin-top: 21px;}

/* ************************************************************************************ Tabbing Grid */
.resp-tabs-list li { font-weight: 600; font-size: 13px; display: inline-block; padding:13px 10px; margin: 0; list-style: none; cursor: pointer; float: left; }
.resp-tabs-container { padding: 0px; background-color: #fff; clear: left; }
h2.resp-accordion { cursor: pointer; padding: 5px; display: none; }
.resp-tab-content { display: none; padding: 15px; }
.resp-tab-active { border: 1px solid #c1c1c1; border-bottom: none; margin-bottom: -1px !important; padding: 12px 14px 14px 14px !important; }
.resp-tab-active { border-bottom: none; background-color: #fff; color:#D4131A; }
.resp-content-active, .resp-accordion-active { display: block; }
.resp-tab-content { border: 1px solid #c1c1c1; }
.resp-tab-content .alignRightImg{    margin: 4em;}
h2.resp-accordion { font-size: 13px; border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin: 0px; padding: 10px 15px; }
h2.resp-tab-active { border-bottom: 0px solid #c1c1c1 !important; margin-bottom: 0px !important; padding: 10px 15px !important; }
h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; }
.resp-tab-content p span{display:inline-block; font-size:2em;}
/*-----------Vertical tabs-----------*/

.resp-vtabs ul.resp-tabs-list { float: left; width: 30%; }
.resp-vtabs .resp-tabs-list li { display: block; padding: 15px 15px !important; margin: 0; cursor: pointer; float: none; }
.resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border: 1px solid #c1c1c1; float: left; width: 68%; min-height: 250px; border-radius: 4px; clear: none; }
.resp-vtabs .resp-tab-content { border: none; }
.resp-vtabs li.resp-tab-active { border: 1px solid #c1c1c1; border-right: none; background-color: #fff; position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important; }
.resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #c1c1c1; }
h2.resp-tab-active span.resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #9B9797; }
/*-----------Accordion styles-----------*/

h2.resp-tab-active { background: #DBDBDB !important; }
.resp-easy-accordion h2.resp-accordion { display: block; }
.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }
.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
.resp-jfit { width: 100%; margin: 0px; }
.resp-tab-content-active { display: block; }
h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1 !important; }
@media only screen and (max-width: 768px) {
ul.resp-tabs-list { display: none; }
h2.resp-accordion { display: block; }
.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }
.resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; }
.resp-accordion-closed { display: none !important; }
.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
}

#downloadstable{width:100%;}
#downloadstable th, #downloadstable td{padding:8px; border:1px solid #ccc; text-align:center;}
#downloadstable thead tr th{font-weight:bold; text-transform:uppercase;}
#downloadstable thead tr th:first-child, #downloadstable tbody tr td:first-child{text-align:left;}
#downloadstable tbody tr td a{color:#D4131A; font-weight:bold;}
#downloadstable tbody tr td a:hover{color:#000;}

.listOut li{border:1px solid #ccc; padding:1em 1em 0; background:#efefef; border-radius:5px; margin-bottom:1em;}
.listOut li:last-child{margin-bottom:0;}
.listOut li h3{font-weight:bold;}
.listOut li a{color:#fff; background:#D4131A; display:inline-block; padding:2px 8px; border-radius:5px; margin-left:3px;}
.listOut li a:hover{background:#444;}
.listOut li blockquote{padding-left:4em; position:relative;}
.listOut li blockquote .leftQuote{position:absolute; left:0; top:0;}

.freeStrategy .listOut li a{background:none; color:#3f5267; font-weight:bold; padding:0; margin:0;}
.freeStrategy .listOut li a:hover{background:none; color:#D4131A;}

.clients{border:1px solid #ccc; margin-bottom:1em; padding-top:1em;}
.clients h3{font-weight:bold;}
.table{width:100%;}
.table td{padding:5px; text-align:center;}
.table td span{display:block; padding:1em 0;}
@media screen and (max-width:600px) {
#downloadstable thead tr th {
     font-size: 12px;
    padding: 8px 6px;
}
#vedioGrid:after{
    display: none;
}
}
#videoThumbGrid #vedioBig iframe {
    width: 100% !important;
}
.colContent .ac{

    margin-top:3em !important;
} 


/* abbas sir 6march 2023 */
.captcha-wrap {
    width: 50%;
}

.resp-tab-content p span {
    display: block;
    font-size: 15px;
}