/*!
Theme Name: Signal Shop Theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: signal-shop-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Signal Shop Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */


/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}













/* custom woo styles */



@charset "utf-8";
/* CSS Document */

/******************************  MAIN PAGE **************************

[Table of Contents]

1. Fonts
2. Utility Classes
3. Body and some general stuff
4. Scroll Top Button
5. Header Desktop
6. Header Mobile
7. Footer
8. Navbar
9. Main Banner
10. Introduction Section
11. Work Section
12. Team Section
13. Newsletter Section
14. Product Features



/***********
1. Fonts
***********/
/*@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');*/


/*********************************
2. Utility Classes
*********************************/

:root {
  --main-color: #2f90df;
  --secondary-color: #024e44;
  --white: #ffffff;
  --dark-color: #1a1c20;
  --light-color: #a6a7ad; 
  --main-font: 'Lora', serif;
  --secondary-font: 'Roboto', sans-serif;
}


.container-custom{
  width: 90%;
  margin:auto;
}

.wrap {
  display: flex;
  align-items: center;
  justify-content:center;
}

.padding-side{
  padding-right: 75px!important;
  padding-left: 75px!important;
}

.padding-side-50 {
  padding-right: 50px;
  padding-left: 50px;
}

.pb-100{
  padding-bottom:100px!important;
}

.section{
  padding: 70px 0;
}
.section-lg{
  padding: 100px 0!important;
}

.section-xl{
  padding: 150px 0!important;
}
.text-main{
  color: var(--main-color)!important;
}

.text-sec{
  color: var(--secondary-color)!important;
}

.sec-heading{
  font-size: 24px;
  color: #024e44;
  line-height: 25px;
  text-align: center;
}

p.blockquote{
  font-size: 24px;
  color: #ffffff;
  line-height: 38px;
  text-align: center;
}


h1.text-bold {
  font-size: 48px;
  color: #ffffff;
  margin-bottom: 20px;
} 

h2.text-bold {
  font-size: 36px;
  line-height: 40px;
} 

.text-med{
  font-size: 24px;
  color: #ffffff;
}

.custom-input{
  font-size: 14px;
  line-height: 21px;
  color: #222222;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  margin: 0 0 30px;
  padding: 0 0 10px;
  background-color: #fff;
  border: none;
  border-bottom: 1px solid #121212;
  border-radius: 0;
  height: auto;
}

.btn-custom{
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    background-color: transparent;
    border: 2px solid transparent;
    box-sizing: border-box;
    word-wrap: break-word;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    position: relative;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: normal;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 2em;
  }

.btn-custom-secondary{
    font-size: 14px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 2em;
    background: var(--main-color);
    color: white;
    text-align:center;
}

.btn-custom-secondary.secondary_font{
  font-family: ivyjournal, sans-serif;
}

.btn-custom-secondary.btn_lg{
    border-radius: 30px;
    padding: 10px 0;
    font-size: 16px;
    max-width: 190px;
    width: 100%;
    display: inline-block;
    text-align: center;
    line-height: 26px;
    text-transform: uppercase;
}

.btn-custom-light{
  color: #fff;
}

.btn-custom-dark{
  color: #000;
}

.hover-main:hover{
  background: var(--main-color);
  border-color: var(--main-color)!important;
  text-decoration: none;
  color:white!important;
}

.hover-secondary:hover{
  background: var(--secondary-color);
  border-color: var(--secondary-color)!important;
  text-decoration: none;
  color:white!important;
}

.border-main{
  border-color: var(--main-color)!important;
}




/*********************************
3. Body and some general stuff
*********************************/

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: ivyjournal, sans-serif;
}

a {
  text-decoration: none;
  color: black;

}

p {
  line-height: 21px;
  margin-bottom: 10px;
}

a:hover {
  text-decoration: none;
}

img {
  height: auto;
  max-width: 100%;
}

body {
  font-family: ivyjournal, sans-serif;
  width: 100%;
  height: 100%;
}

label{
  font: 400 15px/27px Roboto,Helvetica,Arial,Verdana,sans-serif;
  font-family: forma-djr-micro, sans-serif;
  font-weight: 400;
  word-spacing: normal;
  color: #85868c;
}

.body-overlay{
  display:none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1111111111;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,.5);
}


.fixed-top{
  /*height: 80px!important;*/
  height: auto;!important;
}

.navbar-brand img{
  height:80px !important;
  width:auto !important;
}

main .shop-content, .shop-content{
 margin-top: 120px;
}
main.page{
 margin-top: 220px;
}

.woocommerce .woocommerce-breadcrumb{
   margin-top: 40px !important;
}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {


}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}


.no-hero{
  margin-top: 120px;
}
.hero_section {
  height: 100vh;
  display: flex;
}

.hero_section .text_container{
  position:absolute;
  left:20%;
  top:60%;
  transform:translate(-20%, -60%);
}

.hero_section h1{
  font-size: 72px;
  color: #ffffff;
  line-height: 80px;
}



/*********************************
4. Scroll Top Button
*********************************/
#scroll_top {
  display: inline-block;
  background-color: rgba(0,0,0,.2);
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#scroll_top:hover {
  cursor: pointer;
  background-color: rgba(0,0,0,.5);
}
#scroll_top:active {
  background-color: #555;
}
#scroll_top.show {
  opacity: 1;
  visibility: visible;
}




/*********************************
5. Header Desktop
*********************************/
header.header_lg{
  display:none;
  position:fixed;
  top:0;
  z-index:111111111;
  width: 100%;
  padding: 0 100px;
  height: 250px;
  background: url('assets/img/repeatable-navigation-background.jpg');
  animation: fadeIn ease .7s;
  -webkit-animation: fadeIn ease .7s;
  -moz-animation: fadeIn ease .7s;
  -o-animation: fadeIn ease .7s;
  -ms-animation: fadeIn ease .7s;
}

.header-container{
  width: 100%;
  margin: 60px auto;
}

.header_lg ul li{
  display:flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 25px;
}


.header_lg ul li a{
  font: normal 700 17px / 21px "Roboto", Helvetica, Arial, Verdana, sans-serif;
  text-transform: none;
  color: #fff;
  margin: 0px 14px 0px 14px;
  padding: 0px 4px 0px 4px;
}

.header-toggle{
  position:absolute;
  right: 2%;
  top:15%;
  transform:translate(2%, -15%);
  height:50px;
  width:50px;
  background: rgba(255,255,255,0.75);  
  font-size: 16px;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
}


