/* ==========================================================================
   Fonts
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Open%20Sans:wght@300;400;500;900&display=swap');


@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/* ==========================================================================
   Helper classes
   ========================================================================== */
.container { margin: 0 auto; position: relative; width: 100%; max-width: 1500px; padding: 0 20px; }

.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
.container { *zoom: 1; }
.container-fluid { width: 100%; max-width: 100%; padding: 0 46px; }
.container-fluid-20 { width: 100%; max-width: 100%; padding: 0 20px; }

.container-fluid-0 { width: 100%; max-width: 100%; padding: 0; }

.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */
  opacity:1;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  opacity:1;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
  opacity:1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
  opacity:1;
}

/* ==========================================================================
   Responsive helpers
   ========================================================================== */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*
 * Responsive helpers
 */
.hidden-desktop { display: none; }

.pull-right { float: right; }
.pull-left { float: left; }

.table{ display: table; width: 100%; height: 100%; }
.table-cell{ display: table-cell; vertical-align: middle; width: 100%; }


/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ==========================================================================
   General styles
   ========================================================================== */
img {
  max-width: 100%;
}

ul, li {
  list-style: none;
  padding: 0;
  margin: 0;
}

p {
  margin: 0;
  padding: 0;
}

h1,h2,h3,h4,h5,h6 { font-weight: normal;
  margin: 0;
  line-height: 1em;
  padding: 0;
}

.elementor-heading-title, .sgw-page-content h2  {
	letter-spacing: -1px;
}

a {
  text-decoration: none;
}

strong{
  font-weight: 800;
}

input[type="text"], input[type="email"] {
  -webkit-appearance:none;
  -webkit-border-radius:0;
  border-radius: 0;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

audio,canvas,iframe,img,svg,video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.overflow-hidden {
  overflow: hidden;
}

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

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.background-cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.relative {
  position: relative;
}

.alignright {float: right; padding: 0 0 10px 10px;}

/* ==========================================================================
   Main styles
   ========================================================================== */
html { background-color: #ffffff;
  color: #000;
  font-size: 1em;
  line-height: 1.4;
}

body {
  background-color: #ffffff;
  font-family: 'Open Sans';
  font-weight: 300;
  font-size: 21px;
  position: relative;
  margin: 0;
  overflow-x: hidden;
}

/* ==========================================================================
   Header
   ========================================================================== */

   .header{
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     width: 100%;
    background-color: #ffc022;
    z-index: 99;
   }

   .header__flex{
     display: flex;
     justify-content: space-between;
     position: relative;
   }

   .header__left{
    background-color: #000;
    flex-basis: 320px;
    display: flex;
    align-items: center;
    padding: 25px 47px 25px 30px;
    flex-shrink: 0;
   }

   .header__logo{

   }

   .header-moto.moto{
    display: block;
    font-family: 'Open Sans';
    font-size: 27px;
    font-weight: 300;
   }

    .header-moto.moto span{
    display: inline-block;
    font-family: 'Myriad Pro';
   }


   .header__logo a{
     display: inline-block;
   }

   .header__logo img{
     width: 100%;
     max-width: 240px;
     height: auto;
     margin-left: 10px;
   }

   .header__right{
    display: flex;
    align-items: center;
    max-width: 1015px;
    justify-content: flex-end;
    flex: 0 0 57%;
   }
   .header__mid{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: auto;
    margin-left: 27px;
    padding-right: 26px;
    flex-shrink: 0;
   }
   .header__nav-menu{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-family: 'Open Sans';
    font-weight: 300;
    width: 95%;
   }

   .header__nav-menu > ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    padding-right: 79px;
    flex: 1 1 auto;
   }


   .header__nav-menu > ul > li:not(:last-child){
     margin-right: 10px;
   }

   .header__nav-menu ul li a::after{
	z-index: 100;
    content: '';
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -4px;
    display: block;
    width: 0;
    height: 2px;
    background-color: #000;
    text-transform: uppercase;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.075);
   }


   .header__nav-menu > ul li > a:hover::after, .header__nav-menu > ul li.current_page_item > a::after, .header__nav-menu > ul li.current_page_parent > a::after {
     width: 100%;
   }

   .navheader {
	   border-bottom: 1px solid #ffdf8d;
   } 

   .header__nav-menu ul li.navheader a::after {
	  display: none;
   }


   .header__nav-menu ul li a{
     display: inline-block;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    position: relative;
    white-space: nowrap;
    text-transform: uppercase;
   }

   .header__nav-menu ul li a > .bold{
     font-weight: 900;
   }

   .humburger{
    width: 30px;
    margin-top: 2px;
    display: none;
   }

   .humburger .bar{
    background: #000;
    height: 4px;
    margin: 6px 0;
    display: block;
    width: 100%;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
   }

   .humburger .bar1{
     margin-top: 4px;
   }

   .humburger.open .bar1{
    -webkit-transform: rotate(-45deg ) translate(-7px, 7px);
    -ms-transform: rotate(-45deg) translate(-7px, 7px);
     transform: rotate(-45deg) translate(-7px, 7px);
   }

   .humburger.open .bar2{
     opacity: 0;
   }

   .humburger.open .bar3{
    -webkit-transform: rotate(45deg ) translate(-7px, -7px);
    -ms-transform: rotate(45deg) translate(-7px, -7px);
     transform: rotate(45deg) translate(-7px, -7px);
   }

   .offcanvas-menu{
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background-color: #000;
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    z-index: 9;
    padding: 140px 30px 30px;
    opacity: 0;
    pointer-events: none;
   }

   .offcanvas-menu.open{
     left: 0;
     opacity: 1;
     pointer-events: auto;
   }

   .offcanvas-menu .mobile-menu{
    max-height: 60vh;
    overflow: auto;
    padding-right: 10px
   }
   .offcanvas-menu .mobile-menu > li{
      margin-bottom: 5px;
  }

   .offcanvas-menu .mobile-menu li{
    position: relative;
    width: 100%;
   }

   .offcanvas-menu .mobile-menu li a{
     display: inline-block;
     color: white;
     font-size: 22px;
     line-height: 30px;
     -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    text-transform: uppercase;
   }

   .offcanvas-menu .mobile-menu li a:after{
    content: '';
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -1px;
    display: block;
    width: 0;
    height: 2px;
    background-color: #fff;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.075);
   }

    .header__nav-menu > ul li{
      position: relative;
    }

    .header__nav-menu > ul li:hover .sub-menu{
      display: flex;
    }

   .sub-menu{
      display: none;
      position: absolute; 
      flex-direction: column; 
      background: #ffc022; 
      padding: 10px; 
      top: 28px; 
      left: 0px;
      padding-top: 40px;
      padding-bottom: 25px;
    }
    .header__nav-menu .sub-menu li a {
      font-size: 18px;
      line-height: 20px;
    }
    .header__nav-menu .sub-menu li:not(:last-of-type) {
      margin-bottom: 11px;
    }
    .mobile-menu .sub-menu li a {
      font-size: 20px;
      line-height: 32px;
    }



    .mobile-menu .sub-menu {
      position: relative;
      padding: 0px;
      padding-left: 10px;
      top: initial;
      left: initial;
      display: block;
      background: transparent;

    }

   .offcanvas-menu .mobile-menu li > a:hover:after, .offcanvas-menu .mobile-menu li.current_page_item > a:after, .offcanvas-menu .mobile-menu li.current-page-parent > a:after{
     width: 100%;
   }

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


    .header__right{
      flex: 0 0 50%;
    }

    .header__nav-menu > ul{
      padding-right: 25px;
    }

