/*
Theme Name: Fartak Tejarat Afra Theme
Theme URI: https://fartaktejarat.com
Author: Hafez Bahari
Author URI: https://hafezbahari.ir
Description: WordPress Theme for Fartak Tejarat Afra
Version: 1.4.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fartakTheme
*/

/* 
Menu Classes:
  has-megamenu 
  has-sub
  dropdown-toggle
*/

/* ==========================================================================
   Base styles: opinionated defaults
  ========================================================================== */
@import url(css/fontiran.css);

html {
     color: #222;
     font-size: 1em;
     line-height: 1.4;
     font-family: iranyekan;
     direction: rtl;
}
   
   
::-moz-selection {
     background: #b3d4fc;
     text-shadow: none;
}
   
::selection {
     background: #b3d4fc;
     text-shadow: none;
}
   
/*
 * A better looking default horizontal rule
*/
   
hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #ccc;
     margin: 1em 0;
     padding: 0;
}
   
   /*
    * Remove the gap between audio, canvas, iframes,
    * images, videos and the bottom of their containers:
    * https://github.com/h5bp/html5-boilerplate/issues/440
    */
   
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
   
/*
* Remove default fieldset styles.
*/
   
fieldset {
     border: 0;
     margin: 0;
     padding: 0;
}
   
/*
* Allow only vertical resizing of textareas.
*/
   
textarea {
     resize: vertical;
}

input::placeholder {
  color: #afafaf !important;
  font-size: 14px !important;
}
   
/* ==========================================================================
  Browser Upgrade Prompt
========================================================================== */
   
.browserupgrade {
     margin: 0.2em 0;
     background: #ccc;
     color: #000;
     padding: 0.2em 0;
}
   
   
   
/* a::after {
     content: ' ';
     display: block;
     width: 100%;
     height: .2em;
     position: absolute;
     bottom: -.5em;
     left: 0;
     right: 0;  
     background: #fff;  
     transform: scaleX(0);
     pointer-events: none;
     transition: transform .15s ease;
} */
   
/* a:hover::after {
     transform: scaleX(1);
} */
   
   
   
/* ==========================================================================
      Author's custom styles
========================================================================== */
   
body{
     margin: 0;
     padding: 0;
     /* overflow-x: hidden; */
     /* background-image: linear-gradient(to top, #003624, #00432d, #005035, #005e3e, #006c47); */
     background: #00B351; /* Old browsers */
     /* background: #006c47 url(images/bg/formula-bg.png) no-repeat center center fixed;  */
     background: #0D7236 url(images/bg/formula-bg.png) no-repeat center center fixed;
     /* -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover; */
     background-size: cover;
}
   
.container{
     position: relative;
     width: 1320px;
     margin: 0 auto;
     background-color: #fff;
     box-shadow: 3px 3px 10px 0 #0000004d; 
}
   
   ul{
     list-style: none;
   }
   
   a {
     text-decoration: none;
     color:#333;
   }
   
   table {
     border-collapse: collapse;
     width: 100%;
     text-align: center;
   }
   
   table td, table th {
     border: 1px solid #efefef;
     padding: 8px;
   }
   
   table tr:nth-child(odd){background-color: #f3f6f9;}
   
   table tr:hover {background-color: #d8e7f5;}
   
   table th , table tbody tr:first-child {
     padding-top: 12px;
     padding-bottom: 12px;
     /* background-color: #4CAF50; */
     background-color: #d8e7f5;
     color: #2c3338;
     font-size: 14px;
     font-weight: 400;
   }
   table td {
    font-size: 13px;
   }
   /* table tr:first-child th:first-child {
     border-top-right-radius: 6px;
   } */
   
   /* table tr:first-child th:last-child {
     border-top-left-radius: 6px;
   } */
   

/* wpml styles */
/* .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span {
  margin-right: .4em;
}
.wpml-ls-legacy-list-horizontal a span {
  vertical-align: bottom !important;
  font-size: 13px;
} */

/* .wpml-ls-legacy-list-horizontal {
  border: 0 !important;
  padding: 5px !important;
} */

.main-header {
  box-shadow: 1px 1px 5px 0 #00000020;
}
   /* lang */
header #topbar-row {
     display: block;
     height: 35px;
     width: 100%;
     /* background-color:#e2e2e2; */
}
header #topbar-row #lang-list {
     float: right;
     margin: 10px 30px;
     position: relative;
     padding: 10px;
     box-shadow: 0 1px 10px 0 #ebebeb;
     border-radius: 5px;
}
header #topbar-row #lang-list li{
     display: inline-block;
     margin: 0 5px;
}

header #topbar-row #lang-list li a img {
  width: 23px;
  height: 15px;
}
   
/* Search bar*/
   .searchform{
    /* display: inline-block; */
    float: left;
    box-shadow: 1px 1px 7px rgba(0,0,0,.2);
    border-radius: 3px;
    margin-left: 30px;
    margin-top: 10px;
}
.searchbar {
    float: left; 
    background-color: #fff;
    color: #222;
    /* padding: 6px 10px; */
    width: 155px;
    border: none;
    /* margin-top: 1px; */
    /* margin-left: 20px; */
    /* border-bottom: rgba(34, 34, 34, 0.12) solid 1px; */
    transition: 0.3s;
    margin: 8px;
}
   
.searchbar::placeholder {
     color: #222;
     font-family: inherit;
     font-size: 12px;
     font-weight: 300;
     /* transition: 0.2s; */
}
   
.searchbar:focus {
     width: 400px;
     font-family: inherit;
     transition: 0.3s;
     /* border-bottom: rgba(34, 34, 34, 0.12) solid 1px; */
     outline: none;
}
   
.btn-search {
    cursor: pointer;
    /* font-size: 14px; */
    margin: 9px 0 0 12px;
    /* display: block; */
    float: left;
}
   /* .btn-search .search-icon {
    background-image: url(images/svg/search.svg);
    display: block;
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
   } */
   
   
   /* logo */
header #logo-row {
     /* display: block;
     height: 150px;
     width: 100%; */
     /* background-color:#e2e2e2; */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding: 15px 30px 15px 30px;
}
.logo-fta {
  /* margin: 0px 50px 0px 0; */
  /* margin: 15px 50px 30px 0; */
  /* right: 50px; */
  height: 95px;
  /* width: 120px; */
     /* height: 120px; */
     /* width: 154px; */
}
.logo-agn{
  /* margin: 20px 0 0 50px; */
  /* margin: 40px 0 30px 50px; */
  height: 75px;
  /* width: 150px; */
  /* padding: 0 0 10px 0; */
  /* height: 80px; */
  /* width: 238px; */
  /* float: left; */
}

   /* ==========================================================================
      Mega Menu
      ========================================================================== */
.MegaMenu {
  /* width: 66%; */
     /* width: 100%; */
  text-align: center;
  font-size: 16px;
  /* box-shadow: 1px 1px 5px 0 #00000020; */
  height: 22px;
  /* margin: 30px 0 10px 0; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.MegaMenu ul {
    padding: 0;
    /* position: relative; */
}
   