.header-toggle span{
  color: #000;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}




/*********************************
6. Header Mobile
*********************************/
.header_sm{
  display:none;
  position:fixed;
  max-width: 287px;
  width: calc(300px - 13px);
  padding: 45px 15px 30px 30px;
  box-sizing: border-box;
  height:100%;
  background: #fff;
  z-index:111111111111111;
  right:0;
  top:0;
  animation: slide 0.5s forwards;
  right: -600px;
}
.header-toggle-sm{
  position:absolute;
  right: 2%;
  top:2%;
  transform:translate(2%, -2%);
  height:30px;
  width:30px;
  background: linear-gradient(
    135deg
    ,#1ebbf0 30%,#39dfaa 100%);
  font-size: 16px;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
}


@-webkit-keyframes slide {
  100% { right: 0; }
}

@keyframes slide {
  100% { right: 0; }
}


.header-toggle-sm span{
  color: #fff;
}

.header_sm ul li a{
  font: 700 16px/20px Roboto,Helvetica,Arial,Verdana,sans-serif;
  color: #333;
  text-transform: none;
}

.header_sm ul li{
  padding: 15.2px 25px 15.2px 0;
  position:relative;
}

.header_sm ul li:before{
  content: "";
    position: absolute;
    top: -.5px;
    height: 0;
    width: 100%;
    max-width: 100%;
    left: 0;
    border-bottom: 1px solid rgba(51,51,51,.12);
}
.header_sm ul li:first-child:before{
  border:none;
}


/*********************************
7. Footer
*********************************/

.footer {
  background-color: var(--dark-color);
  color: white;
  margin: 0 auto;
  padding: 80px 0;
}

.footer a{
  color: white;
}

.footer-bottom{
  padding-top: 70px;
}

.footer a:hover{
  color:var(--main-color);
  text-decoration:none;
}

.footer .nav__links i{
  color:var(--main-color);
}


.footer ul li i{
  margin-left: 10px;
  display: inline-block;
}



/*********************************
8. Navbar
*********************************/

.nav__container {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
  align-items: center;
  background-color: #fff;
}


.nav__container > * {
  cursor: pointer;
}




.background {
  background: #19d9ea;
  height: 100vh;
  width: 100%;
  color: #fff;
  display: table;
  text-align: center;
}


.navbar-toggler {
  margin-left: 20px!important;
  border:0!important;
}

.hamburger-icon .line {
  width: 24px;
  background: #000;
  margin: 4px 0 0 0;
  height: 3px;
  display: block;
  transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#hamburger-icon-sm{
  display:none;
}
.line-1 {
  margin-top: 0;
}

#hamburger-icon:hover .line-1 {
  width: 30px;
}

#hamburger-icon:hover .line-2 {
  width: 40px;
}

#hamburger-icon:hover .line-3 {
  width: 20px;
}

.nav__logo {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  display: flex;
  justify-content: center;
}

.nav__combined {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}


.social-link{
  font-size:30px;
  padding-right: 10px;
  color: var(--light-color);
}

.social-link:hover{
  text-decoration:none;
  color: #2f90df;

}


.nav__cta  {
  height: 100%;
  color: black;
  background: var(--main-color);
  font: bold 18px / 10px "Roboto", Helvetica, Arial, Verdana, sans-serif;
  display: flex;
    justify-content: center;
    align-items: center;
}

.nav__cta a {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 20px;
  letter-spacing: 1px;
  padding: 30px 50px 30px 50px;
  color: white;
  font-weight: 600;
} 

.nav__cta a:hover {
  text-decoration: none;
  color: white;
} 





/*********************************
9. Main Banner
*********************************/

  .main-banner {
    background-image: url('assets/img/header--home.jpg');
    background-size: cover;
    padding: 50px 0 50px 0;
  }

  @media all and (max-width: 356px) {
    .main-banner { 
      min-height: 70vh;
    }
  }
  @media all and (max-width: 1100px) {
    .main-banner { 
      min-height: 70vh;
    }
  }


  .main-banner {
    display: flex;
    /* padding: 10vh 10vw; */
    justify-content:center;
    align-items: center;
    flex-direction: column;
    position:relative;
    width: 100%;
    height: 562px;
  }

.main-banner__text{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width: 100%;
  text-align:center;
}
.main-banner__text h1 {
 /* line-height: 100px;
  font-size: 90px;*/
}
  .main-banner__buttons {
    display: flex;
    justify-content: center;
    align-items:center;    
  }

  .main-banner__buttons .btn-custom {
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 19px;
    padding-right: 19px;
    font-size: 14px;
    border-width: 2px;
    border-color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
  }



 /*********************************
10. Introduction Section
*********************************/

  .intro-sec h1{
    font-size: 48px;
    color: #ffffff;
    text-align: center;
    line-height: 100px;
  }

  .intro-sec p.paragraph{
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    width:70%;
  }




  /*********************************
11. Work Section
*********************************/

  .card__group .card{
    position:relative;
    border-radius: 15px !important;
    border:none!important;
  }

  .card__group .card-image{
    position:absolute;
    top: 10%;
    left: 5%;
    transform:translate(-5%, -10%);
  }

  .card .card-text-container{
    padding-left:80px;
  }