/*    .header__nav-menu ul li a{
      font-size: 24px;
      line-height: 48px;
    }*/
   }

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

   }

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

    .header__right{
      flex: 1 1 auto;
    }

     .header__right{
       padding-right: 20px;
       padding-left: 20px;
     }
    .hidden-mobile{
      display: none!important;
    }

    .visible-mobile{
      display: block;
    }
   }

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

     .header__left{
       flex-basis: 280px;
       padding: 25px 20px 25px 20px;
       flex-shrink: 1;
     }

     .header__logo img {
     margin-left: 0;
     }
     .offcanvas-menu{
       padding: 130px 30px 30px;
     }

     .offcanvas-menu .mobile-menu li a{
       font-size: 20px;
       line-height: 32px;
     }
     .header__mid{
      display: none;
     }
   }

/* ==========================================================================
   HomePage
   ========================================================================== */

   main{
    margin-top: 106px;
    margin-bottom: 0;
   }
   .section-home-hero{
    position: relative;
    overflow: hidden;
    height: 60vh;
    max-height: 749px;
   }
    .page-template-homepage .header-moto{
      display: none;
    }
   .home-hero__video-bg{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: url(../images/home-poster-bg.jpg) center top no-repeat;
    background-size: cover;
   }

   .home-hero__video-bg video{
     width: 100%;
     height: 100%;
     object-fit: cover;
   }

   .home-hero__content{
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     z-index: 2;
     transform: translateY(-50%);
   padding: 0px 10px 11px;
     background-color: rgba(0, 0, 0, 0.6);
     text-align: center;
   }

   .home-hero__title{
     font-size: 55px;
     font-weight: 300;
     line-height: 70px;
     color: #fff;
   }

   .home-hero__title span{
    font-weight: 500;
    color: #ffc022;
   }

   .section-home-brands{
     background-color: #000;
   }

   .home-brands__carousel-wrapper{
    padding: 28px ;
   }

   .home-brands__carousel{
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 45px;
   }

   .home-brands__carousel.owl-carousel .owl-stage-outer{
    z-index: 1;
   }
   .home-brands__carousel-item:hover img{
      transform: scale(1.08);
   }
   .home-brands__carousel-item img {
        transition-duration: 0.4s;
   }

   .home-brands__carousel.owl-carousel{
     position: static;
   }

   .home-brands__carousel-item{
     padding: 2px;

   }

   .home-brands__carousel-item-box{
    border: 1px solid #ffc022;
    overflow: hidden;
   }

   .home-brands__carousel-item a{
     display: block;
   }

   .home-brands__carousel-item img{
     max-width: 226px;
     height: auto;
     margin: 0 auto;
     object-fit: contain;
   }
    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{
      display: flex;
    }
   .home-brands__carousel .owl-nav{
     position: absolute;
     display: flex;
     justify-content: space-between;
     width: 100%;
     top: 50%;
     left: 0;
     right: 0;
     transform: translateY(-50%);
     padding: 0 20px;
   }

   .home-brands__carousel .owl-nav button{
     width: 42px;
     height: 42px;
     display: block;
     overflow: hidden;
     outline: none;
   }

   .home-brands__carousel .owl-nav button img{
     height: 34px;
     width: auto;
     object-fit: contain;
   }

   .section-home-triptych{
     padding: 20px 0 60px;
   }

   .home-triptych__headline{
     max-width: 1140px;
     margin: 0 auto;
     text-align: center;
     letter-spacing: -.025em;
   }

   .home-triptych__headline h2{
     font-size: 32px;
     line-height: 42px;
     font-weight: 900;
     color: #7b7878;

   }

   .home-triptych__headline p {
     font-size: 26px;
     line-height: 42px;
     font-weight: 300;
     color: #5f5f5e;
  	 padding-top: 15px;
     line-height: 1.2;
   }

   .home-triptych__headline p strong{
     font-weight: 500;
	 color: #7b7878;
   }

   .three-head-image{
     width: 100%;
     margin: 50px auto;
     position: relative;
     z-index: 0;
     max-width: 100%;
   }

   .three-head-image img{
     width: 100%;
   }


  .three-head-image > * {
    z-index: 2;
  }

  .three-head-image::after{
    position: absolute;
    content: " ";
    width: 100%;
    height: 3.5px;
    background-color: #ffc022;
    bottom: 9px;
    right: 0;
    left: 0;
    z-index: 1;
  }

  .golden-image-container{
    text-align: center;
  }

  .golden-image-container img{
    width: 100%;
    height: 100%;
    max-width: 130px;
    max-height: 153px;
    object-fit: fill;
  }
  .home-triptych__column .golden-image-container{
    max-width: 392px;
    margin: auto;    
  }
   .home-triptych__column:first-of-type .golden-image-container{
     margin-left: 0;
   }

   .home-triptych__column:last-of-type .golden-image-container{
    margin-right: 0;
  }


   .home-triptych__column article{
    max-width: 392px;
    margin: auto;
    text-align: center;
   }

   .home-triptych__column:first-of-type article{
     margin-left: 0;
   }

   .home-triptych__column:last-of-type article{
    margin-right: 0;
  }

   .three-text-column h3{
    font-size: 30px;
    font-weight: 900;
    line-height: 42px;
    letter-spacing: -.025em;
    color: #7b7878;
   }

   .three-text-column p{
     font-size: 24px;
     font-weight: 300;
     line-height: 36px;
     letter-spacing: -.025em;
     color: #5f5f5e;
   }

   @media only screen and (max-width: 1299px){
/*    main{
      margin-top: 128px;
     }*/

    .home-brands__carousel .owl-nav button{
      width: 28px;
      height: 28px;
    }
    .home-brands__carousel .owl-nav button img{
      height: 27px;
    }

    .home-triptych__headline h2{
      font-size: 30px;
    }

    .home-triptych__headline .lead-text{
      font-size: 32px;
    }

    .three-text-column h3{
      font-size: 28px;
    }

    .three-text-column p{
      font-size: 22px;
      line-height: 32px;
    }
   }

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

    .home-hero__title{
      font-size: 48px;
      line-height: 62px;
    }

    .home-triptych__headline p{
      font-size: 22px;
      line-height: 34px;
    }

    .home-triptych__headline .lead-text{
      font-size: 28px;
    }

    .three-text-column h3{
      font-size: 24px;
      line-height: 34px;
    }

    .three-text-column p{
      font-size: 18px;
      line-height: 26px;
    }

   }

   @media only screen and (max-width: 991px){
    .home-triptych__headline h2{
      font-size: 28px;
      line-height: 38px;
    }

    .home-triptych__headline .lead-text{
      font-size: 22px;
      line-height: 32px;
    }

   }

   @media only screen and (max-width: 767px){
    main{
      margin-top: 98px;
      margin-bottom: 40px;
    }

    .home-hero__title{
      font-size: 44px;
      line-height: 56px;
    }

    .home-brands__carousel .owl-nav button{
      width: 20px;
      height: 20px;
    }
    .home-brands__carousel .owl-nav button img{
      height: 19px;
    }

    .three-head-image img{
      display: none;
    }
    .three-head-image{

    }

    .three-text-column:not(:last-of-type){
      margin-bottom: 0px;
    }

    .home-triptych__headline p{
      font-size: 18px;
      line-height: 26px;
    }
    .home-triptych__headline h2{
      font-size: 26px;
      line-height: 30px;
    }

    .home-triptych__column article{
      max-width: 100%;
    }

    .home-triptych__column:first-of-type article{
      margin: auto;
    }

    .home-triptych__column:last-of-type article{
     margin: auto;
   }
    .home-triptych__column:not(:last-of-type) article{
      margin-bottom: 20px;
     }
     .section-home-triptych {
      padding: 20px 0 20px;
    }
  }

   @media only screen and (max-width: 440px){
    .home-hero__title{
      font-size: 36px;
      line-height: 48px;
    }
   }

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


   .footer{
     background-color: #FFC022;
     padding: 70px 0 62px 0;
     margin-top: 100px;
   }

   .container__space-left{
     width: fit-content;
     width: -moz-fit-content;
     margin: 0 auto;

   }

   .footer__wrapper{
     display: flex;
   }

   .footer-column:not(:last-of-type){
     margin-right: 25px;
   }

   .footer-column:last-of-type{
      margin-left: 100px;
   }

   .footer__logos{
     max-width: 293px;
   }

   .footer__site-logo{
     display: block;
     text-align: center;
   }

   .footer__site-logo img{
     width: 100%;
     height: auto;
   }

   .footer__other-logos{
     display: flex;
     margin-top: 65px;
   }

   .footer__other-logos .minority-women_logo{
     margin-right: 30px;
   }

   .footer__other-logos img:first-of-type{
     width: 125px;
     height: 47px;
     margin-left: 42px;
   }

   .footer__other-logos img:last-of-type{
     width: 59px;
     height: 75px;
     margin-left: 50px;
   }
   .footer__contact-info > .moto{
    display: block;
    font-family: 'Open Sans';
    font-weight: 300;
    font-size: 28px;
    line-height: 32px;
    color: #464646;
   }

   .footer__contact-info > .moto span{
    display: inline-block;
    font-family: 'Myriad Pro';
    font-size: 28px;
    line-height: 32px;
    color: #464646;
   }

   .contact-info{
    margin-top: 35px;
   }

   .contact-info li{
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #54585a;
   }

   .contact-info li a{
    color: #54585a;
   }

   .footer__navigation .footer-menu li a{
     font-family: 'Open Sans';
     font-size: 20px;
     font-weight: 400;
     line-height: 24px;
     color: #54585a;
   }

   .footer__navigation .footer-menu li:not(:last-of-type){
      margin-bottom: 10px;
   }

   @media only screen and (max-width: 1660px){
    .footer-column:not(:last-of-type){
      margin-right: 15px;
    }
    .footer-column:last-of-type{
      margin-left: 80px;
    }
   }

   @media only screen and (max-width: 1590px){
    .container__space-left{
      padding: 0 80px;
      max-width: 1540px;
    }
   }

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

    .footer{
      padding: 90px 0 65px 0;
    }

    .footer__wrapper{
      flex-wrap: wrap;
    }

    .contact-info {
        margin-top: 20px;
        text-align: center;
    }

    .footer__other-logos{
      margin-top: 45px;
    }
     .footer-column:last-of-type{
        margin: 0 auto
     }
     .footer__contact-info > .moto{
      text-align: center;
     }

   }

   @media only screen and (max-width: 1034px){
     .footer{
       padding: 80px 0 50px 0;
     }


   }
   @media only screen and (max-width: 920px){
     .footer__other-logos img:first-of-type{
      margin-left: 0;
     }
   }
   @media only screen and (max-width: 767px){

    .footer{
      padding: 50px 0 36px 0;
    }

    .footer__site-logo img{
      width: 220px;
      height: auto;
    }

    .footer__other-logos{
      display: block;
      margin-top: 30px;
    }

    .footer__other-logos img:first-of-type{
      width: 110px;
      height: auto;
      margin-right: 54px;
    }

    .footer__other-logos img:last-of-type{
      width: 56px;
      height: auto;
    }

    .container__space-left{
      padding: 0 20px;
    }

    .contact-info li{
      font-size: 18px;
    }

    .footer__navigation .footer-menu li a{
      font-size: 18px;
      line-height: 28px;
    }
   }

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

    .footer__wrapper{
      flex-direction: column;
      align-items: center;
    }
     .footer-column{
       margin-right: 0!important;
     }
     .footer-column:last-of-type{
      margin: 10px 0 0 0;
     }
     .footer__contact-info{
      margin-top: 25px;
     }
   }


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

    .contact-info li{
      font-size: 16px;
    }

    .footer__navigation .footer-menu li a{
      font-size: 16px;
      line-height: 26px;
    }

   }