.MegaMenu li {
     display: inline-block;
}
.MegaMenu ul li:hover {
     background: #00B351;
     transition: all .5s !important;
}
.MegaMenu li a {
     display: block;
     padding: 14px;
     /* margin: 0 5px; */
}
.MegaMenu ul li:hover > a {
     color: #fff;
}
.MegaMenu ul .has-megamenu > ul.sub-menu {
     position: absolute;
     right:0;
     /* transition-duration:0.3s; */
     transition: all 1s ease-out;
     height:0px;
     overflow:hidden;
     visibility: hidden;
     width: 100%;
     border-radius:0 0 10px 10px;
     background-color:#fff;
     box-shadow:0 37px 65px rgba(0,0,0,0.1) , 0 -37px 65px rgba(0,0,0,0.1);
     z-index: 9;
}
.sub-menu {
    display: none;
  } 
   .MegaMenu ul .has-megamenu:hover > ul {
     display: block;
     visibility: visible;
     height: auto;
     padding: 20px 0;
     /* transition: all .5s !important; */
   }

   .MegaMenu .has-megamenu ul.sub-menu li > ul{
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     flex-wrap: wrap;
     margin: 10px;
   }
   
   .MegaMenu .has-megamenu ul.sub-menu ul li {
     width: 100%;
     font-size: 13px;
     font-weight: 300;
   }
   .MegaMenu .has-megamenu ul.sub-menu > li {
     width: 24%; 
     text-align: right;
     background-color: #fff;
   }

   .MegaMenu .has-megamenu ul.sub-menu li a{
    color: #000 ;
    padding: 8px;
    font-weight: bolder;
   }

   .MegaMenu .has-megamenu ul.sub-menu li ul li:hover {
     background-color: #00B351;
    
   }
   .MegaMenu .has-megamenu ul.sub-menu li ul.sub-menu li:hover a{
     color: #fff;
     border-bottom: none;
   }

   .sub-menu li a{
       border-bottom:1px solid #eeeeee;
   }
   .sub-menu li a:hover{
       border-bottom-color:#eeeeee;
   }
   /* .MegaMenuSub .has-megamenu ul.sub-menu li ul li:last-child a{
       border-bottom-color:transparent;
   } */


  .MegaMenu ul li.has-sub {
    /* float: right; */
    position: relative;
    margin: 0;
    /* padding : 0 10px; */
  }
  
  .MegaMenu ul li.has-sub ul {
    display: none;
    position: absolute;
    top: 100%;
    /* right: 0;  */
    padding: 0;
    transition: all .5s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 3px;
    transform: translateY(1px); 

  }
  
  .MegaMenu ul li.has-sub ul li {
    min-width: 225px;
  }
  
  .MegaMenu ul li.has-sub:hover > ul{
    display: block;
    background: #fff;
    box-shadow: 1px 1px 1px rgba(0,0,0,.05);
    box-shadow: 1px 1px 7px rgba(0,0,0,.2);
    transition: all .5s;
    z-index: 99;
    
  }
  
  .MegaMenu ul li.has-sub:hover {
    background: #00B351;
    transition: all .5s;
  }

  .MegaMenu ul > li.dropdown-toggle::after{
    content: "";
    border: solid #0000008a;
    border-width: 0 1px 1px 0;
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 0;
    padding: 3px;
    margin: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  .MegaMenu ul li.has-sub a:hover {
    color: #fff;
  }

  .MegaMenu ul > li.has-sub ul ul {
    position: absolute;
    right: 100%;
    top: 0;
  }
  
  .MegaMenu ul > li.has-sub ul ul ul {
    position: absolute;
    right: 100%;
    top: 0;
  } 

   /* ====================== End Menu ================== */
   
   /* ====================== Start Slider ================== */
   .swiper-container {
     width: 1000px;
     height: 300px;
   }
   
   .swiper-slide {
     text-align: center;
     font-size: 18px;
     background: #fff;
   }
   
   .swiper-container .swiper-slide .slider-description{
     position: absolute;
     left: 0;
     margin: 100px;
     padding: 25px;
     background: #ffffffb0;
     color: #101010;
     border-radius: 30px 0;
   }
   /* ====================== End Slider ================== */
   
   /* ====================== Start About us ================== */
   .about-us{
     background: url(images/bg/world-1.png) 750px -3px no-repeat;
     /* background-size: contain; */
   }
   
   .about-us .about-us-title h1,.about-us .about-us-title h2 , .brands-section .brands-title h1, .brands-section .brands-title h2, 
   .contact-us .contact-us-title h1, .post-section .post-title {
     margin: 50px 111px 0 0;
     position: relative;
   }
   
   .about-us .about-us-title h1::before,.about-us .about-us-title h2::before, .brands-section .brands-title h1::before, .brands-section .brands-title h2::before,
   .contact-us .contact-us-title h1::before, .post-section .post-title::before {
     content: "";
     position: absolute;
     right: -111px;
     top: 20px;
     width: 0px;
     height: 0px;
     border-left: 90px solid #18428F;
     border-bottom: 9px solid #18428F;
     border-top-left-radius: 50px;
     border-bottom-left-radius: 50px;
   
   }
   .about-us .about-us-title h2::before , .brands-section .brands-title h2::before{
     top: 13px;
   }
   .about-us .about-us-flex{
     display: flex;
   }
   .about-us .about-us-flex p {
     padding: 50px 60px 50px 0;
     line-height: 2em;
     font-size: 14px;
     text-align: justify;
   }
   
   .about-us .about-us-flex img{
     width: 288px;
     height: 98px;
     padding: 60px;
   }
   /* ====================== End About us ================== */
   /* ====================== Start News section ================== */
   .news-section .news-title-flex{
   display: flex;
   justify-content: space-between;
   align-items: center;
   
   }
   .news-section .news-title-flex h2 {
     padding: 0 60px 0 20px; 
   }
   
   .news-section .news-title-flex span{
     border: 1px solid #18428f33;
     width: 55%;
   }
   
   .news-section .news-title-flex a{
     text-decoration: none;
     background-color: #00B351;
     border: 1px solid #00B351;
     box-shadow: 0 18px 40px -15px rgba(0,179,81,0.35);
     color: #fff;
     border-radius: 50px;
     font-size: 13px;
     font-weight: 300;
     margin: 0 0 0 60px;
     padding: 10px 12px;
     transition: .3s; 
   }
   
   .news-section .news-title-flex a:hover{
     background: #fff;
     box-shadow: 0 18px 40px -15px #00B351;
     color: #222;
   }
   
   .news-article-flex{
     display: flex;
     background-color: #ffffff;
     border-radius: 0.625em;
     box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
     padding: 30px;
     margin: 45px 60px;
     transition: .4s;
   
   }
   .news-article-flex:hover{
     box-shadow: 0px 0px 30px -6px rgba(0, 0, 0, 0.3);
   
   }
   .news-article-flex img{
     border-radius: 5px;
     width: 100%;
     max-width: 350px;
   }
   .news-article-flex .news-article-flex-item-left {
     margin: 0 60px;
   }
   .news-article-flex .news-article-flex-item-left time , .news-article-flex .news-article-flex-item-left span{
     font-size: 12px;
     font-weight: 300;
     padding: 5px;
   }
   .news-article-flex .news-article-flex-item-left h2 {
     font-size: 16px;
     font-weight: 600;
   }
   .news-article-flex .news-article-flex-item-left h2 a:hover{
     color: #00B351;
   }
   .news-article-flex .news-article-flex-item-left p {
    text-align: justify;
    font-size: 14px;
    font-weight: 300;
    line-height: 2em;
   }
   
   .news-article-flex .news-article-flex-item-left .more-btn {
     border: 1px solid #00b3519c;
     padding: 5px 10px;
     border-radius: 5px;
     font-size: 12px;
     transition: .3s;
   }
   .news-article-flex .news-article-flex-item-left .more-btn:hover{
     background: #00B351;
     color: #fff;
   }
   
   
   /* ====================== End News section ================== */
   
   /* ====================== Start Brands section ================== */
   .brands-section .s2 {
     margin-top: 50px;
     height: auto;
   }
   .brands-section .s2 .swiper-wrapper {
     align-items: center;
   }
   
   .brands-section .s2 .swiper-barands-pagination {
     width: 100%;
     left: 0;
     position: initial;
     margin: inherit;
   }
   /* ====================== End Brands section ================== */
   
   /* ====================== Start catalog section ================== */
   .catalog {
     display: flex;
     justify-content: space-around;
     align-items: center;
     background: #00B351;
     margin: 60px 0 0 0;
     height: 100px;
     padding: 15px 0px;
   
   }
   .catalog h2 {
     color: #fff;
   }
   .catalog a {
     background: #fff;
     padding: 10px 20px;
     border-radius: 50px;
     box-shadow: 0 18px 40px -15px rgba(0,0,0,0.45);
     transition: .3s;
     
   }
   .catalog a:hover{
     background: #18428F;
     box-shadow: 0 18px 40px -15px #18428F;
     color: #fff;
   }
   /* ====================== End catalog section ================== */
   
   /* ====================== Start Footer section ================== */
   footer {
     display: flex;
     flex-direction: column;
   }
   footer .footer-first-row {
     background: rgba(0,0,0,.05) url(images/bg/world.png) no-repeat left top; 
     /* height: 300px; */
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     flex-wrap: nowrap;
     padding: 25px 15px;
   }
   footer .footer-first-row .footer-column-1 {
    width: 60%;
    margin: 0 15px;
   }
   footer .footer-first-row .footer-column-2 {
    width: 15%;
   }
   footer .footer-first-row .footer-column-3 {
    width: 20%;
  
   }
   footer .footer-first-row .footer-column-1 ul ,footer .footer-first-row .footer-column-2 ul,footer .footer-first-row .footer-column-3 ul{
    padding: 0;
    margin: 20px 0 0 0;
   }
   footer .footer-first-row .footer-column-1 ul li{
     margin: 10px 0;
    }
    footer .footer-first-row .footer-column-1 ul li:last-child , .contact-page-address{
      line-height: 1.75em;
    }
   footer .footer-first-row .footer-column-1 ul li img{
     width: 18px;
     height: 18px;
     margin-left: 10px;
   }
   footer .footer-first-row .footer-column-2 ul li , footer .footer-first-row .footer-column-3 ul li{
     margin: 10px 0;
     list-style: square;
     color: #00B351;
    }
    footer .footer-first-row .footer-column-1 ul li  , footer .footer-first-row .footer-column-2 ul li a,
    footer .footer-first-row .footer-column-3 ul li a{
    font-weight: 300;
    }
   
    footer .footer-first-row .footer-column-2 ul li a:hover , footer .footer-first-row .footer-column-3 ul li a:hover{
    color: #00B351;
    color: rgb(189, 189, 189);
    }
   
   footer .footer-first-row .footer-column-2 .menu-footermenu-container, footer .footer-first-row .footer-column-3 .menu-footermenu-2-container {
    padding: 0 15px;
   }
   
   footer .social {
     display: flex;
     justify-content: center;
     background: rgba(0,0,0,.05);
   }
   
   footer .social ul {
     display: inline-flex;
     padding: 0;
   }
   footer .social ul li {
     margin: 0 5px;
     position: relative;
   }
   footer .social ul li a img{
     width: 25px;
     height: 25px;
   }
   footer .social ul li a img:hover{
     opacity: .5;
   }
   
   footer .social ul .qr-code a span {
     display: none;
     
   }
   footer .social ul .qr-code:hover .qr-code-details {
     display: block;
     position: absolute;
     bottom: 0;
     bottom: 45px;
     left: -115px;
     box-shadow: 0 0 15px 0px #00000075;
     
   }
   
   footer .social ul .qr-code:hover .qr-code-details::before {
     content: "";
     width: 0;
     height: 0;
     border-left: 15px solid transparent;
     border-right: 15px solid transparent;
     border-top: 15px solid #00000030;
     position: absolute;
     bottom: -15px;
     left: 112px;
   }
   
   footer .social ul .qr-code:hover .qr-code-details img {
     width: 250px;
     height: 250px;
     border-radius: 5px;
     opacity: 1;
   }
   
   footer .footer-second-row {
     background: #c0ba9c;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: space-between;
   }
   
   footer .footer-second-row p {
     text-align: left;
     font-size: 14px;
     font-weight: 300;
     margin: 0 0 0 10px;
   }
   footer .footer-second-row a {
     margin: 0 10px 0 0;
     font-size: 14px;
     font-weight: 300;
   }
   /* ====================== End Footer section ================== */
   
   /* ====================== Start page template ================== */
   /* Start About-us */
   .about-us-bg{
     width: 1000px;
     height: 460px;
   }
   
   .post-content, .about-us-page {
     margin: 50px 60px;
     font-size: 14px;
     font-weight: 300;
     line-height: 1.75em;
     text-align: justify;
     /* overflow: scroll; */
   }
   .about-us-page img {
     margin: 20px 500px 20px 0px;
   }
   /* End About-us */
   
   /* Start post content */
   .post-section .post-meta, .tags {
     font-size: 12px;
     font-weight: 300;
     margin: 20px 100px;
   }
   .post-section .post-meta span {
     margin-left: 10px;
     font-family: iranyekan;
   }
   
   /* End post content */
   /* 404-error */
   .error-section {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     height: 500px;
     width: 100%;
     position: relative;
   }
   /* .error-section::before{
     content: "404";
     position: absolute;
     /* top: -20px; 
     left: 50%;
     color: #F4F4F4;
     font-weight: 700;
     font-size: 400px;
     line-height: 320px;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%); 
   } */
   .error-section h1 {
     position: relative;
   }
   .error-404 {
     background-color: #00B351;
     border: 1px solid #00B351;
     box-shadow: 0 18px 40px -15px rgba(0,179,81,0.35);
     color: #fff;
     border-radius: 50px;
     font-size: 13px;
     font-weight: 300;
     margin: 20px 0 0 0;
     padding: 15px 20px;
     transition: .3s;
   }
   .error-404:hover{
     background: #fff;
     box-shadow: 0 18px 40px -15px #00B351;
     color: #222;
   }
   
   /* Start breadcrumb */
   /* .breadcrumb {
     margin: 40px 60px;
     font-size: 10px;
   }
   
   .breadcrumb span a:after{
     content: "»";
     margin: 0 6px;
   } */
#breadcrumbs{
    list-style: none;
    margin: 10px 20px;
    overflow: hidden;
    font-size: 12px;
    padding: 0 10px;
}
  