/*********************************
12. Team Section
*********************************/
  .team-sec {
    background-image: url('assets/img/team.jpg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }



  /*********************************
13. Newsletter Section
*********************************/
  .newsletter-sec{
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }

  .newsletter-label{
    padding-top: 120px;
  }




  /*********************************
14. Product Features
*********************************/
.carousel-cell {
  width: 100%;
  margin-right: 10px;
  border-radius: 5px;
  counter-increment: carousel-cell;
}

.carousel-cell .row{
  width:85%;
  margin:auto;
}

.flickity-page-dots {
  display:none;
}

.product_feature_section p.short_description{
  color: #222;
  font-style: italic;
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 40px;
}

.flickity-page-dots .dot {
  height:14px!important;
  width:14px!important;
  box-shadow: 0 0 0 2px rgb(255 255 255)!important;
  background: #c7ebe5!important;
  opacity: 1!important;

}

.flickity-page-dots .dot.is-selected {
  box-shadow: 0 0 0 2px #2f90df!important;
  background: #fff!important;
  position:relative!important;
}

.flickity-page-dots .dot.is-selected:after{
  content:'';
  display:block;
  width:7px;
  height:7px;
  background:#2f90df!important;
  border-radius: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.flickity-button {
  background: transparent;
}
.flickity-prev-next-button {
  width: 70px!important;
  height: 70px!important;
  background:transparent!important;
}
.flickity-button-icon {
  fill: var(--secondary-color)!important;
}
.flickity-button:disabled {
  display: none;
}







/******************************  ABOUT PAGE **************************
[Table of Contents]

1. Banner
2. Team Section
3. Value Section
*/


  /*********************************
1. Banner
*********************************/
.about .banner {
  background-image: url('img/hero-about-1.webp') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position:relative;
}
  
.about .banner .banner_btn{
  position: absolute;
  right: 0;
  bottom:0;
  padding: 30px 60px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.about .banner .banner_btn a:hover{
  text-decoration:none;
}



  /*********************************
2. Team Section
*********************************/
.about .team {
  background-image: url('assets/img/large-background-about.webp') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}



  /*********************************
3. Value Section
*********************************/
.about .value-sec-sm  .flickity-prev-next-button{
    display:none; 
}

.about .value-sec-sm .flickity-page-dots {
  display:block!important;
}

.about .value-sec-sm .flickity-page-dots .dot {
  height:12px!important;
  width:12px!important;
  background: #2f90df!important;
  opacity: .5!important;
}

.about .value-sec-sm .flickity-page-dots .dot.is-selected {
  box-shadow: 0 0 0 2px #2f90df!important;
  opacity: 1!important;
  
}

.about .value-sec-sm .flickity-page-dots .dot.is-selected:after{
  content: "";
    display:block;
  width:0px;
  height:0px;
}
















/****************************** MEDIA QUERIES

[Table of Contents]

1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px
11. 539px
12. 479px
13. 400px

******************************/

/************
1. 1600px
************/

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

/************
2. 1440px
************/

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

/************
3. 1380px
************/

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

/************
3. 1280px
************/

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

/************
4. 1199px
************/

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

}

/************
4. 1100px
************/

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

/************
5. 1024px
************/

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

/************
6. 991px
************/

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

/*  .nav__logo img {
    max-width: 75%;
  }

  #hamburger-icon-lg{
    display:none;
  }
  #hamburger-icon-sm{
    display:block;
  }

  .work-sec .col-12{
    margin-top:20px;
  }
  .work-sec .col-12:first-child{
    margin-top:0px;
  }
  .hero_section h1 {
    font-size: 62px !important;
  }*/
  
}

/************
7. 959px
************/

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

/************
8. 880px
************/

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

/************
9. 768px
************/

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

/************
10. 767px
************/

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

  .text-left-sm{
    text-align:left!important;
  }
  .section-xl{
    padding:70px 0!important;
  }
  div.mt-sm{
    margin-top:0px!important;
  }
  div.mt-sm-lg{
    margin-top:20px!important;
  }
  p.mt-sm{
    margin-top:10px!important;
  }
  .empty_space_sm{
    display:block!important;
  }
  .br-sm-hide{
    display:none;
  }
  .social-links{
   /* display:none;*/
  }
  .nav__cta a{
    font-size:12px;
    padding:20px 20px ;
  }
  .navbar-toggler{
    margin-left: 5px !important;
  }



  .container-sm{
    width:95%!important;
    max-width:95%!important;
    margin:auto;
  }
  .main-banner__text h1 {
    font-size: 30px!important;
   
  }

  .main-banner__buttons div{
    margin-top: 20px;
  }
  .main-banner__buttons div:first-child{
    margin-top: 0px;
  }
  
  h1.text-bold {
      font-size: 30px!important;
      line-height: 36px!important;
  }

  h2.text-bold{
    font-size: 24px!important;
    line-height: 30px!important;
  }

  .sec-heading{
    font-size: 14px!important;
  }
  .text-med{
    font-size: 18px!important;
    line-height: 22px!important;
  }

  .intro-sec .paragraph{
    width:100%!important;
  }


  .work-sec .card-image{
    width: 40px;
  }
  .work-sec .card .card-text-container{
    padding-left:70px;
  }

  .video-sec{
    text-align:center;
  }
  .video-sec .video-container{
    padding-top:70px;
  }

  .team-sec{
    padding-left:0;
    padding-right:0;
  }

  .newsletter-sec {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .padding-side{
    padding-right: 0px!important;
    padding-left: 0px!important;
  }

  .padding-side-50 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .footer ul{
    margin-top:20px;
  }
  .footer .footer-bottom {
    flex-direction:column-reverse;
  }

  .footer .social-link{
    font-size:28px;
    padding-left:20px;
  }

  .hero_section{
    height: 70vh;
  }
  .hero_section h1 {
      font-size: 36px!important;
      line-height: 40px!important;
      margin: 0 0 10px;
  }

  .hero_section .text_container{
    width:90%;
    top:50%;
    transform:translate(-20%, -50%);
  }

  .flickity-prev-next-button{
    display:none;
  }

  .carousel-cell .row{
    width:100%!important;
    text-align:center;
  }
  .flickity-page-dots {
    bottom:-45px!important;
    display:block!important;
  }

  .about .banner .banner_btn{
    display:none;
  }

}

/************
11. 575px
************/

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

/************
11. 539px
************/

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

/************
12. 480px
************/

@media only screen and (max-width: 480px)
{
 .nav__cta a{
    font-size:12px;
    padding:20px 16px ;
  }
  .navbar-toggler{
    margin-left: 0px !important;
  }
  .nav__logo img{
    width: 80%;
  }
  .social-link{
    font-size:22px;
  }


}

/************
13. 479px
************/

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

/************
14. 400px
************/

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


























/*
================================================================================
================================================================================
================================================================================
================================================================================
========================      Custom Theme Styles     ==========================
================================================================================
================================================================================
================================================================================
================================================================================
*/











.logged-in .fixed-top {
  top: 32px;
}



/*colors*/

.white{
  color: #fff;
}
.green{
  color: #2f90df;
}
.greenBg{
  background-color: #2f90df;
}
.lGreen{
  color: #2f90df;
}
.lGreenBg{
  background-color: #2f90df;
}

.border-success{
  border: 2px solid #024e44 !important;
  border-radius: 16px;
}
.theme{
  color:#2f90df;
}

.bg-theme{
  background:#2f90df;
}
.bg-theme-dark{
  background: rgb(3, 95, 78);
  background: linear-gradient(90deg, rgba(3, 95, 78,1) 0%, rgba(60,123,109,1) 100%), url('/wp-content/themes/signal-shop-theme/assets/img/background.jpg'); 
  background-size: cover; 
  background-position: center center;
  background-repeat:no-repeat;
}

.bg-dark2{
  background:#158472 !important;
}


.bg-main{
  background-image: url('/wp-content/themes/signal-shop-theme/assets/img/background.jpg') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}


.bg-theme-light{
  background: linear-gradient(180deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,.3) 86%, rgba(0,0,0,.2) 100%), url('/wp-content/themes/signal-shop-theme/assets/img/background.jpg'); 
  background-size: cover; 
  background-position: center center;
  background-repeat:no-repeat;
}

.btn-theme{
  background-color:#2f90df;
  color: #fff;
/*  border-radius: 30px!important;
  padding: 10px 120px!important;*/
}

.btn-theme{
  background-color:#2f90df;
  color: #fff;
}

.btn-theme:hover{
  background-color:#2f90df;
  color: #fff;
}

.btn-light{
  background-color:#2f90df;
  color: #fff;
}

.btn-light{
  background-color:#fff;
  color: #2f90df;
}

.btn-light:hover{
  background-color:#2f90df;
  color: #fff;
}

.btn-wide{
  border-radius: 30px!important;
  padding: 10px 120px!important;
}
.btn-outline{
  background-color:rgba(255, 255, 255, 0);
  color:rgb(31, 176, 153);
  border: 1px solid rgb(31, 176, 153);
}
.btn-outline:hover{
  background-color:rgb(31, 176, 153);
  color: #fff;
}

.btn-clear{
  background-color:rgba(255, 255, 255, 0);
  color: #fff;
  border: 1px solid rgb(31, 176, 153);
}
.btn-clear:hover{
  background-color:rgba(255, 255, 255, .2);
  color: rgb(31, 176, 153);
}
.margin-1{
  margin-top: 100px;
  margin-bottom: 100px;
}

.padding-1{
  padding-top: 100px;
  padding-bottom: 100px;
}

.img-fluid{
  width: 100%;
}

.uc{
  text-transform: uppercase;
}

.img-full{
  width: 100% !important;
}
.theme_icon{
  width: 80px;
  margin-bottom: 10px;
}

.iconLarge{
  font-size: 60px;
}

.white, ul.white li{
  color:#fff !important;
}


.form-control {
   border-left: none;
   border-right: none;
   border-top: none;
   border-bottom: .5px solid #333;
   border-radius: 0px;
}

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
 .center-md{
   text-align: center !important;
 }

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
 .center-sm{
  text-align: center !important;
 }
 .w-100{
  width: 80%!important;
  margin: 0 auto;

 }

}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
 .center-xs{
  text-align: center !important;
 }

}