/* ==========================================================================
   Basic Print styles
   ========================================================================== */
@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}



/* ==========================================================================
   SGWork Page
   ========================================================================== */

   .sgw-page-content{
     padding-bottom: 60px;
   }

.sgwork-child-wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.subtitle__flex {
  display: flex;
  position: relative;
}
.subtitle__left{
    flex-basis: 320px;
}
.subtitle__right{
   flex: 1;
  border-bottom: 5px solid #FFC022;
  min-width: 70px;
}
.sgwork-title-wrapper {
    width: 320px;
    padding: 25px 39px 25px 0;
    background: #000000;
    text-align: right;
    margin-top: 10px;
    border-bottom: 5px solid #FFC022;
}
.sgwork-title-wrapper h1{
  font-family: 'Open Sans';
  font-size: 36px;
  line-height: 45px;
  font-weight: 300;
  color: #878484;
}

.sgwork-title-wrapper h1 span {
  font-weight: 500;
}

.sgwork-child-item-container{
  width: 345px;
  height: 345px;
  overflow: hidden;
  position: relative;
  margin: 2px;
}

.sgwork-child-item-container a{
  display: block;
}
.sgwork-child-item {
   width: 345px;
   height: 345px;
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    align-items: flex-end;
    transition: all 1.5s;
}