#breadcrumbs li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
  
#breadcrumbs .separator{
    font-size: 18px;
    font-weight: 100;
    color: #ccc;
}
   /* End breadcrumb */

   /* Start Contact us */
   .contact-us-flex-container{
     display: flex;
     justify-content: space-between;
     margin: 50px 0 50px 0;
     padding: 0 60px;
     position: relative;
   }
   .contact-us-flex-container .contact-us-flex-item1{
    width: 60%;
    /* width: 400px; */
     
   }
   .contact-us-flex-container .contact-us-flex-item2 {
    width: 30%;
     /* width: 250px; */
     /* height: 250px; */
   }
   
   .contact-us-flex-container .contact-us-flex-item2 .contact-details img{
     width: 250px;
     height: 250px;
     box-shadow: 0 3px 40px 0 #0000001f;
     border-radius: 10px;
     padding: 10px;
   }
   
   .contact-us-flex-container .contact-us-flex-item2 .contact-details ul{
     margin: 50px 20px 0 0;
     padding: 0;
   }
   .contact-us-flex-container .contact-us-flex-item2 .contact-details ul li {
     margin-bottom: 15px;
     font-size: 14px;
     font-weight: 300;
     /* text-align: justify; */
   }
   .contact-us-flex-container .contact-us-flex-item2 .contact-details ul li img {
    width: 18px;
    height: 18px;
    margin: 0 5px;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    vertical-align: -3px;
   }
   /* .contact-us-flex-container .contact-us-flex-item2 .contact-details ul li .letter-space{
     letter-spacing: 1.5px;
   } */
   /* End contact-us */
   
   /* Start Brands category */
   .brands-bg{
     width:100%;
     height: 100%;
   }


   .brands-section .brands-title .brands-sub-title ,.brands-description {
     font-size: 14px;
     font-weight: 300;
     margin: 20px 100px;
     line-height: 25px;
   
   }

   .brands-section > p {
    font-size: 14px;
    font-weight: 300;
    margin: 20px 100px;
    line-height: 25px;
  
  }
   
   .brands-section .brands-column a {
     display: flex;
     flex-direction: column;
     /* justify-content: center; */
     align-items: center;
     /* margin: 50px 0; */
   }
   
   .brands-section .brands-column a div {
     width: 900px;
     height: 250px;
     border: 2px solid #F2EFEC;
     margin: 20px 0;
     padding: 15px;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: start;
     transition: .3s;
     /* box-sizing: border-box; */
   }
   .brands-section .brands-column a div:hover{
     box-shadow: 0 3px 40px #00000020;
     /* border: none; */
     /* cursor: pointer; */
   }
   .brands-section .brands-column a div img{
     margin-right: 40px
   }
   .brands-section .brands-column a div ul li {
     list-style: square;
     font-size:14px; 
     margin: 20px;
   }
   .brands-section .brands-column a div ul li span {
     margin-right: 20px;
     font-weight: 300;
   
   }
   
   /* End Brands category */
   
   /* Start archive-products */
   .post-section .product-wrapper {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     /* justify-content: center; */
     margin: 50px 0;
   }
   /* .post-section .product-wrapper a {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     margin: 50px 0;
     align-items: center;
   } */
   .post-section .product-wrapper a .single-product {
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 290px;
     margin: 20px;
     box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);
     transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out;
     transition: .3s;
     border-radius: 4px;
     transform: translateZ(0);
   }
   .post-section .product-wrapper a .single-product:hover{
       /* box-shadow: 0 0 40px 0px #00000020; */
       box-shadow: rgba(45,45,45,0.05) 0px 2px 2px, rgba(49,49,49,0.05) 0px 4px 4px, rgba(42,42,42,0.05) 0px 8px 8px, rgba(32,32,32,0.05) 0px 16px 16px, rgba(49,49,49,0.05) 0px 32px 32px, rgba(35,35,35,0.05) 0px 64px 64px;
       transform: translate(0, -4px);
   }