/*

Halogen Bold

font-family: halogen, sans-serif;
font-weight: 700;
font-style: normal;

Halogen Bold Oblique

font-family: halogen, sans-serif;
font-weight: 700;
font-style: italic;

Halogen Black

font-family: halogen, sans-serif;
font-weight: 900;
font-style: normal;

Halogen Black Oblique

font-family: halogen, sans-serif;
font-weight: 900;
font-style: italic;

Halogen Light

font-family: halogen, sans-serif;
font-weight: 300;
font-style: normal;

Halogen Medium

font-family: halogen, sans-serif;
font-weight: 500;
font-style: normal;

Halogen Regular

font-family: halogen, sans-serif;
font-weight: 400;
font-style: normal;

Halogen Regular Oblique

font-family: halogen, sans-serif;
font-weight: 400;
font-style: italic;

Halogen Thin

font-family: halogen, sans-serif;
font-weight: 200;
font-style: normal;

Forma DJR Micro Regular

font-family: forma-djr-micro, sans-serif;
font-weight: 400;
font-style: normal;

Forma DJR Micro Italic

font-family: forma-djr-micro, sans-serif;
font-weight: 400;
font-style: italic;

Forma DJR Micro Bold Italic

font-family: forma-djr-micro, sans-serif;
font-weight: 700;
font-style: italic;

Forma DJR Micro Bold

font-family: forma-djr-micro, sans-serif;
font-weight: 700;
font-style: normal;



*/


body {
  min-height: 75rem;
  font-family: forma-djr-micro, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #676767;
}

.sans{
  font-family: forma-djr-micro, sans-serif !important;
  font-weight: 400;
  font-style: normal;
}
/* =====  Type   ========  */

p, li{
  font-family: forma-djr-micro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 26px;
  color: #676767;
}

h1, h2, h3, h4, h5, h6{
  font-family: halogen, sans-serif;
  font-weight: 600; 
  color: #676767;
}

.heading1{
  font-size: 66px;
  font-family: halogen, sans-serif;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
}

.heading2{
  font-size: 48px;
  font-family: halogen, sans-serif;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
}

.heading3{
  font-size: 36px;
  font-family: halogen, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}

.heading4{
  font-size: 28px;
  font-family: halogen, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}

.heading5{
  font-size: 24px;
  font-family: halogen, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}

.heading6{
  font-size: 20px;
  font-family: halogen, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}

p{
  font-size: 18px;
  font-family: forma-djr-micro, sans-serif;
  font-weight: 400;
  font-style: normal;
}

p .xl{
  font-size: 24px !important;
  font-family: forma-djr-micro, sans-serif;
  font-weight: 200;
  font-style: normal;
}
p.small, .small p, p .small, p small{
  font-size: 16px !important;
  font-family: forma-djr-micro, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.hero .heading1{
  text-transform: uppercase;
  letter-spacing: 0px;
  font-weight: 800;
  font-size: 120px;
  line-height: 120px;

}

.hero .heading2{
  text-transform: uppercase;
  letter-spacing: 0px;
  font-weight: 300;
  font-size: 120px;
  line-height: 120px;
}

.hero .heading3{
  font-size: 40px;
  font-family: halogen, sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase;
  line-height: 150%;
}
.hero .heading3.bold{
  font-weight: 800;
}

.hero .heading4{
  font-size: 32px;
  font-family: halogen, sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase;
}

.hero .heading5{
  font-size: 22px;
}
.hero .heading4.bold{
  font-weight: 800;
}

.txt-large, .txt-large p{
  font-size: 24px;
  font-weight: 200;
  line-height: 42px;
}
.x-bold{
  font-weight: 900 !important;
}



/* =====           section   ========  */

@media (max-width: 1399px) {

  .hero .heading1{
    font-size: 110px;
    line-height: 110px;
  }

  .hero .heading2{
    font-size: 110px;
    line-height: 110px;
  }

  .hero .heading3{
    font-size: 40px;
    line-height: auto;
  }

  .hero .heading4{
    font-size: 32px;
    line-height: auto;
  }

}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1299.98px) {

  .heading1{
    font-size: 50px;
    line-height: 50px;
  }

  .heading2{
    font-size: 40px;
    line-height: auto;
  }

  .heading3{
    font-size: 34px;
    line-height: auto;
  }

  .heading4{
    font-size: 28px;
    line-height: auto;
  }

  .heading5{
    font-size: 24px;
    line-height: auto;
  }

  .heading6{
    font-size: 20px;
    line-height: auto;
  }

  .hero .heading1{
    font-size: 80px;
    line-height: 70px;
  }

  .hero .heading2{
    font-size: 80px;
    line-height: auto;
  }

  .hero .heading3{
    font-size: 32px;
    line-height: auto;
  }

  .hero .heading4{
    font-size: 32px;
    line-height: auto;
  }
}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

  .heading1{
    font-size: 50px;
    line-height: 50px;
  }

  .heading2{
    font-size: 40px;
    line-height: auto;
  }

  .heading3{
    font-size: 34px;
    line-height: auto;
  }

  .heading4{
    font-size: 28px;
    line-height: auto;
  }

  .heading5{
    font-size: 24px;
    line-height: auto;
  }

  .heading6{
    font-size: 20px;
    line-height: auto;
  }

  .hero .heading1{
    font-size: 80px;
    line-height: 70px;
  }

  .hero .heading2{
    font-size: 80px;
    line-height: auto;
  }

  .hero .heading3{
    font-size: 32px;
    line-height: auto;
  }

  .hero .heading4{
    font-size: 32px;
    line-height: auto;
  }
}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

  .heading1{
    font-size: 40px;
    line-height: auto;
  }

  .heading2{
    font-size: 32px;
    line-height: auto;
  }

  .heading3{
    font-size: 28px;
    line-height: auto;
  }

  .heading4{
    font-size: 24px;
    line-height: auto;
  }

  .heading5{
    font-size: 20px;
    line-height: auto;
  }

  .heading6{
    font-size: 18x;
    line-height: auto;
  }

  .hero .heading1{
    font-size: 50px;
    line-height: 50px;
  }

  .hero .heading2{
    font-size: 50px;
    line-height: 50px;
  }

  .hero .heading3{
    font-size: 28px;
    line-height: auto;
  }

  .hero .heading4{
    font-size: 26px;
    line-height: auto;
  }
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .txt-large, .txt-large p {
    font-size: 28px;
    line-height: 32px;
  }

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

  .hero .heading1{
    font-size: 30px;
    line-height: 30px;
  }

  .hero .heading2{
    font-size: 26px;
    line-height: 26px;
  }

  .txt-large, .txt-large p {
    font-size: 22px;
    line-height: 28px;
  }



}