.sgwork-child-item-container:hover .sgwork-child-item{
  transform: scale(1.08);
}

.sgwork-child-item-container a > span {
    display: block;
    font-family: Roboto;
    font-size: 18px;
    line-height: 1em;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    position: absolute;
    bottom: 0;  
    width: 100%;
    background: rgba(0,0,0,0.8);
    padding: 20px;
}


.sgwork-child-item-container .hover-label{
    position: absolute;
    bottom: 0;  
    width: 100%;
    background: rgba(0,0,0,0.8);
}
.sgwork-child-item-container .hover-label span {
    display: block;
    font-size: 17px;
    line-height: 1em;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
}

.sgwork-child-item-container .hover-label span:first-of-type{
  padding: 30px 20px 30px;

}

.sgwork-child-item-container .hover-label span:last-of-type{
    padding: 0px 20px 0px;
    opacity: 0;
    font-size: 16px;
    line-height: 1.4;
    pointer-events: none;
    transition: all 0.2s ease-in;
    height: 0;
    font-weight: 300;
}

.sgwork-child-item-container:hover .hover-label span:first-of-type{
    padding: 30px 20px 20px;
}
.sgwork-child-item-container:hover .hover-label span:last-of-type{

 height: 100%;
    padding: 0px 20px 30px;
    opacity: 1;
    pointer-events: all;
}
.expertise-child-item-container:hover .hover-label span:first-of-type{
    padding: 30px 20px 20px;
}

.expertise-child-item-container:hover .hover-label span:last-of-type{

 height: 100%;
    padding: 0px 20px 30px;
    opacity: 1;
    pointer-events: all;
}

.expertise-child-item-container .hover-label span:last-of-type{
    padding: 0px 20px 0px;
    opacity: 0;
    font-size: 18px;
    pointer-events: none;
    transition: all 0.2s ease-in;
    height: 0;
    font-weight: 300;
}

.no-padding .elementor-column-gap-default>.elementor-column>.elementor-element-populated{
  padding: 0
}
.m-bottom-110{
  margin-bottom: 110px;
}
/*
.sgwork-child-title h2 {
  font-size: 49px;
  line-height: 54px;
  font-weight: 800;
  font-family: 'Open Sans';
}
*/
/*.sgwork-child-paragraph *{
      color: #5F5F5E;
    font-family: "Open Sans", Sans-serif;
    font-size: 32px;
    font-weight: 300;
}*/

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