.post-section .product-wrapper a .featured:before {
  content: "";
  position: absolute;
  left: 14px;
  top: -2px;
  width: 24px;
  height: 11%;
  background: #00b351;
  background: linear-gradient(0deg, rgba(154, 205, 50, 1) 30%, rgba(0, 179, 81, 1) 100%);
  clip-path: polygon(100% 0%, 100% 100%, 50% 75%, 0 100%, 0 0);
  transition: all 0.2s ease-in;
}
   
   .post-section .product-wrapper a .single-product h2 {
     font-size: 13px;
     color: #000;
     background: #afd263;
     padding: 10px;
     margin-bottom: 30px;
     border-radius: 0em 0.625em 0em 0.625em;
   }

   .no-post{
    margin: 45px auto;
    padding: 20px 100px;
    border: 1px solid #cfcfcf;
    border-radius: 10px;
    background: #17A2B8;
    color: #fff;
    width: 70%;
    text-align: center;
   }
   /* End archive-products */
   
   /* --------------------- Start products-details --------------------- */
   .product-details-flex-container {
     display: flex;
     /* flex-direction: row; */
     justify-content: space-between;
     /* align-items: center; */
     /* margin: 0 40px 0 0; */
     position: relative;
     /* width: 1000px; */
     padding: 0px 30px;
   }
   .product-details-flex-container .product-details-items-1{
     width: 66%;
     padding: 20px 0;
     /* box-shadow: 0 0 20px 0 #33333342;
     margin-top: 25px; */
   }
   .product-details-flex-container .product-details-items-2{
     /* width: 30%; */
     width: 350px;
     /* height: 600px; */
   }
   .product-details-flex-container .content-product .theiaStickySidebar > h1{
     font-size: 18px;
     font-weight: 400;
     padding: 15px 20px;
     background: yellowgreen;
     border-radius: 0 20px;
     color: #030303;
   }
.product-info {
    border-right: 1px solid #9acd32;
    border-left: 0;
    margin-top: -1em;
    padding: 15px 10px 0 0;
}
   /* .product-details-flex-container .content-product .theiaStickySidebar div {
     padding-right: 20px;
   } */
   /* .product-details-flex-container .content-product .theiaStickySidebar div::before{
     content: "";
     width: 2px;
     height: 90%;
     background-color: #9acd32;
     position: absolute;
     top: 51px;
     right: 20px;
   } */
   .product-details-flex-container .content-product .theiaStickySidebar div ul {
     list-style: square;
     /* margin: 55px 0; */
   }
   .product-details-flex-container .content-product .theiaStickySidebar div ul li , .product-details-flex-container .content-product .theiaStickySidebar div p{
     font-size: 14px;
     font-weight: 300;
     margin: 15px;
     text-align: justify;
   }
   
   .product-details-flex-container .content-product .theiaStickySidebar div p {
     line-height: 2em;
     text-align: justify;
   }
   
   .product-details-flex-container .sidebar-product .theiaStickySidebar img {
     width: 350px;
     /* box-shadow: 0px 0px 99px 0 #0000004a; */
     box-shadow: 0px 0px 20px 0 #0000001a;
     /*transform: translateY(-230px);*/
     border-radius: 5px;
     margin-bottom: 15px;
   }
   
   /* ====================== End page template ================== */
   /* ---------wordpress css styles ---------*/
.post-categories{
  display: inline-block;
  padding: 0;
}
.post-categories li {
  display: inline-block;
}
.pagination {
  text-align: center;

}
.pagination a , .pagination span {
  padding: 5px 10px;
  transition: .3s;
}
.pagination a:hover{
  background-color: #e5e5e5;
}
.pagination span {
  background-color: #18428F;
  color: #fff;
}
/* contact forms */
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  padding: 5px 15px !important;
  width: 250px;
  border-radius: 50px;
  height: 45px;
  border: 1px solid #BFBFBF;
  border: 1px solid rgba(24, 66, 143, 0.36);
  transition: .3s;
}
.gform_wrapper input:focus{
  box-shadow: 0 0 20px 0px rgba(24, 66, 143, 0.36);
  outline: none;
}
.gform_wrapper textarea {
  width: 100%;
  border: 1px solid rgba(24, 66, 143, 0.36);
  border-radius: 20px;
  outline: none;
  padding: 15px !important;
  transition: .3s;
}
.gform_wrapper textarea:focus{
  box-shadow: 0 0 20px 0px rgba(24, 66, 143, 0.36);

}