/*colors*/

.white{
  color: #fff !important;
}
.black{
  color: #000 !important;
}
.gray{
  /*color: #828282 !important;*/
  color: #586272 !important;
}
.theme{
  color:#2f90df !important;
}
.dark{
    color: #828282 !important;
}


.bg-theme{
  background:#88bb21;
}

.bg-light{
  background-color: #f0efef !important;
}

.bg-dark{
  background-color: #181919;
}
.bg-theme-dark{
  background: linear-gradient(180deg, rgba(4,20,53,.7) 0%, rgba(47,145,223,.7) 86%, rgba(47,145,223,.8) 100%), url('/wp-content/themes/signal-shop-theme/assets/img/tire-bg.png') !important; 
  background-size: cover !important;
  background-position: center center;
  background-repeat:no-repeat !important;
}

.bg-theme-light{
  background: linear-gradient(180deg, rgba(130, 188, 10,.8) 0%, rgba(130, 188, 10,.8) 86%, rgba(130, 188, 10,.8) 100%), url('/wp-content/themes/signal-business-theme/assets/img/background-1.jpg') !important; 
  background-size: cover; 
  background-position: center center;
  background-repeat:no-repeat;
}

.bg-trans-light{
  background-color: rgba(255, 255, 255,.2);
}

.full-width-bg{
  background: linear-gradient(180deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.9) 86%, rgba(0,0,0,.9) 100%), url('/wp-content/themes/signal-business-theme/assets/img/background-1.jpg'); 
  background-size: cover; 
  background-position: center center;
  background-repeat:no-repeat !important;
  background-size: cover !important;
  
}

.bg-gray{
  background-color: #586272 !important;
}

.bg-none{
  background: #fff !important;
}



.swiper-button-next, .swiper-button-prev{
  color:#88bb21 ;
}

.text-gradient{
  background: -webkit-linear-gradient(left,#8dc63f 0%,#546c11 72%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



/* ===== Header Nav Section   ========  */

#navMain{
  padding-top: 0px;
  padding-bottom: 0px;
}

#navMain .container-fluid{
  padding-right: 0px;
}

#navFlyout{
  position: absolute;
  top:0px;
  left:0px;
  padding:40px;
  background-color: #2f90df;
  width:400px;
  /*background: url('assets/img/repeatable-navigation-background.jpg');*/
}


#navFlyout .nav-item, #navFlyout .nav-item a{
  font-family: sans-serif;
  color:#fff;
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
}
#navFlyout .nav-social{
  margin-top:60px;
  padding-top:60px;
  border-top:4px solid #000;
}

#navFlyout .nav-contact, #navFlyout .nav-contact a{
  font-size: 18px;
  line-height: 36px;
  color:#838182;
}

#navFlyout .close{
  width:100%;
  text-align: left;
  margin-bottom: 40px;
  height:40px;
}
#navFlyout .close span .btn-secondary{
  font-size: 16px;
  padding: 10px 14px !important;
  font-weight: 400;
  color: #000;
  background-color: #d7d7d7 !important;
  border-color:  #d7d7d7 !important;
  font-family: sans-serif;
  
}

.nav-spacer{
  padding: 10px 0px;
}

.nav-sec{
  
}

.nav-sec a{
  color: #e0e0e0 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  padding-top: 3px !important;
  padding-left: 3px !important;
}



@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1050px) {
    /*.nav__combined .social-links{
      display: none;
    }*/
}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
 .hide-md{
    display: none;
  }

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

  #navMain{
    height: 60px;
  }
  .hide-sm{
    display: none;
  }
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

  .hide-mobile, .hide-xs{
    display: none;
  }
}






/* =====  Left Right section   ========  */

.left_right_boxes .bgImage{
  padding:200px 0px;
  background: rgb(105,196,214);
  background: url('');
  background-repeat:no-repeat;
  background-position: center center;
  background-size: cover;

}

.left_right_boxes .content_box{
  padding:80px 0px;
}


.additional .left_right_boxes h2, .about .left_right_boxes h2{
  font-weight: 600;
}
.left_right_boxes .content-padding{
  padding: 10%;
  padding-top:200px;
  padding-bottom:200px;
}


/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1499px) {
  .left_right_boxes .content-padding{
    /*padding: 6%;*/
  }
}

/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
  .left_right_boxes .content-padding{
   /* padding: 4%;*/
  }
}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .left_right_boxes .bgImage{
    
    background: none !important;
    padding:0px;
  }
  .left_right_boxes .content-padding{
    padding: 3%;
  }

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .left_right_boxes .content-padding{
    padding: 2%;
  }

}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

  .left_right_boxes .content-padding{
    padding: 10%;
  }
  .left_right_boxes .content_box{
    padding: 10%;
  }
}

@media (min-width: 992px){
  .left_right_boxes.image-right .bgImage{
    -ms-flex-order: 2 !important;
    order: 2!important;
  }
  .left_right_boxes.image-right .content_box{
    -ms-flex-order: 1!important;
    order: 1 !important;
  }

}



/* =====           section   ========  */

  .full-width-bg{
    background: linear-gradient(180deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,.4) 86%, rgba(0,0,0,.2) 100%), url('assets/img/large-background-about.jpg'); 
    background-size: cover !important; 
    background-position: center center;
    background-repeat:no-repeat !important; 
    background-size: 200%;
    
  }

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {


}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}






/* =====    hover boxes   ========  */

.hoverBox {
  background-color: rgba(0, 51, 93, 0.9);
  padding: 0;
  overflow: hidden;
/*  max-width: 350px;*/
  margin: 5px;
  margin-bottom: 2px;

  position: relative;
}

