/*
Theme Name: Bright
*/

/*------------------------------------------- DEFAULT STYLES -------------------------------------------*/

@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i';

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*font-family: 'Poppins', sans-serif;*/

*{margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
body {background:#fff; color:#6c6c6c; font:400 18px 'Poppins', sans-serif; line-height:24px;padding:0;margin:0; overflow-x: hidden;}
img { max-width:100%;}
select:focus, textarea:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="submit"]:focus { outline:none; -webkit-appearance:none;}
a { text-decoration:none; color:#282828;}
a:hover {text-decoration:none; color:#439C2D;}
ul { list-style:none; margin: 0;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Poppins', sans-serif; 
    
    line-height: 1.1;
    color: inherit;
}

h1 { color:#fff; display:block; font:700 36px 'Poppins', sans-serif; margin:0; position:relative; text-transform:capitalize; text-align:left; padding:0;letter-spacing: 0.5px;}
h2 {color:#282828; display:block; font:600 24px 'Poppins', sans-serif; margin:0 auto 30px; position:relative; text-transform:capitalize; text-align:left;letter-spacing: 0.5px; text-align: center;}
/*h2::after { width:50px; height:3px; background:#e8e7e7; position:relative; content:""; position:absolute; bottom:0; left:0; right:0; margin:auto;}*/
h3 {color:#282828;font:700 18px 'Poppins', sans-serif; text-align:center; text-transform:inherit; line-height:34px; margin-bottom:0; padding:0;}
h4 { color:#282828; display:block; font:500 18px 'Poppins', sans-serif; margin:0; position:relative; text-transform:capitalize; text-align:left; padding:0 0 15px 0;}
h6 { color:#4d4d4d; font:16px 'Poppins', sans-serif; text-transform:capitalize; line-height:28px; margin:15px 0;}
p {color: #575554;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
    padding-bottom: 10px;
    letter-spacing: 0.25px;

}
p span {color: #FF8700;}	

hr { border-bottom:#439C2D solid 2px; border-top:none;margin-top:5px}
.right {float:right;}
.left {float:left; margin-right:10px;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-left {text-align:left;}
.text-justify {text-align:justify;}

.uppercase { text-transform:uppercase;}
.capitalize { text-transform:capitalize;}
.lowercase { text-transform: lowercase;}

.bold { font-weight:700 !important;}
.normal { font-weight:400 !important;}
.light { font-weight:300 !important;}

.blue { color:#2391ef;}
.orange { color:#ff8800;}

.size18 { font-size:18px;}
.size20 { font-size:20px;}
.size24 { font-size:24px;}

.spacer5  { height:5px; font:normal 0px/0px arial; clear:both}
.spacer10 {height:10px; font:normal 0px/0px arial; clear:both}
.spacer15 {height:15px; font:normal 0px/0px arial; clear:both}
.spacer20 {height:20px; font:normal 0px/0px arial; clear:both}
.spacer30 {height:30px; font:normal 0px/0px arial; clear:both}
.spacer40 {height:40px; font:normal 0px/0px arial; clear:both}
.spacer50 {height:50px; font:normal 0px/0px arial; clear:both}
.spacer60 {height:60px; font:normal 0px/0px arial; clear:both}
.spacer70 {height:70px; font:normal 0px/0px arial; clear:both}
.spacer80 {height:80px; font:normal 0px/0px arial; clear:both}
.spacer90 {height:90px; font:normal 0px/0px arial; clear:both}
.spacer125 {height:125px; font:normal 0px/0px arial; clear:both}
.clear{clear:both}

.alignleft, img.alignleft {display:inline; float:left; margin:7px 30px 20px 0; padding:0; }
.alignright, img.alignright { display: inline; float: right; margin-top:0; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:50px; }

.pull-left { float:left !important;}
.pull-right { float:right !important;}
.pull-center { margin:auto !important; float:none !important;}

/*------------------------------------------- HEADER STYLES -------------------------------------------*/

#main { width:100%; margin:auto; height:100%; position:relative;}
section { width:100%; margin:60px 0; position:relative;}

/*---------------------------------- Footer amazon css start -------------------------------------------*/
.footer-amazon_text {
    display: inline-block;
    margin: auto;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}
.footer-amazon_text p{
    margin-top: 50px;
    padding: 0;
    font-size: 28px !important;
    margin-bottom: 0;
}
.footer-amazon_text img{
    width: 160px; 
    height: 50px;
        margin: 10px 0px;
}
.footer-amazon_text .btn-yelloy{
    width: 35%;
    padding: 11px 20px;
    display: block;
    margin: auto;
    margin-bottom: 30px;
    font-size: 20px;
}
/*---------------------------------- Footer amazon css end --------------------------------------------*/

#white { background:#fff;}

.container { width:1230px; margin:auto; position:relative; padding:0 15px;z-index: 2;}
.container-full { width:100%; margin:auto; position:relative; padding-left:15px; padding-right: 15px;}
.row {margin-right:-15px; margin-left:-15px;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14  {float:left; position:relative; min-height:1px; padding:0 15px;}
.col-14 { width:30%;}
.col-13 {width:70%;}
.col-12 {width:100%;}
.col-11 {width:91.66666667%;}
.col-10 {width:83.33333333%;}
.col-9 {width:75%;}
.col-8 {width:66.66666667%;}
.col-7 {width:58.33333333%;}
.col-6 {width:50%;}
.col-5 {width:41.66666667%;}
.col-4 {width:33.33333333%;}
.col-3 {width:25%;}
.col-2 {width:16.66666667%;}
.col-1 {width:8.33333333%;}

header { width:100%; height:auto; position:relative; background:#FFF7E8; padding:0; transition: all 0.3s ease-in-out 0s; z-index:10;}

.header-top { display: none;}
.header-top .contact-info { width:auto; display:table; float:left;}
.header-top .contact-info li { display:inline-block;}
.header-top .contact-info li i { margin-right:10px; color:#000; font-size:100%;}
.header-top .contact-info li a { color:#000; font:400 16px/40px 'Poppins', sans-serif; padding-right:30px;}
.header-top .contact-info li a:hover { color:#ff6c3a;}


.header-top .social-icons { width:auto; margin:auto; display:table; float:right;}
.header-top .social-icons a { float:left; color:#000000; text-align:center; padding:5px 10px; position:relative; z-index:2; padding-left: 20px;}
.header-top .social-icons a i { line-height:15px; font-size:22px;padding: 5px 0px}
.header-top .social-icons a:hover { color:#ff6c3a;}
/*.header-top .social-icons a:after { background:#228fec; content:""; left:50%; position:absolute; top:50%; transition:all 0.6s ease 0s; z-index:-1; bottom:50%; right:50%; cursor:pointer;}
.header-top .social-icons a:hover:after { content: ""; left: 0; position: absolute; text-align: center; top: 0; bottom:0; right:0; transition: all 0.35s ease 0s;}
*/


header .logo { width:auto; display: block;float:left; display: flex;}
header .logo img { width:80%; height:auto; transition:width 0.3s;}

.fixed-header {position:fixed !important; top:0; left:0; width:100%; z-index:100; border-bottom:#e9e8e8 solid 1px; transition: all 0.3s ease-in-out 0s; z-index:10000;}
.fixed-header .header-top { display:none; transition: all 0.3s ease-in-out 0s;}
.fixed-header .logo { margin-top:0px;}
.fixed-header .logo img { width:75%;}

.fixed-header .nav li.active a::after {
  content: "";
  width: 0;
  height: 2px;
  background: #439C2D;
  position: absolute;
  left: 0;
  bottom: 16px;
  transition: 0.5s;
}
.fixed-header .nav li.active a::after {
width: 80%;
}  
.fixed-header .menu > ul > li:after {content: "";width: 0;height: 2px;background: #439C2D;position: absolute;left: 0;bottom: 16px;transition: 0.5s;}

  
/* .fixed-header .menu > ul > li a { line-height:60px;}*/
.fixed-header .menu > ul > li > ul > li a { line-height:35px;}
.fixed-header .menu-dropdown-icon::before { line-height:58px;}


.user-image {
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px;
  }
  @media (max-width: 767px) {
    .user-image {
      float: none;
      margin-right: 0;
      margin-top: -8px;
      line-height: 10px;
    }
  }
  
/*------------------------------------------- HEADER STYLE END -------------------------------------------*/

/*
 * Component: Dropdown menus
 * -------------------------
 */
/*Dropdowns in general*/
.dropdown-menu {
  box-shadow: none;
  border-color: #eee;
}
.dropdown-menu > li > a {
  color: #777;
}
.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion {
  margin-right: 10px;
}
.dropdown-menu > li > a:hover {
  background-color: #e1e3e9;
  color: #333;
}
.dropdown-menu > .divider {
  background-color: #eee;
}
.navbar-nav > .notifications-menu > .dropdown-menu,
.navbar-nav > .messages-menu > .dropdown-menu,
.navbar-nav > .tasks-menu > .dropdown-menu {
  width: 280px;
  padding: 0 0 0 0;
  margin: 0;
  top: 100%;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li,
.navbar-nav > .messages-menu > .dropdown-menu > li,
.navbar-nav > .tasks-menu > .dropdown-menu > li {
  position: relative;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.navbar-nav > .messages-menu > .dropdown-menu > li.header,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #ffffff;
  padding: 7px 10px;
  border-bottom: 1px solid #f4f4f4;
  color: #444444;
  font-size: 14px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 12px;
  background-color: #fff;
  padding: 7px 10px;
  border-bottom: 1px solid #eeeeee;
  color: #444 !important;
  text-align: center;
}
@media (max-width: 991px) {
  .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
  .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
  .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
    background: #fff !important;
    color: #444 !important;
  }
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
  text-decoration: none;
  font-weight: normal;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
  max-height: 200px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
  display: block;
  white-space: nowrap;
  /* Prevent text from breaking */
  border-bottom: 1px solid #f4f4f4;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
  background: #f4f4f4;
  text-decoration: none;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
  color: #444444;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
  width: 20px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
  margin: 0;
  padding: 10px 10px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
  margin: auto 10px auto auto;
  width: 40px;
  height: 40px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
  padding: 0;
  margin: 0 0 0 45px;
  color: #444444;
  font-size: 15px;
  position: relative;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
  color: #999999;
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
  margin: 0 0 0 45px;
  font-size: 12px;
  color: #888888;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
  content: " ";
  display: table;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
  clear: both;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
  content: " ";
  display: table;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
  clear: both;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
  padding: 10px;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
  font-size: 14px;
  padding: 0;
  margin: 0 0 10px 0;
  color: #666666;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
  padding: 0;
  margin: 0;
}
.navbar-nav > .user-menu > .dropdown-menu {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  padding: 1px 0 0 0;
  border-top-width: 0;
  width: 280px;
}
.navbar-nav > .user-menu > .dropdown-menu,
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  height: 175px;
  padding: 10px;
  text-align: center;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
  z-index: 5;
  height: 90px;
  width: 90px;
  border: 3px solid;
  border-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
  z-index: 5;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  font-size: 17px;
  margin-top: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
  display: block;
  font-size: 12px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
  padding: 15px;
  border-bottom: 1px solid #f4f4f4;
  border-top: 1px solid #dddddd;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  content: " ";
  display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  content: " ";
  display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
  color: #444 !important;
}
@media (max-width: 991px) {
  .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
    background: #fff !important;
    color: #444 !important;
  }
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
  background-color: #f9f9f9;
  padding: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  content: " ";
  display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  content: " ";
  display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
  color: #666666;
}
@media (max-width: 991px) {
  .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
    background-color: #f9f9f9;
  }
}
.navbar-nav > .user-menu .user-image {
  float: left;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: -2px;
}
@media (max-width: 767px) {
  .navbar-nav > .user-menu .user-image {
    float: none;
    margin-right: 0;
    margin-top: -8px;
    line-height: 10px;
  }
}
/* Add fade animation to dropdown menus by appending
 the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
.open:not(.dropup) > .animated-dropdown-menu {
  backface-visibility: visible !important;
  -webkit-animation: flipInX 0.7s both;
  -o-animation: flipInX 0.7s both;
  animation: flipInX 0.7s both;
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
  }
}
/* Fix dropdown menu in navbars */
.navbar-custom-menu > .navbar-nav > li {
  position: relative;
}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
  position: absolute;
  right: 0;
  left: auto;
}
@media (max-width: 991px) {
  .navbar-custom-menu > .navbar-nav {
    float: right;
  }
  .navbar-custom-menu > .navbar-nav > li {
    position: static;
  }
  .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    position: absolute;
    right: 5%;
    left: auto;
    border: 1px solid #ddd;
    background: #fff;
  }
}

#banner-wrapper { width:100%; min-height:150px; position:relative; background:#f0efef;}
#banner-wrapper img { position:relative; width:100%; display:block; text-align:center;}
.banner { width:1170px; height:100%; margin:auto; position:absolute; display:table; top:50%; transform:translateY(-50%); left:0; right:0; z-index:1;}

/*------------------------------------------- SLIDER STYLE END -------------------------------------------*/



/* Home Slider 
================================= */
.carousel-home img {
  width: 100%;
}
.carousel-home .carousel-control {
  background: #439C2D;
  height: 80px;
  width: 40px;
  top: 50%;
  margin-top: -40px;
  -moz-transition: width, 0.3s;
  -o-transition: width, 0.3s;
  -webkit-transition: width, 0.3s;
  transition: width, 0.3s;
}
.carousel-home .carousel-control .fa {
  font-size: 2.5em;
  padding-top: 12px;
}
.carousel-home .carousel-control:hover {
  width: 50px;
}
.carousel-home .carousel-caption {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}
.carousel-home .carousel-title {
  color: #fff;
  font-family: "Dosis", sans-serif;
  font-size: 50px;
  font-weight: bold;
  text-transform: uppercase;
}
.carousel-home .carousel-subtitle {
  font-size: 25px;
  text-transform: uppercase;
}
.carousel-home .btn {
  margin-top: 30px;
}

.section-home {
  margin: 30px 0;
}


/*------------------------------------------- Home Slider  END -------------------------------------------*/

.content { width:100%;}	
h2.white { color:#fff;}
h2.white::after { background:#fff;}

h2.black { color:#282828;}
h2.black::after { background:#282828;}

.green {background-color: #439C2D; }
.marquee-bg {background-color: #439C2D;}
.marquee {color: #fff; padding: 15px 10px; font-size: 18px; text-align: center;border-right: 1px solid #fff;margin: 8px 0px;letter-spacing: 0.25px;}
.owl-theme .owl-dots .owl-dot {display: none !important;}
.owl-theme .owl-controls {display: none !important;}

.welcome h2 {color:#282828; font:600 24px 'Poppins', sans-serif; margin:0 auto 25px; position:relative; text-transform:capitalize; text-align:left;letter-spacing: 0.5px;
}



.welcome p { color: #575554;font-family: Poppins;font-size: 18px;font-style: normal;font-weight: 500;line-height: normal;padding-bottom: 10px;letter-spacing: 0.25px;text-align: left;padding-right: 20px;}

.welcome-img { width:auto; position:relative; z-index:1; overflow:hidden; cursor:pointer;text-align: center;transition: all, 0.5s; border-radius: 20px;}
.welcome-img img {-moz-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    -webkit-transition: all, 0.5s;
    transition: all, 0.5s;
}
.welcome-img:hover img {
            
        -moz-transform: perspective(1.05) scale3d(1.05, 1.05, 1.05);
        -webkit-transform: perspective(1.05) scale3d(1.05, 1.05, 1.05);
        transform: perspective(1.05) scale3d(1.05, 1.05, 1.05);

 }

 .mob {display: none;}
/*------------------------------------------- WELCOME STYLE END -------------------------------------------*/
 
.about {}
.about h2 {color: #214B2A;font-size: 30px; font-weight: 600;letter-spacing: 0.5px;text-align: left; margin-bottom: 30px;}
.about h3 {color: #214B2A;font-size: 24px; font-weight: 600;letter-spacing: 0.5px;text-align: left; margin-bottom: 30px; }
.about p {
color: #575554;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 155.5%; /* 27.99px */
letter-spacing: 0.25px;
  text-align: left;
}
.leadership-team {width: 70%;margin: auto; display: block;}

.about h4 {color: #214B2A;font-size: 18px; font-weight: 500;letter-spacing: 0.25px;text-align: center; margin-bottom: 0px; padding-top: 15px;}
.about h5 {color: #214B2A;font-size: 16px; font-weight: 500;letter-spacing: 0.25px;text-align: center; margin-bottom: 0px; padding-top: 0px;  line-height: 1.5;}

/*------------------------------------------- about STYLE END -------------------------------------------*/

#featured-boxes { background:url(images/featured-box-bg.jpg) no-repeat top center fixed; background-size:cover;}

.featured-boxes { width:100%;}
.featured-boxes .box {background-color:#FAE9C7; padding:20px 20px 10px; cursor:pointer; position:relative; z-index:2;border-radius: 25px;}
.featured-boxes .box i {text-align:center; line-height:30px; color:#fff; display:block; font-size:40px; margin-bottom:30px;}
.featured-boxes .box h1 { color:#439C2D; font:600 42px 'Poppins', sans-serif; font-style: normal;line-height: normal;letter-spacing: 0.5px;padding-bottom: 24px;text-align: left;}
.featured-boxes .box h3 { color:#F6821F; font:600 28px 'Poppins', sans-serif; font-style: normal;line-height: 32px;letter-spacing: 0.5px;padding-bottom: 10px;text-align: left;}

.featured-boxes .box p { color:#575554; text-align:left; font-size:18px; font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.25px;padding-bottom: 10px;}
.featured-boxes .read-more { width:30px; height:30px; background:#fff; border-radius:100%; display:table; margin:60px auto 0;}
.featured-boxes .read-more i { text-align:center; line-height:30px; color:#161616; display:block; font-size:100%; margin:auto;}
.featured-boxes .box:after { background:#ffa151; content:""; position:absolute; transition:all 0.6s ease 0s; z-index:-1; cursor:pointer;border-radius: 25px;}
.featured-boxes .box:hover h2 { color:#ffffff;transition: all 0.35s ease 0s; }
.featured-boxes .box:hover h3 { color:#ffffff;transition: all 0.35s ease 0s; }
.featured-boxes .box:hover p { color:#ffffff;transition: all 0.35s ease 0s; }
.featured-boxes .box:hover:after { content: ""; left: 0; position: absolute; text-align: center; top: 0; bottom:0; right:0; transition: all 0.35s ease 0s;}
.featured-boxes .col-3:nth-child(4).box { border-right:none;}



.our-vision { width:100%;}
.our-vision .box { min-height:345px; background-color:#FAE9C7; padding:20px 20px 0px; cursor:pointer; position:relative; z-index:2;border-radius: 35px;}
.our-vision .box i {text-align:center; line-height:30px; color:#fff; display:block; font-size:40px; margin-bottom:30px;}
.our-vision .box h2 { color:#F6821F; font:700 28px 'Poppins', sans-serif; font-style: normal;line-height: normal;letter-spacing: 0.5px;padding-bottom: 10px;text-align: left;margin: 0px;}

.our-vision .box p { color:#575554; text-align:left; font-size:18px; font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.25px;padding-bottom: 15px;}
.our-vision .read-more { width:30px; height:30px; background:#fff; border-radius:100%; display:table; margin:60px auto 0;}
.our-vision .read-more i { text-align:center; line-height:30px; color:#161616; display:block; font-size:100%; margin:auto;}
.our-vision .box:after { background:#ffa151; content:""; position:absolute; transition:all 0.6s ease 0s; z-index:-1; cursor:pointer;border-radius: 25px;}
.our-vision .box:hover h2 { color:#ffffff;transition: all 0.35s ease 0s; }
.our-vision .box:hover h3 { color:#ffffff;transition: all 0.35s ease 0s; }
.our-vision .box:hover p { color:#ffffff;transition: all 0.20s ease 0s; }
.our-vision .box:hover:after { content: ""; left: 0; position: absolute; text-align: center; top: 0; bottom:0; right:0; transition: all 0.35s ease 0s;}
.our-vision .col-3:nth-child(4).box { border-right:none;}


/*------------------------------------------- FOUR BOX STYLE END -------------------------------------------

.our-vision { width:100%; margin:0 0 20px;}
.our-vision .box { background-color:#FAE9C7; padding:60px 38px; cursor:pointer; position:relative; z-index:2;border-radius: 40px;}
.our-vision .box i {text-align:center; line-height:30px; color:#fff; display:block; font-size:40px; margin-bottom:30px;}
.our-vision .box h1 { color:#439C2D; font:700 42px 'Poppins', sans-serif; font-style: normal;line-height: normal;letter-spacing: 2.1px;text-align: left; padding-bottom: 30px;}
.our-vision .box p { color:#575554; text-align:left; font-size:18px; font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 1.8px;}
.our-vision .read-more { width:30px; height:30px; background:#fff; border-radius:100%; display:table; margin:60px auto 0;}
.our-vision .read-more i { text-align:center; line-height:30px; color:#161616; display:block; font-size:100%; margin:auto;}

.our-vision .col-3:nth-child(4).box { border-right:none;}

/*------------------------------------------- two BOX STYLE END -------------------------------------------*/

.our-team { width:100%;}
.our-team .box { background-color:#FAE9C7; padding:20px 38px 0px; cursor:pointer; position:relative; z-index:2;border-radius: 25px; text-align: center;}
.our-team .boour-teamx i {text-align:center; line-height:30px; color:#fff; display:block; font-size:40px; margin-bottom:30px;}
.our-team h3 { color: #214B2A;font-family: Poppins;font-size: 24px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.5px; padding: 10px 0px; text-align: left;}
.our-team h4 { color: #214B2A;font-family: Poppins;font-size: 18px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.25px; text-align: left; }
.our-team .box p { color:#575554; text-align:left; font-size:18px; font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.25px;}
.our-team .read-more { width:30px; height:30px; background:#fff; border-radius:100%; display:table; margin:60px auto 0;}
.our-team .read-more i { text-align:center; line-height:30px; color:#161616; display:block; font-size:100%; margin:auto;}

.our-team .col-3:nth-child(4).box { border-right:none;}


/*------------------------------------------- two BOX STYLE END -------------------------------------------*/

#light-gry { background:#f6f6f6;}
.gallery { width:100%;}
.gallery .gallery-box { height:auto; margin-bottom:40px;}
.gallery .gallery-item{width:100%; position:relative; text-align:center; cursor:default; border:#e9e9e9 solid 1px; background:#fff; padding:7px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; z-index:2;}
.gallery .gallery-item a { overflow:hidden; display:block; height:235px;}

.gallery .gallery-box h3 { font:700 16px 'Poppins', sans-serif; margin-top:20px;}
.gallery .gallery-item img {display:block; position:relative; width:100%;}
.gallery .gallery-box:hover h3 { color:#228fec;}
.gallery .gallery-item i { width:40px; height:40px; background:#fff; border-radius:100%; display:table; margin:60px auto 0; color:#363636; line-height:40px; position:absolute; top:50%; left:0; right:0; margin:auto; transform:translateY(-50%); display:none; z-index:3; cursor:pointer; transition:all 0.6s ease 0s;}
.gallery .gallery-item:hover i { display:block;}
.gallery .gallery-item a:after { background:rgba(255, 136, 0, 0.85); content:""; left:50%; position:absolute; top:50%; transition:all 0.6s ease 0s; z-index:1; bottom:50%; right:50%; cursor:pointer; margin:7px;}
.gallery .gallery-item a:hover:after { content: ""; left: 0; position: absolute; text-align: center; top: 0; bottom:0; right:0; transition: all 0.35s ease 0s;}

/*------------------------------------------- GALLERY STYLE END -------------------------------------------*/

#features { background:url(images/features-bg.jpg) no-repeat top center fixed; background-size:cover;}
section#features { padding-bottom:0;}
.features { width:auto;}
.feature-left { float:left;}
.feature-list { width:65%; color:#fff; text-align:right; position:relative; margin-bottom:20px;}
.feature-list span { width:32px; height:32px; background:#fff; color:#2b2b2b; font-size:14px; position:absolute; right:-70px; top:0; border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; text-align:center; line-height:32px;}
.feature-list h3 { text-align:right; color:#fff; padding-bottom:8px;}
.feature-list p { font-size:13px; line-height:20px; border-bottom:#7ab7f9 dashed 1px; padding-bottom:25px;}
.mobile { width:auto; margin:0 -15px 0;}
.feature-right { float:right;}
.feature-right .feature-list { float:right; text-align:left;}
.feature-right .feature-list h3 { text-align:left;}
.feature-right .feature-list span { left:-70px;}
.feature-list:nth-child(4n+4) p { border-bottom:none;}
.feature-list:hover span { background:#ff8800; color:#fff;}

/*------------------------------------------- FEATURES STYLE END -------------------------------------------*/

.services { width:100%;}
.services .col-6, .services .row { padding:0; margin:0;}
.services-box { width:100%;}
.services-box .content {width:50%; float:left; padding:30px; min-height:255px; cursor:pointer; position:relative; z-index:2;}
.services-box .content h3 { color:#fff; text-transform:uppercase; font-size:18px;} 
.services-box .content p { text-align:center; color:#fff; padding:0;}
.services-box .read-more { text-align:center; display:table; margin:auto; background:#fff; color:#000; padding:5px 10px; margin-top:30px; font-size:13px;}
.services-box .thumb { width:50%; float:left; height:255px; overflow:hidden;}
.services-box .thumb img { width:100%; height:auto; min-height:255px;}
.services-box .blue { background:#32c5d2;}
.services-box .sky-blue { background:#57bfe1;}
.services-box .pink { background:#e7505a;}
.services-box .brown { background:#7a6a61;}
.services-box .content:after { background:#ff8800 !important; content:""; left:50%; position:absolute; top:50%; transition:all 0.6s ease 0s; z-index:-1; bottom:50%; right:50%; cursor:pointer;}
.services-box .content:hover:after { content: ""; left: 0; position: absolute; text-align: center; top: 0; bottom:0; right:0; transition: all 0.35s ease 0s;}


.services2 .box { width:100%; margin-bottom:60px; cursor:pointer;}
.services2 .box i { width:75px; height:75px; background:#fff; border:#f3f3f3 solid 1px; margin-right:25px; text-align:center; line-height:73px; float:left; position:relative; z-index:2; font-size:30px;}
.services2 .box h4 { padding-bottom:10px;}
.services2 .box p { display:table;}
.services2 .box:hover i { color:#fff;}
.services2 .box:hover h4 { color:#ff8800;}
.services2 .box i:after { background:#ff8800; content:""; left:50%; position:absolute; top:50%; transition:all 0.6s ease 0s; z-index:-1; bottom:50%; right:50%; cursor:pointer;}
.services2 .box:hover i:after { content: ""; left: 0; position: absolute; text-align: center; top: 0; bottom:0; right:0; transition: all 0.35s ease 0s;}

.services3 .box { background:#fff; padding:30px; margin-bottom:30px; cursor:pointer; position:relative; z-index:2;}
.services3 .box i { width:75px; height:75px; margin-right:25px; text-align:center; line-height:73px; float:left; position:relative; z-index:2; font-size:30px;}
.services3 .box h4 { padding-bottom:10px;}
.services3 .box p { display:table;}
.services3 .box:hover h4 { color:#ff8800;}

/*------------------------------------------- BLOCKS STYLE END -------------------------------------------*/

.team { width:100%;}
.team ul.tabs{ height:100%; position:relative; z-index:1; list-style: none; margin:0 -15px;}
.team ul.tabs li{width:50%; height:auto; display:table; float:left; cursor:pointer; padding:0 15px; margin:0 0 30px 0; position:relative; z-index:2;}
.team ul.tabs li i { color:rgba(255, 136, 0, 0.9); font-size:40px; display:none; position:absolute;}
.team ul.tabs li img { width:100%; height:auto; vertical-align:top;}
.team ul.tabs li:after { background:rgba(255, 136, 0, 0.9); content:""; left:50%; position:absolute; top:50%; transition:all 0.6s ease 0s; z-index:1; bottom:50%; right:50%; cursor:pointer; margin:0 15px;}
.team ul.tabs li:hover:after, .team ul.tabs li.current:after { content: ""; left: 0; position: absolute; text-align: center; top: 0; bottom:0; right:0; transition: all 0.35s ease 0s; display:block;}
.team ul.tabs li:nth-child(2n+2) { margin-right:0;}
.team ul.tabs li.current i { z-index:3; content: ""; position: absolute; text-align: center; top: 50%; right:2px; transition: all 0.35s ease 0s; display:block; transform:translateY(-50%);}

.team .profile { display:none; width:100%; height:570px; overflow:auto; float:right; padding-left:35px;}
.team .profile.current{display:inherit;}
.team .profile h3 { color:#282828; font:700 34px 'Poppins', sans-serif; text-align:left;}
.team .profile h4 { color:#000000; font:700 14px 'Poppins', sans-serif; text-transform:uppercase; text-align:left; position:relative; margin-bottom:15px;}
.team .profile h4:after {width:25px; height:2px; background:#282828; position:relative; content:""; position:absolute; bottom:0; left:0; right:0; margin:0;}
.team .profile h6 { margin-top:0;}
.team .profile p {color:#474646; font:400 14px 'Poppins', sans-serif; line-height:22px;}

.team .social-icons { width:auto; margin-bottom:40px;}
.team .social-icons a { color:#b4b2b2; font-size:12px; margin-right:10px;}
.team .social-icons a:hover { color:#228fec;}

.team .skills { margin-top:50px;}
.team .skills .skillbar {position:relative; display:block; margin-bottom:14px; width:100%; background:#dbdbdb; height:28px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.team .skills .skillbar-title {position:absolute; top:0;left:0; font-weight:bold; font-size:11px; color:#ffffff; background:none; text-transform:uppercase;}
.team .skills .skillbar-title span {display:block; padding:0 20px; height:28px; line-height:28px;}
.team .skills .skillbar-bar {height:28px; width:0px;background:#ff8800 !important;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.team .skills .skill-bar-percent {position:absolute; right:10px; top:0; font-size:11px; height:28px; line-height:28px; color:#ffffff; color:rgba(0, 0, 0, 1);}

/*------------------------------------------- TEAM STYLE END -------------------------------------------*/

#desk { background:#181818 url(images/desk.jpg) no-repeat top center fixed; background-size:cover;}
.desk { width:100%;}
.desk-right { margin:0 0 30px; float:right;}
.desk-right .col-4 { padding:0 5px;}
.desk .box { background:#fff; border-radius:5px; min-height:175px; margin-bottom:10px; text-align:center; padding-top:35px; padding-bottom:35px; position:relative; z-index:2; cursor:pointer;}
.desk .box i { font-size:45px; margin-bottom:20px;}
.desk .box h3 { font:700 15px 'Poppins', sans-serif; text-transform:uppercase;}
.desk .box:after { background:#ff8800; content:""; left:0; position:absolute; top:0; transition:all 0.55s ease 0s; z-index:-1; bottom:100%; right:0; cursor:pointer; border-radius:5px;}
.desk .box:hover:after { content: ""; left: 0; position: absolute; text-align: center; top: 0; bottom:0; right:0; transition: all 0.35s ease 0s;}
.desk .box:hover i, .desk .box:hover h3 { color:#fff;}

/*------------------------------------------- DESK STYLE END -------------------------------------------*/

#orange { background:#ff8800;}
.promo-box { width:100%;}
.promo-box h3 { color:#fff; font:700 34px 'Poppins', sans-serif; margin-bottom:25px;}
.promo-box .button { background:#fff; border-radius:26px; text-align:center; width:auto; margin:auto; display:table; padding:0 30px; color:#1d1d1d; font:700 14px/50px 'Poppins', sans-serif; text-transform:uppercase;}
.promo-box .button:hover { background:#1d1d1d; color:#fff;}

/*------------------------------------------- PROMO BOX STYLE END -------------------------------------------*/

.bright-news { width:100%;}
.bright-news .box { width:100%; background:#fff; border:#eaeaea solid 1px; box-shadow:0 0 10px #efeded; padding:25px; margin:15px 0; position:relative; display:table; z-index:2;}
.bright-news .box .thumb { width:201px; height:184px; background:#ccc; float:left; margin-right:25px;}
.bright-news .box .thumb img { width:100%; height:auto;}
.bright-news .box h3 { color:#1d1d1d; font:700 17px 'Poppins', sans-serif; text-transform:uppercase; text-align:left; margin-bottom:12px;}
.bright-news .box p { font-size:13.5px; line-height:21px;}
.bright-news .box .read-more { color:#228fec; font:700 13px 'Poppins', sans-serif; position:absolute; bottom:25px;}
.bright-news .button { background:#228fec; border-radius:26px; text-align:center; width:auto; margin:40px auto 0; display:table; padding:0 30px; color:#fff; font:700 14px/50px 'Poppins', sans-serif; text-transform:uppercase;}
.bright-news .button:hover { background:#ff8800; color:#fff;}

.bright-news .box:after { border:#ff8800 solid 2px; content:""; left:50%; position:absolute; top:50%; transition:all 0.6s ease 0s; z-index:-1; bottom:50%; right:50%; cursor:pointer; opacity:0;}
.bright-news .box:hover:after { content: ""; position: absolute; text-align: center; top:7px; bottom:7px; left:7px; right:7px; transition: all 0.35s ease 0s; opacity:1;}

/*------------------------------------------- CORE FEATURES STYLE END -------------------------------------------*/

#bright-designs {background:#008aff url(images/design-bg.jpg) no-repeat top center fixed; background-size:cover;}
.designs { width:100%;}
.designs img { margin:auto; display:table;}

/*------------------------------------------- DESIGNS STYLE END -------------------------------------------*/

.events { width:100%; border-radius: 45px 45px 20px 20px;}
.events ul.tabs{ height:100%; position:relative; z-index:1; list-style: none; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.20);height: 82px;border-radius: 20px 20px 0px 0px;}
.events ul.tabs li:first-child { border-radius: 20px 0 0 0;}
.events ul.tabs li:last-child { border-radius: 0px 20px 0px 0px;border-right:none}

.events ul.tabs li{width:16.65%; height:20px; display:table; float:left; cursor:pointer; padding: 14px 48px; margin:0; position:relative; z-index:2; text-align:center; background:#FFF9F5; line-height:50px;font:500 18px 'Poppins', sans-serif;letter-spacing: 0.5px;border-right: 1px solid #cfcfcf;}
.events ul.tabs li:hover { color:#fff;background:#439C2D; }
.events ul.tabs li:after { background:#439C2D; content:""; left:0; position:absolute; z-index:-1; bottom:100%; right:0; cursor:pointer;}

.events ul.tabs li.hover:first-child {
    background: #439C2D;
    color: #fff;
    border-radius: 20px 0 0 0;
}

.events ul.tabs li:hover:first-child { border-radius: 20px 0px 0px 0px;}
.events ul.tabs li:hover:last-child { border-radius: 0px 20px 0px 0px;border-right: none;}

.events ul.tabs li:hover:after { content: ""; left: 0; position: absolute; text-align: center; top: 0; bottom:0; right:0; }
.events ul.tabs li.current:first-child { background:#439C2D; color:#fff;border-radius: 20px 0 0 0;}
.events ul.tabs li.current { background:#439C2D; color:#fff;}
.events .event-list { width:100%; border-bottom:#ededed solid 1px; padding:30px 30px 00px 40px; transition:all 0.3s ease-in-out 0s;}

.events .profile { display:none; height:auto; margin:0; padding:0;}
.events .profile.current{display:inherit;}
.events .profile h3 { color:#439C2D; font:700 34px 'Poppins', sans-serif; text-align:left;}
.events .profile h4 { color:#439C2D; font:600 24px 'Poppins', sans-serif; text-align:left; position:relative; letter-spacing: 0.5px;}
/*.events .profile h4:after {width:125px; height:6px; background:#282828; position:relative; content:""; position:absolute; bottom:0; left:0; right:0; margin:5px; background: url('../images/Vector.svg');}*/
.events .profile h6 { margin-top:0;}
.events .profile p {color:#575554; font:500 18px 'Poppins', sans-serif; line-height:normal;letter-spacing: 0.25px;padding-top: 10px;text-align: left;}
.events .book-now { text-align:center; background:#F6821F;border-radius:60px; padding:12px 40px; float:left; margin-top:10px; margin-bottom: 35px; color:#fff; transition:all 0.3s ease-in-out 0s;letter-spacing: 0.25px;}
.book-now:hover{ background:#439C2D; color:#fff; border-radius:60px; text-decoration: none;}
.events .thumb { width:95%; overflow:hidden; transition:all 0.3s ease-in-out 0s; float: inline-end;}

.events .event-list:last-child { border-bottom:none;}


/*-------------------------------------------  Product STYLE -------------------------------------------*/

.product-tab { width:100%; background-color: #FFF9F5;border-radius: 20px;}
.product-tab ul.tabs{ height:100%; position:relative; z-index:1; list-style: none; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.20);height: 82px;    border-radius: 20px 20px 0px 0px;}
.product-tab ul.tabs li:first-child { border-radius: 20px 0 0 0;}
.product-tab ul.tabs li:last-child { border-radius: 0px 20px 0px 0px;}

.product-tab ul.tabs li{width:16.5%; height:auto; display:table; float:left; cursor:pointer; padding: 14px 48px; margin:0; position:relative; z-index:2; text-align:center; background:#FFF9F5; line-height:50px;font:500 18px 'Poppins', sans-serif;letter-spacing: 1px;}
.product-tab ul.tabs li:hover { color:#fff;background:#439C2D; }
.product-tab ul.tabs li:after { background:#439C2D; content:""; left:0; position:absolute; z-index:-1; bottom:100%; right:0; cursor:pointer;}

.product-tab ul.tabs li.hover:first-child {
    background: #439C2D;
    color: #fff;
    border-radius: 20px 0 0 0;
}

.product-tab ul.tabs li:hover:first-child { border-radius: 20px 0px 0px 0px;}
.product-tab ul.tabs li:hover:last-child { border-radius: 0px 20px 0px 0px;}

.product-tab ul.tabs li:hover:after { content: ""; left: 0; position: absolute; text-align: center; top: 0; bottom:0; right:0; }
.product-tab ul.tabs li.current:first-child { background:#439C2D; color:#fff;border-radius: 20px 0 0 0;}
.product-tab ul.tabs li.current { background:#439C2D; color:#fff;}


.product-tab .event-list { width:100%; border-bottom:#ededed solid 1px; padding:10px 40px; transition:all 0.3s ease-in-out 0s;}
.product-tab .event-list:last-child { border-bottom:none;}
.product-tab .event-list:hover .book-now{ background:#439C2D; color:#fff; border-radius:60px; text-decoration: none;}
.product-tab .event-list:hover .thumb { border-radius:10px;}
.product-tab .event-list:hover { padding:10px 40px; }





.shop { width:auto;}

.shop h2 {color:#282828; display:table; font:600 24px 'Poppins', sans-serif; margin:0 auto 0px; position:relative; text-transform:capitalize; text-align:left;letter-spacing: 0.5px;}

.product { width:100%; margin:15px 0; position:relative;}
.product .item { width:auto; position:relative; z-index:1; overflow:hidden; cursor:pointer;text-align: center;padding: 20px 0px;transition: all, 0.5s;}
.product .item img {-moz-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    -webkit-transition: all, 0.5s;
    transition: all, 0.5s;
    height: 250px;
}
.product .item:hover img {
            
        -moz-transform: perspective(1.15) scale3d(1.15, 1.15, 1.15);
        -webkit-transform: perspective(1.15) scale3d(1.15, 1.15, 1.15);
        transform: perspective(1.15) scale3d(1.15, 1.15, 1.15);

    
 }
 

.product .item .explore { position:absolute; z-index:2; bottom:-100%; transition: all 0.3s ease-in-out 0s; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); opacity:0;}
.product .item .explore a { background:#fff; color:#282828; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:0 20px; line-height:35px;}
.product .item .explore a:hover { background:#ff8800; color:#fff;}
.product .item:hover .explore { opacity:1; bottom:0;}

.product .detail { width:100%;text-align:center; padding-bottom: 10px; }
.product .detail .price, .product .title .weight { width:100%; text-align:center; display: block;}
.product .item .detail h2 { position: relative;text-align:center; font-family: 'Poppins', sans-serif; text-align:center; font-size:22px; font-weight:600;color: #282828;letter-spacing: 0.5px; margin: 0px;padding: 5px 0px;text-transform: capitalize;}
.product .detail h3 { line-height:45px; padding:0; font-size:16px; font-weight:400;text-align:center; color: #000;letter-spacing: 0.25px;}
.product .detail h6 { padding: 5px; margin: 0px;text-align:center; line-height:40px; font-size: 16px; font-style: normal;font-weight: 400; line-height: normal;letter-spacing: 0.25px;}

.product .item .detail a:hover {color: #282828; text-decoration: none;}

/*
.product .item .detail h2:hover:after {
    width: 125px;
    height: 6px;
    background: #282828;
    position: relative;
    content: "";
    position: absolute;
    bottom: 0;
    left: 30%;
    right: 0;
    margin: 0;
    background: url(../images/Vector.svg);
}
*/
#fixed-product {
  top: 120px;
  width: 1230px;
  z-index: 9;
  background-color: #ffffff;
  padding: 10px 0px 0px;
}  

/*------------------------------------------- SHOP STYLE END -------------------------------------------*/

/*------------------------------------------- COMPATIBLE STYLE END -------------------------------------------*/

#video { background:url(images/featured-box-bg.jpg) no-repeat top center fixed; background-size:cover; min-height:500px;}
.video { width:100%; text-align:center; color:#fff;}
.video .button { background:#228fec; border-radius:26px; text-align:center; width:auto; margin:40px auto 0; display:table; padding:0 30px; color:#fff; font:700 14px/50px 'Poppins', sans-serif; text-transform:uppercase;}
.video .button:hover { background:#ff8800; color:#fff;}
#video video { width:100%; position:absolute; top:0;}

/*------------------------------------------- VIDEO STYLE END -------------------------------------------*/

.blog-layout { width:100%;}
.blog-layout .box { width:100%; position:relative; display:table;}
.blog-layout .box .thumb { width:100%; height:185px;}
.blog-layout .box .thumb img { width:100%; height:auto;}
.blog-layout .box h3 { color:#1d1d1d; font:700 14px 'Poppins', sans-serif; text-transform:uppercase; text-align:center; margin-top:20px;}


/*------------------------------------------- BLOG LAYOUT STYLE END -------------------------------------------*/

#header-footer-styles { background:url(images/header-footer-bg.jpg) no-repeat top center fixed; background-size:cover;}
.styles { margin:0 -15px 0;}
.styles .box { width:100%; position:relative; display:table; margin-bottom:30px;}
.styles .box .thumb { width:100%; height:185px;}
.styles .box .thumb img { width:100%; height:auto;}
.styles .box h3 { color:#fff; font:700 14px 'Poppins', sans-serif; text-transform:uppercase; text-align:center; margin-top:20px;}

/*------------------------------------------- HEADER AND FOOTER LAYOUT STYLE END -------------------------------------------*/

.testimonials { margin:0 -15px;}
.testimonials #owl-demo .item{ width:93%; background:#fff; border:#eaeaea solid 1px; box-shadow:0 0 10px #efeded; padding:30px; margin:15px; position:relative; display:table; border-radius:5px; text-align:center;}
.testimonials #owl-demo .item .thumb { width:78px; height:78px; margin:auto; display:block; margin-bottom:30px; overflow:hidden; border-radius:100%; float:none;}
.testimonials #owl-demo .item .thumb img { width:100%; height:auto; min-height:78px;}
.testimonials #owl-demo .item p { font-size:14px;}
.testimonials #owl-demo .item h3 { color:#000; font:700 15px 'Poppins', sans-serif; margin-top:30px; padding-top:30px; position:relative;}
.testimonials #owl-demo .item h3:before {width:60px; height:3px; background:#e8e7e7; position:relative; content:""; position:absolute; top:0; left:0; right:0; margin:auto;}

.testimonials .box { width:100%; background:#f4f4f4; padding:30px 20px; font-style:italic; position:relative;}
.testimonials .box:after { position:absolute; content:""; width:0; height:0; border-style: solid; border-width:10px 10px 0 10px; border-color:#f4f4f4 transparent transparent transparent; bottom:-10px; left:25px;}
.testimonials h4 { font-size:16px; padding-top:20px;}
.testimonials .thumb { width:60px; height:60px; display:block; overflow:hidden; border-radius:100%; float:left; margin-right:20px; margin-bottom:30px;}
.testimonials .thumb img { width:100%; height:auto; min-height:60px;}


.testimonials .box.white { width:100%; background:#fff; padding:30px 20px; font-style:italic; position:relative; margin-bottom:20px;}
.testimonials .box.white:after { position:absolute; content:""; width:0; height:0; border-style: solid; border-width:10px 10px 0 10px; border-color:#fff transparent transparent transparent; bottom:-10px;}
.testimonials h4 { font-size:16px; padding-top:20px;}
.testimonials .box .thumb { width:80px; height:80px; display:block; overflow:hidden; border-radius:100%; float:left; margin-right:15px; margin-bottom:30px;}
.testimonials .box .thumb img { width:100%; height:auto; min-height:80px;}

/*------------------------------------------- TESTIMONIALS STYLE END -------------------------------------------*/
#Social-Hub { background:#F6821F;padding-bottom: 30px;margin-top: 80px;}
#Social-Hub h1 { font:700 36px 'Poppins', sans-serif; padding: 50px;text-align: center;}
#Social-Hub h2 { font:600 25px 'Poppins', sans-serif; padding: 30px;text-align: center;color:#ffffff}
.partner { width:100%; }
.partner .client-logo { width:100%; height:398px; border-radius:20px; position:relative; -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1); -ms-transition: all 200ms ease-in; -ms-transform: scale(1); -moz-transition: all 200ms ease-in; -moz-transform: scale(1); transition: all 200ms ease-in; transform: scale(1); margin-bottom:30px;}
.partner .client-logo img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.partner .client-logo:hover { z-index: 2; -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1.1); -ms-transition: all 200ms ease-in; -ms-transform: scale(1.1); -moz-transition: all 200ms ease-in; -moz-transform: scale(1.1); transition: all 200ms ease-in; transform: scale(1.1); }

.partner #owl-demo .item { margin:0 15px;} 
.partner #owl-demo .item .client-logo:hover { z-index: 2; -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1); -ms-transition: all 200ms ease-in; -ms-transform: scale(1); -moz-transition: all 200ms ease-in; -moz-transform: scale(1); transition: all 200ms ease-in; transform: scale(1); }

/*------------------------------------------- PARTNERS STYLE END -------------------------------------------*/

.breadcrumbs { width:auto; float:right;}
.breadcrumbs li { border-right:#fff solid 1px; line-height:12px; float:left; margin:11px 0;}
.breadcrumbs li a { color:#fff; padding:0 10px;}
.breadcrumbs li a:hover, .breadcrumbs li a.current { color:#238ee7;}
.breadcrumbs li:last-child { border-right:none;}

/*------------------------------------------- BREADCRUMBS STYLE END -------------------------------------------

.content-left { width:100%; padding-right:20px;}
.sidebar { width:100%;}
.sidebar .search { width:100%;}
.sidebar .search input[type="text"] { background:#f3f3f3; border:none; padding:10px; width:85%; color:#a7a6a6; float:left;}
.sidebar .search input[type="button"] { background:#282828; border:none; height:36px; width:15%; color:#fff; cursor:pointer;}
.sidebar .search input[type="button"]:hover { background:#238ee7;}
.sidebar h3 { color:#282828; display:block; font:500 24px 'Poppins', sans-serif; margin:0 0 25px 0; text-transform:capitalize; text-align:left; padding:0 0 15px 0; position:relative;}
.sidebar h3::after { width:30px; height:2px; background:#e8e7e7; position:relative; content:""; position:absolute; bottom:0; left:0;}
.sidebar .box { background:#fff; border:#eaeaea solid 1px; box-shadow:0 0 10px #efeded; padding:19px; margin-bottom:25px;}
.sidebar .latest-posts { width:100%; margin:10px 0 25px; padding-bottom:20px; border-bottom:#e8e7e7 dashed 1px;}
.sidebar .latest-posts .thumb { width:80px; height:69px; float:left; margin-right:20px;}
.sidebar .latest-posts .thumb img { border-radius:5px;}
.sidebar .latest-posts:last-child { border-bottom:none; margin-bottom:0; padding-bottom:0;}
.sidebar .latest-posts .read-more { color:#282828; font-size:13px; margin-top:7px; display:block;}
.sidebar .latest-posts:hover .read-more { color:#ff8800;}

.sidebar ul { width:100%;}
.sidebar li { display:block; border-bottom:#e8e7e7 dashed 1px; line-height:38px;}
.sidebar li i { line-height:36px; font-size:100%; float:left; margin-right:10px;}
.sidebar li a { color:#282828; display:block; font-size:15px; transition:all 0.3s ease-in-out 0s;}
.sidebar li:hover a {color:#238ee7; padding:0 0 0 15px;}
.sidebar li:last-child { border-bottom:none;}
.sidebar li:hover { background:#f7fafb;}

/*------------------------------------------- SIDEBAR STYLE END -------------------------------------------*/

/*------------------------------------------- Blogs STYLE  -------------------------------------------*/

.blog { width:100%; display:table; padding-bottom:15px; margin-bottom:20px; border-bottom:#e8e7e7 dashed 1px; background-color: #FCF4E4;border-radius: 18px;}
.blog .thumb { width:35%; margin-right:30px; float:left;}
.blog .content {padding: 0px 20px;}
.blog h3 { color: #439C2D;text-align: center;font-family: Poppins;font-size: 20px;padding:10px 0px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.5px; border:none; text-align:left;margin: 0;}
.blog:hover h3 { color:#439C2D;}
.blog p { color: #7F7F7F;font-family: Poppins;font-size: 16px;font-style: normal;font-weight: 500;text-align: left;line-height: normal;letter-spacing: 0.25px;}
.blog a.read-more {background:#F6821F; color:#fff; font:400 14px 'Poppins', sans-serif; padding:6px 30px; line-height:30px; margin:10px 0px;border-radius: 60px; float:left;letter-spacing: 0.25px;}

.blog a.read-more:hover { background:#439C2D; color:#fff;text-decoration: none;}
.blog a.minutes {color:#439C2D; font:400 14px 'Poppins', sans-serif; border: 1px solid #439C2D; padding:6px 20px 6px 10px; line-height:25px; margin:10px 10px;border-radius: 60px; float:left;letter-spacing: 0.25px;text-decoration: none;}
.blog:last-child { border:none;}
.blog .posted-detail { width:auto; border-bottom:#f2f2f2 solid 1px; display:flex; padding-bottom:10px; margin-bottom:10px;}
.blog .posted-detail a {color:#238ee7; padding:0 8px;}
.blog .posted-detail a:hover{color:#000;}

.blog-img {width:auto; position:relative; z-index:1; overflow:hidden; cursor:pointer;text-align: center;transition: all, 0.5s;border-radius: 20px 20px 0px 0px; padding: 10px; }
.blog-img img {-moz-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  -webkit-transition: all, 0.5s;
  transition: all, 0.5s;
  border-radius: 20px 20px 0px 0px;
}
.blog-img:hover img {
          
      -moz-transform: perspective(1.03) scale3d(1.03, 1.03, 1.03);
      -webkit-transform: perspective(1.03) scale3d(1.03, 1.03, 1.03);
      transform: perspective(1.03) scale3d(1.03, 1.03, 1.03);

  
}

.blog .overlay {
    position: absolute; 
    bottom: 0px; 
    background: rgb(0, 0, 0);
    background: #439C2D; /* Black see-through */
    color: #f1f1f1; 
    width: 100%;
    transition: .5s ease;
    opacity:0;
    color: white;
    font-size: 14px;
    padding: 5px 5px;
    text-align: center;
    width: 25%;
    left: 35%;
    border-radius: 5px 5px 0 0;
    moz-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  -webkit-transition: all, 0.5s;
  transition: all, 0.5s;
  }
  
  .blog-img:hover .overlay {
    opacity: 1;
  }

.pagination { width:auto;}
.pagination li { width:30px; height:30px; background:#282828; margin-right:1px; text-align:center; line-height:30px; float:left; cursor:pointer;}
.pagination li a { color:#fff;}
.pagination li:hover, .pagination li.current { background:#238ee7;}

.blogs h3 { color: #439C2D;text-align: center;font-family: Poppins;font-size: 18px;padding:10px 0px;margin:0px; font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.25px; border:none;}
.blogs h3:after {
    width: 100px;
    height: 18px;
    background: #282828;
    position: relative;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0;
	
	margin: auto;
    background: url(../images/all-recipes.svg);
}

/*------------------------------------------- Blogs STYLE END -------------------------------------------*/


/*------------------------------------------- Blogs STYLE  -------------------------------------------*/

.column {
  float: left;
  width: 33.33%;
  display: none; /* Hide all elements by default */
}

.recipes { width:100%; display:table; margin-bottom:10px; }
.recipes .thumb { width:35%; margin-right:30px; float:left;}
.recipes .content {padding: 0px; background-color: #FCF4E4;border-radius: 20px 20px 20px 20px;}


.recipes:last-child { border:none;}
.recipes .posted-detail { width:auto; border-bottom:#f2f2f2 solid 1px; padding:15px; margin-bottom:10px; height: 210px;}
.recipes  h2 { color: #F6821F;

  font-family: Poppins;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 36px */
  letter-spacing: 1.8px;text-align: left;
  margin: 0px;
  padding: 20px 0px;
}
.recipes .posted-detail h3 { color: #439C2D;text-align: center;font-family: Poppins;font-size: 20px;padding-top: 5px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.5px; border:none; text-align:left;margin: 0;}
.recipes .posted-detail:hover h3 { color:#439C2D;}
.recipes .posted-detail p { color: #575554;font-family: Poppins;font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.25px; text-align: left;}
.recipes .posted-detail a.read-more {background:#F6821F; color:#fff; font:400 14px 'Poppins', sans-serif; padding:8px 30px; line-height:30px; margin:10px 0px;border-radius: 60px; letter-spacing: 0.5px;position: relative; left: 0;}

.recipes .posted-detail a.read-more:hover { background:#439C2D; color:#fff;text-decoration: none;}
.recipes .posted-detail a.minutes {color:#439C2D; font:400 14px 'Poppins', sans-serif; border: 1px solid #439C2D; padding:6px 20px 6px 10px; line-height:30px; margin:10px 10px;border-radius: 60px; letter-spacing: 0.5px;text-decoration: none;position: relative; left: 0;}


.recipes-img {width:auto; position:relative; z-index:1; overflow:hidden; cursor:pointer;text-align: center;transition: all, 0.5s;border-radius: 20px 20px 0px 0px; }
.recipes-img img {-moz-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  -webkit-transition: all, 0.5s;
  transition: all, 0.5s;
  border-radius: 20px 20px 0px 0px;
}
.recipes-img:hover img {
          
      -moz-transform: perspective(1.03) scale3d(1.03, 1.03, 1.03);
      -webkit-transform: perspective(1.03) scale3d(1.03, 1.03, 1.03);
      transform: perspective(1.03) scale3d(1.03, 1.03, 1.03);

  
}

.recipes .overlay {
    position: absolute; 
    bottom: 0px; 
    background: rgb(0, 0, 0);
    background: #439C2D; /* Black see-through */
    color: #f1f1f1; 
    width: 100%;
    transition: .5s ease;
    opacity:0;
    color: white;
    font-size: 14px;
    padding: 5px 5px;
    text-align: center;
    width: 25%;
    left: 35%;
    border-radius: 5px 5px 0 0;
    moz-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  -webkit-transition: all, 0.5s;
  transition: all, 0.5s;
  }
  
  .recipes-img:hover .overlay {
    opacity: 1;
  }

.pagination { width:auto;}
.pagination li { width:30px; height:30px; background:#282828; margin-right:1px; text-align:center; line-height:30px; float:left; cursor:pointer;}
.pagination li a { color:#fff;}
.pagination li:hover, .pagination li.current { background:#238ee7;}

.recipes h3 { color: #439C2D;text-align: center;font-family: Poppins;font-size: 18px;padding:10px 0px;margin:0px; font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.9px; border:none;}


.recipes .show a {
  
  position: relative;
  left: 0;
  z-index: 999999;
  background: url(images/themebar/up.png) no-repeat center top;
  width: 42px;
  height: 36px;
}
.recipes .all-recipes {
  display: block;
  background: #F6821F;
  color: #ffffff;
  font: 400 14px 'Poppins', sans-serif;
  text-align: center;
  border: 1px solid #F6821F;
  padding: 10px 50px 10px 50px;
  line-height: 30px;
  border-radius: 60px;
  letter-spacing: 0.7px;
  text-decoration: none;
  width: 100%;
}



/* -------------------Reciped page----------------------------*/
.column {
  padding: 15px;
  
}




/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.content {
  
  border-radius: 20px 20px 20px 20px;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}


/* Style the buttons */
.btn2 {
  border: none;
  outline: none;
  padding: 15px 30px;
  background: #FFF7E8;
  cursor: pointer;
  text-transform: capitalize;
  color: #214B2A;
  text-align: center;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 122.5%; /* 24.5px */
letter-spacing: 0.5px;
width: 24%;
margin: auto;
border-radius: 25px;

-moz-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  -webkit-transition: all, 0.5s;
  transition: all, 0.5s;



}

.btn2:hover {
  
  transform: scale(1.0);
      
}

.btn2.active {
  background-color: #F6821F;
  color: white;
  padding: 12px 40px;
  transform: scale(1.0);
 
  
-moz-transition: all, 0.0s;
  -o-transition: all, 0.0s;
  -webkit-transition: all, 0.0s;
  transition: all, 0.0s;

}
.posted-detail .show a {
    position: relative;
    left: 0;
    z-index: 999999;
    background: url(images/themebar/up.png) no-repeat center top;
    width: 42px;
    height: 36px;
}
/*------------------------------------------- Blogs STYLE END -------------------------------------------*/
















.scroll {display:block; height: 700px;overflow: auto;}

/* Scrollbar Styling */
::-webkit-scrollbar {
  width: 0px;
  display: none;
}

::-webkit-scrollbar-track {
  background-color: #ebebeb;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #6d6d6d; 
}

.recipes-inner { width:100%; display:table; padding-bottom:15px; border-radius: 35px;}
.recipes-inner .recipes-img { width:auto; position:relative; z-index:1; overflow:hidden; cursor:pointer;text-align: center;transition: all, 0.5s;border-radius: 35px 35px 35px 35px;margin-top: 80px; }
.recipes-inner .recipes-img img{ width:100%;border-radius: 35px 35px 35px 35px; }

.recipes-img img {-moz-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  -webkit-transition: all, 0.5s;
  transition: all, 0.5s;
}
.recipes-img:hover img {
          
      -moz-transform: perspective(1.05) scale3d(1.05, 1.05, 1.05);
      -webkit-transform: perspective(1.05) scale3d(1.05, 1.05, 1.05);
      transform: perspective(1.05) scale3d(1.05, 1.05, 1.05);

  }


.recipes-inner .content {padding: 0px 15px;}



.recipes-inner h2 { color: #439C2D;font-family: Poppins;font-size: 32px;padding:10px 0px;margin:0px; font-style: normal;font-weight: 700;line-height: normal;letter-spacing: 0.5px; text-align: left;margin-top: 80px;}
.recipes-inner h3 { color: #439C2D;font-family: Poppins;font-size: 28px;padding:10px 0px;margin:0px; font-style: normal;font-weight: 700;line-height: normal;letter-spacing: 0.5px; text-align: left;}
.recipes-inner p {color: #7F7F7F;font-family: Poppins;font-size: 18px; font-style: normal;font-weight: 400;line-height: normal;letter-spacing: 0.25px;margin: 0; text-align: left;}
.recipes-inner:hover h3 { color:#439C2D;}
.recipes-inner h4 { color: var(--black, #000);font-family: Poppins;font-size: 24px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.5px; padding-top: 15px;}
.recipes-inner a.read-more {background:#F6821F; color:#fff; font:400 14px 'Poppins', sans-serif; padding:6px 30px; line-height:30px; margin:20px 0px;border-radius: 60px; float:left;letter-spacing: 0.25px;}

.recipes-inner:hover a.read-more { background:#439C2D; color:#fff;text-decoration: none;}
.recipes-inner a.minutes {color:#439C2D; font:400 14px 'Poppins', sans-serif; border: 1px solid #439C2D; padding:6px 20px 6px 10px; line-height:30px; margin:15px 0px;border-radius: 60px; float:left;letter-spacing: 0.25px;text-decoration: none;}
.recipes-inner:last-child { border:none;}




 
.recipes-inner ul {list-style-image: url('../images/star-list.svg'); margin-left: 20px; }
.recipes-inner ul li {vertical-align: top; padding: 8px;color: #214B2A;font-family: Poppins;font-size: 18px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.25px;}

.recipes-inner ol {margin-left: 20px;}
.recipes-inner ol li {padding: 8px; color: #214B2A; font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.25px;
}

 .recipes-inner .all-recipes { display: block;background:#F6821F; color:#ffffff; font:400 18px 'Poppins', sans-serif; text-align: center; border: 1px solid #F6821F; padding:12px 0px 12px 0px; border-radius: 60px; letter-spacing: 0.25px;text-decoration: none;width: 100%;}
 .recipes-inner .all-recipes:hover {background:#439C2D; color:#ffffff; }

.overlay {
    position: absolute; 
    bottom: 5px; 
    background: rgb(0, 0, 0);
    background: #439C2D; /* Black see-through */
    color: #f1f1f1; 
    width: 100%;
    transition: .5s ease;
    opacity:0;
    color: white;
    font-size: 14px;
    padding: 10px 5px;
    text-align: center;
    width: 30%;
    left: 35%;
    border-radius: 10px 10px 0 0;
  }
  
  .recipes-img:hover .overlay {
    opacity: 1;
  }

.pagination { width:auto;}
.pagination li { width:30px; height:30px; background:#282828; margin-right:1px; text-align:center; line-height:30px; float:left; cursor:pointer;}
.pagination li a { color:#fff;}
.pagination li:hover, .pagination li.current { background:#238ee7;}



/*------------------------------------------- Recipes STYLE END -------------------------------------------*/



.media { width:100%; display:table; }
.media .box { width:100%; margin-bottom: 30px;box-shadow: 0px 0px 15px #ccc;border-radius: 35px;padding-bottom: 10px;}
.media .media-img { width:auto; position:relative; z-index:1; overflow:hidden; cursor:pointer;text-align: center;transition: all, 0.5s;border-radius: 35px 35px 0px 0px; }
.media .media-img img{ width:100%;border-radius: 35px 35px 0px 0px;}
.media .content {padding: 0px 10px; background-color: transparent;}
.media h1 {
  color: #F6821F;
  font-family: Poppins;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.5px;
  text-align: left;
  margin: 0px;
  padding: 20px 0px;
}
.media h2 {
  color: #214B2A;
  font-family: Poppins;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 149.5%;
  letter-spacing: 0.5px;
  text-align: left;
  margin: 0px;
  padding: 0px 0px 20px;
}

.media h3 { color: #000;font-family: Poppins;font-size: 24px;padding:15px 0px;margin-bottom: 15px;margin-top: 0px;font-style: normal;font-weight: 500;line-height: 147%;letter-spacing: 0.5px; border:none; text-align:left;}


.media h4 { color:#575554;font-family: Poppins;font-size: 18px;padding:15px 0px;font-style: normal;font-weight: 500;line-height: 147%;letter-spacing: 0.25px; border:none; text-align:left;margin: 0;text-transform: none;}

.source {font-size: 16px !important;}
.media p {text-align: left; color:#214B2A;font-size: 18px; }
.media .red-more {font-size: 16px; color: #439C2D;letter-spacing: 0.25px;}
.media .posted-detail {display:flex; padding-bottom:10px;letter-spacing: 0.25px;font-size: 16px; }
.media .posted-detail a {color:#238ee7; padding:0 8px;}



.media-img img {-moz-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    -webkit-transition: all, 0.5s;
    transition: all, 0.5s;
    border-radius: 25px;
}
.media-img:hover img {
            
        -moz-transform: perspective(1.05) scale3d(1.05, 1.05, 1.05);
        -webkit-transform: perspective(1.05) scale3d(1.05, 1.05, 1.05);
        transform: perspective(1.05) scale3d(1.05, 1.05, 1.05);

    
 }

.pagination { width:auto;}
.pagination li { width:30px; height:30px; background:#282828; margin-right:1px; text-align:center; line-height:30px; float:left; cursor:pointer;}
.pagination li a { color:#fff;}
.pagination li:hover, .pagination li.current { background:#238ee7;}

.media-page h2 {color: #439C2D;
  text-align: center;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 147%; /* 35.28px */
  letter-spacing: 1.2px;
  text-transform: none;
margin: 0px;}


/*------------------------------------------- Media STYLE END -------------------------------------------*/

.login-register, .contact-info { width:100%;}

.contact-bg {padding: 50px 50px 0px; background-color: #FCF4E4; border-radius: 20px;}
.form-group {margin-bottom: 10px;}
.contact-form { width:100%;}
.login-register h4, .contact-form h4, .contact-info h4 { font-size:22px; margin-bottom:20px;}

.partner-corner h1 {color: #439C2D;font-family: Poppins;font-size: 36px;font-style: normal;font-weight: 700;line-height: 102.5%; letter-spacing: 0.5px; padding-right: 30%; margin-bottom: 30px;
  text-align: left;}


 .partner-corner p {color: #575554; font-family: Poppins;font-size: 18px;font-style: normal;font-weight: 500;line-height: normal; letter-spacing: 0.25px;text-align: left;}
.partner-corner p { padding:0 0 40px;}

.contact-info h1{color: #439C2D;font-family: Poppins;font-size: 36px;font-style: normal;font-weight: 600; letter-spacing: 0.5px; margin-bottom: 40px;  text-align: center;}


  .contact-info h1:after {
    width: 120px;
    height: 53px;
    
    position: relative;
    content: "";
    position: absolute;
    bottom: -2px;
    left: -315px;
    right: 0;
    margin: 0;
    margin: auto;
    background: url(images/contact.svg);
    background-repeat: no-repeat;
}

.contact-info p {color: #000; font-family: Poppins;font-size: 18px;font-style: normal;font-weight: 400;line-height: 132%; letter-spacing: 0.25px;text-align: center;}
.contact-info .fa-phone { color: #439C2D;font-weight: bold;font-size: 20px; padding-right: 5px; color:#439C2D;font-weight: bold;padding-right: 5px;}
.contact-info .fa-envelope-open { color: #439C2D;font-weight: bold;font-size: 20px; padding-right: 5px; color:#439C2D;font-weight: bold;padding-right: 5px;}
.contact-info .fa-map-marker { color: #439C2D;font-weight: bold;font-size: 20px; padding-right: 5px; color:#439C2D;font-weight: bold;padding-right: 5px;}

.contact-form .bg-submit {width: 100%;padding: 6px 30px;margin-bottom: 30px;background-color: #ff8800;text-transform: capitalize; font-size: 18px;}

.map { margin-top:-60px; margin-bottom:40px;}
.map, .map iframe { width:100%;}
.contact-info .info { width:100%; margin-bottom:30px;}
.contact-info .info strong { display:block; margin-bottom:10px;}
.contact-info .info .social-icons { width:auto; margin:0; display:table; float:left;}
.contact-info .info .social-icons a { width:33px; height:33px; float:left; background:#f2f2f2; color:#9e9e9e; text-align:center; margin:0 3px; position:relative; z-index:2;}
.contact-info .info .social-icons a i { line-height:31px; font-size:14px;}
.contact-info .info .social-icons a:hover { color:#fff;}
.contact-info .info .social-icons a:after { background:#228fec; content:""; left:50%; position:absolute; top:50%; transition:all 0.6s ease 0s; z-index:-1; bottom:50%; right:50%; cursor:pointer;}
.contact-info .social-icons a:hover:after { content: ""; left: 0; position: absolute; text-align: center; top: 0; bottom:0; right:0; transition: all 0.35s ease 0s;}


form { width:100%;}
lavel {font-size: 18px;letter-spacing: 0.25px; color: #575554;padding: 0;margin: 0;}
form input[type="text"], form input[type="tel"], form input[type="password"], form input[type="email"] {background: transparent;border: none; border-bottom:1px solid #000;  padding: 10px 0px; width:100%; margin-bottom:10px; color:#000; font-size: 16px;font-family: 'Poppins'; font-weight: 600; box-shadow: none;}
form textarea { border: 1px solid #439C2D;border-radius: 35px;padding:15px 20px; width:100%; margin-bottom:10px; margin-top: 15px; color:#575554; font-size: 18px;}
form select { background:#FAE9C7; border-right: 10px solid #FAE9C7; border-left: 5px solid #FAE9C7;border-top: none;border-bottom: none;padding:15px 10px; width:100%; border-radius:10px; color:#214B2A;font-size: 20px; font-weight: 600; position:relative;}
form input[type="button"], form input[type="submit"] { background:#282828; padding:0 20px; line-height:40px; color:#fff; border:none; cursor:pointer; border-radius:26px; -moz-border-radius:26px; -ms-border-radius:26px; -o-border-radius:26px; -webkit-border-radius:26px; font-size:14px; text-transform:uppercase;}
/*form input[type="button"]:hover, form input[type="submit"]:hover { background:#238ee7;} */


/*------------------------------------------- CONTACT STYLE END -------------------------------------------*/


/*------------------------------------------- Login And register STYLE -------------------------------------------*/
.login-box-body, .register-box-body {
  background: #FFF7E8;
  padding: 20px;
  
  color: #666;
}
.login-box {
  width: 400px;
  margin: 4% auto;
  background: #000;
}
.register-box {
  width: 600px;
  margin: 4% auto;
  background: #000;
}
.form-control-feedback {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: left;
    pointer-events: none;
}
.form-control:focus {
    border-color: #2aab47;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(42,171,71,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(42,171,71,.6);
}

/*------------------------------------------- Search STYLE -------------------------------------------*/

.Search-login { display: flex; justify-content: end;}

.Search_style {
  
    display: inline-block;
    position: relative;
    float: right;
    padding: 0px;
    margin-right: 20px;
  }
  
  .Search_style input[type="text"] {
    
    font-size: 15px;
    font-weight: 300;
    display: inline-block;
    border: none;
    outline: none;
    color: #000;
    padding: 5px 0px;
    padding-right: 60px;
    width: 0px;
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    z-index: 3;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
  }
  
  .Search_style input[type="text"]:focus:hover {
    border-bottom: 2px solid #BBB;
  }
  
  .Search_style input[type="text"]:focus {
    width: 300px;
    z-index: 1;
    border-bottom: 1px solid #BBB;
    padding: 5px 10px;
    background-color: #fff;
    border-radius: 10px;
    cursor: text;
  }
  .Search_style input[type="submit"] {
    height: 30px;
    width: 40px;
    display: inline-block;
    color:red;
    float: right;
    background: url(search_icon.svg) center center no-repeat;
    text-indent: -10000px;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    opacity: 0.8;
    cursor: pointer;
    transition: opacity .4s ease;
    
  }
  
  .Search_style input[type="submit"]:hover {
    opacity: 0.8;
  }

  

.error { width:100%;}
.error img { margin:auto; display:table; width:40%;}
.error a{background:#282828;padding:0 20px; line-height:40px; border-radius:26px; color:#fff; margin:auto; display:table; margin-top:40px;}
.error a:hover { background:#ff8800;}

/* ------------------------------------ Profile ----------------------------------------*/

.box .border-right {
  border-right: 1px solid #f4f4f4;
}
.box .border-left {
  border-left: 1px solid #f4f4f4;
}
.box.box-solid {
  border-top: 0;
  border: 1px solid #ddd;
  margin-bottom: 20px;
}
.box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.box.box-solid.box-default {
  border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
  color: #444444;
  background: #d2d6de;
  background-color: #d2d6de;
}
.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
  color: #444444;
}
.box.box-solid.box-primary {
  border: 1px solid #3c8dbc;
}
.box.box-solid.box-primary > .box-header {
  color: #ffffff;
  background: #3c8dbc;
  background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-info {
  border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
  color: #ffffff;
  background: #00c0ef;
  background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-danger {
  border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
  color: #ffffff;
  background: #dd4b39;
  background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-warning {
  border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
  color: #ffffff;
  background: #f39c12;
  background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-success {
  border: 1px solid #00a65a;
}
.box.box-solid.box-success > .box-header {
  color: #ffffff;
  background: #00a65a;
  background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
  color: #ffffff;
}
.box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}
.box.box-solid[class*='bg'] > .box-header {
  color: #fff;
}
.box .box-group > .box {
  margin-bottom: 5px;
}
.box .knob-label {
  text-align: center;
  color: #333;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: 0.3em;
}
.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box .overlay,
.overlay-wrapper .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}
.box .overlay.dark,
.overlay-wrapper .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
  content: " ";
  display: table;
}
.box-header:after,
.box-body:after,
.box-footer:after {
  clear: both;
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
  content: " ";
  display: table;
}
.box-header:after,
.box-body:after,
.box-footer:after {
  clear: both;
}
.box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
}
.box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
  border-bottom: none;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
  margin-right: 5px;
}
.box-header > .box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
  position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}
.box-header > .box-tools .dropdown-menu > li > a {
  color: #444!important;
}
.btn-box-tool {
  padding: 5px;
  font-size: 12px;
  background: transparent;
  color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
  color: #606c84;
}
.btn-box-tool.btn:active {
  box-shadow: none;
}
.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
  text-align: center;
}
.no-header .box-body {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.box-body > .table {
  margin-bottom: 0;
}
.box-body .fc {
  margin-top: 5px;
}
.box-body .full-width-chart {
  margin: -19px;
}
.box-body.no-padding .full-width-chart {
  margin: -9px;
}
.box-body .box-pane {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
}
.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #f4f4f4;
  padding: 40px 10px 10px;
  background-color: #ffffff;
  text-align: center;
  font-family: 'Arial', sans-serif !important;
}


/*
 * Component: modal
 * -----------------------------------------------------
 */
.modal {
  background: rgba(0, 0, 0, 0.3);
}
.modal-content {
  border-radius: 0;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  border: 0;
}
@media (min-width: 768px) {
  .modal-content {
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  }
}
.modal-header {
  border-bottom-color: #f4f4f4;
}
.modal-footer {
  border-top-color: #f4f4f4;
}
.modal-primary .modal-header,
.modal-primary .modal-footer {
  border-color: #307095;
}
.modal-warning .modal-header,
.modal-warning .modal-footer {
  border-color: #c87f0a;
}
.modal-info .modal-header,
.modal-info .modal-footer {
  border-color: #0097bc;
}
.modal-success .modal-header,
.modal-success .modal-footer {
  border-color: #00733e;
}
.modal-danger .modal-header,
.modal-danger .modal-footer {
  border-color: #c23321;
}


.heading { width:auto;}
.heading-styles { background:#fcfcfc; padding:30px 0; border:#f1f1f1 solid 1px; margin-bottom:30px;}
h2.heading-left { text-align:left; display:block; font-weight:400; margin-bottom:30px;}
h2.heading-left::after { width:50px; height:3px; background:#e8e7e7; position:relative; content:""; position:absolute; bottom:0; left:0; margin:auto; right:inherit;}

h2.heading-center { text-align:center; display:table; font-weight:400; margin-bottom:30px;}
h2.heading-center::after { width:50px; height:3px; background:#e8e7e7; position:relative; content:""; position:absolute; bottom:0; left:0; margin:auto; right:0;}

h2.heading-right { text-align:right; display:block; font-weight:400; margin-bottom:30px;}
h2.heading-right::after { width:50px; height:3px; background:#e8e7e7; position:relative; content:""; position:absolute; bottom:0; left:inherit; margin:auto; right:0;}

/*------------------------------------------- HEADING STYLE END -------------------------------------------*/

.videos { width:100%; margin-bottom:60px; position:relative; padding-bottom:50%;}
.videos iframe, .videos video { width:100%; height:100%; position:absolute;}

/*------------------------------------------- VIDEO STYLE END -------------------------------------------*/

.search-result { width:100%; display:table; padding-bottom:35px; margin-bottom:35px; border-bottom:#e8e7e7 dashed 1px;}
.search-result .thumb { width:35%; margin-right:30px; float:left;}
.search-result h3 { color:#5f5f5f; font:700 20px 'Poppins', sans-serif; padding:0; margin:0 0 17px 0; text-transform:uppercase; border:none; text-align:left;}
.search-result a.read-more { color:#5f5f5f; font:400 14px 'Poppins', sans-serif; padding:0 10px; line-height:30px; margin-top:20px; border:#9b9a97 solid 1px; float:left;}
.search-result:hover h3 { color:#238ee7;}
.search-result:hover a.read-more { background:#238ee7; border:#238ee7 solid 1px; color:#fff;}
.search-result:last-child { border:none;}
.search-result .posted-detail { width:auto; border-bottom:#f2f2f2 solid 1px; display:flex; padding-bottom:10px; margin-bottom:10px;}
.search-result .posted-detail a {color:#238ee7; padding:0 8px;}
.search-result .posted-detail a:hover{color:#000;}

/*------------------------------------------- SEARCH RESULTS STYLE END -------------------------------------------*/

.boxes { width:auto;}
.boxes .box { width:100%; padding:30px 15px; cursor:pointer; border:#f5f5f5 solid 1px; margin:15px 0; position:relative; z-index:2px;}
.boxes .box.gry { background:#f4f4f4; padding:30px 15px; margin:15px 0;}
.boxes .box i { margin:auto; display:table; font-size:40px; margin-bottom:20px; color:#282828;}
.boxes .box h3 { margin-bottom:10px;}
.boxes .box p { text-align:center;}
.boxes .box .read-more { color:#282828; margin:20px auto 0; display:table;}
.boxes .box:hover .read-more, .boxes .box:hover h3, .boxes .box:hover i, .boxes .box:hover p { color:#fff;}
.boxes .box:after { background:#ff8800; content:""; left:0; position:absolute; top:100%; transition:all 0.55s ease 0s; z-index:-1; bottom:0; right:100%; cursor:pointer;}
.boxes .box:hover:after {  content: ""; left: 0; position: absolute; text-align: center; top: 0; bottom:0; right:0; transition: all 0.35s ease 0s;}
.boxes .box:hover.gry .read-more, .boxes .box:hover.gry i, .boxes .box:hover.gry h3 { color:#ff8800;}
.boxes .box:hover.gry p { color:#282828;}

/*------------------------------------------- BOXES STYLE END -------------------------------------------*/

.lists { width:100%; margin-bottom:70px;}
.lists ul { margin-bottom:0;}
.lists ol { counter-reset: li; font:400 15px 'Poppins', sans-serif; list-style: outside none none; margin-bottom:0; padding: 0; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.lists li { line-height:30px;}
.lists li a { color:#282828;}
.lists li a:hover { color:#ff8800;}
.disc { list-style:disc inside;}
.circle { list-style:circle inside;}
.decimal { list-style:decimal inside;}
.square { list-style: square inside;}

.disc, .circle, .decimal, .square { padding:20px; cursor:pointer; border:#f2f2f2 solid 1px; margin:15px 0; position:relative; z-index:2px; border-radius:5px;}

.fancy-arrow { list-style:none;}
.fancy-arrow li { padding-left:20px;}
.fancy-arrow li:before {content: "\f105"; font-family: "FontAwesome"; font-size:100%; padding: 0; float:left; position:absolute; left:15px; color:#282828; line-height:30px;}

.fancy-double-arrow { list-style:none;}
.fancy-double-arrow li { padding-left:20px;}
.fancy-double-arrow li:before {content: "\f101"; font-family: "FontAwesome"; font-size:100%; padding: 0; float:left; position:absolute; left:15px; color:#282828; line-height:30px;}

.fancy-hand { list-style:none;}
.fancy-hand li { padding-left:25px;}
.fancy-hand li:before {content: "\f0a4"; font-family: "FontAwesome"; font-size:100%; padding: 0; float:left; position:absolute; left:15px; color:#282828; line-height:30px;}

.fancy-anchor-arrow { list-style:none;}
.fancy-anchor-arrow li { padding-left:25px;}
.fancy-anchor-arrow li:before {content: "\f061"; font-family: "FontAwesome"; font-size:100%; padding: 0; float:left; position:absolute; left:15px; color:#282828; line-height:30px;}

.fancy-caret-right { list-style:none; margin-top:40px;}
.fancy-caret-right li { padding-left:25px;}
.fancy-caret-right li:before {content: "\f0da"; font-family: "FontAwesome"; font-size:100%; padding: 0; float:left; position:absolute; left:15px; color:#282828; line-height:30px;}

.fancy-circle-arrow { list-style:none; margin-top:40px;}
.fancy-circle-arrow li { padding-left:25px;}
.fancy-circle-arrow li:before {content: "\f138"; font-family: "FontAwesome"; font-size:100%; padding: 0; float:left; position:absolute; left:15px; color:#282828; line-height:30px;}

.fancy-check-square { list-style:none; margin-top:40px;}
.fancy-check-square li { padding-left:25px;}
.fancy-check-square li:before {content: "\f046"; font-family: "FontAwesome"; font-size:100%; padding: 0; float:left; position:absolute; left:15px; color:#282828; line-height:30px;}

.fancy-check { list-style:none; margin-top:40px;}
.fancy-check li { padding-left:25px;}
.fancy-check li:before {content: "\f00c"; font-family: "FontAwesome"; font-size:100%; padding: 0; float:left; position:absolute; left:15px; color:#282828; line-height:25px;}

.rounded-list-simple a { background:#f3f3f3 none repeat scroll 0 0; border-radius: 0.3em; color: #444; display: block; margin: 0.5em 0; padding: 0.4em 0.4em 0.4em 2em; position: relative; text-decoration: none; transition: all 0.3s ease-out 0s;}
.rounded-list-simple a:hover { background: #f3f3f3 none repeat scroll 0 0;}
.rounded-list-simple a:hover::before { background:#ff8800; color:#fff;}
.rounded-list-simple a::before { background: #228fec none repeat scroll 0 0; border: 0.3em solid #fff; border-radius: 2em; content: counter(li, decimal); counter-increment: li; font-weight: bold; height: 2em; left: -1.3em; line-height: 2em; margin-top: -1.3em; position: absolute; text-align: center; top: 50%; transition: all 0.3s ease-out 0s; width:2em; color:#fff;}

.rounded-list a { background:#f3f3f3 none repeat scroll 0 0; border-radius: 0.3em; color: #444; display: block; margin: 0.5em 0; padding: 0.4em 0.4em 0.4em 2em; position: relative; text-decoration: none; transition: all 0.3s ease-out 0s;}
.rounded-list a:hover { background: #f3f3f3 none repeat scroll 0 0;}
.rounded-list a:hover::before { transform: rotate(360deg); color:#fff;}
.rounded-list a::before { background: #87ceeb none repeat scroll 0 0; border: 0.3em solid #fff; border-radius: 2em; content: counter(li, decimal); counter-increment: li; font-weight: bold; height: 2em; left: -1.3em; line-height: 2em; margin-top: -1.3em; position: absolute; text-align: center; top: 50%; transition: all 0.3s ease-out 0s; width:2em;}

.rectangle-list-simple a { background: #f3f3f3 none repeat scroll 0 0; color: #444; display: block; margin: 0.5em 0 0.5em 2.5em; padding: 0.4em 0.4em 0.4em 0.8em; position: relative; text-decoration: none; transition: all 0.3s ease-out 0s;}
.rectangle-list-simple a:hover { background: #f3f3f3 none repeat scroll 0 0;}
.rectangle-list-simple a::before { background: #228fec none repeat scroll 0 0; content: counter(li, decimal); counter-increment: li; font-weight: bold; height:37px; left: -2.5em; line-height:37px; margin-top: -18px; position: absolute; text-align: center; top: 50%; width: 2em; color:#fff;}
.rectangle-list-simple a:hover::before {background:#ff8800; color:#fff;}

.rectangle-list a { background: #f3f3f3 none repeat scroll 0 0; color: #444; display: block; margin: 0.5em 0 0.5em 2.5em; padding: 0.4em 0.4em 0.4em 0.8em; position: relative; text-decoration: none; transition: all 0.3s ease-out 0s;}
.rectangle-list a:hover { background: #f3f3f3 none repeat scroll 0 0;}
.rectangle-list a::before { background: #fa8072 none repeat scroll 0 0; content: counter(li, decimal); counter-increment: li; font-weight: bold; height:37px; left: -2.5em; line-height:37px; margin-top: -18px; position: absolute; text-align: center; top: 50%; width: 2em;}
.rectangle-list a:hover::before { color:#fff;}
.rectangle-list a::after { border: 0.5em solid transparent; content: ""; left: -1em; margin-top: -0.5em; position: absolute; top: 50%; transition: all 0.3s ease-out 0s;}
.rectangle-list a:hover::after { border-left-color: #fa8072; left: -0.5em;}

/*------------------------------------------- LISTS STYLE END -------------------------------------------*/

.accordion { width:100%;}
.accordion2 h3 { background-color:#fff; border:#ccc solid 1px; border-radius:5px;}
.accordion2 h3.ui-state-default a {color:#282828;}
.accordion2 h3:hover{background:#ccc;}
.accordion2 h3.ui-state-active {background:#ccc;}

.accordion3 h3 { background-color:#2391ef;}
.accordion3 h3:hover {background:#ff8800;}
.accordion3 h3.ui-state-active {background: #ff8800;}

/*------------------------------------------- ACCORDION STYLE END -------------------------------------------*/

.skills-default { margin-top:0;}
.skills-default .skillbar {position:relative; display:block; margin-bottom:14px; width:100%; background:#dbdbdb; height:28px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.skills-default .skillbar-title {position:absolute; top:0;left:0; font-weight:bold; font-size:11px; color:#ffffff; background:none; text-transform:uppercase;}
.skills-default .skillbar-title span {display:block; padding:0 20px; height:28px; line-height:28px;}
.skills-default .skillbar-bar {height:28px; width:0px;background:#ff8800 !important;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.skills-default .skill-bar-percent {position:absolute; right:10px; top:0; font-size:11px; height:28px; line-height:28px; color:#ffffff; color:rgba(0, 0, 0, 0.4);}

.skills-custom { margin-top:0;}
.skills-custom .skillbar {position:relative; display:block; margin-bottom:14px; width:100%; background:#282828; height:28px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.skills-custom .skillbar-title {position:absolute; top:0;left:0; font-weight:bold; font-size:11px; color:#ffffff; background:none; text-transform:uppercase;}
.skills-custom .skillbar-title span {display:block; padding:0 20px; height:28px; line-height:28px;}
.skills-custom .skillbar-bar {height:28px; width:0px;background:#2391ef !important;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.skills-custom .skill-bar-percent {position:absolute; right:10px; top:0; font-size:11px; height:28px; line-height:28px; color:#ffffff; color:#fff;}

.skills-custom1 { margin-top:0;}
.skills-custom1 .skillbar {position:relative; display:block; margin:25px 0 40px; width:100%; background:#282828; height:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.skills-custom1 .skillbar-title {position:absolute; top:-20px; left:0; font-weight:bold; font-size:11px; color:#000; background:none; text-transform:uppercase;}
.skills-custom1 .skillbar-title span {display:block; padding:0; height:30px; line-height:20px;}
.skills-custom1 .skillbar-bar {height:5px; width:0px;background:#2391ef !important;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.skills-custom1 .skill-bar-percent {position:absolute; right:10px; top:-20px; font-size:11px; height:30px; line-height:20px; color:#000;}

.skills-custom2 { margin-top:0;}
.skills-custom2 .skillbar {position:relative; display:block; margin:25px 0 40px; width:100%; background:#eee; height:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.skills-custom2 .skillbar-title {position:absolute; top:-20px; left:0; font-weight:bold; font-size:11px; color:#000; background:none; text-transform:uppercase;}
.skills-custom2 .skillbar-title span {display:block; padding:0; height:30px; line-height:20px;}
.skills-custom2 .skillbar-bar {height:5px; width:0px;background:#ff8800 !important;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.skills-custom2 .skill-bar-percent {position:absolute; right:10px; top:-20px; font-size:11px; height:30px; line-height:20px; color:#000;}

.circle-skills-bar { width:100%;}
.progress-bar { position: relative; height:250px; width:234px; float:left;}
.progress-bar h4 { position:absolute; bottom:0; padding-bottom:0; left:42%; transform:translateX(-50%); text-transform:uppercase;}
.progress-bar div { position: absolute; height: 200px; width:200px; border-radius: 50%;}
.progress-bar div span { position: absolute; font-family: Arial; font-size: 25px; line-height: 175px; height: 175px; width: 175px; left: 12.5px; top: 12.5px; text-align: center; border-radius: 50%; background-color: white;}
.progress-bar .background { background-color: #b3cef6; }
.progress-bar .rotate { clip: rect(0 100px 200px 0); background-color: #4b86db;}
.progress-bar .left { clip: rect(0 100px 200px 0); opacity: 1; background-color: #b3cef6;}
.progress-bar .right { clip: rect(0 100px 200px 0); transform: rotate(180deg); opacity: 0; background-color: #2391ef;}
@keyframes toggle { 0% { opacity: 0;} 100% { opacity: 1;}}

/*------------------------------------------- SKILLS STYLE END -------------------------------------------*/

.blockquotes { width:100%;}
blockquote { padding:20px 30px; border-left:#CCC solid 5px; margin:30px 0; position:relative; background:#f8f8f8;}
blockquote.color { border-left:#ff8800 solid 5px; background:none;}

blockquote.right { padding:20px 30px; border-right:#CCC solid 5px; border-left:none; margin:30px 0; position:relative; background:#f8f8f8;}
blockquote.color.right { border-right:#ff8800 solid 5px; border-left:none; background:none;}

blockquote.quote { padding:30px; border:none;}
blockquote.quote p { padding-left:40px;}
blockquote.quote:before {content: "\f10d"; font-family: "FontAwesome"; font-size:25px; padding: 0; float:left; position:absolute; left:30px; color:#ccc; line-height:30px;}

blockquote.quote.border { background:none; border:#efefef solid 1px;}

blockquote.quote-color { background:#f9f9f9; padding:30px;}
blockquote.quote-color p { padding-left:40px;}
blockquote.quote-color:before {content: "\f10d"; font-family: "FontAwesome"; font-size:25px; padding: 0; float:left; position:absolute; left:20px; color:#ff8800; line-height:30px;}

/*------------------------------------------- BLOCKQUOTE STYLE END -------------------------------------------*/

.icon-list { width:100%;}
.icon-list .fa-hover a {background:#f9f9f9; color:#5a5a5a; display:block; margin-bottom:10px; padding:10px; position:relative; z-index:2; border:#f4f4f4 solid 1px; border-radius:5px;}
.icon-list .fa-hover a i { font-size:18px; margin-right:5px; width:20px;}
.icon-list .fa-hover a:after { background:#ff8800; content:""; left:0; position:absolute; top:0; transition:all 0.2s ease 0s; z-index:-1; bottom:0; right:100%; cursor:pointer; border-radius:5px;}
.icon-list .fa-hover a:hover:after { content: ""; left: 0; position: absolute; text-align: center; top: 0; bottom:0; right:0; transition: all 0.2s ease 0s;}
.icon-list .fa-hover a:hover, .icon-list .fa-hover a:hover i { color:#fff;}

/*------------------------------------------- ICON LISTS STYLE END -------------------------------------------*/

.tables { width:100%;}

.Table { display: table; width: 100%; border: 1px solid #dad8d8; border-top:none;}
.TableRow { display: table-row; cursor:pointer;}
.TableRow.gry { background:#f4f4f4;}
.TableRow.dark-gry { background:#c5c3c3; color:#fff;}
.TableRow.dark-blue { background:#2391ef; color:#fff;}
.TableRow.dark-orange { background:#ff8800; color:#fff;}
.TableHeading { display:table-header-group; background-color:#ddd;}
.TableCell, .TableHead { display: table-cell; padding:10px 15px; border: 1px solid #dad8d8; border-left:none; border-bottom:none;}
.TableHeading { display: table-header-group; background-color: #ddd; font-weight: bold;}
.TableFoot { display: table-footer-group; font-weight: bold; background-color: #ddd;}
.TableBody { display: table-row-group;}

.TableCell:last-child, .TableHead:last-child { border-right:none;}

/*------------------------------------------- TABLES STYLE END -------------------------------------------*/

.Pagariya-group { display: flex;align-items: center;}

.privacy-policy {background:#fae9c7; padding: 50px 0px;}

.privacy-bg {background:#fae9c7; padding: 50px 0px;}

.privacy h2 {color: #214B2A;font-size: 42px; font-weight: bold;letter-spacing: 1.2px;text-align: left; margin-bottom: 20px; padding: 0px;    text-transform: none;}
.privacy h3 {color: #214B2A;font-size: 24px; font-weight: bold;letter-spacing: 1.2px;margin-bottom: 20px;}
.privacy p {
  color: #214B2A;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%; /* 23.76px */
  letter-spacing: 0.9px;padding-bottom: 10px;
  text-align: left;
}
hr {margin-top: 10px; margin-bottom: 25px}



/*------------------------------------------- TABLES STYLE END -------------------------------------------*/

.animation { width:100%;}
.animate { opacity:0;}
.animate.animated { opacity:1;}

/*------------------------------------------- INNER PAGES STYLE END -------------------------------------------*/

.bxslider-horizontal .bx-wrapper { border:none !important; box-shadow:none !important;}


/*
.bx-viewport { height:520px !important; overflow:hidden;}
.bxslider li { height:500px;}
*/

.bxslider li iframe { width:100%; height:100%;}

.bxslider-horizontal .bx-wrapper .bx-caption { width:40%; top:50%; left:0; right:0; bottom:auto; transform:translateY(-50%); text-align:center; margin:auto; padding:30px;}
.bxslider-horizontal .bx-wrapper .bx-caption h1 { text-align:center; font-size:24px; text-transform:uppercase; padding-bottom:15px;}
.bxslider-horizontal .bx-wrapper .bx-caption p { color:#fff; text-align:center;}
.bxslider-horizontal .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:20px;}

.bxslider-fade .bx-wrapper .bx-caption { padding:30px;}
.bxslider-fade .bx-wrapper .bx-caption h1 { text-align:center; font-size:24px; text-transform:uppercase; padding-bottom:15px;}
.bxslider-fade .bx-wrapper .bx-caption p { color:#fff; text-align:center;}

.bxslider-start-stop .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { bottom:20px; left:20px;}
.bxslider-start-stop .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { bottom:20px; right:20px;}

.bxslider-thumbnail .bx-viewport { height:450px !important; overflow:hidden;}
.bxslider-thumbnail .bxslider li { height:450px;}
.bxslider-thumbnail .bx-wrapper .bx-caption { background:rgba(0, 0, 0, 0.7); width:100%; left:0; right:0; bottom:0; text-align:center; margin:auto; padding:20px;}
.bxslider-thumbnail .bx-wrapper .bx-caption h1 { text-align:center; font-size:24px; text-transform:uppercase; padding-bottom:15px;}
.bxslider-thumbnail .bx-wrapper .bx-caption p { color:#fff; text-align:center;}

.bxslider-thumbnail #bx-pager { margin-top:-30px; text-align:center;}
.bxslider-thumbnail #bx-pager a { margin:0 3px; border:2px solid #ccc; padding:3px; width:80px; height:70px; display:inline-block;}
.bxslider-thumbnail #bx-pager a img { width:100%; height:auto; min-height:60px;}
.bxslider-thumbnail #bx-pager a:hover, .bxslider-thumbnail #bx-pager a.active {border:2px solid #ff8800;}

.bxslider-custom-easing .bx-wrapper .bx-caption {background:rgba(0, 0, 0, 0.3); width:100%; top:50%; left:0; right:0; bottom:auto; transform:translateY(-50%); text-align:center; margin:auto; padding:30px;}
.bxslider-custom-easing .bx-wrapper .bx-caption h1 { text-align:center; font-size:24px; text-transform:uppercase; padding-bottom:15px;}
.bxslider-custom-easing .bx-wrapper .bx-caption p { color:#fff; text-align:center;}
.bxslider-custom-easing .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:20px;}
.bxslider-custom-easing .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:20px;}

.fade .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto, .horizontal .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto, .vertical .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto, .easing .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:20px;}

.ticker .bx-viewport { height:200px !important; overflow:hidden;}
.ticker .bxslider li { height:200px;}

/*------------------------------------------- SLIDERS STYLE END -------------------------------------------*/

#parallax { width:100%; overflow:hidden;}
.parallax1 { background:#181818 url(images/parallax-bg1.jpg) no-repeat top center fixed; background-size:cover; padding:0;}
.parallax-box-left { width:auto; margin:0 -15px; padding:60px 30px 60px 15px;}
.parallax1::before {background:#fff; content:""; left:0; position:absolute; top:0; width:50%; height:100%;}

.parallax2 { background:#181818 url(images/parallax-bg2.jpg) no-repeat top center fixed; background-size:cover; padding:0;}
.parallax2::after {background:#2391ef; content:""; right:0; position:absolute; top:0; width:50%; height:100%;}
.parallax-box-right { width:auto; margin:0 -15px; padding:60px 0 60px 30px;}
.parallax-box-right h2, .parallax-box-right p { color:#fff;}

.parallax3 { background:#181818 url(images/parallax-bg3.jpg) no-repeat top center fixed; background-size:cover; padding:0;}
.parallax-box-left { width:auto; margin:0 -15px; padding:60px 30px 60px 15px;}
.parallax3::before {background:#fff; content:""; left:0; position:absolute; top:0; width:50%; height:100%;}

.parallax4 { background:#181818 url(images/parallax-bg4.jpg) no-repeat top center fixed; background-size:cover; padding:0;}
.parallax4::after {background:#ff8800; content:""; right:0; position:absolute; top:0; width:50%; height:100%;}
.parallax-box-right { width:auto; margin:0 -15px; padding:60px 0 60px 30px;}
.parallax-box-right h2, .parallax-box-right p { color:#fff;}

/*-------------------------------------------------------------------------------------*/

.btn {padding: 8px 30px;border-radius: 30px;font-family: Poppins;font-size: 18px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.25px;}
.btn-yelloy {
    color: #fff;
    background-color: #ff8800;
   margin-top: 15px; 
}
.btn-yelloy:hover {background-color: #439C2D; color: #fff;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: thin dotted;
  outline: 0px auto -webkit-focus-ring-color; 
  outline-offset: 0px; 
}

/*------------------------------------------- PARALLAX BLOCKS STYLE END -------------------------------------------*/

footer { width:100%; height:auto; background:#fdf2e6; color:#d1d0d0;}
footer .contact-info { width:100%; background:#fdf2e6; display:flex;margin-left: 0px;align-items: center;}
footer .list-inline>li a img {width: 16px; height: 16px; margin-top: 30px;}
footer .contact-info .box { width:100%; }
footer .contact-info .box i { color:#214B2A; font-size:30px; padding-right:25px; margin-right:25px; float:left; position:relative;}
footer .contact-info .box i:after {width:2px; height:22px; position:relative; content:""; position:absolute; top:50%; transform:translateY(-50%); right:0; margin:auto;}
footer .contact-info .box h5 { color:#000;font-family: Poppins;font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.25px; padding-bottom:10px;}
footer .contact-info .box p { color:#000;font-family: Poppins;font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.25px;padding-top: 15px; padding-bottom: 0px;margin-top: 5px; margin: 0px;text-decoration: none;text-align: left; }
footer .contact-info .col-4:nth-child(3) .box { border-right:none;}



footer .box {padding: 20px 0px 20px 0px}
footer .box h4 { color:#fff; text-transform:uppercase;}
footer .box p { color:#757575; font-size:13px; line-height:22px;text-decoration: none;}

/*
footer .box ul { padding:0; margin:0; -moz-columns:2 auto; -webkit-columns:2 auto; text-align: right;}
footer .box li { display:block; }

footer .box li a { color:#000;font-family: Poppins;font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.25px; padding-left:20px;}
footer .box li:hover a, footer .box li:hover i { color:#000;}
*/

footer .recent-posts { width:100%; margin:10px 0 25px; padding-bottom:20px; border-bottom:#353535 dashed 1px;}
footer .recent-posts .thumb { width:80px; height:69px; float:left; margin-right:20px;}
footer .recent-posts .thumb img { border-radius:5px;}
footer .recent-posts:last-child { border-bottom:none; margin-bottom:0; padding-bottom:0;}
footer .recent-posts .read-more { color:#fff; font-size:13px; margin-top:7px; display:block;}
footer .recent-posts:hover .read-more { color:#ff8800;}

.copyright { width:100%; padding:15px 0; background:#fdf2e6; font-size:16px; padding: 20px 0px 20px; border-top:1px solid #000;}
.copyright .copyright-txt { color:#439C2D;font-family: Poppins;font-size: 16px;font-style: normal;font-weight: 500;letter-spacing: 0.25px;}
.copyright .copyright-txt a{ color:#439C2D;}
.copyright .design-by { float:right;color:#439C2D;font-family: Poppins;font-size: 16px;font-style: normal;font-weight: 500;letter-spacing: 0.25px;}
.copyright .social-icons { width:auto; margin:auto; display:table;}
.copyright .social-icons a { width:33px; height:33px; float:left; color:#000; text-align:center; margin:0 3px; position:relative; z-index:2;}
.copyright .social-icons a i { line-height:25px;}
.copyright .social-icons a:hover { color:#fff;}

.copyright .social-icons a:after { background:#228fec; content:""; left:50%; position:absolute; top:50%; transition:all 0.6s ease 0s; z-index:-1; bottom:50%; right:50%; cursor:pointer;}
.copyright .social-icons a:hover:after { content: ""; left: 0; position: absolute; text-align: center; top: 0; bottom:0; right:0; transition: all 0.35s ease 0s;}

/*  footer .social-icons a { margin-right: 20px;} */

/*Themebar CSS*/

footer .list-inline {
    margin: 0px;
    padding: 0px;
}

footer .list-inline>li {
    padding: 2px 10px;
    margin-left: 0px;
    list-style: none;
}


#wpadminbar{display:none !important;}

/*
.show a {left:170px; position: fixed; top: 0; z-index:999999; background:url(images/themebar/up.png) no-repeat center top; width:42px; height:36px;}
.show a:hover {background-image:url(images/themebar/up_hover.png)}
*/
#introbar{clear:both; height:50px; width:100%; padding:10px 0; border-bottom:1px #000 solid; background:url(images/themebar/body.png) repeat left top #eee; z-index:999999; position:fixed; top:0; box-sizing:border-box; font:normal 12px/1 arial;}
#introbar img{border:none; padding:0; margin:0; vertical-align:middle; height:20px;}
#introbar a{color:#343a3a; text-decoration:none;}
#demosite{border:none; padding:0; margin:0;}
#introbar .logointro{margin:0 20px 0 0;}
#introbar .close{background:url(images/themebar/close_hover.png) no-repeat left center; padding:0 0 0 16px;}
#introbar .close:hover{background-image:url(images/themebar/close.png); color:#0681b5;}
#introbar .left{float:left; padding:5px 0 0 50px;}
#introbar .right{float:right; padding-right:50px;}
.clear{clear:both;}
#introbar .purchase{background:url(images/themebar/button.png) no-repeat center top; width:150px; height:28px; padding:0 2px 2px 23px; display:inline-block; text-align:center; font:normal 13px/26px arial; color:#fff; box-sizing:border-box;}
#introbar .purchase:hover{background-image:url(images/themebar/button_hover.png);}

/* ----------------------------------------Recipes fixed Tab----------------------------------------*/


.fixed {position: fixed; z-index: 9999999; background-color:#fff; padding-top: 30px; padding-bottom:10px;}

.myBtnContainer {background-color:#FFF7E8;border-radius: 46px; z-index: 9999999; margin: auto; }
#myBtnContainer {background-color:#FFF7E8;border-radius: 46px;}

/*-------------------------------------------product Tab  -------------------------------------------*/

/* MAKE IT CUTE ----- */
.tabs {
	position: relative;
	display: block;
	
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}

.tabby-tab {
	flex: 1;
}

.tabby-tab label {
	display: block;
	box-sizing: border-box;
	/* tab content must clear this */
		height: 85px;
	
	padding: 16px 40px;
	text-align: center;
	background: #FFF9F5;
	cursor: pointer;
	transition: background 0.5s ease;
	color: #000000;
	font-size: 21px;
	border-bottom: 1px solid #000;
}

.tabby-tab label:hover {
	background: #439C2D;
}

.tabby-content {
	position: absolute;
	
	left: 0; bottom: 0; right: 0;
	/* clear the tab labels */
		top: 85px; 
	
	padding: 20px;
	border-radius: 0 0 8px 8px;
	background: #FFF9F5;
	
	transition: 
		opacity 0.8s ease,
		transform 0.8s ease		;
	
	/* show/hide */
		opacity: 0;
		transform: scale(0.1);
		transform-origin: top left;
	
}

.tabby-content img {
	float: left;
	margin-right: 20px;
	border-radius: 8px;
}


/* MAKE IT WORK ----- */

.tabby-tab [type=radio] { display: none; }
[type=radio]:checked ~ label {
	background: #439C2D;
	z-index: 2;
}

[type=radio]:checked ~ label ~ .tabby-content {
	z-index: 1;
	
	/* show/hide */
		opacity: 1;
		transform: scale(1);
}

/* BREAKPOINTS ----- */
@media screen and (max-width: 767px) {
	.tabs { min-height: 400px;}
	
	.flex-item:nth-of-type(1) { order: 2; }
  .flex-item:nth-of-type(2) { order: 1}
  
}

@media screen and (max-width: 480px) {
	.tabs { min-height: 82px; }

	.tabby-tab label { 
		height: 100px;
	}
	.tabby-content { top: 60px; }
	.tabby-content img {
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
  .events ul.tabs { height: auto;
}



}


@media (max-width: 479px) {
	#introbar .left{padding-left:5px;}
	#introbar .right{padding-right:5px;}
	#introbar .purchase{width:80px !important; padding:0 12px 2px 8px; line-height:26px; background-position:right top; height:28px; overflow:hidden; border-radius:6px 0 0 6px; -moz-border-radius:6px 0 0 6px; -webkit-border-radius:6px 0 0 6px; -khtml-border-radius:6px 0 0 6px; box-sizing:border-box;}
}

@media (min-width: 480px) {
	#introbar .left{padding-left:20px;}
	#introbar .right{padding-right:20px;}
}