.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
  font-size: 14px;
  font-weight: 400;
}
.gform_confirmation_wrapper{
  padding: 0 0 400px 0;
}
.gform_confirmation_message_1{
  background: #00b351;
  color: #fff;
  padding: 30px;
  border-radius: 10px;
}
.gform_button {
  width: auto !important;
  height: 40px;
  text-align: center !important;
  border: none;
  border-radius: 50px;
  background-color: #00B351;
  color: #fff;
  box-shadow: 0 3px 6px 0 #00000020;
  cursor: pointer;
}

   /* ==========================================================================
      Helper classes
      ========================================================================== */
   
   /*
    * Hide visually and from screen readers
    */
   
.hidden {
     display: none !important;
}
   
   /*
   * Hide only visually, but have it available for screen readers:
   * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
   *
   * 1. For long content, line feeds are not interpreted as spaces and small width
   *    causes content to wrap 1 word per line:
   *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
   */
   
.sr-only {
     border: 0;
     clip: rect(0, 0, 0, 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     white-space: nowrap;
     width: 1px;
     /* 1 */
}
   
   /*
   * Extends the .sr-only class to allow the element
   * to be focusable when navigated to via the keyboard:
   * https://www.drupal.org/node/897638
   */
   
.sr-only.focusable:active, .sr-only.focusable:focus {
     clip: auto;
     height: auto;
     margin: 0;
     overflow: visible;
     position: static;
     white-space: inherit;
     width: auto;
}
   
   /*
   * Hide visually and from screen readers, but maintain layout
   */
   
.invisible {
     visibility: hidden;
}
   
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
   
.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}
   
.clearfix:after {
    clear: both;
}
   
   /* ==========================================================================
      EXAMPLE Media Queries for Responsive Design.
      These examples override the primary ('mobile first') styles.
      Modify as content requires.
      ========================================================================== */
   
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}
   
@media print,
     (-webkit-min-device-pixel-ratio: 1.25),
     (min-resolution: 1.25dppx),
     (min-resolution: 120dpi) {
     /* Style adjustments for high resolution devices */
}
   
   /* ==========================================================================
      Print styles.
      Inlined to avoid the additional HTTP request:
      https://www.phpied.com/delay-loading-your-print-css/
      ========================================================================== */
   
@media print {
     *,
     *:before,
     *:after {
       background: transparent !important;
       color: #000 !important;
       /* Black prints faster */
       -webkit-box-shadow: none !important;
       box-shadow: none !important;
       text-shadow: none !important;
     }
     a,
     a:visited {
       text-decoration: underline;
     }
     a[href]:after {
       content: " (" attr(href) ")";
     }
     abbr[title]:after {
       content: " (" attr(title) ")";
     }
     /*
        * Don't show links that are fragment identifiers,
        * or use the `javascript:` pseudo protocol
        */
     a[href^="#"]:after,
     a[href^="javascript:"]:after {
       content: "";
     }
     pre {
       white-space: pre-wrap !important;
     }
     pre,
     blockquote {
       border: 1px solid #999;
       page-break-inside: avoid;
     }
     /*
        * Printing Tables:
        * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
        */
     thead {
       display: table-header-group;
     }
     tr,
     img {
       page-break-inside: avoid;
     }
     p,
     h2,
     h3 {
       orphans: 3;
       widows: 3;
     }
     h2,
     h3 {
       page-break-after: avoid;
     }
}
  /* mobile menu */
@media screen and (min-width:1220px){
    .menuicon{
      display:none !important;
    }
    .mobile-search {
      display: none;
    }
}
.mobilemenu{
    background:#333;
    width:75%;
    position:fixed;
    box-shadow:0 0 20px rgba(0,0,0,0.3);
    top:0;
    transition-duration:0.5s;
    color:#fff;
    height:100%;
    overflow:auto;
    z-index:999999;
    right:-100%;
}

.mobilemenu li a{
    color:#fff;
    line-height:45px;
    padding:0 20px;
    border-bottom:1px solid #444;
    display: block;
}

.mobilemenu.isopen{
    right:0;
}

.mobilemenu.isclose{
    right:0;
  }
  .menuicon-close .fa-times {
    font-size: 18px;
    display: block;
    float: left;
    padding: 5px 8px;
    margin: 5px;
    background: #fff;
    z-index: 99;
    border-radius: 50px;
}

.menuicon {
    display: block;
    background: url(images/svg/menu.svg);
    width: 32px;
    height: 32px;
    /* float: right; */
    margin: 30px 20px;
}
  /* .menuicon-close{
    top: 30px;
    left: 20px;
    position: fixed;
    width: 30px;
    height: 30px;
    background: url(images/svg/close.svg);
} */

  /* End mobile menu */

   /* Responsive css */
.swiper-container{
     width: 100%;
     height: 100%;
}

/* ------------ Product Tabs Styles ------------ */

ul.tabs {
  display: flex;
  align-items: center;
  list-style: none !important;
  padding: 0;
  margin: 30px 0px 15px 0px;
}

ul.tabs li {
	cursor: pointer;
	padding: 15px 20px;
	background: #9acd3233;
  border: 1px solid #cce698;
	color: #030303;
  margin: 0 5px !important;
  border-radius: 0 20px;
  transition: .3s;
  width: 100%;
  font-weight: bold !important;
}

ul.tabs li.active {
	background-color: #9acd32;
  border-bottom: 1px solid #18428f;
	color: #030303;
  transition: .3s;
}

/* .tab_content {
	font-size: 12px;
} */

.tab_content.hidden {
	display: none;
}

.tab_drawer_heading { 
  display: none;
}
/* #tab1, #tab2, #tab3, #tab4 {
  overflow-x: scroll;
} */


/* Social Share btn */
.social-share-section {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-end;
  margin: 0 70px;
}
.social-share-container {
  margin: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.social-share-title {
  /* font-size: 22px; */
  margin-bottom: 12px;
  color: #374151;
  font-family: inherit;
  display: block;
}
.social-share-links a,
.social-share-links button {
  display: inline-block;
  margin-left: 12px;
  /* color: #6e8d19; */
  /* font-size: 38px; */
  background: none;
  border: none;
  cursor: pointer;
  vertical-align: middle;
  padding: 0;
}
.social-share-links a:hover,
.social-share-links button:hover {
  color: #4e640e;
}
.social-share-links svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
  vertical-align: middle;
}
/* Social Share btn */

@media screen and (max-width: 767px) {
	ul.tabs {
		display: none;
	}
  .tab_container {
    margin: 30px 0 0 0;
  }
	.tab_drawer_heading {
		background-color: #9acd3233;
		color: #030303;
		display: block;
		user-select: none;
    padding: 10px 20px;
    transition: .3s;
    margin: 15px 0;
    border-radius: 0 20px;
	}
	.d_active {
		background-color: #9acd32;
		color: #030303;
    transition: .3s;
    border-bottom: 1px solid #18428f;
	}
}



/* ------------ End Product Tabs Styles  ------------ */