.hoverBox article {
  padding: 10%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  -webkit-transition: all 0.9s ease-in-out;
  -moz-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  -ms-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out;
}

.hoverBox h2 {
  color: #fff;
  font-weight: 800;
  font-size: 25px;
  border-bottom: #fff solid 1px;
  text-shadow: 1px 1px 1px rgba(0,143,179,1);
}

.hoverBox h4 {
  font-weight: 300;
  color: #fff;
  font-size: 16px;
  text-shadow: 1px 1px 1px rgba(0,143,179,1);
}

.hoverBox img {
  width: 100%; 
  height: 300px;
  object-fit: cover;
  
  top: 0;
  left: 0;
  opacity: 0.2;
  -webkit-transition: all 4s ease;
  -moz-transition: all 4s ease;
  -o-transition: all 4s ease;
  -ms-transition: all 4s ease;
  transition: all 4s ease;
}

.hoverBox:hover img{
  opacity: 1;
}

.hoverBox img.dark, .hoverBox:hover {
  opacity: 1;
}

.hover-cta {
  background-color: #2f90df;
  position: absolute;
  width: 100%;
  height: 70px;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  transform: translate(0px, 70px);
  -webkit-transform: translate(0px, 70px);
  -moz-transform: translate(0px, 70px);
  -o-transform: translate(0px, 70px);
  -ms-transform: translate(0px, 70px);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

  display:none;
}

.hover-cta span {
  font-size: 20px;
  color: #fff;
  position: relative;
  margin: 0 auto;
  width: 100%;
  top: 20px;
}

/*hovers*/
.hoverBox:hover {
  cursor: pointer;
}

.hoverBox:hover img {
  /*background-color: red;
  opacity: 0.9;*/
  transform: scale(1.5);
}

.hoverBox:hover article {
  transform: translate(2px, -69px);
  -webkit-transform: translate(2px, -69px);
  -moz-transform: translate(2px, -69px);
  -o-transform: translate(2px, -69px);
  -ms-transform: translate(2px, -69px);

}

.hoverBox:hover .hover-cta {
  display:block;
  transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  opacity: 1;
}


.noPad .hoverBox{
  margin: 0;
}
.thinPad .hoverBox{
  margin: 2px !important;
}


.overlay {
  position: relative;
  display: inline-block;
  background: #ff8905;
  display: inline-block;
}

.overlay > img {
  vertical-align: middle;
}

.overlay::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .3;
  transition: .5s ease;
}

.overlay:hover::before {
  opacity: 0.33;
}


@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {


}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  .hover-cta span {
    font-size: 16px;
    top: 20px;
  }

}







/* ===== full-width-repeater section   ========  */


  .full-width-repeater{
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .full-width-repeater.light{
    background-color: #fff;
    color: #2f90df !important;
  }
  .full-width-repeater.dark{
    background-color: #e2e2e2;
    color: #2f90df !important;
  }
  .full-width-repeater.accent{
    background-color: #2f90df;
    color: #fff !important;
  }


@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {


}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}








/* =====   why_block section   ========  */

  .why_block{
    padding:200px 0px;
  }

  .why_block .difference_block  {
   text-align: center;
  }

  .why_block .why_block h2{
    margin-bottom: 40px;
  }
  .why_block .difference_block{
    text-align: center;
    padding:2%;
  }
  .why_block .difference_block h3{
    min-height: 60px;
    vertical-align: text-bottom;
  }
  .why_block .difference_block h4{
    font-size: 16px;
    font-weight: 400;
    min-height: 110px;
  }
  .why_block .difference_block img{
    height: 200px;
    width: 80%;
    object-fit: contain;
    margin-bottom: 20px;


}
  }


@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {


}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  .why_block{
    padding:100px 0px;
  }
  .why_block .difference_block{
    margin-bottom: 40px !important;
  }
  .why_block .difference_block{
    padding:0px 60px;
  }
  .why_block .difference_block h3{
    
    min-height: 0px;
   
  }
  .why_block .difference_block h4{
    min-height: 0px;
  }

}

@media (max-width: 480px) {
  
  .why_block .difference_block{
    padding:0px 20px;
  }
  

}



/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {


}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}



/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {


}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}


/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {


}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}
/* =====    Blog Posts & Feeds   ========  */


.entry-content h2, .entry-content h2 strong{
  font-size: 28px;
  font-weight: 400;

}

.entry-content h3, .entry-content h3 strong{
  font-size: 22px;
  font-weight: 400;
}

.entry-content h4, .entry-content h5, .entry-content h4 strong,, .entry-content h5 strong{
  font-size: 20px;
  font-weight: 400;
}

.entry-content h6, .entry-content h6 strong{
  font-size: 18px;
  font-weight: 400;
}

.post-feed .page-header{
  background-color: #f7f7f7;
  padding: 60px 0px;
  text-align: center;
  margin-top: 0px;
}

.post-feed .base-blog-cards .excerpt{
  font: normal 15px/27px sans-serif;
  word-spacing: normal;
  color: #85868c;
}
.read-more .details{
   font-size: 12px;
}


.blog-section.single .breadcrumb{
  margin-bottom: 20px;
}
.blog-section.single .breadcrumb a{
  color:  #2f90df !important;
}

.single-post .post-thumbnail{
  margin-bottom: 20px;
}
.blog-section{
  margin-top:40px;
  margin-bottom: 60px;
}

.blog-section .blog-card{
  height: auto !important;
  background-color: #f7f7f7;
  padding: 25px 25px 0;
}
.blog-section .blog-card .card-body{
  padding-top: 0px !important;
}

.blog-section.single{
  margin-top:120px;
}


.blog-section.single .entry-header h1, .page-header .page-title{
  font-size: 32px;
  margin-bottom:20px;
}

.blog-section article{
  margin-bottom:60px;
}

.post-thumbnail{
  margin-top:10px;
}
.blog-section.post-thumbnail, .post-thumbnail img{
  width:100%;
  height:auto;
  margin-top: 2px;
  margin-bottom: 10px;
}

.blog-section .entry-title{
  margin-bottom: 14px;
}
.blog-section .entry-title, .entry-title a{
  font-size: 18px;
  color:#333;
}
.blog-section a:hover{
  color: #2f90df !important;
  text-decoration: none;
}
.blog-section a, .entry-footer a{
  /*color: #90986b !important;*/
}

.blog-section .breadcrumb{
  margin-bottom: 2px;
}

.blog-section .post-meta{
  margin-bottom: 10px;
}
.blog-section .breadcrumb-item, .page-header .breadcrumb-item a{
  color: #b4b5bb !important;
  font-size: 13px;
}

.blog-section .breadcrumb-item a{
  color: #b4b5bb;
}
.blog-section .nav-links a, .entry-content a{
  /*color: #90986b !important;*/

}

