/*---------------------------------- GLOBAL DECLARATIONS --------------------------------------*/
body{ background-color:#fff; padding:0; margin:0; font-family: 'Montserrat-Regular'; font-size:15px; color:#000; }
body.off{  }

section{ width: 100%; min-height: 100vh; height: auto; display: block; overflow: hidden; }
section, div, h1,h2,h3,h4,h5,h6,p,a, ul ,li, svg{ transition: all 0.5s;  }

h1,h2,h3,h4,h5,h6{ margin: 10px 0; padding: 0; line-height: 0.9em; transition: all 0.2s; text-transform: uppercase; font-family: 'Atma-Bold'; }
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{ font-family: 'Atma-SemiBold'; display: block; color: #f5b300; line-height: 0.9em; }
p{ margin: 15px 0; padding: 0;  font-family: 'Atma-Regular'; line-height:1.2em; font-size:16px; }
a{ margin:10px 0; color: #f3a100; transition: all 0.2s; font-family: 'Atma-Bold';  }
a:hover{ color:#000; }
img{ width:100%; height:auto; }
ul, ol{ display:block; padding:0 0 0 40px; line-height:1.3em; font-size:13px; text-align:left; font-family: 'Atma-Regular'; font-size:14px; }
ul li, ol li{ padding:0 0; }
li.widget{ list-style-type:none; }
.blockquote{ font-style:italic; }


input, textarea, button, label, select, .input_field { display:block; width: 100%; height: auto; }
label{ font-size:15px; font-family: 'Atma-Regular' !important; text-transform: capitalize; display:block; padding:10px 0 0 0; color: #f3a100 !important; margin:20px 0 0px 0; }
input, select, textarea,.input_field{ border:1px solid #000; border-radius:0px; padding:8px 20px !important; margin:6px 0 8px 0; font-family: 'Atma-Regular'; }
input[type="button"], button{  background-color:#000 !important; color: #fff !important; border:3px solid #000; }
input[type="button"]:hover, button:hover{ background-color:#fff !important; color: #000 !important; border:3px solid #000; }
::placeholder{ color: #8b8b8b; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #8b8b8b; }
::-moz-placeholder { /* Firefox 19+ */ color: #8b8b8b; }
:-ms-input-placeholder { /* IE 10+ */ color: #8b8b8b; }
:-moz-placeholder { /* Firefox 18- */ color: #8b8b8b; }

.bttn{ font-family: 'Montserrat-Bold'; border-radius: 0px !important; text-transform: capitalize; margin-top:20px; padding: 15px 30px; transition: all 0.2s; position: relative; font-size:25px !important; display: inline-block; width: auto; }
.bttn_gold{ background-color: #f5b300; color: #fff; width: auto; }
.bttn_gold:hover{ background-color: #000; color: #f5b300; }
.btn_submit, .form_wrapper input[type="button"]{ background-color: #1e8c3e; width: auto; margin: 20px 0 0 0; padding: 15px 30px !important; border: none !important; }


a.btn_black{ min-width:180px; font-style: italic; padding-right:70px !important; margin-right: 150px; }
a.btn_black:hover{ color: #000; }
a.btn_black:hover:after{ background-color:#ffc300; color: #fff; }
a.btn_black:after{ content:"\f054"; font-family:"FontAwesome"; font-size:18px; margin-right: 20px; background-color: #000; color:#ffc300; padding:7px 12px;  position: absolute; right:0; top: 0; bottom: 0; }
/*a.btn_blk:after{ content:"\f00a"; font-family:"FontAwesome"; font-size:18px; margin-right: 20px; background-color: #000; width:100px; height:100px; }*/


.for_desktop{ display: block; }
.for_mobi{ display: none; }

.overlay{ position:absolute; top:0; left: 0; right: 0; bottom: 0; width:100%; height:100%; background-color: rgba(0,0,0,0.4); }
.global_wrapper{ position: relative; z-index:3; width: 90%; height: auto; margin: 0 auto; padding: 40px 0; display: block; overflow: hidden; /* transition:0.6s; transform: translateY(30%); opacity: 0;*/}

.full_bg_image{ background-size:cover; background-position: center center; background-repeat:no-repeat; }
.top_spacer{ margin-top:140px; }

.universal_container{ display:block; width: 100%; height: auto; overflow: hidden; position: relative; }
.universal_container.on{ transform: translateY(0%); opacity: 1;}
.universal_container{ text-align:center; }
.universal_container h1{ font-family: '../fonts/Montserrat-Bold'; font-size: 40px; color: #1c8439; display: block; width:100%; overflow:hidden; margin: 10px 0; }
.universal_container h2{ font-family: '../fonts/Montserrat-Bold'; font-size: 17px; color: #f69f1b; }
.universal_container p, .universal_container ul, .universal_container ol{ width:90%; margin:30px auto 30px; }



#preloader{ position:fixed; z-index:9; top:0; bottom: 0; left: 0; right:0; background-color: #f3a100; background-size: cover; display: flex; align-items: center; justify-content: center; color: #ccc; cursor: pointer; transition: .2s linear; }
#preloader .logo img{ width:100%; }
.loader { width: 250px; height: 150px; background: url('../images/epic_logo_black.png'); background-size: contain; background-repeat: no-repeat; background-position: center; position: relative; }

.loader:before { position: absolute; content: ""; width: 100%; height: 100%; border-radius: 100%; border-bottom: 0 solid #ffc30005; box-shadow: 0 -10px 20px 20px #ffc30040 inset,  0 -5px 15px 10px #ffffff50 inset, 0 -2px 5px #ffc30080 inset, 0 -3px 2px #ffc300bb inset, 0 2px 0px #ffc300, 0 2px 3px #ffc300, 0 5px 5px #ffc30090, 0 10px 15px #ffc30060, 0 10px 20px 20px #ffc30040; filter: blur(15px); animation: 2s rotate linear infinite; }

@keyframes rotate { 100% { transform: rotate(360deg) } }
      

header{ padding:0 0; margin: 0; width: 100%; height: 120px; position: fixed; z-index: 2; top: 0; right:0; left: 0; z-index: 5; transition: all 0.2s; }
header.on{ background-color: rgba(255,255,255,0.9); }
header.on .top_logo{ width: 150px; margin-bottom: 10px; }
header .global_wrapper{ padding: 0 0 !important; width: 90% !important; min-height: 180px; height: auto; display: block; overflow: visible !important; }

.top_logo{ width:120px; height: auto; overflow: hidden; margin: 0px auto; background-color:transparent; position: absolute; z-index: 2; top:20px; left:0; display: block; }
.top_logo img{ width: 100%; height:auto; }
/*.inside img{ color: #000; filter: invert(1); }*/

.mainnav{ position: relative; z-index: 1; top: 0; right: 0; bottom: 0; left:0; width: auto; height: 50px; margin:20px auto 0; /*transform: translateY(-120%);*/ }
/*.mainnav.on{ transform: translateY(0%); }*/
.mainnav nav{ width:100%; height:auto; position:relative; top:0; right:0; bottom: 0; z-index:2; display: block; padding: 0; transition: all 0.4s; opacity:1; transform: translateX(0%); transition-delay: 0.8s; }
.mainnav nav.on{ opacity: 1; transform: translateX(0%);  }
.mainnav nav ul{ display: block; font-family: 'Atma-Bold'; font-size: 16px; text-transform:capitalize; margin:0; padding:0; text-align: center; }
.mainnav nav ul li{ display: inline-block; float: none; margin:20px; transition:0.6s; transform: translateY(0%); opacity: 1; }
.mainnav nav ul li.on{ transform: translateY(0%); opacity: 1; }
.mainnav nav ul li.current-menu-item a{ border-bottom:3px solid #f69f1b; color:#f69f1b; }
.mainnav nav ul li a{ display: inline-block; width: auto; color: #000; text-transform: uppercase; padding: 10px 0px; margin:0; border-bottom: 0px solid #fff; transition:all 0.4s; position:relative; outline:none; font-family: 'Atma-Bold'; }
.mainnav nav ul li a:hover, .mainnav nav ul li a.active{ color:#f69f1b; text-decoration: none; transition:all 0.4s; }

.mainnav nav ul li a:after { content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:currentColor; -webkit-transform-origin:right; transform-origin:right; -webkit-transform:scaleX(0); transform:scaleX(0); transition:-webkit-transform .9s cubic-bezier(.19,1,.22,1); transition:transform .9s cubic-bezier(.19,1,.22,1); transition:transform .9s cubic-bezier(.19,1,.22,1),-webkit-transform .9s cubic-bezier(.19,1,.22,1); }
.mainnav nav ul li a.active:after, .mainnav nav ul li a:hover:after{ -webkit-transform-origin:left; transform-origin:left; -webkit-transform:scaleX(1); transform:scaleX(1); }

.mainnav nav ul li ul.sub-menu{ position:absolute; top:40px; left:-15px; display: block; font-family: 'Atma-Bold'; font-size: 16px; text-transform:capitalize; margin:0; padding:10px 10px; text-align: center; transform: translateY(-30%); opacity:0; height:0px; background-color:#fff; }
.mainnav nav ul li ul.sub-menu li{ display:block; margin:0 0; }
.mainnav nav ul li ul.sub-menu li a{ display:block; padding:3px 0; }

.mainnav nav ul li ul.sub-menu.on{ transform: translateY(0%); opacity:1; height:auto; }



.other_header_menus{ position: absolute; z-index: 2; right: 0; top: 25px; width:auto; height: auto; }
.other_header_menus ul{ display: block; width: auto; }
.other_header_menus ul li{ width: auto; display: inline-block;  }
.other_header_menus ul li a{ display: block; width: 30px; height: 30px; background-color: transparent; opacity: 1; transition: all 0.4s; }
.other_header_menus ul li a:hover{ opacity:0.5; }

.icon_cart{ background-image: url('../images/icon_cart.png'); background-repeat: no-repeat; background-size: contain; background-position: center; }




header.on .mobi_menu_icon span{ background-color:#000 !important; }
.mobi_menu_icon{ display:none; position:fixed; z-index:7; padding: 15px; width:50px; height:auto; top:30px; right:40px; /*display:block;*/ cursor:pointer; overflow:hidden; background-color: rgba(255,195,0,1); border-radius:5px; }
.mobi_menu_icon span{ transition:all 0.4s; height:2px; display:block; background-color:#283680; float: right; }
.mobi_menu_icon:hover span{  }
.mobi_menu_icon span:nth-child(3n+1){ width:100%; margin:0 0 2px 0; background-color:#000; position:relative; top:auto; transform:rotate(0deg); }
.mobi_menu_icon span:nth-child(3n+2){ width:100%; margin:2px 0 2px 0; background-color:#000; position:relative; opacity:1; float: right; }
.mobi_menu_icon span:nth-child(3n+3){ width:100%; margin:2px 0 0 0; background-color:#000;  position:relative; top:auto; transform:rotate(0deg); }
.mobi_menu_icon:hover span:nth-child(3n+1){ width:60%; }
.mobi_menu_icon:hover span:nth-child(3n+2){ width:100%; }
.mobi_menu_icon:hover span:nth-child(3n+3){ width:70%; }
.mobi_menu_icon.active span:nth-child(3n+1){ width:50%; margin:0 0 0 0; transform:rotate(45deg); position:absolute; top:17px; left:25%; }
.mobi_menu_icon.active span:nth-child(3n+2){ width:100%; opacity:0; }
.mobi_menu_icon.active span:nth-child(3n+3){ width:50%; margin:0 0 0 0; transform:rotate(-45deg); position:absolute; top:17px; right:25%; }

ul.slick-dots{ position: absolute; z-index: 3; left: 0; top: auto; bottom: 50px; width: 100%; height: auto; text-align: center; }
ul.slick-dots::before{ position: absolute; left: 5px; top: 0; width: 10px; height: 50px; background-color: #fff; }
ul.slick-dots::after{}
ul.slick-dots li{ display: inline-block; vertical-align: middle; width:auto; height: auto; border-radius: 50%; overflow: hidden; margin:0 3px; font-size: 0; color:transparent; }
ul.slick-dots li button{ display: block; width:15px; height: 15px; border-radius: 50%; overflow: hidden; color: #e4e0e0; border: none; background-color: #000 !important; }
ul.slick-dots li.slick-active button{ width:20px; height: 20px;  background-color: #fff !important; border: 2px solid #ffc300; }

.slick-arrow{ position: absolute; z-index: 5; top: 50%; transform: translateY(-50%); width: 50px !important; height: 80px !important; overflow: hidden; background-color:transparent !important;  border: none;  width: 20px; height: 40px; font-size: 0; color: transparent; transition: all 0.4s; }
.slick-arrow::after{ font-family:"FontAwesome"; font-size:30px; color:#000; padding:0 0;  position: absolute; right:0; left: 0; top: 50%; transform: translateY(-50%); bottom: 0; }
.slick-arrow:hover{ background-color: transparent !important; color: #f3a100 !important; }
.slick-arrow:hover::after{ background-color: transparent !important; color: #f3a100 !important; }
.slick-next{ right:0; }
.slick-next:after{ content:"\f054"; }
.slick-prev{ left:0; }
.slick-prev:after{ content:"\f053"; }
.slick-arrow:hover{ border:none; }

/*---------------------------------HOME PAGE-----------------------------------------*/

#home_banner{ width: 100%; height: 100vh; position: relative; background-attachment: fixed; background-color: #fff; }
.single_banner{ background-size: cover; }
.single_banner .wrapper{ position: relative;}

#home_banner .global_wrapper{ padding:40px 0; }
.home_banner_txt{ display:table; width: 40%; height: 100vh; position: relative; z-index: 4; left: 5%;  color: #fff; transform: translateX(-60%); opacity:0; transition-duration: 0.4s; transition-delay: 2s; }
.home_banner_txt article{ display:table-cell; vertical-align: middle; text-align: left; }

#home_banner h1{ color: #000; font-size: 80px; text-transform: uppercase; text-transform: uppercase; }
#home_banner h1 span{ font-size:45px; }
#home_banner p{ font-size: 20px; color:#000; position: relative; padding: 0 0;  }

.home_banner_special_pack{ position: absolute; top:0; bottom:0; right:5%; z-index: 3; width: 70%; height: 94%; background-size: contain; background-position: bottom center; background-repeat: no-repeat; transform: translateY(20%); opacity:0; /*transition-delay: 1s; transition: all 0.5s;*/ transition-duration: 0.8s; transition-delay: 1.5s; }

.home_banner_product{ position: absolute; z-index: 3; right: 6%; top: 5%; bottom: 5%; width: 53%; height: 90vh; }
.home_banner_pack{ position: absolute; top:0; bottom:0; right:0; z-index: 1; width: 85%; height: 94%; background-size: contain; background-position: bottom center; background-repeat: no-repeat; transform: translateY(50%); opacity:0; /*transition-delay: 1s; transition: all 0.5s;*/ transition-duration: 0.8s; transition-delay: 1.5s; }
.home_banner_fruit{ position: absolute;  bottom:0; left:0; z-index: 2; width: 90%; height: 30%; background-size: contain; background-position: bottom center; background-repeat: no-repeat; transform: translateY(60%); opacity:0; /*transition-delay: 1.2s; transition: all 0.5s;*/ transition-duration: 0.8s; transition-delay: 1.8s; }

.home_banner_bgstrip{ position: absolute; z-index: 2; right: 5%; bottom: 0; top: 0; width:24%; height: 100vh; background-color: #f3a100; transform: translateY(-1000%); opacity:0; transition-duration:0.8s; transition-delay: 0.3s; }
.home_banner_shape{ position: absolute; top:10%; left: 40%; transform: translate(-10% , 200%); opacity:0; transition-duration:2s; transition-delay: 0.6s; }
.shape_square{ width:300px; height:300px; border:60px solid #f5b300; background-color: #fff; }
.shape_strip{ width:300px; height:120px; background-color:#f5b300; }
.shape_round{ width:300px; height:300px; border:60px solid #f5b300; background-color: #f5b300; border-radius: 50%; }
.shape_circle{ width:300px; height:300px; border:60px solid #f5b300; background-color: #fff; border-radius: 50%; }

.home_banner_img{ position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; width: 60%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position:center bottom; }
.home_banner_img div{ background-size: contain; background-repeat: no-repeat; }
.pack_box{ position: absolute; top: auto; bottom: 2%; right: 30%; z-index: 2; width:25%; height: 100%; background-color: transparent; background-position: 0 73%;  }
.pack_bottle{ position: absolute; top: auto; bottom: 2%; left: 30%; z-index: 3; width:20%; height: 100%; background-color: transparent; background-position: 0 75%;  }


.slick-active .home_banner_bgstrip{ transform: translateY(0%); opacity:1; }
.slick-active .home_banner_pack{ transform: translateY(0%); opacity:1; }
.slick-active .home_banner_special_pack{ transform: translateY(0%); opacity:1; }
.slick-active .home_banner_fruit{ transform: translateY(0%); opacity:1; }
.slick-active .home_banner_shape{ transform: translate(0% , 0%); opacity:1; }
.slick-active .home_banner_txt{ transform: translateX(0%); opacity:1;  }

/*---------------------------------WHY SECTION-----------------------------------------*/
.contentWrapper{ display: block; width:100%; height: auto; padding: 100px 0 100px; overflow: hidden; position: relative; z-index: 1; }
.contentWrapper h2{ font-size: 18px; color: #f3a100; }
.why_image{ width:100%; height:500px; background-size: contain; background-position: center; background-repeat: no-repeat; }

/*#about{ background-color: #1c8439; display: table; }
#about .global_wrapper{ display: table-cell; min-height: 100vh; height: 100%; vertical-align: middle; }
.about_product{ width: 200px; height:600px; background-repeat: no-repeat; background-position: bottom center; background-size: contain; margin:0 auto; }
.about_writeup{ width: 60%; height: auto; display: block; margin: 30% 0 0 0; }*/

/*---------------------------------WHY SECTION-----------------------------------------*/

#why{ padding: 50px 0; }
#why .global_wrapper{ display: block;  }
ul.listed_epic_reasons{ width: 100%; height: auto; overflow: hidden; padding: 0; margin: 0; /*text-align: center;*/ display: block; float: none; }
ul.listed_epic_reasons li{ display: inline-block; width:46%; height:auto; padding: 10px 0; margin: 10px 0; overflow: hidden; }
.reason_icon{ width:60px; height: 60px; float: left;  background-repeat: no-repeat; background-position: center center; background-size: contain; }
.reason_text{ width:70%; height: auto; float: left; font-family: 'Atma-SemiBold'; font-size: 20px; margin: 0 0 0 10px; padding: 20px 0; }

.listed_certification_companies ul.slick-dots{  bottom: -50px; }


/*---------------------------------CONTACT US SECTION-----------------------------------------*/

#contact{ text-align: center; }

/*---------------------------------FOOTER SECTION-----------------------------------------*/

footer{ color:#000; text-align: center; position: fixed; z-index: 2; bottom:0; left: 0; right: 0; }
footer .global_wrapper{ width:90%; overflow: hidden; padding: 5px 0; }
footer p{ display: inline-block; font-size: 11px; }

footer .col-lg-6:nth-child(2n+1){ text-align: left !important; }
footer .col-lg-6{  width: 50%; float: left; }

footer a { color:#f5b300; text-decoration: none; padding: 0; margin: 0; line-height: normal; }
footer a:hover{ color:#000; }

ul.listed_socials{ position: relative; z-index: 5; bottom: 0; left: 0; padding: 10px; display: block; width: auto; height: auto; text-align: center; margin: 0; padding: 0; float: right; }
ul.listed_socials li{ display: inline-block; width: auto; height: auto; margin:10px 1px; }
ul.listed_socials li a{ color: #000; }
ul.listed_socials li:hover i{ color: #b26e18; }
.fa{ font-size: 30px; }

ul.listed_socials li a div{ color: #fff; width: 35px; height: 35px; background-color: rgba(246,159,27,1); border-radius: 50%; background-repeat: no-repeat; background-position: center center; background-size: 50%; }
ul.listed_socials li a:hover div{ background-color: rgba(246,159,27,0.5); }
.social_icon_fb{ background-image: url('../images/icon_facebook.png'); }
.social_icon_li{ background-image: url('../images/icon_linkedin.png'); }
.social_icon_ig{ background-image: url('../images/icon_instagram.png'); }
.social_icon_x{ background-image: url('../images/icon_x.png'); }

.woocommerce .quantity .qty { width: 100% !important; }
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, .single_add_to_cart_button { padding: 8px 0 !important; font-family: 'Montserrat-Bold' !important; font-size: 15px !important; text-decoration:none !important; }
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover, 
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover, .single_add_to_cart_button:hover { background-color: #f3a100 !important;  }
.woocommerce-Price-amount, .amount, .wc-block-components-button{ color: #f3a100 !important; font-family: 'Montserrat-Bold' !important; font-size: 19px !important; text-decoration:none !important; }
.woocommerce-Price-amount:hover, .amount:hover{ color: #000 !important; }
.woocommerce-loop-product__title{ font-size: 20px !important; }
.woocommerce ul.products li.product .button , .wc-block-components-button{ font-family: 'Montserrat-Bold' !important; border-radius: 0 !important; background:#000 !important; color: #fff !important; text-transform: uppercase !important; width:100% !important; padding: 10px !important; text-align: center !important; font-size: 20px !important; }

.woocommerce ul.products li.product:hover .button, .wc-block-components-button:hover{ background:#f3a100 !important; color: #fff !important; }
li.product:hover .woocommerce-Price-amount, li.product:hover .amount{ color: #000 !important; }

.wc-block-components-quantity-selector{ width: 100% !important; }
.wp-block-woocommerce-cart-order-summary-block h2, .wc-block-cart-items__header{ font-family: 'Montserrat-Bold' !important; font-size: 19px !important; }
.wc-block-cart-item__wrap a{ font-family: 'Montserrat-Bold' !important; font-size: 19px !important; color: #f3a100; text-decoration: none !important; }
.wc-block-cart-item__wrap a:hover{ color: #000 !important; }

.wc-block-components-form .wc-block-components-text-input input[type="email"], .wc-block-components-form .wc-block-components-text-input input[type="number"], .wc-block-components-form .wc-block-components-text-input input[type="password"], .wc-block-components-form .wc-block-components-text-input input[type="tel"], .wc-block-components-form .wc-block-components-text-input input[type="text"], .wc-block-components-form .wc-block-components-text-input input[type="url"], .wc-block-components-text-input input[type="email"], .wc-block-components-text-input input[type="number"], .wc-block-components-text-input input[type="password"], .wc-block-components-text-input input[type="tel"], .wc-block-components-text-input input[type="text"], .wc-block-components-text-input input[type="url"]{ height:4.5em !important; }
.wc-block-components-address-form__country, .wc-block-components-country-input{ height: 6em !important; }
.wc-blocks-components-select__select{ height:4.5em !important; margin-bottom:20px !important; } 
.wc-block-components-text-input .wc-block-components-address-form__.email .has-error .is-active{}

.wc-block-components-text-input label, .wc-block-components-checkbox__label, .wc-block-components-radio-control__label-group, .wc-blocks-components-select__label{ color: #f3a100 !important; }
.wc-block-components-text-input .is-active label{ position: absolute; left:0 !important; top:10px; }
.wc-block-checkout__payment-method, .wc-block-components-radio-control.disable-radio-control, .wc-block-components-radio-control__input {  }

.wc-block-components-radio-control__input { display:block !important; color: #f3a100 !important; width: 40px !important; height: 40px !important; }
.wc-block-components-radio-control__option-layout{ padding: 0 0 0 50px !important;}

.wc-block-components-radio-control-accordion-content{  display: block !important; width: 100% !important; height: auto !important; overflow: hidden !important; }

ul.wc_payment_methods li.wc_payment_method input.input-radio{width: auto; float: left; margin: 10px 10px 0 0 !important; }
ul.wc_payment_methods li.wc_payment_method label{width: auto; float: left; margin: 0 !important; padding:0 !important; }

@media only screen and (max-width: 1400px) {


	
}


@media only screen and (max-width: 1200px) {
	

/*.spero_banner_top h1{ font-size:40px; }
.spero_banner_top p{ font-size:20px; }	
	
	
.spero_founders_top_white{ width: 94%; padding: 60px 0; display: block; overflow: hidden; text-align: center; transform:translateY(-46%); }
.spero_founders_top_white h2{ font-size:25px; width: 70%;  }*/
	
/*.col-lg-4{ width:33.3%; float: left; }	
.col-lg-8{ width:66.7%; float: left; }	
.col-lg-6{ width:50%; float: left; }*/

/*.spero_home_writeup_two h1 { font-size: 40px; }	*/
	
	
}


@media only screen and (max-width: 1024px) {

	
}

@media only screen and (max-width: 960px) { 

/*body{ display: none; }*/
	
/*.for_desktop{ display: none; }
.for_mobi{ display: block; }

.top_spacer { margin-top: 100px; }	
.global_wrapper { margin: 0 auto; padding: 0px 0; }	*/
	
/*header .spero_global_wrapper{ width:94%; padding: 15px 0 !important; }
header .spero_logo{ margin-left:0; }*/



.mobi_menu_icon{ display:block; position:fixed; z-index:7; padding: 15px; width:50px; height:auto; top:30px; right:40px; /*display:block;*/ cursor:pointer; overflow:hidden; background-color: rgba(255,195,0,1); border-radius:5px; }
.other_header_menus{ right: 80px; }
	
header nav, .mainnav{ position:fixed; left:0; top:0; padding: 0; margin: 0; bottom:0; transform:translateX(-200%); transition:all 0.4s; width:100%; height:100%; background-color:rgba(246,159,27,1); overflow:auto; }
header nav, .mainnav.on{  transform:translateX(0%);}

/*header.active nav{ transform:translateX(0%); background-color:rgba(255,255,255,1); }*/
header nav ul, .mainnav ul{ display: block; float: none; width:auto !important; margin: 0 auto !important; padding: 80px 0 0 0 !important; }
header nav ul li , .mainnav ul li { display:block !important; float: none; margin: 10px 0px; transition: 0.6s;  transform: translateY(0%); opacity: 1; }
header nav ul li a , .mainnav ul li a { padding: 20px 0px; }
.mainnav ul li a:hover, .mainnav ul li.current-menu-item a{ color: #fff !important; }
/*header.on nav ul li a { padding: 20px 0px; }
header nav ul li.current-menu-item a , .mainnav ul li.current-menu-item a{ border-bottom:none; background-color:#fff; color:#000; }*/
header.on nav ul li.current-menu-item a{ border-bottom:none; background-color:#000; color:#fff; }
	
	
.mainnav nav ul li ul.sub-menu{ position:relative; top:0; left:0; display: block; width:auto; text-transform:capitalize; margin:0; padding:10px 0px !important; text-align: center; transform: translateY(0%); opacity:1; height:auto; background-color:#fff; }
.mainnav nav ul li ul.sub-menu li{ display:block; margin:0 0; }
.mainnav nav ul li ul.sub-menu li a{ display:block; padding:3px 0; }
.mainnav nav ul li ul.sub-menu li a:hover{ color:#f3a100 !important; }
.mainnav nav ul li ul.sub-menu.on{ transform: translateY(0%); opacity:1; height:auto; }

	
.col-lg-4{ width:100%; float: none; display: block; }	
.col-lg-8{ width:100%; float: none; display: block; }
.col-lg-6{ width:100%; float: none; display: block; }


.top_logo{ width:90px; }
header .global_wrapper{ width: 90% !important; }
	
.universal_container h1{ font-size: 28px; }

#home_banner{ min-height:100vh; height: auto; }	

.single_banner .wrapper{ padding: 0 0 40px 0 !important; }

.home_banner_txt{ width: 90%; text-align: center; margin: 100px auto 20px; height: auto; display:block; left: 0; }
.home_banner_txt article { display: block; width: 100%; height: auto; margin: 0 auto; text-align: center; }
.home_banner_txt h1{ font-size: 40px !important; }
.home_banner_txt p{ font-size: 16px !important; }

.home_banner_product { position: relative; right: auto; top: auto; bottom: auto; width: 100%; height: 400px; }
.home_banner_pack{ position: absolute; top:0; bottom:0; right:0; z-index: 1; width: 85%; height: 94%; background-size: contain; background-position: bottom center; background-repeat: no-repeat; transform: translateY(50%); opacity:0; /*transition-delay: 1s; transition: all 0.5s;*/ transition-duration: 0.8s; transition-delay: 1.5s; }
.home_banner_fruit{ position: absolute;  bottom:0; left:0; z-index: 2; width: 90%; height: 30%; background-size: contain; background-position: bottom center; background-repeat: no-repeat; transform: translateY(60%); opacity:0; /*transition-delay: 1.2s; transition: all 0.5s;*/ transition-duration: 0.8s; transition-delay: 1.8s; }

.home_banner_shape{ top:40%; left: 10%; }
.shape_square{ width:100px; height:100px; border:20px solid #f5b300; background-color: #fff; }
.shape_strip{ width:100px; height:40px; background-color:#f5b300; }
.shape_round{ width:100px; height:100px; border:20px solid #f5b300; background-color: #f5b300; border-radius: 50%; }
.shape_circle{ width:100px; height:100px; border:20px solid #f5b300; background-color: #fff; border-radius: 50%; }

ul.slick-dots { bottom:0px; }


footer{ color:#000; text-align: center; position: relative; z-index: 2; bottom:auto; left: auto; right: auto; }
footer p { display: block; font-size: 11px; text-align: center; }
ul.listed_socials { float: none; }

.contentWrapper{ text-align: center; }
.why_image{ height:200px; }
ul.listed_epic_reasons , ul.listed_epic_reasons li{ width: auto !important; margin: 0 auto !important; }

/*.home_banner_txt{ text-align: center; margin: 20% auto 10%; height: auto; display:block; }
.home_banner_txt article{ display:block; height: auto; }
.home_banner_txt h1 { font-size: 25px; }
.home_banner_txt p { font-size: 14px; }
.home_banner_img{ width:70%; margin: 0 auto; height: auto; text-align: center; }	
.home_banner_img img { width: 60%; margin: 0 auto; position: relative; top: 0; right: auto; transform: translateY(0); }
	
	
	
#home_banner p { font-size: 16px; color: #fff; font-family: '../fonts/URWGeometricRegular'; position: relative; width: 90%; margin: 0 auto; padding: 50px 0 0 0; text-align: left; left: auto; text-align: center; }	

#home_banner p::before { content: ""; background-image: url("../images/header_stripes.png"); background-size: contain; background-repeat: no-repeat; overflow: hidden; position: absolute; width: 200px; height: 50px; left: 50%; top: 0; transform: translateX(-50%); }
	
.home_banner_txt article { width: 89%; }
	
#home_banner h1 { font-size: 50px; }*/
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

.services_container ul li { width: 25%; }
	
.about_single{ display:block; width: 100%; height: auto; position: relative; padding: 100px 0; margin:30px 0 50px; overflow: hidden; }
.about_single_txt h1{ font-size: 20px; }
	
.work_writeup { opacity: 1; height: auto; }
.work_content:after{ opacity:1; height: 35px; }
	
.blog_single_content { text-align: center; }	
.blog_single_content h1, .blog_single_content p { width: 100%; float: none; margin: 5px auto !important; }	
.btn_border_white { position: relative; top: auto; right: auto; display: block; }

a.btn_orange, .blog_wrapper a.btn_orange { position: relative; right: auto !important; left: 0 !important; text-align: right !important; padding: 10px 20px 10px 10px; font-size: 20px; float: left; }	
	
.form_wrapper {  width: 87%; margin: 0 auto; padding: 20px 0 30px 0; text-align: left; }	
input, textarea, button, label, select, .input_field { width: 100%; }	
	
.contact_wrapper { height:auto; }	
.contact_wrapper iframe { height: 50vh !important; }	
	
footer .global_wrapper{ padding-top: 20px; }	
.footer_top .col-lg-4{ width:33%; float: left; }
ul.footer_nav { text-align: center; padding: 10px 0 20px; }
ul.footer_nav li {  margin: 10px 1%; }
ul.socials_footer { margin: 0 auto; float: none; text-align: center; }
	
	
}

@media only screen and (max-width: 700px) { 
	
#services h1.bg_text { top: 3%; }	
.services_container ul li { width: 42%; }	

.about_single { padding: 0 0; }	
.about_wrapper .about_single:nth-child(2n+1) .about_single_img{ left:0; }
.about_wrapper .about_single:nth-child(2n+2) .about_single_img{ right:auto; left: 0; }
.about_wrapper .about_single:nth-child(2n+1) .about_single_txt{ float: none; text-align: left; }
.about_wrapper .about_single:nth-child(2n+2) .about_single_txt{ float: none; text-align: left; }
.about_wrapper .about_single:nth-child(2n+1) .about_single_txt h1{ text-align: left; }
.about_wrapper .about_single:nth-child(2n+2) .about_single_txt h1{ text-align: left; }	
.about_single_txt{ padding: 0px 0 0px; z-index: 2; width: 100%; height: auto; }
.about_single_txt h1 { padding: 25px 5%; margin: 1px 0 0 0; }
.about_single_writeup { width: 90%; left: auto; margin: 0 auto; }
.about_single_img{ position: relative; width: 100%; height: 30vh; }	
	
.blog_wrapper div.blog_single:nth-child(4n+1){ margin-right:2%; background-color: rgba(28,132,57,1.0); }
.blog_wrapper div.blog_single:nth-child(4n+1):hover{ background-color:rgba(28,132,57,0.9); }
.blog_wrapper div.blog_single:nth-child(4n+2){ margin-left: 2%; background-color: rgba(246,159,27,1.0); }
.blog_wrapper div.blog_single:nth-child(4n+2):hover{ background-color:rgba(246,159,27,0.9); }
.blog_wrapper div.blog_single:nth-child(4n+3){ margin-right:2%; background-color: rgba(28,132,57,1.0); }
.blog_wrapper div.blog_single:nth-child(4n+3):hover{ background-color:rgba(28,132,57,0.9); }
.blog_wrapper div.blog_single:nth-child(4n+4){ margin-left:2%; background-color: rgba(246,159,27,1.0); }
.blog_wrapper div.blog_single:nth-child(4n+4):hover{ background-color:rgba(246,159,27,0.9); }	

.blog_single { width: 100%; min-height: auto; color: #ffffff; display: block; float: none; margin:0 auro 30px; }
.blog_single_avatar {  width: 150px; height: 150px; }
.blog_top { font-size: 13px; }
	
a.btn_orange, .blog_wrapper a.btn_orange { position: relative; right: auto !important; left: 0 !important; text-align: center !important; padding: 10px 20px 10px 10px; font-size: 20px; float: left; width: 100%; }
	
.btn_submit, .form_wrapper input[type="button"] { display: block; }	

/*.spero_home_writeup_main h1 { width: 100%; margin: 0 auto; font-size: 24px; text-align: center; }
.spero_home_writeup_two h1 { font-size: 30px; width: 100%; }
.spero_home_writeup_three h1 { font-size: 24px; width: 90%; }
.spero_home_writeup_main p { width: 90%; }
.spero_input_holder input[type="button"], .spero_input_holder input[type="submit"] { width: 100%; position: relative; }	
.bttn_darkblue, .bttn_white { background-size: 10px; }
.spero_writeup{ display: block; color: #283680; text-align: center;}*/

}

@media only screen and (max-width: 500px) { 

.services_container ul li { width: 100%; margin: 20px auto; }
.work_content { width: 80%; }
.work_logo { width: 90px; height: 90px; border-radius: 50%; background-size: 62% auto !important; }
	
.error_wrapper svg{ width: 200px; }	
	
.footer_top .col-lg-4 { width: 100%; float: none; }	


}