@media (max-width: 1250px){
    body {
      background: #006c47;
      overflow-x: hidden;
  
    }
    .container{
      width: 100%;
    }
    /* header #topbar-row .searchform{
      display: none;
    } */
    .mobile-search{
      display: none;
    }
    .logo-fta{
      margin: 20px 20px;
    }
    /* .logo-agn{
     display: none;
    } */
    /* .MegaMenu{
      display: none;
    } */
    .menuicon{
      display: none;
    }
  
    .swiper-pagination-bullet{
      width: 10px !important;
      height: 10px !important;
    }
    .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
      bottom: 0 !important;
      left: 15px !important;
    }
  
   .swiper-container .swiper-slide .slider-description {
    margin: 10px;
    padding: 10px;
    font-size: 12px;
    }
  
    .about-us {
      background: none;
    }
    .about-us .about-us-flex {
      display: block;
    }
    .about-us .about-us-flex p {
      padding: 20px 20px;
    }
    .about-us .about-us-flex img {
      padding: 10px 30px;
    }
    .news-section {
      margin: 25px 0;
    }
    .news-section .news-title-flex span {
      border: none;
      width: 0;
    }
    .news-article-flex{
      display: block;
    }
    /* .news-article-flex img {
      width: 100%;
      height: 100%;
    } */
    .news-section .news-title-flex h2 {
      padding: 0 30px;
      font-size: 1.2em;
    }
    .news-section .news-title-flex a {
      font-size: 10px;
      margin: 0 0 0 30px;
      padding: 6px 8px;
    }
    .news-article-flex {
      padding:20px 10px;
      margin: 25px 30px;
  
    }
    .catalog {
      height: auto;
    }
    .catalog h2 {
      font-size: 1em;
    }
    .catalog a {
      padding: 5px 10px;
      font-size: 10px;
    }
  
    footer .footer-first-row .footer-column-2 {
      margin: 0;
    }
  
    footer .footer-first-row {
      background: rgba(0,0,0,.05);
      height: auto;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 25px 60px;
    }
  
    footer .footer-second-row {
      flex-direction: column-reverse;
      padding: 10px;
      height: auto;
    }
    footer .footer-second-row p{
      text-align: center;
      margin: 0;
  
    }
  
    .brands-section .brands-column a div {
      width: 95%;
      height: auto;
      border: 2px solid #F2EFEC;
      margin: 20px 0;
      padding: 15px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: .3s;
      box-sizing: border-box;
   }
   .brands-section .brands-column a div img {
    margin-right: 0;
   }
  
   .brands-section .brands-title .brands-sub-title, .brands-description {
    margin: 20px 45px;
   }
   .contact-us-flex-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
    margin: 50px 0;
    position: relative;
   }
   /* .contact-us-flex-container .contact-us-flex-item2 .contact-details img {
    margin: 0 10%;
  } */
   .contact-us-flex-container .contact-us-flex-item2 {
    width: 95%;
    height: auto;
   }
   .contact-us-flex-container .contact-us-flex-item1 {
    width: 95%;
   }
   .post-section .product-wrapper {
    flex-direction: row;
   }
  
   /* .post-section .product-wrapper a .single-product {
     width: auto;
   } */
   .no-post {
       padding: 20px;
   }
   
   .about-us .about-us-title h1, .about-us .about-us-title h2, .brands-section .brands-title h1, .brands-section .brands-title h2, .contact-us .contact-us-title h1, .post-section .post-title {
    margin: 25px 75px 0 0;
    position: relative;
  }
  .product-details-flex-container {
    display: flex;
    flex-direction: row;
    /* justify-content: space-around; */
    /* align-items: center; */
    /* margin: 0 40px 0 0; */
    position: relative;
    /* width: 1000px; */
    padding: 0 10px;
  }
  
  .product-details-flex-container .sidebar-product .theiaStickySidebar img {
    width: 350px;
    height: 350px;
    /* box-shadow: 0px 0px 99px 0 #0000004a; */
    box-shadow: 0px 15px 20px 0 #0000001a;
    transform: translateY(0);
    border-radius: 5px;
    margin-bottom: 0;
  }
  .product-details-flex-container .product-details-items-1 {
    /* width: auto; */
    padding: 0;
  }
  /* .product-details-flex-container .content-product .theiaStickySidebar div::before {
    width: 0;
  } */
  
  /* .product-details-flex-container .product-details-items-2 {
    width: 100%; 
    height: 600px; 
    margin: 0 30px;
  } */
  
  .post-section .post-meta, .tags {
    font-size: 12px;
    font-weight: 300;
    margin: 10px 30px;
   }
   .error-section {
    height: auto;
    width: 100%;
   }
   .about-us-page img {
    margin: 0;
  }
  
}

@media (max-width: 992px){
  body {
    background: #006c47;
    overflow-x: hidden;

  }
  .container{
    width: 100%;
  }
  /* header #topbar-row{
    display: none;
  } */
  .logo-fta{
    margin: 20px 20px;
  }
  /* .logo-agn{
   display: none;
  } */
  /* .MegaMenu{
    display: none;
  } */
  .menuicon{
    display: none;
  }

  .swiper-pagination-bullet{
    width: 10px !important;
    height: 10px !important;
  }
  .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0 !important;
    left: 15px !important;
  }

 .swiper-container .swiper-slide .slider-description {
  margin: 10px;
  padding: 10px;
  font-size: 12px;
  }

  .about-us {
    background: none;
  }
  .about-us .about-us-flex {
    display: block;
  }
  .about-us .about-us-flex p {
    padding: 20px 20px;
  }
  .about-us .about-us-flex img {
    padding: 10px 30px;
  }
  .news-section {
    margin: 25px 0;
  }
  .news-section .news-title-flex span {
    border: none;
    width: 0;
  }
  .news-article-flex{
    display: block;
  }
  /* .news-article-flex img {
    width: 100%;
    height: 100%;
  } */
  .news-section .news-title-flex h2 {
    padding: 0 30px;
    font-size: 1.2em;
  }
  .news-section .news-title-flex a {
    font-size: 10px;
    margin: 0 0 0 30px;
    padding: 6px 8px;
  }
  .news-article-flex {
    padding:20px 10px;
    margin: 25px 30px;

  }
  .catalog {
    height: auto;
  }
  .catalog h2 {
    font-size: 1em;
  }
  .catalog a {
    padding: 5px 10px;
    font-size: 10px;
  }

 footer .footer-first-row .footer-column-2 {
    margin: 0;
 }

 footer .footer-first-row {
    background: rgba(0,0,0,.05);
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 25px 60px;
  }

 footer .footer-second-row {
    flex-direction: column-reverse;
    padding: 10px;
    height: auto;
 }
  footer .footer-second-row p{
    text-align: center;
    margin: 0;

  }

  .brands-section .brands-column a div {
    width: 95%;
    height: auto;
    border: 2px solid #F2EFEC;
    margin: 20px 0;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .3s;
    box-sizing: border-box;
 }
 .brands-section .brands-column a div img {
  margin-right: 0;
 }

 .brands-section .brands-title .brands-sub-title, .brands-description {
  margin: 20px 45px;
 }
 .contact-us-flex-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
  margin: 50px 0;
  position: relative;
 }
 /* .contact-us-flex-container .contact-us-flex-item2 .contact-details img {
  margin: 0 10%;
 } */
 .contact-us-flex-container .contact-us-flex-item2 {
  width: 95%;
  height: auto;
 }
 .contact-us-flex-container .contact-us-flex-item1 {
  width: 95%;
 }
 .post-section .product-wrapper {
  flex-direction: row;
 }

 /* .post-section .product-wrapper a .single-product {
   width: auto;
 } */
 .no-post {
     padding: 20px;
 }
 
 .about-us .about-us-title h1, .about-us .about-us-title h2, .brands-section .brands-title h1, .brands-section .brands-title h2, .contact-us .contact-us-title h1, .post-section .post-title {
  margin: 25px 75px 0 0;
  position: relative;
 }
 .product-details-flex-container {
  display: flex;
  flex-direction: row;
  /* justify-content: space-around; */
  /* align-items: center; */
  /* margin: 0 40px 0 0; */
  position: relative;
  /* width: 1000px; */
 }

 .product-details-flex-container .sidebar-product .theiaStickySidebar img {
  width: 350px;
  height: 350px;
  /* box-shadow: 0px 0px 99px 0 #0000004a; */
  box-shadow: 0px 15px 20px 0 #0000001a;
  transform: translateY(0);
  border-radius: 5px;
  margin-bottom: 0;
 }
 .product-details-flex-container .product-details-items-1 {
  /* width: auto; */
  padding: 0;
 }
 /* .product-details-flex-container .content-product .theiaStickySidebar div::before {
  width: 0;
 } */

 /* .product-details-flex-container .product-details-items-2 {
  width: 100%; 
  height: 600px; 
  margin: 0 30px;
 } */

 .post-section .post-meta, .tags {
  font-size: 12px;
  font-weight: 300;
  margin: 10px 30px;
 }
 .error-section {
  height: auto;
  width: 100%;
 }
 .about-us-page img {
  margin: 0;
 }


}