.posts-navigation .nav-links {
  position: relative;
}
.posts-navigation .nav-links a{
  text-transform: uppercase;
  color: #2f90df !important;
}
.posts-navigation .nav-links a:hover{
  color:#2c675e !important;
}
.posts-navigation .nav-links .nav-previous{
  position: absolute;
  left: 0;
}
.posts-navigation .nav-links .nav-next{
  position: absolute;
  right: 0;
}
.entry-footer span{
  margin-right:20px;
}
.entry-footer .comments-link{
  display:block;
}
.entry-footer .comments-link a{
  /*color: #90986b !important;*/
}

/*blog sidebar*/

.sidebarSection{
  margin-top: 50px;
  margin-bottom: 50px;
}
.widget-title, .blog-sidebar .widget h2{
  font-size: 16px;
}

.blog-sidebar .widget {
  margin-bottom: 30px;

}
.blog-sidebar .widget ul{
  padding: 0;
  padding-left:10px;
  list-style-type: none;

}
.blog-sidebar .widget li{
  font-size: 14px;
  margin-bottom: 10px;
}
.blog-sidebar .widget li a{
  color:#85868c!important;
}
.blog-sidebar .widget li a:hover{
  color: #2f90df !important;
}
.blog-section .blog-sidebar{
  padding-left:50px;
}


.read-more{
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

#secondary{
  margin-top:80px;
}

#popup{
  overflow: hidden;
}
#popup h2{
  padding-top:20%;
}


.blog-sidebar .search-form {
  margin-bottom: 20px;

}

.blog-sidebar .search-form label{
  display: inline-block;
  width:60%;

}
.blog-sidebar .search-form .search-field{
  display: inline-block;
  width:100%;
  border-radius: 0px;
}

.blog-sidebar .search-form .search-submit{
  display: inline-block;
  width:38%;

}

.blog-sidebar .sb_instagram_header{
  display:none !important;
}



.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #90986b;
  border-color: #90986b;
}


  .page-link, .page-numbers {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
  }
  .page-numbers.current{
     color: #666 !important;
     font-weight: 600;
  }
  .page-numbers.dots{
    color: #666 !important;
  }



.single .postImageContainer img{
  max-height: 500px;
  object-fit: cover;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){
  .blog-section.single {
  margin-top: 40px;
  }
  .blog-section .blog-sidebar{
    padding-left:30px;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px){
  .blog-section .blog-sidebar{
    padding-left:10px;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 576px){
  .blog-section .entry-title{
    margin-top: 20px;
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}


/* =====  hero section   ========  */


@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .hero{
    height: 550px !important;
  }

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .hero{
    height: 500px !important;
    padding: 0px 4%;
  }

}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  .hero{
    height: 400px !important;
    padding: 0px 6%;
  }

}



/* =====  section   ========  */


@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {


}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}


/* =====  section   ========  */


@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {


}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}


/* =====  section   ========  */


@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {


}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}

/*============================================*/
/*============================================*/
/*=======        blog-card           =========*/
/*============================================*/
/*============================================*/

.blog-card h2, .blog-card .title, .hero-article{
  font-size: 22px;
  text-transform: uppercase;
}
.blog-card h3{
  font-size: 20px;
}
.blog-card img{
  /*height: 100%;*/
  object-fit: cover;
}
.blog-card .details,
.blog-card .details ul {
  margin: auto;
  padding: 0;
  list-style: none;
}
.blog-card .details li{

  /*margin: auto;*/
  color: #b4b5bb;
  padding: 0px;
  width: 100%;
  font-size: 13px;
  line-height: 18px;
}
.blog-card .details a {
  -webkit-text-decoration: dotted underline;
          text-decoration: dotted underline;
  color: #b4b5bb;
}
.blog-card .details ul li {
  display: inline-block;
}
.blog-card .details .author:before {
  font-family: FontAwesome;
  margin-right: 10px;
  content: "";
}
.blog-card .details .date:before {
  font-family: FontAwesome;
  margin-right: 10px;
  content: "";
}
.blog-card .details .tags ul:before {
  font-family: FontAwesome;
  content: "";
  margin-right: 10px;
}
.blog-card .details .tags li {
  margin-right: 2px;
}
.blog-card .details .tags li:first-child {
  margin-left: -4px;
}


@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
  .blog-card h2, .blog-card .title, .hero-article .title{
    font-size: 20px;
  }
}
/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .blog-card h2, .blog-card .title, .hero-article .title{
    font-size: 18px;
  }
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .blog-card h2, .blog-card .title, .hero-article .title{
    font-size: 16px;
  }
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 480px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 376px) {

}

/*============================================*/
/*============================================*/
/*============  base-blog-cards  =============*/
/*============================================*/
/*============================================*/


.base-blog-cards .blog-card{
  height: 300px;
}

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
  .base-blog-cards .blog-card{
    height: 330px;
  }
}
/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .base-blog-cards .blog-card{
    height: 350px;
  }
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .base-blog-cards .blog-card{
    height: 320px;
  }
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 688px) {
  .base-blog-cards .blog-card{
    height: 340px;
  }
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  .base-blog-cards .blog-card{
    height: auto;
  }
  .base-blog-cards .blog-card .h-100{
    height: auto !important;
  }
  .base-blog-cards .blog-card img{
    height: 250px;
  }
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 480px) {

}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 376px) {

}


@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {


}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}





/* =====  how_it_works  section   ========  */


@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

.how_it_works .card .card-text-container{
  padding-left: 90px;
}

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}




/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {


}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}





/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {


}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}




/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {


}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}




/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {


}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}










/* ================================================= */
/* ================================================= */
/* ================================================= */
/* ================================================= */
/* ================== WooCommerce ================== */
/* ================================================= */
/* ================================================= */
/* ================================================= */
/* ================================================= */

/*

.green{
  color:rgba(112,214,40,1);
}

.pink{
  color: #2f90df;
}
*/





/* WooCommerce */

/* Grid System */
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2{
    flex: 0 0 50%;
    max-width: 50%;
}

@media all and (max-width: 767px) {

    .woocommerce .col2-set .col-1,
    .woocommerce .col2-set .col-2{
        flex: 0 0 100%;
        max-width: 100%;
    }

}


/* Shop */

.shop-content{
    padding: 3rem 0;
}

.shop-content .row{
    margin-left: 0;
    margin-right: 0;
}

.post-type-archive-product .content-area, 
.product-template-default .content-area,
.tax-product_cat .content-area{
    padding: 0;
}

.woocommerce-ordering{
  margin-bottom: 20px;
}

.woocommerce-LoopProduct-link{
  text-decoration: none !important;
}
.woocommerce .woocommerce-breadcrumb a {
    font-weight: 700;
}


.woocommerce ul.products.columns-1 li.product:first-child, 
.woocommerce-page ul.products.columns-1 li.product:first-child {
    margin-top: 20px;
}

.woocommerce .products ul, .woocommerce ul.products {
    border-top: 1px solid #eee;
}