.sgw-row-2col-small{
  display: flex;
  margin-top: 65px;
/*.container__space-left*/
}

.philosophy-page_content .sgw-row-2col:first-of-type , .leadership-page_content .sgw-row-2col:first-of-type{
  margin-top: 0;
}


.sgwork-small-col--1{
  flex-basis: 320px;
  flex-shrink: 0;
}

.sgwork-small-col--2{
  flex-basis: 436px;
  flex-shrink: 1;
  margin-right: 55px;
}
.sgwork-small-col--3{
  flex-basis: 700px;
  flex-shrink: 0;
}

.sgwork-col-50{
  flex-basis: 695px;
  flex-shrink: 1;
    max-width: 50%;
    flex-grow: 0;
    padding: 0 15px;
}

.philosophy-page_content .sgw-row-2col:first-of-type .sgwork-col-50:not(:last-of-type) , .leadership-page_content .sgw-row-2col:first-of-type .sgwork-col-50:not(:last-of-type){
  margin-top: 60px;
  flex-shrink: 1;
}

.sgwork-col-50 .image-container img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sgwork-col-50:not(:last-of-type){
  margin-right: 0;
}

.sgw-row-2col h2 {
  font-family: "Open Sans";
  font-size: 26px;
  line-height: 36px;
  font-weight: 800;
  color: #5f5f5e;
  margin-bottom: 20px;
}

.textbox-area {
  font-family: "Open Sans";
  font-size: 20px;
  line-height: 34px;
  font-weight: 300;
  color: #5f5f5e;
}

.textbox-area h1{
  font-size: 32px;
  line-height: 42px;
  font-weight: 800;
}

.textbox-area h2, .textbox-area h3, .textbox-area h4 {
  font-size: 26px;
  line-height: 36px;
  font-weight: 800;
}

.textbox-area h5, .textbox-area h6{
  font-size: 24px;
  line-height: 36px;
  font-weight: 800;
}

.sgwork-small-col--3 .sgwork-child-wrapper{
  margin-bottom: 62px;
}

.textbox-area a{
  font-weight: 500;
  color: #5f5f5e;
  text-decoration: underline;
}

.sgw-row-2col-small p:not(:last-of-type) {
  margin-bottom: 30px;
}

 .sgw-page-content h1, .sgw-page-content h2, .sgw-page-content h3, .sgw-page-content h4, .sgw-page-content h5, .sgw-page-content h6{
  margin-bottom: 20px;
  line-height: 36px;
}

.sgw-page-content h1, .sgw-page-content h2, .sgw-page-content h3, .sgw-page-content h4, .sgw-page-content h5, .sgw-page-content h6, .sgw-page-content strong{
  font-weight: 800;

}

.sgw-page-content h1{
  line-height: 42px;
}

.textbox-area ul li::before {
  content: "\2022";
  color: #ffc022;
  font-weight: 900;
  font-size: 25px;
  margin-right: 0.5rem;
}

.textbox-area ul li ul {
  padding: 0 30px;
}

.expertise-wrapper__left h4, .expertise-wrapper__right h4{
  font-family: "Open Sans";
  font-size: 26px;
  line-height: 40px;
  font-weight: 800;
  color: #5f5f5e;
  margin-bottom: 20px;
}




@media only screen and (max-width: 1450px){
  .sgwork-col-50:not(:last-of-type){
    margin-right: 0;
  }
}

@media only screen and (max-width:1325px){
  .sgw-row-2col{
    flex-direction: column;
  }

  .philosophy-page_content .sgw-row-2col:first-of-type , .leadership-page_content .sgw-row-2col:first-of-type{
    margin-top: 60px;
  }

  .sgwork-small-col--1{
    display: none;
  }
  .sgwork-small-col--2{
    flex-basis: initial;
    max-width: 800px;
    margin: 0 auto;
    padding: 0 15px;
  }
  .sgwork-small-col--3{
    flex-basis: initial;
    max-width: 788px;
    margin: 0 auto;
    padding: 0 15px;
    margin-top: 60px;
    width: 100%;
  }

  .philosophy-page_content .sgw-row-2col, .leadership-page_content .sgw-row-2col {
    margin-top: 60px;
}

.philosophy-page_content .sgw-row-2col:first-of-type .sgwork-col-50:not(:last-of-type) , .leadership-page_content .sgw-row-2col:first-of-type .sgwork-col-50:not(:last-of-type){
    margin: 0 auto;
}

  .sgwork-col-50{
    flex-basis: initial;
    max-width: 788px;
    margin: 0 auto;
    padding: 0 15px;
    margin-top: 60px;
    margin-right: auto!important;
  }

}


 @media only screen and (max-width: 1024px){
  .sgwork-title-wrapper{
    padding: 17px 35px 28px 0;
  }
 }


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

  .m-bottom-110{
    margin-bottom: 40px;
  }
  .sgwork-col-50{
    margin-top: 35px;
  }
  .philosophy-page_content .sgw-row-2col, .leadership-page_content .sgw-row-2col{
    margin-top: 35px;
  }
  .expertise-wrapper__left{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sgw-row-2col-small p:not(:last-of-type){
    margin-bottom: 15px;
  }
  .expertise-wrapper__right{
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 30px;
  }

  .sgwork-child-item-container{
    width: 100%;
    margin-bottom: 20px;
  }

  .philosophy-page_content .sgw-row-2col:first-of-type , .leadership-page_content .sgw-row-2col:first-of-type{
    margin-top: 35px;
  }
  .sgwork-child-item{
    width: 100%;
  }


.textbox-area > *{
    font-size: 18px;
    line-height: 26px;
}

.textbox-area h1{
  font-size: 30px;
  line-height: 40px;
  color: #5f5f5e;
  margin-bottom: 15px;
}

.textbox-area h2, .textbox-area h3, .textbox-area h4{
  font-size: 25px;
  line-height: 30px;
  color: #5f5f5e;
  margin-bottom: 15px;
}

.textbox-area h5, .textbox-area h6{
  font-size: 22px;
  line-height: 30px;
  color: #5f5f5e;
  margin-bottom: 15px;
}

.textbox-area ul li::before{
  font-size: 24px;
  margin-right: 0.5rem;
}

.expertise-wrapper__left h4, .expertise-wrapper__right h4{
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 15px;
}



}