@media (max-width: 768px){
  body {
    background: #006c47;
    overflow-x: hidden;

  }
  .container{
    width: 100%;
  }
  /* header #topbar-row{
    display: none;
  } */
  .logo-fta{
    margin: 20px 20px;
  }
  header #logo-row{
    display: flex;
    justify-content: center;
    box-shadow: 0px 10px 10px 0 #0000000d;
    /* padding: 15px; */
  }
  /* .logo-agn{
   display: none;
  } */
  /* .MegaMenu{
    display: none;
  } */
  /* .menuicon{
    display: none;
  } */

  .swiper-pagination-bullet{
    width: 10px !important;
    height: 10px !important;
  }
  .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0 !important;
    left: 15px !important;
  }

 .swiper-container .swiper-slide .slider-description {
  margin: 10px;
  padding: 10px;
  font-size: 12px;
  }

  .about-us {
    background: none;
  }
  .about-us .about-us-flex {
    display: block;
  }
  .about-us .about-us-flex p {
    padding: 20px 20px;
  }
  .about-us .about-us-flex img {
    padding: 10px 30px;
  }
  .news-section {
    margin: 25px 0;
  }
  .news-section .news-title-flex span {
    border: none;
    width: 0;
  }
  .news-article-flex{
    display: block;
  }
  /* .news-article-flex img {
    width: 100%;
    height: 100%;
  } */
  .news-section .news-title-flex h2 {
    padding: 0 30px;
    font-size: 1.2em;
  }
  .news-section .news-title-flex a {
    font-size: 10px;
    margin: 0 0 0 30px;
    padding: 6px 8px;
  }
  .news-article-flex {
    padding:20px 10px;
    margin: 25px 30px;

  }
  .catalog {
    height: auto;
  }
  .catalog h2 {
    font-size: 1em;
  }
  .catalog a {
    padding: 5px 10px;
    font-size: 10px;
  }
  footer .footer-first-row .footer-column-1, footer .footer-first-row .footer-column-2, footer .footer-first-row .footer-column-3 {
    width: 100%;
    margin: 0;
  }

  footer .footer-first-row {
    background: rgba(0,0,0,.05);
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 15px 30px;
  }

  footer .footer-second-row {
    flex-direction: column-reverse;
    padding: 10px;
    height: auto;
  }
  footer .footer-second-row p{
    text-align: center;
    margin: 0;

  }

  .brands-section .brands-column a div {
    width: 95%;
    height: auto;
    border: 2px solid #F2EFEC;
    margin: 20px 0;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .3s;
    box-sizing: border-box;
 }
 .brands-section .brands-column a div img {
  margin-right: 0;
 }

 .brands-section .brands-title .brands-sub-title, .brands-description {
  margin: 20px 45px;
 }
 .contact-us-flex-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
  margin: 50px 0;
  position: relative;
  padding: 0 15px;
 }
 /* .contact-us-flex-container .contact-us-flex-item2 .contact-details img {
  margin: 0 10%;
 } */
 .contact-us-flex-container .contact-us-flex-item2 {
  width: 95%;
  height: auto;
 }
 .contact-us-flex-container .contact-us-flex-item1 {
  width: 95%;
 }
 .post-section .product-wrapper {
  flex-direction: row;
 }

 /* .post-section .product-wrapper a .single-product {
   width: auto;
 } */
 .no-post {
     padding: 20px;
 }
 
 .about-us .about-us-title h1, .about-us .about-us-title h2, .brands-section .brands-title h1, .brands-section .brands-title h2, .contact-us .contact-us-title h1, .post-section .post-title {
  margin: 25px 75px 0 0;
  position: relative;
 }
 .product-details-flex-container {
  display: flex;
  flex-direction: row;
  /* justify-content: space-around; */
  /* align-items: center; */
  /* margin: 0 40px 0 0; */
  position: relative;
  /* width: 1000px; */
 }

 .product-details-flex-container .sidebar-product .theiaStickySidebar img {
  width: 300px;
  height: 300px;
  /* box-shadow: 0px 0px 99px 0 #0000004a; */
  box-shadow: 0px 15px 20px 0 #0000001a;
  transform: translateY(0);
  border-radius: 5px;
  margin-bottom: 0;
 }
 .product-details-flex-container .product-details-items-1 {
  /* width: auto; */
  width: 50%;
  padding: 0;
 }
 /* .product-details-flex-container .content-product .theiaStickySidebar div::before {
  width: 0;
 } */

 /* .product-details-flex-container .product-details-items-2 {
  width: 100%; 
  height: 600px; 
  margin: 0 30px;
 } */

 .post-section .post-meta, .tags {
  font-size: 12px;
  font-weight: 300;
  margin: 10px 30px;
 }
 .error-section {
  height: auto;
  width: 100%;
 }
 .about-us-page img {
  margin: 0;
 }

 #tab1, #tab2, #tab3, #tab4 {
  overflow-x: scroll;
 }

}

