@charset "UTF-8";
/*
Theme Name: Active Foods Custom Theme.
Theme URI: https://dientweb.net/
Author: the DientWeb team
Author URI: https://dientweb.net/
*/

html, body 	{float:left;width:100%;margin:0;padding:0;height: 100%;background: #fff;overflow-x: hidden;}
body 		{font-family: 'Poppins', sans-serif;color:#000;overflow-x:hidden;}
ul 			{margin:0;padding:0;}
a 			{text-decoration:none;color: inherit;}
p 			{float: left;width: 100%;font-size: 15px;line-height: 25px;letter-spacing: 0px;}
h1          {font-size: 40px;line-height: 48px;font-weight: bold;margin: 20px 0 14px;}
h2          {font-size:40px;font-weight: bold;margin:0;line-height: 34px;}
h3          {font-size: 14px;font-weight: bold;}
h1,h2,h3    {float: left;width: 100%;}
.screen-reader-text {display: none;}
#wrapper 	   {width: 1038px;float: none;margin:0 auto;}
#wrapper-small {width: 770px;float: none;margin: 0 auto;}

/*header*/
#head {float: left;width: 100%;margin-bottom: 5px;}
    .logo       {float:left;width:auto;margin-top:-8px;}
    .logo img   {width:auto;max-width: 100%;height:auto;float: left;}
    .menuu      {float: right;width: auto;font-weight: 500;position: relative;margin-top:29px;}
    .search-form {float: left;width: 100%;border: 1px solid #ccc;border-radius: 4px;}
    input[type="search"] {float: left;width: 90%;box-sizing: border-box;padding: 14px;border: none;outline: none;margin: 5px 0;}
    .search-submit {border: none;background: transparent url('img/search.png') no-repeat center center;box-sizing: border-box;padding: 13px;width: 10%;text-align: center;outline: none;border-left: 1px solid #ccc;margin: 6px 0;color: transparent;}

#home-content {float: left;width:100%;}    
#home-hero  {float: left;width:100%;padding:30px 0;}
#home-hero h1 {text-shadow: 0px 3px 6px rgba(0,0,0,0.41);text-align: right;color: #fff;font-size: 70px;font-weight: 900;line-height:63px;margin:70px 0 20px;box-sizing: border-box;padding-left: 55%;}
#home-hero .green-btn {float: right;margin: 10px 0 80px}
.vc_column_container>.vc_column-inner {padding-left: 0 !important;padding-right: 0 !important;}
#home-brands  {float: left;width: 100%;background: rgb(245,245,245);background: linear-gradient(184deg, rgba(245,245,245,1) 0%, rgba(241,245,248,0) 100%);padding:0 0 30px;}
#home-brands p {padding:0 11%;box-sizing: border-box;}
#brand-variation ul {float: left;width:100%;}  
#brand-variation ul li  {float: left;width:25%;height: 230px;font-size: 12px;margin: 0; text-align: center;border: 1px solid #fff;box-sizing: border-box;list-style: none;}
#brand-variation ul li img {float: left;width:100%;height: auto;padding: 35px 20% 10px;box-sizing: border-box;} 
#brand-variation ul li h3 {margin:0 0 32px;font-size:19px;line-height: 25px;font-weight: 300;}
#brand-variation ul li p {font-size: 12px;}

.search-result .entry-content {display: none !important;}
.postbox_body   {float: left;width:100%}
.postbox_body h3 {margin: 20px 0 6px;font-size: 19px;}
.postbox_body p  {margin: 0;font-size: 13px;line-height: 21px;margin-bottom: 30px;}
.border-bttn     {float: left;width:100%;}
.border-bttn a   {position: absolute;bottom: 0;color: #06428A;box-sizing: border-box;float: left;width: 100%;border-bottom: 1px solid #ccc;padding: 11px 0 20px;font-weight: bold;font-size: 14px;background: url('img/blue-arrow.png') no-repeat center right;}

.vc_toggle_size_md.vc_toggle_simple .vc_toggle_title {background: #fff;padding: 13px 0px !important;border-bottom: 1px solid #ccc;margin: 0 20px;}
.vc_toggle_size_md.vc_toggle_default .vc_toggle_content, .vc_toggle_size_md.vc_toggle_default .vc_toggle_title, 
.vc_toggle_size_md.vc_toggle_round .vc_toggle_content, .vc_toggle_size_md.vc_toggle_round .vc_toggle_title, 
.vc_toggle_size_md.vc_toggle_rounded .vc_toggle_content, .vc_toggle_size_md.vc_toggle_rounded .vc_toggle_title, 
.vc_toggle_size_md.vc_toggle_simple .vc_toggle_content, 
.vc_toggle_size_md.vc_toggle_square .vc_toggle_content, .vc_toggle_size_md.vc_toggle_square .vc_toggle_title {
padding-left: 20px !important;}
.vc_toggle_size_md.vc_toggle_simple .vc_toggle_title .vc_toggle_icon {right: -6px !important;left: auto !important;}
.vc_toggle_size_md.vc_toggle_simple .vc_toggle_content {padding-right: 33px;}
.vc_toggle_content p {font-size: 14px;line-height: 20px;margin: 0 0 20px;}
.vc_toggle {background: #fff;border-radius: 4px;}
.vc_toggle {border: 1px solid #ccc;}
/* .vc_col-sm-6 {width: 50%;box-sizing: border-box;padding: 0 10px !important;} */
#two-left {float: left;}
#two-right {float: right;}
#two-left, #two-right {width: 49%;}
.vc_toggle_title>h4 {font-weight: 500;}

#page-content       {float: left;width:100%;margin: 40px 0 60px;}
.page-id-15 #page-content, .page-id-19 #page-content {margin-top: 90px;}
#page-header        {float: left;width:100%;color:#fff;background: #568500;}
#page-header h1     {text-align: center;padding: 50px 0 10px;margin-bottom: 50px;background: url('img/border.png') no-repeat bottom center;}
#big-text p         {font-size: 27px;line-height: 34px;margin-bottom: 10px;}
#leadership .vc_col-sm-9 {width: 60%;float: right;margin-top:18px;}
#leadership h2      {font-size: 27px;margin-bottom: 9px;}
.sm-paragraph       {float: left;width:100%;box-sizing: border-box;padding: 0 12%;margin-bottom: -30px !important;margin-top: 30px;}
.branch-box-border  {float: left;width:100%;}
.branch-box-border h2 {font-size: 20px;}
.branch-box-border p  {font-size: 16px;margin: 5px 0;line-height: 24px;box-sizing: border-box;padding-right: 30px;width:90%;}
.branch-box-border .sm {color:#568500;font-size: 13px;}
.branch-box-border .ls {border-bottom: 1px solid #ccc;width: 90%;padding-bottom: 32px;}

.form-page-text h2 {font-size:26px;}
.form-page-text    {float: left;margin-top:60px;box-sizing: border-box;padding-right: 30px;}


.content-block   {margin-top:60px !important;}
.content-block h2 {font-size: 25px;}
.content-block li {margin-left:18px;font-size: 15px;}

.search-results h2 {background: url('img/blue-dot.png') no-repeat top 12px left; padding-left: 20px;}
.search-results h2:hover {color:#06428A}

.contact-details-boxl {float: left;width:90%;}
.contact-details-box {float: left;width:90%;margin: 40px 0 0;padding: 0 0 10px;border-bottom: 1px solid #ccc;}
.contact-details-box h2 {font-size: 20px;float: left;}
.contact-details-box p  {margin:0;}

li.postbox {display: inline-block;width:47%;margin-top: 20px;margin-bottom: 20px;min-height: 400px;}
li.postbox {float: left;}
li.postbox:nth-child(2n) {margin-right:0;float: right;}
.prtimg, .prtimg img {float: left;width:100%;border-radius: 4px;overflow: hidden;}
.postbox_cnt {float: left;width:100%;}
.postbox_cnt h2 {margin: 20px 0 0;font-size: 18px;}
.postbox_cnt p {font-size: 13px;line-height: 20px;margin-top: 3px;}
.border-btn a {width: 100%;font-size: 13px;margin-top: 20px;float: left;padding-bottom: 10px;border-bottom: 1px solid #ccc;background: url('img/tinyarrow.png') no-repeat center right;}

.green-btn   {float: left;width:auto;}
.green-btn a {color:#fff;float: left;width:auto;background: rgb(129,190,11);background: linear-gradient(90deg, rgba(129,190,11,1) 0%, rgba(86,133,0,1) 58%); padding:15px 20px;border-radius: 4px;}
.green-btn a:hover {background:#568500;}

#pagination {float: left;width:100%;}
#pagination-in {text-align: center;}
.current {background: #e9e9e9;}
.page-numbers {border:1px solid #ccc;padding: 2px 10px;border-radius: 4px;}
.page-numbers:hover {background: #06428A;color:#fff;}


#footer {float: left;width:100%;margin:30px 0 0;color:#737373;font-size: 11px;background: rgb(245,245,245);
    background: linear-gradient(184deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);padding:30px 0 0;}
#footer h4 {color:#FFAA00;font-size: 16px;font-weight:bold;margin-bottom: 5px;}
#footer li {list-style: none;font-size: 14px;line-height: 32px;color: #000;}

#footer .green-btn {float: right;margin-top: 23px;}
#footer .green-btn a {font-size: 14px;padding: 15px 30px;}

.foot-sec-one,
.foot-sec-two,
.foot-sec-three {float: left;}
.foot-sec-four {float: right;}

.foot-sec-one,
.foot-sec-two,
.foot-sec-three,
.foot-sec-four {width:25%;}


.footer-copy {float: left;width:100%;margin:50px 0 0;border-top: 1px solid #ebebeb;padding: 10px 0;}
.pf-left, .pf-right     {padding:12px 0;}
.pf-left 		        {float: left;width: auto;}
.pf-right 		        {float: right;width: auto;}
.pf-left a              {color: #fff;}


/*==========================================================================================================================
CONTACT FORM
============================================================================================================================*/

#formbox {float: left;width:100%;border:1px solid hsl(0, 0%, 85%);background: #F6F6F6;box-sizing: border-box;border-radius: 4px;padding:30px 30px 0;margin-top: 40px;}
.page-id-11 #formbox {margin-top:40px; padding-top: 30px;}
.wpcf7-form-control-wrap input[type="text"], 
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="tel"],
.wpcf7-form-control-wrap input[type="file"],
.wpcf7-form-control-wrap select,
.wpcf7-textarea, .wpcf7-submit                  {float:left;width:100%;padding:15px;box-sizing:border-box;font-family: 'Poppins', sans-serif;margin-bottom:14px;outline:none;border-radius: 4px;}
.wpcf7-form-control-wrap input[type="text"], 
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="tel"],
.wpcf7-form-control-wrap input[type="file"],
.wpcf7-form-control-wrap select,
.wpcf7-textarea                                 {border: 1px solid #b2b2b2}
.wpcf7-form-control-wrap input[type="file"]     {background: #fff;}
.form-upload-title {margin-top: 15px;float: left;width:100%;}
.wpcf7-submit {color:#fff;float: left;width:100%;background: rgb(129,190,11);background: linear-gradient(90deg, rgba(129,190,11,1) 0%, rgba(86,133,0,1) 58%);padding:16px 15px;border-radius: 4px;border:0;outline:none;cursor: pointer;}
.wpcf7-submit:hover {background:#568500;}


.form-grp       {float:left;width:100%;}
.form-grp p     {margin:0;padding:0;}
.form-right     {float:right;}
.form-left      {float:left;}
.form-right, .form-left     {width:48.5%;}
.form-left-t  {float: left;}
.form-left-m  {float: left;margin: 0 2%;}
.form-left-r  {float: right;}
.form-left-t, .form-left-m, .form-left-r {width:32%;}

.contact-info-address {background: url('img/location.png') no-repeat top 2px left;}
.contact-info-mail {background: url('img/mail.png') no-repeat top 4px left;}
.contact-info-phone {background: url('img/phone.png') no-repeat top 4px left;}
.contact-info-address, 
.contact-info-mail, 
.contact-info-phone {float: left;width: 100%;box-sizing: border-box;padding-left:32px;}
.contact-info-address h3,
.contact-info-mail h3, 
.contact-info-phone h3 {margin: 0;font-size: 16px;}
.contact-info-address p,
.contact-info-mail p, 
.contact-info-phone p {font-size: 14px;line-height:22px;margin: 0;}
.ccp {color:#568500;}

/*===========================================================================================================================
mobile styles
===========================================================================================================================*/

@media (max-width:1024px) {
    #wrapper, #wrapper-small    {width: 800px;}
    .menuu         {margin: 35px -11px 0 0;}
    #home-brands p {padding: 0;}
    #brand-variation ul li {width: 25%;}
    .wpb_content_element   {margin-bottom: 0 !important;}
    #home-brands {padding: 30px 0 30px;}
    #leadership .vc_col-sm-9 {width: 55%;}
    #leadership .vc_col-sm-3 {width: 40%;}
    #leadership .vc_col-sm-3 img {width: 100%;height: auto;margin-top: 10px;}
    .sm-paragraph {padding: 0;margin-top: 0;}
    .branch-box-border .ls {margin-bottom: 30px !important;}
    .contact-info-address, .contact-info-mail, .contact-info-phone {margin-top: 30px;}
    #home-hero h1 {font-size: 60px;line-height: 57px;padding-left: 42%;}
}

@media (max-width:800px) {
    #wrapper, #wrapper-small  {width: 600px;}
    #two-left, #two-right {width: 100%;}
    .form-page-text {margin-top: 30px;}
    .foot-sec-one, .foot-sec-two, .foot-sec-three, .foot-sec-four {width: 100%;}
    .foot-sec-one, .foot-sec-two, .foot-sec-three {border-bottom: 1px solid #eee;padding-bottom: 20px;}
    #footer .green-btn {float: left;}
    .vc_col-sm-6 {width: 100% !important;}
    .branch-box-border .lsnb {border-bottom: 1px solid #ccc;width: 100%;padding-bottom: 32px;margin-bottom: 30px !important;}
    .branch-box-border .ls {width: 100%;}
    .page-id-15 #page-content, .page-id-19 #page-content {margin-top: 50px;}
    #home-hero h1 {padding-left: 27%;}
    #home-hero .green-btn {margin: 10px 0 45px;}
    #brand-variation {float: left;width:100%;margin-top: 30px;}
    #brand-variation ul li {width: 33.2%;font-size: 12px;}
}

@media (max-width:600px) {
    #wrapper, #wrapper-small  {width: 500px;}
    li.postbox {float: left;width: 100%;}
    #brand-variation ul li {width: 50%;}
    #leadership .vc_col-sm-3, #leadership .vc_col-sm-9 {width: 100%;}
    #home-hero h1 {padding-left: 19%;font-size: 50px;line-height: 44px;}
    h2 {font-size: 33px;}
}

@media (max-width:450px) {
    #wrapper, #wrapper-small  {width: 350px;}
    .form-right, .form-left {width: 100%;}
    #big-text p {font-size: 22px;line-height: 29px;}
    #home-hero h1 {text-align: left;padding-left: 0;}
    #home-hero .green-btn {float: left;}
    .pf-right {float: left;padding-top: 0;}
    #page-header h1 {font-size: 30px;}
}

@media (max-width:360px) {
    #wrapper, #wrapper-small  {width:94%;}
    #home-hero h1 {font-size: 40px;line-height: 36px;}
    .vc_column_container {padding-left: 8px !important;padding-right: 8px !important;}
    h2, #leadership h2 {font-size: 24px;}
    .form-page-text h2 {font-size: 19px;}
    #page-header h1 {line-height: 28px;}
}