@media only screen and (max-width: 767px){
  .subtitle__left{
    flex-basis: 280px;
  }
  .sgwork-title-wrapper{
    width: 100%;
  }

  .sgw-page-content {
    padding-bottom: 0;
  }
  .sgwork-title-wrapper {
        padding: 10px 35px 15px 0;
  }
  .sgwork-title-wrapper h1 {
    font-size: 33px;
    line-height: 38px;
  }
  .sgw-row-2col-small {
    margin-top:   30px;
  }
  .sgwork-small-col--3 .sgwork-child-wrapper{
    margin-bottom: 35px;
  }
  .sgwork-small-col--3 {

    margin-top: 35px;
  }
}

@media only screen and (min-width:3000px){
  .sgwork-small-col--1{
    display: none;
  }
}
/* ==========================================================================
   SGWork Child Page
   ========================================================================== */

.sgwork-child-title-wrapper {
  margin-top: 30px;
  background: #000000;
  border-top: 5px solid #fff;
  border-bottom: 5px solid #ffc022;
 }
.sgwork-child-title-wrapper h1{
    font-family: 'Open Sans';
  font-weight: 300;
    font-size: 54px;
    line-height: 46px;
    color: #878484;
    text-align: center;
    padding: 48px 0;
}
.no-padding .elementor-column-gap-default>.elementor-column>.elementor-element-populated{
  padding: 0
}
.m-bottom-110{
  margin-bottom: 110px;
}

@media only screen and (max-width: 767px){
  .sgwork-child-title-wrapper h1{
      font-size: 34px;
      line-height: 40px;

  }
}


/* ==========================================================================
   Contact Page
   ========================================================================== */
.elementor-testimonial-image img {display: none;}

   .contact-us-title , .contact-us-subtitle, .contact-form-area label{
     padding-left: 10px;
   }

   .contact-page_content .sgw-row-2col:first-of-type {
    margin-top: 0;
  }

  .contact-page_content .sgw-row-2col:first-of-type .sgwork-col-50:not(:last-of-type) {
    margin-top: 60px;
  }

   .contact-us-subtitle{
     margin-bottom: 30px;
   }

   .contact-us-subtitle p{
    font-size: 22px;
   }

   .contact-us-subtitle a{
    font-size: 22px;
    color: #5f5f5e;
   }

   .contact-us-subtitle a:hover{
     color: #ffc022;
   }

   .contact-form-area{
     color: #5f5f5e;
     font-size: 20px;
     line-height: 28px;
   }

   .contact-form-area input, .contact-form-area textarea{
     width: 100%;
     padding: 15px 10px 14px 10px;
     outline: none;
     border: 2px solid #ffc022;
     margin-top: 10px;
     margin-bottom: 8px;
     font-size: 20px;
     color: #5f5f5e;
   }

   .contact-form-area input::-webkit-input-placeholder, .contact-form-area textarea::-webkit-input-placeholder{
     color: #5f5f5e;
     font-weight: 300;
   }

   .contact-form-area input::-webkit-input-placeholder, .contact-form-area textarea::-webkit-input-placeholder { /* Edge */
    color: #5f5f5e;
    font-weight: 300;
  }

  .contact-form-area input:-ms-input-placeholder, .contact-form-area textarea:-ms-input-placeholder  { /* Internet Explorer 10-11 */
    color: #5f5f5e;
    font-weight: 300;
  }

  .contact-form-area input::placeholder, .contact-form-area textarea::placeholder {
    color: #5f5f5e;
    font-weight: 300;
  }

  .contact-form-area input:-moz-placeholder, .contact-form-area textarea:-moz-placeholder { /* Firefox 18- */
    color: #5f5f5e;
    font-weight: 300;
  }

  .contact-form-area input::-moz-placeholder, .contact-form-area textarea::-moz-placeholder {  /* Firefox 19+ */
    color: #5f5f5e;
    font-weight: 300;
  }

  .contact-form-area input[type=submit]{
    border: none;
    background-color: #ffc022;
    color: #fff;
    font-size: 27px;
    font-weight: 300;
    text-transform: uppercase;
    padding-left: 40px;
    text-align: left;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
  }
  .wpcf7 .ajax-loader{
    display: none;
  }

  @media only screen and (max-width: 1325px){
    .contact-page_content .sgw-row-2col:first-of-type {
      margin-top: 60px;
    }

    .contact-page_content .sgw-row-2col:first-of-type .sgwork-col-50:not(:last-of-type) {
      margin: 0 auto;
  }

  .contact-page_content .sgwork-col-50{
    flex-basis: initial;
  }
}
  @media only screen and (max-width: 787px){
    .contact-page_content .sgw-row-2col:first-of-type {
      margin-top: 35px;
    }
    .contact-us-subtitle{
      margin-bottom: 15px;
    }
    .contact-form-area input[type=submit]{
          font-size: 26px;
    }
    .contact-form-area input, .contact-form-area textarea{
      padding: 10px 10px 10px 10px;
     }
  }


/* ==========================================================================
   Expertise Child Page
   ========================================================================== */


.color-scheme-grey{
  background-color: #f1f2f2;
}

.image-drop-shadow img{
  box-shadow: 0 13px 24px 0 rgba(0, 0, 0, 0.17)!important;
}

.sgwork_button .elementor-button-link{
  padding: 7px 45px;
}