@media (max-width: 576px){
  body {
    background: #006c47;
    overflow-x: hidden;

  }
  .container{
    width: 100%;
  }

  header #topbar-row .searchform{
    display: none;
  }
  .mobile-search{
    display: block;
    float: left;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    margin-left: 30px;
    margin-top: 27px;
  }
  .searchbar:focus {
    width: auto;
  }
  .logo-fta{
    margin: 20px 20px;
  }
  .logo-agn{
   display: none;
  }
  .MegaMenu{
    display: none;
  }
  .menuicon{
    display: inline-block;
  }

  .swiper-pagination-bullet{
    width: 10px !important;
    height: 10px !important;
  }
  .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0 !important;
    left: 15px !important;
  }

 .swiper-container .swiper-slide .slider-description {
  margin: 10px;
  padding: 10px;
  font-size: 12px;
  }

  .about-us {
    background: none;
  }
  .about-us .about-us-flex {
    display: block;
  }
  .about-us .about-us-flex p {
    padding: 20px 20px;
  }
  .about-us .about-us-flex img {
    padding: 10px 30px;
  }
  .news-section {
    margin: 25px 0;
  }
  .news-section .news-title-flex span {
    border: none;
    width: 0;
  }
  .news-article-flex{
    display: block;
  }
  .news-article-flex img {
    width: 100%;
    height: 100%;
  }
  .news-section .news-title-flex h2 {
    padding: 0 30px;
    font-size: 1.2em;
  }
  .news-section .news-title-flex a {
    font-size: 10px;
    margin: 0 0 0 30px;
    padding: 6px 8px;
  }
  .news-article-flex {
    padding:20px 10px;
    margin: 25px 30px;

  }
  .catalog {
    height: auto;
  }
  .catalog h2 {
    font-size: 1em;
  }
  .catalog a {
    padding: 5px 10px;
    font-size: 10px;
  }

  footer .footer-first-row .footer-column-2 {
    margin: 0;
  }

  footer .footer-first-row {
    background: rgba(0,0,0,.05);
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 25px 60px;
  }

  footer .footer-second-row {
    flex-direction: column-reverse;
    padding: 10px;
    height: auto;
  }
  footer .footer-second-row p{
    text-align: center;
    margin: 0;

  }

  .brands-section .brands-column a div {
    width: 95%;
    height: auto;
    border: 2px solid #F2EFEC;
    margin: 20px 0;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .3s;
    box-sizing: border-box;
 }
 .brands-section .brands-column a div img {
  margin-right: 0;
 }

 .brands-section .brands-title .brands-sub-title, .brands-description {
  margin: 20px 45px;
 }
 .contact-us-flex-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
  margin: 50px 0;
  position: relative;
 }
 /* .contact-us-flex-container .contact-us-flex-item2 .contact-details img {
  margin: 0 10%;
} */
 .contact-us-flex-container .contact-us-flex-item2 {
  width: 95%;
  height: auto;
 }
 .contact-us-flex-container .contact-us-flex-item1 {
  width: 95%;
 }
 .post-section .product-wrapper {
  flex-direction: column;
 }

 .post-section .product-wrapper a .single-product {
   width: auto;
 }
 .no-post {
     padding: 20px;
 }
 
 .about-us .about-us-title h1, .about-us .about-us-title h2, .brands-section .brands-title h1, .brands-section .brands-title h2, .contact-us .contact-us-title h1, .post-section .post-title {
  margin: 25px 75px 0 0;
  position: relative;
}
.product-details-flex-container {
  display: flex;
  /* flex-direction: column-reverse; */
  flex-direction: column;
  /* justify-content: space-around; */
  /* align-items: center; */
  /* margin: 0 40px 0 0; */
  position: relative;
  /* width: 1000px; */
}

.product-details-flex-container .sidebar-product .theiaStickySidebar img {
  width: 85%;
  height: 85%;
  /* box-shadow: 0px 0px 99px 0 #0000004a; */
  box-shadow: 0px 15px 20px 0 #0000001a;
  transform: translateY(0);
  border-radius: 5px;
  margin-bottom: 0;
}
.product-details-flex-container .product-details-items-1 {
  width: auto;
  padding: 20px;
}
/* .product-details-flex-container .content-product .theiaStickySidebar div::before {
  width: 0;
} */

/* .product-details-flex-container .product-details-items-2 {
  width: 100%; 
  height: 600px; 
  margin: 0 30px;
} */

.post-section .post-meta, .tags {
  font-size: 12px;
  font-weight: 300;
  margin: 10px 30px;
 }
 .error-section {
  height: auto;
  width: 100%;
 }
 .about-us-page img {
  margin: 0;
}

.social-share-section {
  align-items: center;
  align-content: center;
  justify-content: center;
  margin: 0px;
}

}

@media (max-width: 480px){
  body {
    background: #006c47;
    overflow-x: hidden;

  }
  .container{
    width: 100%;
  }
  /* header #topbar-row{
    display: none;
  } */
  .logo-fta{
    margin: 20px 20px;
  }
  .logo-agn{
   display: none;
  }
  .MegaMenu{
    display: none;
  }

  .menuicon{
    display: inline-block;
  }
  .searchbar:focus {
    width: 170px;
}
  .swiper-pagination-bullet{
    width: 10px !important;
    height: 10px !important;
  }
  .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0 !important;
    left: 15px !important;
  }

 .swiper-container .swiper-slide .slider-description {
  margin: 10px;
  padding: 10px;
  font-size: 12px;
  }

  .about-us {
    background: none;
  }
  .about-us .about-us-flex {
    display: block;
  }
  .about-us .about-us-flex p {
    padding: 20px 20px;
  }
  .about-us .about-us-flex img {
    padding: 10px 30px;
  }
  .news-section {
    margin: 25px 0;
  }
  .news-section .news-title-flex span {
    border: none;
    width: 0;
  }
  .news-article-flex{
    display: block;
  }
  .news-article-flex img {
    width: 100%;
    height: 100%;
  }
  .news-section .news-title-flex h2 {
    padding: 0 30px;
    font-size: 1.2em;
  }
  .news-section .news-title-flex a {
    font-size: 10px;
    margin: 0 0 0 30px;
    padding: 6px 8px;
  }
  .news-article-flex {
    padding:20px 10px;
    margin: 25px 30px;

  }
  .catalog {
    height: auto;
  }
  .catalog h2 {
    font-size: 1em;
  }
  .catalog a {
    padding: 8px 20px;
    font-size: 12px;
  }

  footer .footer-first-row .footer-column-2 {
    margin: 0;
  }

  footer .footer-first-row {
    background: rgba(0,0,0,.05);
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 30px;
  }

  footer .footer-second-row {
    flex-direction: column-reverse;
    padding: 10px;
    height: auto;
  }
  footer .footer-second-row p{
    text-align: center;
    margin: 0;

  }

  .brands-section .brands-column a div {
    width: 95%;
    height: auto;
    border: 2px solid #F2EFEC;
    margin: 20px 0;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .3s;
    box-sizing: border-box;
 }
 .brands-section .brands-column a div img {
  margin-right: 0;
 }

 .brands-section .brands-title .brands-sub-title, .brands-description {
  margin: 20px 45px;
 }
 .contact-us-flex-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
  margin: 50px 0;
  position: relative;
 }
 /* .contact-us-flex-container .contact-us-flex-item2 .contact-details img {
  margin: 0 10%;
} */
 .contact-us-flex-container .contact-us-flex-item2 {
  width: 95%;
  height: auto;
 }
 .contact-us-flex-container .contact-us-flex-item1 {
  width: 95%;
 }
 .post-section .product-wrapper {
  flex-direction: column;
 }

 .post-section .product-wrapper a .single-product {
   width: auto;
 }
 .no-post {
     padding: 20px;
 }
 
 .about-us .about-us-title h1, .about-us .about-us-title h2, .brands-section .brands-title h1, .brands-section .brands-title h2, .contact-us .contact-us-title h1, .post-section .post-title {
  margin: 25px 75px 0 0;
  position: relative;
}
.product-details-flex-container {
  display: flex;
  flex-direction: column-reverse;
  /* flex-direction: column; */
  /* justify-content: space-around; */
  /* align-items: center; */
  /* margin: 0 40px 0 0; */
  position: relative;
  /* width: 1000px; */
}

.product-details-flex-container .sidebar-product .theiaStickySidebar img {
  width: 85%;
  height: 85%;
  /* box-shadow: 0px 0px 99px 0 #0000004a; */
  box-shadow: 0px 15px 20px 0 #0000001a;
  transform: translateY(0);
  border-radius: 5px;
  margin-bottom: 0;
}
.product-details-flex-container .product-details-items-1 {
  width: auto;
  padding: 20px;
}
/* .product-details-flex-container .content-product .theiaStickySidebar div::before {
  width: 0;
} */

/* .product-details-flex-container .product-details-items-2 {
  width: 100%; 
  height: 600px; 
  margin: 0 30px;
} */

.post-section .post-meta, .tags {
  font-size: 12px;
  font-weight: 300;
  margin: 10px 30px;
}
.error-section {
  height: auto;
  width: 100%;
 }

}