.woocommerce ul.products li.product a img {
    width: 255px;
    height: auto;
    display: block;
    margin: 0 1em 1em 0;
    box-shadow: none;
    float: left;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size: 22px;
    font-weight: 500;
    color: #000;
    margin: 0;
    padding: 0;
    display: block;
    text-align: center;
    min-height: 300px;
}

.post-type-archive-product .woocommerce-loop-product__title{
    margin-bottom: 0.5rem !important;
}

.woocommerce ul.products li.product .button {
    margin-top: 0;
}

.woocommerce ul.products li.product p{
    color: #000;
    text-align: center;
    margin:5px 0px;
}

.woocommerce ul.products li.product .price{
    color: #000;
    font-weight: 600; 
    display: block;
    text-align: center; 
    margin:5px 0px;  
}

.woocommerce ul.products li.product .price ins {
    font-size: 140%;
}

.woocommerce ul.products li.product .onsale{
    top: 16px;
    left: 0;
    right: 0;
    transform: rotate(90deg);
    border-radius: 0;   
    width: 83px;
    padding: 0;
    background-color: #2f90df;
    margin: 0;
    font-weight: 400;
    position: absolute;
    color:#fff;
}

.woocommerce ul.products li.product .onsale:before {
    content: "";
    position: absolute;
    top: 0;
    left: 83px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 22px 0 0;
    border-color: #2f90df transparent transparent transparent;
}

.woocommerce ul.products li.product .onsale:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 83px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 22px 24px 0;
    border-color: transparent transparent #2f90df transparent;
}

.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span{
    color: #000;
}

.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
    padding: 12px;
}

.woocommerce ul.products li.product .button{
  display: block;
  font-weight: 400;
  
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

  background: rgba(112,214,40,0.6);
  color:#fff;
}
.woocommerce ul.products li.product .button:hover{

}


/* Single Product */

.wc-pao-addon-name{
  color: #2f90df !important;
}
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce ul.products li.product .button {
    /*background: rgba(112,214,40,0.6);*/
    background-color: rgba(47, 144, 223,1) !important;

    color: #fff;
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce ul.products li.product .button:hover {
    /*background: rgba(112,214,40,0.4);*/
    background-color: rgba(47, 144, 223,.8) !important;
}

.product_meta > span{
    display: block;
}

.woocommerce div.product p.price del, 
.woocommerce div.product span.price del,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount{
    color: #000;
    font-size: 20px;
    font-weight: 500;
}

.woocommerce div.product p.price ins, 
.woocommerce div.product span.price ins, 
.woocommerce-Price-amount {
    font-size: 20px;
    color: #000;
    font-weight: 400;
}

.woocommerce span.onsale{
    top: 19px;
    left: 35px;
    transform: rotate(90deg);
    border-radius: 0;   
    width: 84px;
    padding: 0;
    background-color: #2f90df;
    margin: 0;
    font-weight: 400;
}

.woocommerce span.onsale:before {
    content: "";
    position: absolute;
    top: 0;
    left: 83px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 22px 0 0;
    border-color: #2f90df transparent transparent transparent;
}

.woocommerce span.onsale:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 83px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 22px 23px 0;
    border-color: transparent transparent #2f90df transparent;
}

h1.product_title{
  font-size: 26px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
    padding: 0;

}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
    border-radius: 0;
    margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li::before{
    content: none;
}

.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button{
    background-color: #ffeb8a;
}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover{
    background-color: #ffe252;
}


.cbd_certification{
  width:200px;
  text-align: center;
}
.cbd_certification img{
  width:100px;
  text-align: center;
}

.cbd_certification span{
  display: block;
  text-align: center;
  color:#429b02;
  text-transform: uppercase;
  font-weight: 500;
  size:10px;
}


/* Cart */

.woocommerce-cart table.cart td.actions .coupon .input-text{
    width: 150px;
}


/* Checkout */
.woocommerce form .form-row {
    display: block;
}
.woocommerce-checkout #customer_details{
    margin-bottom: 20px;
}
.woocommerce table.shop_table{
    border-collapse: collapse;
}
.woocommerce table.shop_table thead{
    background-color: #2f90df;
    color: #fff;
}


/* General */

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}

a.added_to_cart{
  color:#2f90df!important;
}


/*shop sidebar*/

.sidebar-shop .product-categories{
  list-style: none !important;
  padding: 0 !important;
}

.sidebar-shop li a{
  color:#7e7e7e;
}


.woocommerce-page .content-area{
  margin-top:60px;
  margin-bottom: 60px;
}
.sidebar-shop .widget{
  margin-bottom: 40px;
}
.sidebar-shop .widget-title{
  margin-bottom: 18px;
}
.widget_price_filter .widget-title{
  margin-bottom: 26px;
}

.widget_product_categories .product-categories li{
  margin-bottom: 12px;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    
    font-family: "Font Awesome 5 Free"  !important;
    font-weight: 900; 
    content: "\f249" !important;
    display: inline-block;
    position: absolute;
    top: 1em;
    left:1.5em
}


.woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after {
    font-family: "Font Awesome 5 Free"  !important;
    content: "\f00c" !important;
    margin-left: .53em;
    vertical-align:bottom;
}

#add_payment_method .cart-collaterals .shipping-calculator-button::after, .woocommerce-cart .cart-collaterals .shipping-calculator-button::after, .woocommerce-checkout .cart-collaterals .shipping-calculator-button::after {
font-family: "Font Awesome 5 Free"  !important;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-left: .618em;
content: "\f059" !important;
text-decoration: none;
}


.product .related{
  margin-top: 100px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
 
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
 
}
 

 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 1340px) { 
   .woocommerce ul.products li.product .woocommerce-loop-product__title{
      min-height: 260px;
  }
}
/* Large devices (desktops, 992px and up) */
@media (max-width: 1200px) { 
   .woocommerce ul.products li.product .woocommerce-loop-product__title{
      min-height: 240px;
  }
}
















/*more styles from 2022*/


/* ============================================================= */
/* ============================================================= */
/* ================== End  WooCommerce Styles ================== */
/* ============================================================= */
/* ============================================================= */













/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {


}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}



/* =====           section   ========  */

@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {


}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}



/* =====    Footer section   ========  */

Footer .social-link{
  font-size: 30px;
}

Footer .social-link .lGreen:hover{
  color: #fff;
}
@media (max-width: 1399px) {

}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

  Footer .social-link{
    font-size: 25px;
    padding-right: 4px;
    margin-bottom: 10px;
  }
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {


}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}


/*old site fixes*/

iframe{
  width: 100%;
}

.age-gate-form button{
    font-family: "Source Sans Pro", sans-serif;
    background-color: white !important;
    border: none !important;
    font-size: 16pt !important;
    color: #2f90df !important;
    display: inline-block !important;
    width: 150px !important;
    padding: 10px !important;
    margin: 5px 10px !important;
}