.elementor-extended-container > .elementor-container{
  max-width: 1850px!important;
}

/* ==========================================================================
   Insights Single Page
   ========================================================================== */

   .narrow{
     max-width: 1464px;
   }

.section-insights-head{
  margin-top: 60px;
  position: relative;
  width: 100%;
  max-width: 100%;
  z-index: 0;
}

.section-insights-head:after{
    position: absolute;
    content: " ";
    width: 100%;
    height: 3.5px;
    background-color: #ffc022;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1
}

.section-insights-head > *{
  position: relative;
  z-index: 2;
}


.section-insights-head .image-container{
  display: inline-block;
}
.section-insights-head .image-container img{
    width: 100%;
    height: 100%;
    max-width: 117px;
    max-height: 153px;
    object-fit: contain;
}

.insights-single-banner{
  width: 100%;
  height: 30vh;
  max-height: 460px;
}

.section-insights-breadcrumbs{
  padding: 40px 0;
}

.section-insights-breadcrumbs .breadcrumb{
  font-family: "Open Sans";
  font-size: 26px;
  line-height: 30px;
  font-weight: 600;
  color: #5f5f5e;
}

.section-insights-breadcrumbs .breadcrumb span a{
  color: #5f5f5e;
}

.section-single-content{
  padding: 60px 0;
}

.section-single-content .text-content-area {
/*   max-width: 1353px; */
}

.text-content-area h1, .text-content-area h2, .text-content-area h3, .text-content-area h4 , .text-content-area h5 , .text-content-area h6{
  font-family: "Open Sans";
  font-size: 26px;
  font-weight: 800;
  color: #5f5f5e;
  margin-bottom: 20px;
}

.text-content-area h1 {
  font-size: 30px;
  line-height: 42px;
}

.text-content-area h2, .text-content-area h3, .text-content-area h4{
  font-size: 26px;
  line-height: 36px;
}

.text-content-area h5 , .text-content-area h6{
  font-size: 24px;
  line-height: 34px;
}

.text-content-area, .text-content-area p{
   font-family: "Open Sans";
    font-size: 20px;
    line-height: 34px;
    font-weight: 300;
    color: #5f5f5e;
}

.text-content-area a{
  font-weight: 800;
  color: #5f5f5e;
}

.text-content-area p:not(:last-of-type){
  margin-bottom: 20px;
}

.text-content-area ul{
  margin-bottom: 30px;
}

.text-content-area li::before{
  content: "\2022";
    color: #ffc022;
    font-weight: 900;
    font-size: 25px;
    margin-right: 0.5rem;
}

.text-content-area ul li a{
  color: #5f5f5e;
}

.text-content-area ul li ul{
  padding: 0 30px;
}

@media only screen and (max-width: 1380px){
  .insights-col-large--2{
    padding: 0 40px;
    flex-basis: initial;
    width: 100%;
    max-width: 1300px;
  }
}


@media only screen and (max-width: 991px){
  .section-insights-head .image-container img{
    width: 105px;
  }
}


/* ==========================================================================
   Insights Listing Page
   ========================================================================== */

   .post-listing-section{
     padding: 10px 0 85px;
   }

   .insights-listing-wrapper{
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     grid-gap: 22px;
   }


   .playbook-wrapper{
     grid-template-columns: repeat(3, 1fr);
   }

   .insights-listing-item{
    position: relative;
    width: 100%;
    max-width: 460px;
   }

   .insights-listing-item a{
     display: block;
   }

   .insights-listing-item figure{
     overflow: hidden;
     margin: 0;
     height: 280px;
   }

   .insights-listing-item img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s ease;
   }

/*   .insights-listing-item span{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 92px;
    text-align: center;
    padding: 5px 25px;
    font-size: 22px;
    font-weight: 800;
    line-height: 26px;
    background-color: rgba(0,0,0, 0.65);
    color: rgba(255, 255, 255, 0.7);
   }*/

.insights-listing-item a > span {
    display: block;
    font-family: Roboto;
    font-size: 18px;
    line-height: 1em;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    position: absolute;
    bottom: 0;  
    width: 100%;
    background: rgba(0,0,0,0.8);
    padding: 30px 20px 30px;
}

.insights-listing-item:hover .hover-label span:first-of-type{
    padding: 30px 20px 20px;
}

.insights-listing-item:hover .hover-label span:last-of-type{

 height: 100%;
    padding: 0px 20px 30px;
    opacity: 1;
    pointer-events: all;
}

.insights-listing-item .hover-label span:last-of-type{
    padding: 0px 20px 0px;
    opacity: 0;
    font-size: 18px;
    pointer-events: none;
    transition: all 0.2s ease-in;
    height: 0;
    font-weight: 300;
}
.insights-listing-item .hover-label{
    position: absolute;
    bottom: 0;  
    width: 100%;
    background: rgba(0,0,0,0.8);
}
.insights-listing-item .hover-label span {
    display: block;
    font-family: Roboto;
    font-size: 18px;
    line-height: 1em;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
}

.insights-listing-item .hover-label span:first-of-type{
  padding: 30px 20px 30px;

}
   .insights-listing-item:hover img{
     transform: scale(1.08);
   }

@media only screen and (max-width: 1024px){
  .post-listing-section{
    padding: 10px 0 65px;
  }

  .insights-listing-wrapper{
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }

}

@media only screen and (max-width: 767px){
  .insights-listing-item span{
    height: 82px;
    font-size: 18px;
  }

  .insights-listing-item figure{
    height: 330px;
  }

  .post-listing-section{
    padding: 10px 0;
  }
}

@media only screen and (max-width: 576px){
  .insights-listing-wrapper{
    grid-template-columns: 1fr;
    justify-items: center;
    grid-gap: 20px;
  }

  .insights-listing-item{
    max-width: 380px;
    grid-gap: 25px;
  }

  .insights-listing-item span{
    height: 68px;
    font-size: 18px;
  }
}

@media only screen and (max-width: 360px){
  .insights-listing-item figure{
    height: 270px;
  }
}


/* ==========================================================================
   Insights Parent Page
   ========================================================================== */

   .extended{
     max-width: 1746px;
   }

  .insights-head-3:after{
    bottom: 1px;
  }

  .insights-head-3 .insights-column{
    text-align: center;
  }

  .insights-column-heading{
    text-align: center;
    padding: 0 55px;
  }

  .insights-column-heading h3{
    margin-bottom: 4px;
  }

  .insights-column-body{
    margin-top: 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .insights-column-heading > *{
    max-width: 494px;
    margin-left: auto;
    margin-right: auto;
  }

  .playbook-title{
    display: flex;
    align-items: center;
    height: 75px;
    padding: 5px 20px;
    font-size: 20px;
    font-weight: 800;
    line-height: 36px;
    color: #fff;
    background-color: #6e6e6e;
/*     box-shadow: inset 0 -1px 3px 0px rgb(0 0 0 / 40%); */
  }

  .playbooks-post-item {
    max-width: 494px;
  }

  .playbooks-post-item:not(:last-of-type){
    margin-bottom: 26px;
  }


  .playbooks-post-item figure{
    height: 286px;
  }

  .playbooks-post-item .presented_by{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 41px;
    text-align: center;
    padding: 5px;
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    background-color: #000;
    color: #ffc022;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .playbooks-post-item .presented_by p{
    display: flex;
    font-family: 'Open Sans';
    align-self: center;
    line-height: 34px;
  }


  .playbooks-post-item .presented_by span{
    font-family: 'Open Sans';
    position: static;
    font-size: 29px;
    font-weight: 400;
    line-height: 34px;
    color: #fff;
    height: initial;
    background-color: initial;
    padding: initial;
    width: initial;
    display: inline-block;
    margin-left: 8px;
  }

  .insights-column-footer{
    padding: 40px 0;
    text-align: center;
  }

  .insights-column-footer .cta-button{
    display: inline-block;
    font-size: 22px;
    font-weight: 800;
    line-height: 28px;
    color: #fff;
    background-color: #ffc022;
    padding: 24px 79px 23px;
    border-radius: 10px;
  }


  .posts-post-item{
    max-width: 494px;
  }

  .posts-post-item:not(:last-of-type){
    margin-bottom: 6px;
  }

.posts-post-item figure{
  height: 374px;
}

.posts-post-item span{
  height: 89px;
}

.articles-post-item{
    overflow: hidden;
    border: 1px solid #d6d6d6;
    border-radius: 10px;
}

.articles-post-item:not(:last-of-type){
  margin-bottom: 70px;
}

.articles-post-item figure{
  height: 290px;
}

.articles-post-textarea{
  padding: 10px 15px 20px;
}

.articles-post-textarea h4{
  font-size: 20px;
  font-weight: 800;
  color: #121212;
}

.articles-post-meta{
  font-size: 16px;
  color: #5f5f5e;
  margin: 2px 0 10px;
}

.articles-post-textarea span{
  position: static;
  background: initial;
  color: #5f5f5e;
  font-size: 16px;
  font-weight: 400;
  height: initial;
  line-height: 1;
  width: initial;
  display: inline-block;
  padding: 0;
  text-align: initial;
}

.articles-post-textarea .article-content{
  font-size: 18px;
  color: #2c2c2c;
  font-weight: 400;
  margin-bottom: 5px;
  line-height: 25px;
}


@media only screen and (max-width:1024px){
  .insights-page-content .post-listing-section{
    padding-top: 45px;
  }

  .insights-head-3{
    display: none;
  }

  .insights-column:not(:last-of-type){
    margin-bottom: 30px;
  }

  .insights-column-heading > *{
    max-width: 600px;
  }

  .playbooks-post-item:not(:last-of-type){
    margin-bottom: 24px;
  }

  .articles-post-item:not(:last-of-type){
    margin-bottom: 24px;
  }

  .posts-post-item:not(:last-of-type){
    margin-bottom: 24px;
  }

  .posts-post-item span{
    height: 75px;
    font-size: 20px;
  }

  .insights-column-footer .cta-button{
    font-size: 20px;
    padding: 18px 59px 18px;
  }

  @media only screen and (max-width:420px){
    .posts-post-item figure{
      height: 310px;
    }
  }

  @media only screen and (max-width:360px){
    .posts-post-item figure{
      height: 290px;
    }
  }


}
/* ==========================================================================
   Single Marketing Playbooks
   ========================================================================== */

.playbook-wrapper{
  width: 100%;
  max-width: 1600px;
  margin: 50px auto 95px auto;

  padding-right: 15px;
  padding-left: 15px;
}
.playbook-wrapper .playbooks-post-item {
  max-width: 100%;
}
.playbook-wrapper h2, .playbook-wrapper .playbook-sub, .playbook-p {
  text-align: center;
  color: #7C7877;
}
.playbook-wrapper .playbook-sub {
  display: block;
  font-family: "Open Sans";
  font-size: 26px;
  line-height: 36px;
  font-weight: 400;
  margin-bottom: 40px;
}
.playbook-p {
  margin-bottom: 50px;
}
.playbook-wrapper .contact-form-area input[type=submit]{
  padding: 50px 10px 50px 0px;
  text-align: center;
}
@media only screen and (max-width:1024px){

  .playbook-wrapper {
        margin: 50px auto 50px auto;
  }
  .playbook-wrapper .playbooks-post-item {
    max-width: 494px;
    margin-bottom: 35px;
    margin: 0 auto;
    margin-bottom: 35px;
  }
  .playbook-wrapper .contact-form-area input[type=submit]{
    padding: 30px 10px 30px 0px;
  }
}