/*!
Theme Name: Audio Design Desk
Theme URI: http://obodo.co.uk/
Author: Obodo
Author URI: http://obodo.co.uk/
Description:
*/

@font-face {
    font-family: 'Avenir LT Std';
    src: url('fonts/AvenirLTStd-Black.eot');
    src: url('fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),
         url('fonts/AvenirLTStd-Black.woff2') format('woff2'),
         url('fonts/AvenirLTStd-Black.woff') format('woff'),
         url('fonts/AvenirLTStd-Black.ttf') format('truetype'),
         url('fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('fonts/AvenirLTStd-Book.eot');
    src: url('fonts/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'),
         url('fonts/AvenirLTStd-Book.woff2') format('woff2'),
         url('fonts/AvenirLTStd-Book.woff') format('woff'),
         url('fonts/AvenirLTStd-Book.ttf') format('truetype'),
         url('fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('fonts/AvenirLTStd-Roman.eot');
    src: url('fonts/AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype'),
         url('fonts/AvenirLTStd-Roman.woff2') format('woff2'),
         url('fonts/AvenirLTStd-Roman.woff') format('woff'),
         url('fonts/AvenirLTStd-Roman.ttf') format('truetype'),
         url('fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html,body{
	margin: 0;
	padding: 0;
  /*font-family: 'Open Sans', sans-serif;*/
  font-family: 'Raleway', sans-serif;

}

img{
  height: auto;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
/*
ul {
  list-style: none;
}

ul li::before {
  content: "\2022";
  color: #00BDB2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
*/

::-ms-input-placeholder{
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 34px;
	color: #798391;
}
:-ms-input-placeholder{
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 34px;
	color: #798391;
}

::placeholder {
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 34px;
	color: #798391;
}

h1,h2,h3,h4{
	font-family: 'Avenir LT Std';
}

h1{
  font-weight: 900;
  font-size: 55px;
  line-height: 110%;
  color: #262322;
  margin-top: 0;
  margin-bottom: 20px;
}

h2{
  font-weight: 900;
  font-size: 40px;
  line-height: 110.1%;
  color: #262322;
  margin-top: 0;
  margin-bottom: 20px;
}

h3{
  font-weight: 900;
  font-size: 30px;
  line-height: 110.1%;
	color: #262322;
	margin-top: 0;
	margin-bottom: 20px;
}

h4{
	text-transform: uppercase;
	color: #000;
	display: table;
	margin-top: 0;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 1px;
}

p,a,li{
  font-weight: 500;
  font-size: 19px;
  line-height: 160%;
  color: #262322;
}

a{
  color: #FFA800;
}

select{
   font-family: 'Raleway', sans-serif;
}

/* Containers
--------------------------------------------- */


.container{
	width: 1360px;
	margin: 0 auto;
}

.small_container{
  width: 900px;
  margin: 0 auto;
}


/* 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;
}

.full_page_video .inner_txt a,
input[type="submit"],
.button{
  background: #F6C702;
  border: 2px solid #F6C702;
  border-radius: 30px;
	text-decoration: none;
	padding: 15px 25px;
  font-weight: 900;
  font-size: 18px;
  line-height: 25px;
  color: #262322;
  text-align: center;
  display: inline-block;
  font-family: 'Avenir LT Std';
  transition: all 0.5s ease;
}

  .full_page_video .inner_txt a:hover,
  input[type="submit"]:hover,
  .button:hover{
    transition: all 0.5s ease;
    border: 2px solid #262322;
  }

  input[type="submit"]:focus,
  .button:focus{
    transition: all 0.5s ease;
    border: 2px solid #262322;
    background:#262322;
    color: #fff;
  }

.button.white{
  transition: all 0.5s ease;
  background: #FFFFFF;
  border: 2px solid #262322;
}

  .button.white:focus{
    transition: all 0.5s ease;
    border: 2px solid #262322;
    background:#262322;
    color: #fff;
  }

input[type="submit"],
.button.black{
  transition: all 0.5s ease;
  background: #262322;
  border: 2px solid #262322;
  color: #fff;
}

  input[type="submit"]:hover,
  .button.black:hover{
    border: 2px solid #fff;
    transition: all 0.5s ease;
  }

  input[type="submit"]:focus,
  .button.black:focus{
    transition: all 0.5s ease;
    border: 2px solid #fff;
    background:#fff;
    color: #262322;
  }


.button.play_video{
  font-weight: 900;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  background: #FFFFFF;
  border: 2px solid #262322;
  padding-left: 50px;
  position: relative;
}

  .button.play_video:before{
    background: url("images/play_icon.svg") no-repeat;
    position: absolute;
    width: 22px;
    height: 22px;
    left: 20px;
    content: "";
  }


  .button.play_video:hover{
    transition: all 0.5s ease;
    border: 2px solid #F6C702;
  }

  .button.play_video:focus{
    transition: all 0.5s ease;
    border: 2px solid #262322;
  }





.top_section .button.play_video{
width: auto;
    float: none;
    display: inline;
}
.top_section .button.play_video:before{
    background: url("images/play_icon.svg") no-repeat;
    position: absolute;
    width: 22px;
    height: 22px;
    left: 20px;
    content: "";
        top: calc(50% - 10px);
}

#cboxOverlay{position:fixed; width:100%; height:100%; z-index: 100; top:0; left:0;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay{background:#000; opacity: 0.9;}
#colorbox{outline:0; z-index: 101;}

    #cboxContent{background:transparent;}
        .cboxIframe{background:transparent;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:0px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}

        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

#cboxClose {
    width: 32px;
    height: 32px;
    background: url("images/close.png") no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: 1000px;
    position: absolute;
    right: -43px;
    top: -43px;
}



/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% { opacity: 1; }
  75% { opacity: 0; }
  100% { opacity: 0; }
}

.owl-carousel .fadeIn {
  animation-name: fadeIn;
}

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

.owl-height {
  transition: height 500ms ease-in-out; }

  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }


#masthead{
  float: left;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 20px;
  position: fixed;
  transition: all 0.5s ease;
  border: 1px solid transparent;
  z-index: 100;
  top: 0;
}

#masthead.scrollhidden{
  transition: all 0.5s ease;
  top: -110px;
}

#masthead.scrolled{
  transition: all 0.5s ease;
  border: 1px solid #DADADA;
  background: #fff;
  -webkit-border-bottom-right-radius: 50px;
  -webkit-border-bottom-left-radius: 50px;
  -moz-border-radius-bottomright: 50px;
  -moz-border-radius-bottomleft: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
}



#logo{
  float: left;
  margin-right: 50px;
}

  #logo img{
    height: 40px;
  }

#main_menu{
  float: left;
  display: flex;
  list-style-type: none;
  margin: 0;
  align-items: center;
}

  #main_menu ul{
    float: left;
    display: flex;
    list-style-type: none;
    margin: 0;
    align-items: center;
    height: 40px;
  }

    #main_menu ul li{
      list-style-type: none;
      margin-right: 40px;
    }

      #main_menu ul li.current-menu-item a{
        font-weight: bold;
        color: #262322;
      }

      #main_menu ul li a{
        text-decoration: none;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;

        color: #000000;
      }

#right_menu{
  float: right;
  display: flex;
  list-style-type: none;
  margin: 0;
  align-items: center;
}

  #right_menu ul{
    float: left;
    display: flex;
    list-style-type: none;
    margin: 0;
    align-items: center;
    height: 40px;
  }

    #right_menu ul li{
      list-style-type: none;
      margin-right: 40px;
    }

      #right_menu ul li:last-child{
        margin-right: 0;
      }

      #right_menu ul li a{
        text-decoration: none;
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        color: #000000;
      }

    #right_menu ul li:last-child a{
      background: #262322;
      border-radius: 30px;
      padding: 10px 30px;
      color: #fff;
    }

    #right_menu ul li:last-child a:hover{
      transition: all 0.5s ease;
      background: #F6C702;
      color: #000000;
    }

.bg_item{
  position: absolute;
  z-index: -1;
  user-select: none;
}

  .bg_item.bg_1{
    background: url("images/Rec_1.svg") no-repeat;
    width: 920.72px;
    height: 790.6px;
    background-size: 65%;
    top:-70vh;
    right: 0;
    background-position: right top;
  }

  .bg_item.bg_2{
    background: url("images/rec_0.svg") no-repeat;
    width: 372.36px;
    height: 224.03px;
    background-size: 100%;
    top: 0;
    left: 0;
    background-position: left top;
  }

  .bg_item.bg_3{
    background: url("images/Rec_2.svg") no-repeat;
    width: 182.67px;
    height: 254.32px;
    background-size: 75%;
    bottom: -100px;
    left: 0;
    background-position: left top;
  }

  .bg_item.bg_4{
    background: url("images/Rec_4.svg") no-repeat;
    width: 282.34px;
    height: 795.15px;
    background-size: 100%;
    top: 100px;
    left: 0;
    background-position: left top;
  }

  .bg_item.bg_5{
    background: url("images/Rec_5.svg") no-repeat;
    width: 405.9px;
    height: 1040.91px;
    background-size: 75%;
    bottom: 0px;
    right: 0;
    background-position: right bottom;
  }

  .bg_item.bg_4.bottom{
    top: auto;
    bottom: 0;
  }

  .bg_item.bg_6{
    background: url("images/gray_rec1.svg") no-repeat;
    width: 468.98px;
    height: 458.55px;
    background-size: 55%;
    top: 0px;
    left: 0;
    background-position: left top;
    z-index: 1;
  }

  .bg_item.bg_7{
    background: url("images/gray_rec2.svg") no-repeat;
    width: 534.42px;
    height: 522.53px;
    background-size: 50%;
    top: 0px;
    right: 0;
    background-position: top right;
    z-index: 1;
  }

  .bg_item.bg_8{
    background: url("images/gray_rec3.svg") no-repeat;
    width: 468.98px;
    height: 458.55px;
    background-size: 70%;
    bottom: 0px;
    right: 20%;
    background-position: right bottom;
    z-index: 1;
  }

  .bg_item.bg_9{
    background: url("images/gray_rec5.svg") no-repeat;
    width: 700px;
    height: 700px;
    background-size: 70%;
    bottom: -300px;
    left: 0;
    background-position: left bottom;
    z-index: -1;
  }

  .bg_item.bg_10{
    background: url("images/Rec_6.svg") no-repeat;
    width: 60%;
    height: 100%;
    background-size: 100%;
    bottom: 0px;
    left: 0;
    background-position: left bottom;
    z-index: 1;
  }

  .bg_item.bg_11{
    background: url("images/rec_9.svg") no-repeat;
    width: 60%;
    height: 100%;
    background-size: 100%;
     top: 0px;
    right: 0;
    background-position: right top;
    z-index: 1;
  }


  .bg_item.bg_12{
    background: url("images/rec_10.svg") no-repeat;
    width: 60%;
    height: 100%;
    background-size: 100%;
    bottom: -30%;
    left: 0;
    background-position: left bottom;
    z-index: 1;
  }


  .over_hid{
    float: left;
    width: 100%;
    height: 200px;
    border-radius: 15px;
    overflow: hidden;
  }

  .bg_item.bg_13{
    background: url("images/rec_11.svg") no-repeat;
    border-radius: 15px;
    width: 65%;
    height: 200px;
    background-size: 100%;
    top: 0;
    left: 0;
    background-position: left top;
    z-index: 1;
  }

  .bg_item.bg_14{
    background: url("images/rec_7.svg") no-repeat;
    width: 50%;
    height: 100%;
    background-size: 70%;
    top: 0;
    right: 0;
    background-position: right center;
    z-index: 0;
  }

  .bg_item.bg_15{
    background: url("images/rec_8.svg") no-repeat;
    width: 50%;
    height: 100%;
    background-size: 70%;
    top: 0;
    right: 0;
    background-position: right center;
    z-index: 0;
  }



.top_section{
  float: left;
  width: 100%;
  padding-top: 150px;
  position: relative;
  padding-bottom: 150px;
}

  .top_section .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .top_section .left_side{
    float: left;
    width: 40%;
  }

    .top_section .left_side .text p{
      font-family: Raleway;
      font-style: normal;
      font-weight: normal;
      font-size: 25px;
      line-height: 160%;
      color: #262322;
    }

    .top_section .left_side .buttons .play_video{
      margin-left: 20px;
    }

  .top_section .right_side{
    float: right;
    width: 55%;
  }

  .top_section .right_side img{
    float: right;
    width: 100%;
  }

  .top_section .small_text{
    float: left;
    width: 60%;
    font-weight: normal;
    font-size: 14px;
    line-height: 140.62%;
    color: #000000;
    margin-top: 20px;
  }

.trusted_by{
    float: left;
    width: calc(100% - 80px);
    display: flex;
    background: #262322;
    padding: 40px;
    justify-content: space-between;
    align-items: center;
}

  .trusted_by h3{
    color: #fff;
    font-weight: 900;
    font-size: 20px;
    line-height: 140.1%;
    margin-bottom: 0;
    font-family: 'Raleway', sans-serif;
  }

  .trusted_by img{
    display: table;
    width: auto;
    height: auto;
  }

  .ukraine {
      float: left;
      width: 100%;
      display: flex;
      background: #ffffff00!important;
      padding: 0px;
      justify-content: center;
      align-items: center;
  }

  .bio-btn-group button {
    background-color: #ff9900;
    border: 2px solid #ffcc00;
    color: white;
    padding: 10px 24px;
    float: top;
    margin-bottom:15px;
    border-radius: 12px;
    font-size: 24px;
  }

  /* Clear floats (clearfix hack) */
  .bio-btn-group:after {
    content: "";
    clear: both;
    display: table;
  }
  .bio-btn-group button:hover {
    background-color: #ffcc00;
  }

.who_are_you{
  float: left;
  width: 100%;
}

  .who_are_you .top_menu{
    float: left;
    width: calc(100% - 80px);
    display: flex;
    background: #262322;
    border-radius: 50px;
    padding: 2px 40px;
    justify-content: space-around;
    align-items: center;
  }

    .who_are_you .top_menu h3{
      color: #fff;
      font-weight: 900;
      font-size: 30px;
      line-height: 110.1%;
      margin-bottom: 0;
      white-space: nowrap;
    }

    .who_are_you .custom_slider{
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .who_are_you .top_menu span{
      margin: 0;
      padding: 0;
      color: #fff;
      font-weight: 600;
      font-size: 18px;
      line-height: 25px;
      padding: 25px 40px;
      cursor: pointer;
      transition: all 0.5s ease;
      border-radius: 50px;
      white-space: nowrap;
    }

    .who_are_you .top_menu span:hover{
      background: #F6C702;
      color: #262322;
      border-radius: 50px;
    }

    .who_are_you .top_menu span.active{
      transition: all 0.5s ease;
      background: #fff;
      color: #262322;
      border-radius: 50px;
    }

  .who_items{
    float: left;
    width: calc(100%);
    margin-top: 30px;
  }

    .who_items .item {
      border-radius: 50px;
      padding: 40px;
      background: #F7F7FA;
      width: calc(100% - 80px);
      float: left;
      display: none;
    }

      .who_items .item.active{
        display: block;
      }

    .who_items .left_side{
      float: left;
      width: calc(50% - 120px);
      margin-right: 25px;
      padding-left: 95px;
    }

      .who_items .left_side ul{
        padding-left: 0;
        margin-left: 0;
        padding-right: 95px;
      }

        .who_items .left_side ul li{
          list-style-type: none;
          position: relative;
          font-weight: 500;
          font-size: 20px;
          line-height: 160%;
          color: #262322;
          margin-bottom: 30px;
          counter-increment: li;
        }

          .who_items .left_side ul li:before{
            list-style-type: decimal;
            content: counter(li);
            background: url("images/list.svg") no-repeat;
            background-size: 100%;
            width: 77px;
            position: absolute;
            height: 80px;
            left: -100px;
            top: -10px;
            text-align: center;
            line-height: 80px;
          }

    .who_items .right_side{
      float: right;
      width: 50%;
    }


    .who_items .testimonial{
      float: left;
      width: calc(100% - 80px);
      padding: 60px 40px;
      padding-bottom: 20px;
      background: #FFFFFF;
      box-shadow: 0px 0px 20px rgba(15, 38, 90, 0.05);
      border-radius: 15px;
      position: relative;
      margin-top: 40px;
    }

      .who_items .testimonial .test{
        font-style: italic;
        font-weight: 500;
        font-size: 20px;
        line-height: 140.62%;
        color: #5D5D5D;
        font-family: 'Avenir LT Std';
      }


      .who_items .testimonial img{
        position: absolute;
        width: 80px;
        height: 80px;
        border-radius: 100%;
        object-fit: cover;
        top: -40px;
        left: calc(50% - 40px);
      }

      .who_items .testimonial .details{
        float: right;
        width: 50%;
        margin-top: 10px;
        position: relative;
      }

        .who_items .testimonial .details .linkedin{
          position: absolute;
          left: -30px;
          width: 20px;
          height: 20px;
          background: url("images/linkedin_orange.svg") no-repeat;
          background-size: 100%;
        }

        .who_items .testimonial .details .name{
          font-weight: 500;
          font-family: 'Avenir LT Std';
          font-size: 14px;
          line-height: 110.1%;
          color: #000000;
          margin-bottom: 5px;
        }

        .who_items .testimonial .details .position{
          font-style: italic;
          font-weight: normal;
          font-size: 12px;
          line-height: 130.1%;
          color: #000000;
        }

    .who_items .rep_items{
      float: left;
      width: 100%;
      margin-top: 10px;
    }

      .who_items .rep_items .rep_item{
        float: left;
        width: calc(50% - 10px);
        margin-right: 20px;
        margin-top: 20px;
        background: #FFFFFF;
        box-shadow: 0px 0px 20px rgba(15, 38, 90, 0.05);
        border-radius: 15px;
        overflow: hidden;
        position: relative;
      }

        .who_items .rep_items .rep_item img{
          float: left;
          width: 100%;
          height: 150px;
          object-fit: cover;
          border-radius: 15px;
          overflow: hidden;
        }

        .who_items .rep_items .rep_item a.play_video{
          width: 100%;
          height: 150px;
          position: absolute;
          top: 0;
          left: 0;
          background: url("images/play_white.svg") no-repeat;
          background-size: 50px;
          background-position: center center;
        }

        .who_items .rep_items .rep_item a.play_video:before{
          display: none;
        }

      .who_items .rep_items .rep_item:nth-child(2n){
        margin-right: 0;
      }

      .who_items .rep_items .rep_item .rep_txt{
        width: 90%;
        margin: 0 auto;
        margin-top: 10px;
        font-size: 16px;
        line-height: 140.62%;
        color: #262322;
        display: table;

      }

        .who_items .rep_items .rep_item .rep_txt a,
        .who_items .rep_items .rep_item .rep_txt p{
          font-size: 16px;
          line-height: 140.62%;
          color: #262322;
        }

        .who_items .rep_items .rep_item .rep_txt a{
          text-decoration: underline;
          font-weight: bold;
          font-size: 16px;
          line-height: 110.1%;
          color: #262322;
        }

.gray_bg{
  background: #F7F7FA;
  float: left;
  width: 100%;
}

.site-footer{
  position: relative;
  z-index: 2;
  margin-top: 80px;
  float: left;
  width: 100%;
  background: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
  -webkit-border-top-left-radius: 50px;
  -webkit-border-top-right-radius: 50px;
  -moz-border-radius-topleft: 50px;
  -moz-border-radius-topright: 50px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}

  .site-footer.gray{
    background: #F7F7FA;
  }

  .site-footer .left_section{
    float: left;
    width: 20%;
  }

  .site-footer .right_section{
    float: right;
    width: calc(80% - 140px);
    margin-left: 140px;
  }

#logo_footer img{
  width: 100%;
}

#footer_men{
  float: left;
  width: 100%;
  margin-top: 10px;
}

  #footer_men ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

    #footer_men ul li{
      float: left;
      width: 25%;
    }

      #footer_men ul li > a{
        font-weight: bold;
        font-size: 16px;
        line-height: 140.62%;
        color: #262322;
        text-decoration: none;
        margin-bottom: 35px;
        float: left;
        width: 100%;
      }

      #footer_men ul li li > a{
        font-weight: normal;
        margin-bottom: 10px;
      }


    #footer_men ul li li{
      width: 100%;
    }

.copy{
  float: left;
  width: 100%;
  font-weight: normal;
  font-size: 12px;
  line-height: 140.62%;
  text-align: right;
  color: #262322;
  margin-top: 10px;
}

.social_media{
  float: left;
  width: 100%;
  text-align: right;
  margin-top: 55px;
}

    .social_media a {
        display: inline-block;
        margin-left: 4px;
        width: 30px;
        height: 30px;
        border: 1px solid #000;
        border-radius: 100%;
    }

    .social_media a.tw{
      background: url("images/twitter.svg") no-repeat;
      background-size: 20px;
      background-position: center;
    }

    .social_media a.fb{
      background: url("images/facebook.svg") no-repeat;
      background-size: 20px;
      background-position: center;
    }

    .social_media a.in{
      background: url("images/instagram.svg") no-repeat;
      background-size: 20px;
      background-position: center;
    }

    .social_media a.li{
      background: url("images/linkedin.svg") no-repeat;
      background-size: 20px;
      background-position: center;
    }
   .social_media a.yt{
      background: url("images/youtube.svg") no-repeat;
      background-size: 20px;
      background-position: center;
    }
   .social_media a.sl{
      background: url("images/slack_icon.png") no-repeat;
      background-size: 20px;
      background-position: center;
    }

.video_player{
  float: left;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}


.qta{
  float: left;
  width: 100%;
  margin-top: 80px;
}

  .qta .inner_qta{
    padding-top: 80px;
    padding-bottom: 80px;
    background: #F6C702;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
  }

    .qta .inner_qta .inner_text{
      width: 45%;
      display: table;
      margin: 0 auto;
      text-align: center;
      z-index: 2;
      position: relative;
    }

.sync_sliders{
  float: left;
  width: 100%;
  margin-top: 80px;
}

  .sync_sliders .bg_items .owl-nav{
    display: none!important;
  }

  .sync_sliders .bg_items{
    background: #262322;
    border-radius: 50px;
    width: calc(100% - 4px);
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    overflow: hidden;
    margin-top: 60px;
  }

    .sync_sliders .bg_items .inner{
      width: 60%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: nowrap;
      margin: 0 auto;
      height: 100%;
    }

    .sync_sliders .bg_items .item{
      height: 100%;
      height: 77px;
      background: #262322;
      border-radius: 50px;
      transition: all 0.5s ease;
    }

    .sync_sliders .bg_items .active_slide .item .icon_normal,
    .sync_sliders .bg_items .item .icon_selected{
      display: none;
      transition: all 0.5s ease;
    }

    .sync_sliders .bg_items .item .icon_normal,
    .sync_sliders .bg_items .active_slide .item .icon_selected{
      display: block;
      transition: all 0.5s ease;
    }

    .sync_sliders .bg_items .active_slide .item{
      border-radius: 50px;
      background: #fff;
      height: 77px;
      position: relative;
      transition: all 0.5s ease;
    }

    .sync_sliders .bg_items .active_slide h5{
      color: #000;
      transition: all 0.5s ease;
    }

    .sync_sliders .bg_items h5{
      font-style: normal;
      font-weight: bold;
      font-size: 18px;
      line-height: 140.62%;
      color: #fff;
      margin: 0;
      margin-left: 20px;
      transition: all 0.5s ease;
    }

    .sync_sliders .bg_items img{
      height: 22px;
      width: auto;
      transition: all 0.5s ease;
    }

    .sync_sliders .bg_items_v2{
      background: #F7F7FA;
      border-radius: 50px;
      margin-top: 50px;
      padding: 70px 40px;
      position: relative;
    }

      .sync_sliders .bg_items_v2:before{
        background: url("images/Rec_3.svg") no-repeat;
        background-size: 50%;
        background-position: right center;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
      }

      .sync_sliders .bg_items_v2 .left_side{
        float: left;
        width: 50%;
      }

        .sync_sliders .bg_items_v2 .left_side p:last-child{
          font-size: 20px;
          line-height: 140%;
          color: #262322;
        }

      .sync_sliders .bg_items_v2 .right_side{
        float: right;
        width: calc(50% - 30px);
        margin-left: 30px;
        min-height: 500px;
      }

       .sync_sliders .bg_items_v2 .right_side{
        display: flex;
        align-items: center;
      }

      .sync_sliders .bg_items_v2 .owl-dots{
        display: none;
      }

      .blog_slider .owl-nav,
      .sync_sliders .bg_items_v2 .owl-nav{
        z-index: 10;
        width: 100%;
        text-align: center;
        bottom: -30px;
        position: relative;
      }



      .content_page .blog_slider .owl-nav button,
      .sync_sliders .bg_items_v2 .owl-nav button{
        background-color: #FFFFFF;
        border-radius: 100%;
        width: 80px;
        height: 80px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 70%;
        background-position: center;
      }

        .blog_slider .owl-nav button.owl-next,
        .sync_sliders .bg_items_v2 .owl-nav button.owl-next{
          margin-left: 20px;
          background-image: url("images/chevron-right.svg");
        }

        .blog_slider .owl-nav button.owl-prev,
        .sync_sliders .bg_items_v2 .owl-nav button.owl-prev{
          background-image: url("images/chevron-left-1.svg");
        }
        .blog_slider  .owl-nav button.owl-prev.disabled,
        .sync_sliders .bg_items_v2 .owl-nav button.owl-prev.disabled{
          background-image: url("images/chevron-left.svg");
        }
        .blog_slider .owl-nav button.owl-next.disabled,
        .sync_sliders .bg_items_v2 .owl-nav button.owl-next.disabled{
          background-image: url("images/chevron-right-1.svg");
        }

.free_sounds{
  float: left;
  width: 100%;
  padding-top: 180px;
  padding-bottom: 50px;
  position: relative;
}

  .free_sounds .left_side{
    float: left;
    width: calc(50% - 100px);
    padding-right: 100px;
  }

  .free_sounds .right_side{
    float: right;
    width: 50%;
  }

  .free_sounds .right_side.make_full{
    width: 100%;
  }

  .free_sounds .right_side.make_full .bottom_tabs .item .one_t img{
    height: 350px;
  }

    .free_sounds .right_side .bottom_tabs{
      float: left;
      width: 100%;
    }

      .free_sounds .right_side .bottom_tabs .item{
        display: none;
      }

      .free_sounds .right_side .bottom_tabs .item.active{
        display: flex;
        flex-wrap: wrap;
      }

        .free_sounds .right_side .bottom_tabs .item{
          float: left;
          width: 100%;
          margin-top: 20px;
        }

          .free_sounds .right_side .bottom_tabs .item .one_t{
            float: left;
            width: calc(33.3% - 15px);
            margin-right: 20px;
            margin-bottom: 10px;
          }

          .free_sounds .right_side .bottom_tabs .item .one_t.borders{
            border: 2px solid #FFA800;
            display: flex;
            height: 196px;
            border-radius: 5px;
            align-items: center;
            justify-content: center;
            font-size: 20px;
          }

          .free_sounds .right_side .bottom_tabs .item .one_t.borders:hover{
            border: 2px solid #000;
            transition: all 0.2s ease;
          }

          .free_sounds .right_side .bottom_tabs .item .one_t.borders a{
            text-decoration: none;
          }

            .free_sounds .right_side .bottom_tabs .item .one_t.borders:hover a{
              color: #000;
              transition: all 0.2s ease;
            }

          .free_sounds .bottom_tabs .item .one_t:nth-child(3n){
            margin-right: 0;
          }

          .free_sounds .bottom_tabs .item .one_t .img_cont{
            float: left;
            width: 100%;
            position: relative;
          }

            .free_sounds .bottom_tabs .item .one_t .img_cont .bt{
              background: #F6C702;
              width: 0%;
              height: 6px;
              position: absolute;
              top: -2px;
              left: 0;
              border-radius: 5px;
              transition: all 0.2s ease;
            }

            .free_sounds .bottom_tabs .item .one_t .img_cont .br{
              background: #F6C702;
              width: 6px;
              height: 0%;
              position: absolute;
              top: 0;
              right: -2px;
              border-radius: 5px;
              transition: all 0.2s ease;
            }

            .free_sounds .bottom_tabs .item .one_t .img_cont .bb{
              background: #F6C702;
              width: 0%;
              height: 6px;
              position: absolute;
              bottom: -2px;
              right: 0;
              border-radius: 5px;
              transition: all 0.2s ease;
            }

            .free_sounds .bottom_tabs .item .one_t .img_cont .bl{
              background: #F6C702;
              width: 6px;
              height: 0%;
              position: absolute;
              bottom: 0;
              left: -2px;
              border-radius: 5px;
              transition: all 0.2s ease;
            }

            .free_sounds .bottom_tabs .item .one_t .play_mp3{
              width: 50px;
              height: 50px;
              position: absolute;
              left: calc(50% - 25px);
              top: calc(50% - 25px);
              background: url("images/play_white.svg") no-repeat;
              background-size: 100%;
              cursor: pointer;
            }

            .free_sounds .bottom_tabs .item .one_t .pause_mp3{
              width: 50px;
              height: 50px;
              position: absolute;
              left: calc(50% - 25px);
              top: calc(50% - 25px);
              background: url("images/pause.svg") no-repeat;
              background-size: 100%;
              cursor: pointer;
              display: none;
            }

          .free_sounds .bottom_tabs .item .one_t img{
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 5px;
          }

          .free_sounds .bottom_tabs .item .one_t p{
            margin-top: 0;
            font-weight: 500;
            font-size: 18px;
            line-height: 140%;
            color: #262322;
          }


    .free_sounds .top_tabs{
      float: left;
      width: calc(100% - 4px);
      background: #262322;
      border-radius: 50px;
      padding: 2px;
      display: flex;
      justify-content: space-evenly;
    }

      .free_sounds .top_tabs .top_tab{
        padding-top: 15px;
        padding-bottom: 15px;
        color: #fff;
        font-size: 18px;
        line-height: 140.62%;
        text-align: center;
        cursor: pointer;
        width: auto;
        display: flex;
        width: 100%;
        text-align: center;
        justify-content: center;
        transition: all 0.2s ease;
        border-radius: 50px;
      }

      .free_sounds .top_tabs .top_tab:hover{
        background: #F6C702;
        border-radius: 50px;
        color: #000;
        transition: all 0.2s ease;
      }

      .free_sounds .top_tabs .top_tab.active{
        background: #fff;
        color: #000;
        border-radius: 50px;
      }

.pricing{
  float: left;
  width: 100%;
  margin-top: 30px;
}

  .pricing .top_drop{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
  }

    .pricing .top_drop .drop_btn{
      background: #FFFFFF;
      border: 1px solid #000000;
      box-sizing: border-box;
      border-radius: 30px;
      font-family: 'Avenir LT Std';
      font-style: normal;
      font-weight: 900;
      font-size: 16px;
      line-height: 22px;
      padding: 10px 20px;
      text-align: center;
      color: #262322;
      margin-right: 30px;
      cursor: pointer;
    }

    .pricing .top_drop .drop_btn.active{
      background: #262322;
      color: #fff;
    }

    .pricing .top_drop .drop_btn:last-child{
      margin-right: 0;
    }

  .pricing .pricing_inner{
    float: left;
    background: #F7F7FA;
    border-radius: 50px;
    padding: 100px 120px;
    width: calc(100% - 240px);
  }

  .pricing .pricing_inner .drop_absolute{
    text-align: center;
    margin-bottom: 30px;
  }

    .pricing .pricing_inner .drop_absolute .dropdown-el{
      left: calc(50% - 125px);
    }

  .pricing.no_bg{
    background: #F7F7FA;
    margin-top: 0;
    padding-top: 40px;
    position: relative;
    overflow: hidden;
  }

  .pricing.no_bg .pricing_inner{
    background: none;
    padding-top: 100px;
    position: relative;
    z-index: 2;
  }



  .pricing .custom_radio,
  .pricing .custom_drop{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }

    .pricing .custom_drop .drop{
      padding: 10px 60px 10px 30px;
      border-radius: 50px;
      border: 1px solid rgba(0, 0, 0, 0.15);
      cursor: pointer;
      -moz-appearance:none;
      -webkit-appearance:none;
      appearance:none;
      background-image: url("images/arrow_down.svg");
      background-repeat: no-repeat;
      background-color: #fff;
      background-position: 90% 50%;
      font-weight: 600;
      font-size: 20px;
      line-height: 140%;
      color: #262322;

    }

  .pricing .pricing_plans{
    float: left;
    width: 100%;
  }

    .pricing .pricing_plans .inner_plan {
      float: left;
      width: 100%;
      display: none;
    }

    .pricing .pricing_plans .inner_plan.active{
      display: block;
    }

    .pricing .pricing_plans .inner_plan.active .flex_items{
      display: flex;
      width: 100%;
    }

    .pricing .pricing_plans .inner_plan.active .left_side,
    .pricing .pricing_plans .inner_plan.active .tab{
      flex: 1 1 auto;
      display: flex;
      flex-wrap: wrap;
    }

    .pricing .pricing_plans .inner_plan.active .left_side.tab{
      margin-right: 35px;
      padding-top: 40px;
      padding-bottom: 40px;
      background: none;
      padding-right: 0;
      padding-left: 0;
      box-shadow: none;
      border:none;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
    }

    .pricing .pricing_plans .inner_plan.active .left_side.tab:hover{
      border:none;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
    }

    .pricing .pricing_plans .inner_plan.active .tab {
      flex: 1 1 auto;
      display: flex;
      flex-wrap: wrap;
      max-width: calc(30% - 90px);
      padding: 40px 30px;
      background: #fff;
      margin-right: 35px;
      box-shadow: 0px 0px 20px rgba(15, 38, 90, 0.05);
      border-radius: 15px;
      text-align: center;
      border: 2px solid #fff;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      position: relative;
      top: 0;
    }

    .pricing .pricing_plans .inner_plan.active .tab:hover{
      border: 2px solid #F6C702;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      top: -10px;
    }

    .pricing .pricing_plans .inner_plan.active .left_side.tab:hover{
      top: 0;
    }

    .pricing .pricing_plans .inner_plan.active .tab:last-child{
      margin-right: 0;
    }

    .pricing .pricing_plans .inner_plan.active .left_side .row p{
      text-align: left;
      font-size: 14px;
      line-height: 110%;
      color: #000000;
    }
    .pricing .pricing_plans .inner_plan.active .left_side .row,
    .pricing .pricing_plans .inner_plan.active .tab .row{
      float: left;
      width: 100%;
    }

    .pricing .pricing_plans .inner_plan.active .tab .row p.strong{
        font-weight: 600;
        font-size: 16px;
        line-height: 110%;
        text-align: center;
        color: #262322;

    }

    .pricing .pricing_plans .inner_plan.active .tab .row:nth-child(1){
      min-height: 40px;
    }
    .pricing .pricing_plans .inner_plan.active .tab .row:nth-child(2){
      min-height: 50px;
    }

    .pricing .pricing_plans .inner_plan.active .tab .row{
      min-height: 50px;
    }
    .pricing .pricing_plans .inner_plan.active .tab p{
      border-bottom: 1px solid #F2F2F2;
    }

    .pricing .pricing_plans .inner_plan.active .left_side.tab p{
      border-bottom: 1px solid #fff;
    }

    .pricing .pricing_plans .inner_plan.active .tab .row:last-child p{
      border: 0;
    }

     .pricing .pricing_plans .inner_plan .tab .row .buttons{
      height: 78px;
      margin-bottom: 20px;
      display: block;
     }

     .pricing .pricing_plans .inner_plan .tab .row .button{
        margin-bottom: 20px;
        min-width: 60%;
     }

    .pricing .pricing_plans .inner_plan.active .tab span{
        font-weight: bold;
        font-size: 20px;
        line-height: 158.46%;
        text-align: center;
        color: #818181;
        float: left;
        width: 100%;
        height: 30px;
        display: none;
    }

    .pricing .pricing_plans .inner_plan.active .tab .row p.strong,
    .pricing .pricing_plans .inner_plan .tab .row .button{
      display: none;
    }

    .pricing .pricing_plans .inner_plan.active .tab .row p.strong.active,
    .pricing .pricing_plans .inner_plan .tab .row .button.active,
    .pricing .pricing_plans .inner_plan.active .tab span.active{
      display: block;
    }

    .pricing .pricing_plans .inner_plan.active .tab h3{
        font-weight: 900;
        font-size: 25px;
        line-height: 35px;
        text-align: center;
        margin-bottom: 10px;
        color: #000000;
        width: 100%;
        float: left;
        height: 30px;
    }

    .pricing .pricing_plans .inner_plan.active .tab p{
      font-size: 16px;
      line-height: 110%;
      text-align: center;
      color: rgba(0, 0, 0, 0.5);
      margin: 0;
      margin-bottom: 20px;
      margin-top: 0px;
      padding-bottom: 20px;
      width: 100%;
    }

    .pricing .price_yearly{
      display: none;
    }

  .custom_radio [type="radio"]:checked,
  .custom_radio [type="radio"]:not(:checked) {
      position: absolute;
      left: -9999px;
  }
  .custom_radio [type="radio"]:checked + label,
  .custom_radio [type="radio"]:not(:checked) + label
  {
      position: relative;
      padding-left: 40px;
      cursor: pointer;
      line-height: 20px;
      display: inline-block;
      color: #666;
      font-weight: 600;
      font-size: 18px;
      line-height: 34px;
      color: #000000;
  }

  .custom_radio [type="radio"]:not(:checked) + label{
      font-weight: 400;
  }

  .custom_radio span{
    margin-right: 20px;
  }
  .custom_radio span:last-child(){
    margin-right: 0;
  }

  .custom_radio [type="radio"]:checked + label:before,
  .custom_radio [type="radio"]:not(:checked) + label:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 30px;
      height: 30px;
      border: 2px solid #FFA800;
      border-radius: 100%;
      background: #fff;
  }
  .custom_radio [type="radio"]:not(:checked) + label:before {
      border:2px solid #262322;
  }

  .custom_radio [type="radio"]:checked + label:after,
  .custom_radio [type="radio"]:not(:checked) + label:after {
      content: '';
      width: 16px;
      height: 16px;
      background: #FFA800;
      position: absolute;
      top: 9px;
      left: 9px;
      border-radius: 100%;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
  }
  .custom_radio [type="radio"]:not(:checked) + label:after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
  }
  .custom_radio [type="radio"]:checked + label:after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
  }

.top_section_with_tabs{
  float: left;
  width: 100%;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
  z-index: 12;
}

.page-id-341 .top_section_with_tabs{
  z-index: 2;
}

  .top_section_with_tabs .bg_item{
    z-index: 1;
  }

    .top_section_with_tabs .bg_item .container{
      position: relative;
      z-index: 2;
    }

  .top_section_with_tabs.no_pb{
    padding-bottom: 0;
  }
  .top_section_with_tabs.no_pt{
    padding-top: 20px;
  }

  .top_section_with_tabs .top_tabs{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 100px;
  }

    .top_section_with_tabs .top_tabs .tab {
        display: inline-block;
        margin-right: 30px;
        min-width: 200px;
        background: #FFFFFF;
        border: 1px solid #000000;
        box-sizing: border-box;
        border-radius: 30px;
        padding: 10px;
        cursor: pointer;
        transition: all 0.5s ease;
        font-weight: 900;
        font-size: 16px;
        line-height: 22px;
        font-family: 'Avenir LT Std';
        text-decoration: none;
        color: #262322;
    }

    .top_section_with_tabs .top_tabs .tab.active{
      color: #fff;
      background: #000;
      transition: all 0.5s ease;
    }

    .top_section_with_tabs .tabby{
      float: left;
      width: 100%;
      display: none;
      transition: all 0.5s ease;
    }

      .top_section_with_tabs .tabby.active{
        display: block;
        transition: all 0.5s ease;
      }

    .top_section_with_tabs .container{
      position: relative;
      z-index: 2;
    }

    .top_section_with_tabs .left_side{
      float: left;
      width: calc(40% - 30px);
      margin-right: 30px;
      display: flex;
    }

    .top_section_with_tabs .tab_it{
      display: none;
    }

    .top_section_with_tabs .tab_it.active{
      display: block;
    }

    .top_section_with_tabs .left_side .icon{
      padding-right: 10px;
    }

    .top_section_with_tabs .right_side{
      float: right;
      width: 60%;
    }

      .play_video{
        position: relative;
        float: left;
        width: 100%;
        overflow: hidden;
      }

        .play_video:before{
          background: url("images/play_white.svg") no-repeat;
          position: absolute;
          width: 100%;
          height: 100%;
          left: calc(50% - 50px);
          top: calc(50% - 50px);
          background-size: 100px;
          content: "";
        }

      .top_section_with_tabs .right_side img{
        width: 100%;
        border-radius: 15px;
      }

html {
  scroll-behavior: smooth;
}

.sticky_menu{
  position: relative;
  transition: all 0.5s ease;
}

  .sticky_menu .container{
    display: table;
    position: relative;
  }

  .sticky_menu .scroll_sect,
  .sticky_menu .items {
    float: left;
    width: 100%;
    position: relative;
  }

  .sticky_menu .sticky_items {
    float: left;
    width: calc(100% - 4px);
    background: #262322;
    border: 2px solid #262322;
    border-radius: 50px;
    padding: 0px;
    display: flex;
    justify-content: space-evenly;
    top: 0;
    left: 0;
    position: sticky;
    overflow: hidden;

  }

  .sticky_menu.active_top .sticky_menu_fix {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 20;
      transition: all 0.5s ease;
  }

  .sticky_menu .sticky_menu_fix{
    position: relative;
    z-index: 10;
  }

  .scrolled_b .sticky_menu.active_top .sticky_menu_fix{
    top: 103px;
    transition: all 0.5s ease;
  }

  .sticky_menu.active_top .sticky_items{
    width: 100%;
    z-index: 20;
    border-radius: 0;
    -webkit-border-bottom-right-radius: 35px;
    -webkit-border-bottom-left-radius: 35px;
    -moz-border-radius-bottomright: 35px;
    -moz-border-radius-bottomleft: 35px;
    border-bottom-right-radius: 35px;
    border-bottom-left-radius: 35px;
    background: #262322;
  }

    .scrolled_b .sticky_menu .sticky_items,
    .scrolled_b .sticky_menu .sticky_items.active_top{
      transition: all 0.5s ease;
    }



  .sticky_menu .sticky_items.active_top .tab{
    padding-top: 20px;
    padding-bottom: 20px;
    transition:fadeIn 0.5s;
    border-radius: 50px;
  }

  @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;}
}

    .sticky_menu .items .item {
      float: left;
      width: 100%;
      margin-top: 100px;
      margin-bottom: 100px;
    }

      .sticky_menu .items .item .left_side{
        float: left;
        width: calc(40% - 30px);
        margin-right: 30px;
        position: relative;z-index: 1;
      }

      .sticky_menu .items .item .right_side{
        float: right;
        width: 60%;
        position: relative;z-index: 1;
      }

        .sticky_menu .items .item .right_side img{
          max-width: 100%;
          height: auto;
          border-radius: 15px;
        }

    .sticky_menu .sticky_items .tab {
      padding-top: 25px;
      padding-bottom: 25px;
      color: #fff;
      font-size: 18px;
      line-height: 140.62%;
      text-align: center;
      cursor: pointer;
      width: auto;
      flex: 1 1 auto;
      text-decoration: none;
      border-radius: 50px;
      transition: all 0.2s ease;
    }

     .sticky_menu .sticky_items .tab:hover{
        background: #F6C702;
        border-radius: 50px;
        color: #000;
        transition: all 0.2s ease;
      }

    .sticky_menu .sticky_items .tab.active {
      background: #fff;
      color: #000;
      border-radius: 50px;
      transition: all 0.5s ease;
    }

    .sticky_menu .sticky_items .active.tab:first-child{
      border-radius: 50px;
    }

    .sticky_menu .sticky_items .active.tab:last-child{
      border-radius: 50px;
    }

.yellow_white_box{
  float: left;
  width: 100%;
  padding-top: 80px;
  padding-bottom:80px;
  position: relative;
  height: 573px;
}

  .yellow_white_box .container{
    position: relative;
  }

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

  .yellow_white_box .left_side{
    float: left;
    width: 720px;
    margin-right: 0;
    background: url('images/Background2.svg') no-repeat;
    height: 620px;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    background-size: 100%;
  }

    .yellow_white_box .left_side > div{
      padding: 0 40px;
      padding-right: 150px;
    }

  .yellow_white_box .right_side{
    flex-wrap: wrap;
    float: right;
    width: 730px;
    margin-left: 0px;
    background: url('images/Background.svg') no-repeat;
    height: 620px;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    background-size: 98%;
  }

    .yellow_white_box .right_side > div{
      padding: 0 40px;
      padding-left: 150px;
    }

.content_page{
  float: left;
  width: 100%;
}

.fix_overlays .content_page{
  position: relative;
  z-index: 111;
}

.drop_set{
  float: left;
  width: 100%;
  display: none;
}

  .drop_set.active{
    display: block;
  }

.drop_absolute{
  float: left;
  width: 100%;
  height: 50px;
  position: relative;
  z-index: 5;
}
.dropdown-el {
  margin-top: 0px;
  min-width: 300px;
  position: absolute;
  display: inline-block;
  margin-right: 1em;
  min-height: 50px;
  max-height: 50px;
  overflow: hidden;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  color: #444;
  outline: none;
  background: #FFFFFF;
  border: 1px solid #262322;
  border-radius: 30px;
  transition: 0.3s all ease-in-out;
  font-weight: 900;
  line-height: 22px;
  color: #262322;
  font-family: Raleway;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;

}
.dropdown-el input:focus + label {
  background: #def;
}
.dropdown-el input {
  width: 1px;
  height: 1px;
  display: inline-block;
  position: absolute;
  opacity: 0.01;
}
.dropdown-el label {
  border-top: 0.06em solid #d9d9d9;
  display: block;
  height: 50px;
  line-height: 50px;
  padding-left: 1em;
  padding-right: 3em;
  cursor: pointer;
  position: relative;
  transition: 0.3s color ease-in-out;
}
.dropdown-el label:nth-child(2) {
  margin-top: 50px;
  border-top: 0.06em solid #d9d9d9;
}
.dropdown-el input:checked + label {
  display: block;
  border-top: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.dropdown-el input:checked + label:nth-child(2) {
  margin-top: 0;
  position: relative;
}
.dropdown-el::after {
  content: "";
  position: absolute;
  right: 0.8em;
  top: 0.9em;
  transition: 0.4s all ease-in-out;
  background-image: url('images/arrow_down.svg');
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: 90% 50%;
  width: 20px;
  height: 20px;
}
.dropdown-el.expanded {
  border: 1px solid #262322;
  background: #fff;
  border-radius: 15px;
  padding: 0;
  box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 0px;
  max-height: 19em;
}
.dropdown-el.expanded label {
  border-top: 0.06em solid #d9d9d9;
}
.dropdown-el.expanded label:hover {
  color: rgba(38, 35, 34, 0.7);
}
.dropdown-el.expanded input:checked + label {
  color: rgba(38, 35, 34, 0.7);
}
.dropdown-el.expanded::after {
  transform: rotate(-180deg);
  top: 13px;
}


.share_buttons{
  float: left;
  width: calc(100% - 60px);
  display: flex;
  align-items: center;
  padding: 30px;
}

  .share_buttons a{
    margin-right: 15px;
    position: relative;
  }

    .share_buttons a:before{display: none;}

  .share_buttons h3{
    font-weight: bold;
    font-size: 20px;
    line-height: 140.62%;
    color: #000000;
    display: inline-block;
    margin: 0;
    margin-right: 20px;
  }

.tw_share{
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("images/tw.svg") no-repeat;
}

.fb_share{
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("images/fb.svg") no-repeat;
}

.li_share{
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("images/li.svg") no-repeat;
}

.quick_tutorials{
  float: left;
  width: 100%;
  padding-top: 130px;
  position: relative;
  z-index: 1;
}

  .quick_tutorials .tutorials_tabs{
    float: left;
    width: 100%;
  }

    .quick_tutorials .tutorials_tabs .right_side .over_flow {
        height: 420px;
        overflow: auto;
        padding-bottom: 50px;
    }

    /* width */
    .quick_tutorials .tutorials_tabs .right_side .over_flow::-webkit-scrollbar {
      width: 3px;
    }

    /* Track */
    .quick_tutorials .tutorials_tabs .right_side .over_flow::-webkit-scrollbar-track {
      background: #f1f1f1;
    }

    /* Handle */
    .quick_tutorials .tutorials_tabs .right_side .over_flow::-webkit-scrollbar-thumb {
      background: #888;
    }

    /* Handle on hover */
    .quick_tutorials .tutorials_tabs .right_side .over_flow::-webkit-scrollbar-thumb:hover {
      background: #555;
    }

    .quick_tutorials .tutorials_tabs .right_side{
      float: right;
      width: calc(30% - 30px);
      background: #FFFFFF;
      border-radius: 20px;
      min-height: 550px;
    }

      .quick_tutorials .tutorials_tabs .right_side .tut_item{
        counter-increment: inst;
      }

        .quick_tutorials .tutorials_tabs .right_side .tut_item span:before{
          content: counter(inst)". ";
          position: absolute;
          left: 20px;
          top: 20px;
          font-weight: 600;
          font-size: 20px;
        }


      .quick_tutorials .tutorials_tabs .right_side span{
        padding-right: 30px;
        padding-left: 60px;
        padding-top: 20px;
        padding-bottom: 20px;
        font-weight: 600;
        font-size: 20px;
        line-height: 140.62%;
        color: #262322;
        float: left;
        width: calc(100% - 90px);
        border-bottom: 1px solid #E1E1E8;
        cursor: pointer;
        position: relative;
      }

      .quick_tutorials .tutorials_tabs .right_side a{
        text-decoration: none;
        color: #262322;
      }

      .quick_tutorials .tutorials_tabs .right_side .active a{
        color: #FFFFFF;
        font-weight: 800;
        font-size: 35px;
        line-height: 120%;
      }

      .quick_tutorials .tutorials_tabs .right_side .has_link a{
        padding-right: 30px;
        padding-left: 60px;
        padding-top: 20px;
        padding-bottom: 20px;
        font-weight: bold;
        font-size: 20px;
        line-height: 140.62%;
        color: #000000;
        float: left;
        text-decoration: none;
        position: relative;
      }

        .quick_tutorials .tutorials_tabs .right_side .tut_item.active span:after {
          content:"\A";
          border-style: solid;
          border-width: 10px 10px 10px 0;
          border-color: transparent #262322 transparent transparent;
          position: absolute;
          left: -10px;
          top: calc(50% - 10px);
        }

        .quick_tutorials .tutorials_tabs .right_side .has_link a:before{
          position: absolute;
          left: 25px;
          top: 25px;
          background: url("images/arrow_long_down.svg");
          width: 18px;
          height: 20px;
          content: "";
        }

      /*.quick_tutorials .tutorials_tabs .right_side .tut_item:last-child span{
        border: 0;
      }*/

      .quick_tutorials .tutorials_tabs .right_side .tut_item.active span{
        font-weight: 800;
        font-size: 35px;
        line-height: 120%;
        background: #262322;
        color: #FFFFFF;
        box-shadow: 0px 0px 20px rgba(15, 38, 90, 0.05);
        border-radius: 15px;
        font-family: 'Avenir LT Std';
      }

      .quick_tutorials .tutorials_tabs .right_side .tut_item span:hover{
        background: #F7F7FA;
      }

      .quick_tutorials .tutorials_tabs .right_side .tut_item.active span:hover{
        border-radius: 15px;
        background: #262322;
      }

    .quick_tutorials .tutorials_tabs .left_side{
      float: left;
      width: 70%;
      background: #FFFFFF;
      border-radius: 15px;
      overflow: hidden;
    }

      .quick_tutorials .tutorials_tabs .left_side img{
        height: 550px;
        width: 100%;
         border-radius: 15px;
        object-fit: cover;
      }

      .quick_tutorials .tutorials_tabs .left_side .video_player{
        height: 550px;
        width: 100%;
        border-radius: 15px;
        float: left;
        position: relative;
        padding-bottom: 0;
        padding-top: 0;
      }

        .quick_tutorials .tutorials_tabs .left_side .video_player .over_player{
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          cursor: pointer;
        }

        .quick_tutorials .tutorials_tabs .left_side .video_player .over_player:before{
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          background: url("images/play_white.svg") no-repeat;
          background-size: 120px;
          background-position: center center;
          content: "";
          z-index: 2;
        }

        .quick_tutorials .tutorials_tabs .left_side .video_player img{
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: 1;
        }

      .quick_tutorials .tutorials_tabs .left_side iframe{
        height: 550px;
        width: 100%;
        border-radius: 15px;
      }

    .quick_tutorials .tutorials_tabs .left_side .left_tut{
      display: none;
    }

    .quick_tutorials .tutorials_tabs .left_side .left_tut.active{
      display: block;
      position: relative;
    }

     .quick_tutorials .tutorials_tabs .left_side .left_tut.active a:before{
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: url("images/play_white.svg") no-repeat;
      background-size: 120px;
      background-position: center center;
      content: "";
    }


    .quick_tutorials .quick_title{

      display: flex;
      align-items: baseline;
    }

    .quick_tutorials .quick_title:after{
        content: '';
        flex: 1;
        margin-left: 2rem;
        height: 1px;
        background-color: #E1E1E8;
    }

#categories{
  float: left;
  width: 100%;
  margin-top: 100px;
}

.sg_cat_item{
  background: #FFFFFF;
  box-shadow: 0px 0px 20px rgba(15, 38, 90, 0.05);
  border-radius: 15px;
  display: table;
  overflow: hidden;
  position: relative;
}

  .sg_cat_item a{
    display: table;
    position: relative;
    text-decoration: none;
  }

  .sg_cat_item a:before{
      content: "";
      width: 100%;
      height: 210px;
      position: absolute;
      top: 0;
      left: 0;
      background: url("images/play_white.svg") no-repeat;
      background-size: 50px;
      background-position: center center;
      z-index: 2;
  }

.sg_cat_item img{
  height: 200px;
  width: auto;
  object-fit: cover;
  border-radius: 15px;
}

  .sg_cat_item h4 p,
  .sg_cat_item h4{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140.62%;
    color: #262322;
    text-transform: capitalize;
    padding: 10px 15px;
    margin-bottom: 0;
    font-family: Raleway;
  }

  .sg_cat_item h4 p{
    margin: 0;
    padding: 0;
  }

  .sg_cat_item h4 p strong{
    font-weight: bold;
  }

.cat_posts{
  margin-bottom: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

  .cat_posts .owl-nav{
    position: absolute;
    top: 35%;
    left: -50px;
    width: calc(100% + 100px);
    z-index: -1;
  }

    .cat_posts .owl-nav .owl-next{
      float: right;
    }

    .cat_posts .owl-nav .owl-next span{
      background: url("images/chevron-right.svg") no-repeat;
      width: 20px;
      height: 30px;
      display: table;
      background-size: 100%;
    }
    .cat_posts .owl-nav .owl-prev span{
      background: url("images/chevron-left-1.svg") no-repeat;
      width: 20px;
      height: 30px;
      display: table;
      background-size: 100%;
    }


  .quick_text{
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    color: #262322;
    margin-bottom: 30px;
  }

.bottom_part{
  float: left;
  width: calc(100% - 60px);
  padding: 30px;
  display: flex;
}

  .bottom_part .share_buttons{
    padding: 0;
    width: 33.3%;
    display: table;
  }

    .bottom_part .share_buttons h3{
      width: 100%;
    }

  .bottom_part .downloads{
    float: left;
    margin-right: 30px;
    border-left: 6px solid #F6C702;
    border-radius: 15px;
    width: 33.3%;
    padding: 12px 30px;
    background: linear-gradient(0deg, #F7F7FA, #F7F7FA), linear-gradient(0deg, #F7F7FA, #F7F7FA), #F7F7FA;
  }

    .bottom_part .downloads p{
      font-weight: normal;
      font-size: 14px;
      line-height: 140.62%;
      color: #262322;
    }

      .bottom_part .downloads a{
        border: 1px solid #000000;
        box-sizing: border-box;
        border-radius: 30px;
        font-weight: 900;
        font-size: 16px;
        line-height: 22px;
        color: #000000;
        font-family: 'Avenir LT Std';
        text-decoration: none;
        padding: 12px 25px;
        padding-left: 50px;
        background: url("images/download.svg") no-repeat;
        background-color: #FFFFFF;
        background-position: 20px center;
        float: left;
      }

  .bottom_part .timestamps{
    float: left;
    width: 33.3%;
    margin-right: 30px;
  }

    .bottom_part .timestamps .tme{
      float: left;
      width: 100%;
      font-size: 14px;
      line-height: 140.62%;
      color: #262322;
      cursor: pointer;
    }

      .bottom_part .timestamps .tme.active{
        font-weight: 600;
      }

.blog_slider{
  float: left;
  width: 100%;
  height: 600px;
  position: relative;
  z-index: 4;
}


  .blog_slider .bottom_text{
    width: calc(100% - 60px);
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(15, 38, 90, 0.05);
    border-radius: 15px;
    padding: 30px;
    transition: all 0.5s ease;
    top: 0;
    position: relative;
  }

    .blog_slider .owl-stage{
      display: flex;
      align-items: center;
    }

    .blog_slider .sg_cat_item{
      transition: all 0.5s ease;
      display: flex;
      height: 100%;
      flex-wrap: wrap;
      width: 100%;
      background: #FFFFFF;
      box-shadow: 0px 0px 20px rgba(15, 38, 90, 0.05);
      border-radius: 15px;
      min-height: 500px;
    }

      .blog_slider .sg_cat_item .top_image{
        width: 100%;
      }

   /* .blog_slider .active .sg_cat_item{
      background: none;
      box-shadow: none;
      transition: all 0.5s ease;
    }

      .blog_slider .active:hover .sg_cat_item .bottom_text{
        border: 2px solid #FFA800;
        transition: all 0.5s ease;
      }

      .blog_slider .active .sg_cat_item .bottom_text{
        width: calc(70% - 60px);
        margin: 0 auto;
        top: -30px;
        position: relative;
        transition: all 0.5s ease;
        border: 2px solid #fff;
      }
*/
      .blog_slider .sg_cat_item a:before{
        display: none;
      }

/*
    .blog_slider .active .bottom_text h2{
       font-size: 35px;
      line-height: 140.62%;
      color: #262322;
      transition: all 0.5s ease;
    }
*/
    .blog_slider .bottom_text h2{
      font-style: normal;
      font-weight: bold;
      font-size: 25px;
      line-height: 140.62%;
      color: #262322;
      transition: all 0.5s ease;
    }

    .blog_slider .bottom_text p{
      font-weight: 500;
      font-size: 20px;
      line-height: 140.62%;
      color: rgba(38, 35, 34, 0.8);
    }

    .blog_slider .bottom_text a{
      font-weight: bold;
      font-size: 20px;
      line-height: 110.1%;
      text-decoration-line: underline;
      color: #262322;
      margin-bottom: 30px;
    }

  .blog_slider .top_image img,
  .blog_slider .top_image{
    height: 280px;
    transition: all 0.5s ease;
  }

  /*.blog_slider .active .top_image img,
  .blog_slider .active .top_image{
    height: 350px;
    transition: all 0.5s ease;
  }*/

  .blog_slider .owl-item {
    opacity: 0.6;
    transition: all 0.5s ease;
  }

  .blog_slider .owl-item.active {
   opacity: 1;
    transition: all 0.5s ease;
  }

.blog_filters{
  float: left;
  width: 100%;
  padding-top: 100px;
  position: relative;
  z-index: 3;
}

  .blog_filters .container{
    position: relative;
  }

  .blog_filters .search_txt{
    float: left;
    width: 0%;
    position: absolute;
    right: 0;
    z-index: 112;
    transition: all 0.5s ease;
  }

  .blog_filters .search_txt.open .close_icon{
    display: block;
  }

  .blog_filters .search_txt.open{
    transition: all 0.5s ease;
    width: 100%;
  }

    .blog_filters .search_txt .close_icon{
      float: right;
      background: url("images/icon_exit.svg") no-repeat;
      width: 25px;
      height: 25px;
      cursor: pointer;
      position: absolute;
      right: 40px;
      top: 6px;
      display: none;
    }

  .blog_filters .search_txt.open .search_bar{
    width: calc(100% - 75px);
    transition: all 0.5s ease;
    opacity: 1;
  }

  .blog_filters .search_bar{
    opacity: 0;
    transition: all 0.5s ease;
    position: absolute;
    width: 0;
    padding: 15px 40px;
    left: -5px;
    top: -10px;
    font-size: 18px;
    line-height: 140%;
    color: #5D5D5D;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(15, 38, 90, 0.05);
    border-radius: 55px;
    border: 0;
  }

  .blog_filters .search_filter{
    float: right;
    background: url("images/search.svg") no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-right: 40px;
    margin-top: 10px;
  }


.tutorials_filters{
  float: left;
  width: 100%;
  padding-top: 100px;
}

  .tutorials_filters .container{
    position: relative;
  }

  .tutorials_filters .search_txt{
    float: left;
    width: 0%;
    position: absolute;
    right: 0;
    z-index: 112;
    transition: all 0.5s ease;
  }

  .tutorials_filters .search_txt.open .close_icon{
    display: block;
  }

  .tutorials_filters .search_txt.open{
    transition: all 0.5s ease;
    width: 100%;
  }

    .tutorials_filters .search_txt .close_icon{
      float: right;
      background: url("images/icon_exit.svg") no-repeat;
      width: 25px;
      height: 25px;
      cursor: pointer;
      position: absolute;
      right: 40px;
      top: 6px;
      display: none;
    }

  .tutorials_filters .search_txt.open .search_bar{
    width: calc(100% - 75px);
    transition: all 0.5s ease;
    opacity: 1;
  }

  .tutorials_filters .search_bar{
    opacity: 0;
    transition: all 0.5s ease;
    position: absolute;
    width: 0;
    padding: 15px 40px;
    left: -5px;
    top: -10px;
    font-size: 18px;
    line-height: 140%;
    color: #5D5D5D;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(15, 38, 90, 0.05);
    border-radius: 55px;
    border: 0;
  }

  .tutorials_filters .search_filter{
    float: right;
    background: url("images/search.svg") no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-right: 40px;
    margin-top: 10px;
  }

  .filter_slider{
    float: left;
    width: 90%;
  }

    .filter_slider .filter{
      border-radius: 30px;
      background: #FFFFFF;
      border: 1px solid rgba(38, 35, 34, 0.2);
      padding: 8px 15px 8px;
      min-width: 90px;
      display: inline-block;
      text-align: center;
      margin-right: 20px;
      cursor: pointer;
      white-space: nowrap;
    }

    .filter_slider .filter.active{
      background: #262322;
      border: 1px solid #262322;
      color: #fff;
    }

.blog_posts{
  float: left;
  width: 100%;
  margin-top: 50px;
}


      .single .related .blog_posts .single_pst,
      .blog_posts .single_pst{
        float: left;
        width: calc(50% - 15px);
        margin-right: 30px;
      }

      .blog_posts .single_pst.hidden{
        display: none;
      }

      .single .blog_posts .single_pst{
        width: 100%;
        margin-right: 0;
      }

        .single .related .blog_posts .single_pst:nth-child(2n),
        .blog_posts .single_pst:nth-child(2n){
          margin-right: 0;
        }

      .blog_posts .single_pst:hover .bottom_text{
        border: 2px solid #FFA800;
        transition: all 0.5s ease;
      }

      .blog_posts .single_pst .bottom_text{
        width: calc(80% - 60px);
        margin: 0 auto;
        top: -30px;
        position: relative;
        transition: all 0.5s ease;
        border: 2px solid #fff;
        background: #FFFFFF;
        box-shadow: 0px 0px 20px rgba(15, 38, 90, 0.05);
        border-radius: 15px;
        padding: 20px 30px;
        padding-bottom: 60px;
      }

      .blog_posts .single_pst a:before{
        display: none;
      }

    .blog_posts .active .bottom_text h2{
       font-size: 35px;
      line-height: 140.62%;
      color: #262322;
      transition: all 0.5s ease;
    }

    .blog_posts .bottom_text h2{
      font-style: normal;
      font-weight: bold;
      font-size: 25px;
      line-height: 140.62%;
      color: #262322;
      transition: all 0.5s ease;
    }

    .blog_posts .bottom_text p{
      font-weight: 500;
      font-size: 20px;
      line-height: 140.62%;
      color: rgba(38, 35, 34, 0.8);
    }

    .blog_posts a{
      text-decoration: none;
      float: left;
      width: 100%;
    }

    .blog_posts .bottom_text span{
      font-weight: bold;
      font-size: 20px;
      line-height: 110.1%;
      text-decoration-line: underline;
      color: #262322;
    }

  .blog_posts .top_image img,
  .blog_posts .top_image{
    height: 280px;
    transition: all 0.5s ease;
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
  }

  .blog_posts .top_image .play_video.has_video:before{
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: url("images/play_white.svg") no-repeat;
      background-size: 120px;
      background-position: center center;
      content: ""!important;
      display: block!important;
  }

  .more_text_su{
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }


  .tutorials_filters .show_more,
  .blog_filters .show_more{
    font-weight: bold;
    font-size: 20px;
    line-height: 140.62%;
    float: left;
    width: 100%;
    text-align: center;
    color: #000000;
    position: relative;
    cursor: pointer;
  }

  .tutorials_filters .show_more:before,
  .blog_filters .show_more:before{
      position: absolute;
      left: calc(50% - 9px);
      top: 35px;
      background: url("images/arrow_long_down.svg");
      width: 18px;
      height: 20px;
      content: "";
    }

  .blog_posts .single_pst .bottom_text .right_side{
    text-align: right;
    font-weight: bold;
    font-size: 16px;
    line-height: 110.1%;
    width: 50%;
    color: #262322;

  }

  .blog_posts .single_pst .bottom_text .left_side{
    width: 50%;
    float: left;
  }

    .blog_posts .single_pst .bottom_text .left_side .post_details{
      display: flex;
      align-items: center;
    }

    .blog_posts .single_pst .bottom_text .left_side .post_details .name{
      font-weight: bold;
      font-size: 16px;
      line-height: 110.1%;
      color: #262322;
      margin-left: 20px;
    }

  .blog_posts .single_pst .bottom_text .left_side img{
    width: 60px;
    height: 60px;
    float: left;
    object-fit: cover;
    border-radius: 100%;
  }

  .single .blog_posts .single_pst .bottom_text{
    display: table;
  }

  .single .blog_posts .top_image img{
    height: 350px;
  }

  .flex_it{
    align-items: center;
    display: flex;
  }

  .post_content iframe{
    width: 100%;
    height: 450px;
    float: left;
    margin-bottom: 30px;
    border-radius: 30px;
   /* object-fit: cover; */
    background: #000;
  }

  .related h3{
    float: left;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 25px;
    line-height: 140.62%;
    /* or 35px */

    text-align: center;

    color: #262322;

  }

.artists{
  float: left;
  width: 100%;
  position: relative;
  z-index: 3;
}

  .artists .bg_item{
    z-index: 1;
  }

    .artists .container{
      position: relative;
      z-index: 2;
    }

  .artists .artists_cont{
    float: left;
    width: 100%;
    margin-top: 100px;
  }

    .artists .artists_cont .artist{
      box-shadow: 0px 0px 20px rgba(15, 38, 90, 0.05);
      float: left;
      padding-top: 65px;
      padding-left: 35px;
      padding-right: 35px;
      background: #FFFFFF;
      border-radius: 15px;
      margin-bottom: 90px;
      position: relative;
      width: calc(100% - 115px);


    }


      .artists .artists_cont .artist .text{
        padding-left: 20px;
        font-weight: 500;
        font-size: 20px;
        line-height: 140.62%;
        position: relative;
        color: #5D5D5D;
        font-family: 'Avenir LT Std';
      }

      .artists .artists_cont .artist .text:before{
        position: absolute;
        left: 0;
        width: 6px;
        height: 100%;
        top: 0;
        background: #F6C702;
        border-radius: 15px;
        content: "";
      }

      .artists .artists_cont .artist .top_image{
        position: absolute;
        width: 80px;
        height: 80px;
        top: -40px;
        left: calc(50% - 40px);
      }

        .artists .artists_cont .artist .top_image img{
            width: 80px;
            height: 80px;
            border-radius: 100%;
            object-fit: cover;

        }

      .artist .artist_detail{
        float: left;
        width: 100%;
        display: flex;
        margin-top: 30px;
        margin-bottom: 20px;
        margin-left: 20px;
      }

        .artist .artist_detail.rev{
          width: 100%;
          text-align: right;
        }

          .artist .artist_detail.rev .text_prof{
            width: 100%;
          }

          .artist .artist_detail.rev span.by{
            width: 100%;
            font-style: italic;
            float: left;
          }

      .artist .artist_detail .li_data{
        width: 30px;
        background: url("images/linkedin_orange.svg") no-repeat;
        float: left;
      }

      .artist .artist_detail .position{
          float: left;
          width: 100%;
          font-style: italic;
          font-weight: normal;
          font-size: 16px;
          line-height: 130.1%;
          font-family: 'Avenir LT Std';
          color: #000000;
      }

      .artist .artist_detail .name{
        float: left;
        width: 100%;
        font-weight: 500;
        font-size: 16px;
        line-height: 110.1%;
        font-family: 'Avenir LT Std';
        color: #000000;
      }

      .artist .video .play_video{
        width: calc(100% + 70px);
        position: relative;
        left: -35px;
        -webkit-border-bottom-right-radius: 15px;
        -webkit-border-bottom-left-radius: 15px;
        -moz-border-radius-bottomright: 15px;
        -moz-border-radius-bottomleft: 15px;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
        overflow: hidden;
      }

      .artist .video .play_video:before{
        z-index: 1;
      }

      .artist .video img{
        height: 200px;
        object-fit: cover;
        width: calc(100% + 70px);
        float: left;
        position: relative;
        left: -35px;
        -webkit-border-bottom-right-radius: 15px;
        -webkit-border-bottom-left-radius: 15px;
        -moz-border-radius-bottomright: 15px;
        -moz-border-radius-bottomleft: 15px;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
      }

.support{
  float: left;
  width: 100%;
  padding-top: 150px;
  position: relative;
}

  .support .container{
    position: relative;
    z-index: 2;
  }

  .top_section_with_tabs.no_pt .bg_item.bg_1{
    top: -250px;
  }

  .support .bg_item.bg_1{
    z-index: 1;
    top: -100px;
    position: fixed;
  }

  .boxes{
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 1000px;
    margin-top: 80px;
    margin-bottom: 80px;
  }

    .boxes .box img{
      width: 50px;
    }

    .boxes .box .box_left{
      float: left;
      width: 50px;
    }

    .boxes .box .box_right{
      float: right;
      width: calc(100% - 70px);
    }

      .boxes .box .box_right p{
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 140%;
        color: #262322;
        margin-top: 10px;
      }

      .boxes .box .box_right h2{
        font-weight: 900;
        font-size: 30px;
        line-height: 110.1%;
        margin-bottom: 0;
        color: #262322;

      }

    .boxes .box{
      width: calc(33.3% - 84px);
      padding: 25px 30px;
      margin-right: 30px;
      background: #FFFFFF;
      box-shadow: 0px 0px 20px rgba(15, 38, 90, 0.05);
      border-radius: 5px;
      display: inline-block;
    }

    .boxes .box:last-child{
      margin-right: 0;
    }

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

    .search_content{
      display: table;
      margin: 0 auto;
      width: 900px;
      margin-top: 50px;
      z-index: 112;
      position: relative;
    }

      .search_content input{
        background: #FFFFFF;
        box-shadow: 0px 0px 20px rgba(15, 38, 90, 0.05);
        border-radius: 55px;
        float: left;
        width: calc(100% - 35px);
        height: 50px;
        border: 0;
        padding-left: 35px;
        font-size: 18px;
        line-height: 140%;
        color: #000;
      }

    .search_overlay{
      background: rgba(38, 35, 34, 0.7);
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 111;
      display: none;
    }

    .close_btn{
      position: absolute;
      right: 20px;
      top: 15px;
      width: 25px;
      height: 25px;
      background: url("images/icon_exit.svg") no-repeat;
      background-size: 100%;
      cursor: pointer;
      display: none;
    }

  .ui-widget.ui-widget-content {
      border: 1px solid #c5c5c5;
      background: #FFFFFF;
      box-shadow: 0px 0px 20px rgb(15 38 90 / 5%);
      border-radius: 15px;
      z-index: 112;
      padding-top: 20px;
      margin-top: 20px;
  }

  .ui-menu li {
      margin: 0px!important;
      padding: 0!important;
  }

    .ui-menu li div {
        padding: 15px 0px!important;
        border-bottom: 1px solid #ccc;
        cursor: pointer;
        margin: 0 30px;
    }

    .ui-menu li.ui-autocomplete-category{
        padding: 15px 0px!important;
        border-bottom: 1px solid #ccc;
        cursor: pointer;
        margin: 0 30px!important;
    }

  .ui-menu .ui-menu-item-wrapper {
     /*padding: 0!important;*/
  }

  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border:none!important;
    border-bottom: 1px solid #ccc!important;
    background: none!important;
    font-weight: normal;
    color: #000!important;
    margin: 0 30px!important;
}



.top_text{
  float: left;
  width: 100%;
}

.faqs{
  float: left;
  width: 100%;
  position: relative;
  z-index: 3;
}

  .faqs .top_text{
    margin-top: 70px;
    float: left;
    width: 100%;
  }

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

  .faqs .faq{
    float: left;
    width: 100%;
    cursor: pointer;
    padding: 20px 30px;
    border-bottom: 1px solid #E1E1E8;
    transition: all 0.5s ease;
    margin-bottom: 0px;
    margin-top: 0px;
  }

    .faqs .faq .faq_title{
        font-weight: normal;
        font-size: 20px;
        line-height: 140.62%;
        color: #000000;
    }

      .faqs .faq .faq_title:before{
        background: url("images/arrow_down.svg") no-repeat;
        background-position: center right;
        background-size: 20px;
        transform: rotate(0deg);
        transition: all 0.5s ease;
        content: "";
        float: right;
        width: 20px;
        height: 20px;
      }

    .faqs .faq .faq_text{
      display: none;
    }

    .faqs .faq .faq_text a,
    .faqs .faq .faq_text li,
    .faqs .faq .faq_text p{
        font-size: 16px;
        line-height: 140%;
    }

    .faqs .faq.active{
      background: rgba(255, 255, 255, 0.6);
      border-radius: 5px;
      border-bottom: 1px solid transparent;
      transition: all 0.5s ease;
      margin-bottom: 10px;
      margin-top: 10px;
    }

      .faqs .faq.active .faq_title:before{
        filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(195deg) brightness(104%) contrast(97%);
        transform: rotate(180deg);
        background-position: center right;
        background-size: 20px;
        transition: all 0.5s ease
      }

.wpcf7{
  width: 60%;
  margin: 0 auto;
  display: table;
}

  .wpcf7 textarea,
  .wpcf7 input[type="email"],
  .wpcf7 input[type="text"]{
    background: #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 50px;
    height: 50px;
    padding: 0 20px;
    float: left;
    width: calc(100% - 40px);
    font-weight: 900;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 30px;
  }

  .wpcf7 .wpcf7-not-valid{
    border:1px solid #DC0000!important;
  }

  .wpcf7 textarea{
    height: 150px;
    padding-top: 15px;
    border-radius: 15px;
  }

  .wpcf7 input[type="submit"]{
    margin: 0 auto;
    display: table;
    cursor: pointer;
  }

  .wpcf7-not-valid-tip{
    font-size: 16px;
    line-height: 26px;
    align-items: center;
    font-weight: 600;
    color: #DC0000;
    float: left;
    width: 100%;
    position: relative;
    top: -20px;
    padding-left: 30px;
    background: url("images/x_button.svg") no-repeat;
  }

  .wpcf7 form .wpcf7-response-output {
      margin: 0;
      padding: 20px 30px;
      border: 2px solid #00a0d2;
      border-radius: 15px;
      width: calc(100% - 60px);
  }

.manual{
  float: left;
  width: 100%;
}

  .manual .manuals{
    float: left;
    width: 100%;
    margin-top: 70px;
  }

    .manual .manuals .sg_manual{
      position: relative;
    }

      .manual .manuals .sg_manual .button_cont{
        position: absolute;
        bottom: 30px;
        width: 100%;
        text-align: center;
      }

  .manual .free_sounds{
    padding-top: 0;
  }

    .manual .free_sounds .item{
      display: none;
    }

    .manual .free_sounds .item.active{
      display: block;
    }

    .manual .free_sounds .bottom_tabs{
      float: left;
      width: 100%;
    }

    .manual .free_sounds .top_tabs {
        width: 80%;
        margin: 0 auto;
        display: flex;
        margin-bottom: 30px;
        margin-left: 10%;
    }

 .ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
    font-weight: 900;
    font-size: 16px;
    line-height: 110.1%;
    /* identical to box height, or 18px */


    color: #262322;
  }

  .ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    color: #262322;
  }

  .ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 300px;
  }


.mobile_only{
  display: none;
}

.tooltip {
  display:none;
  position:absolute;
  background-color:#F7F7FA;
  border: 1px solid #262322;
  box-shadow: 0px 0px 20px rgba(15, 38, 90, 0.05);
  border-radius: 15px;
  padding:20px 30px;
  max-width: 300px;
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #000000;
  z-index: 200;
}

.masterTooltip{
  position: relative;
}

  .masterTooltip:before{
    content: "";
    position: relative;
    width: 25px;
    height: 25px;
    float: right;
    background: url("images/question-circle.svg") no-repeat;
    background-size: 100%;
    top: -5px;
    left: 5px;
  }

.add-sound-widget .main-panel .header-bar .speed-group h3{
  margin: 0;
}
.add-sound-widget .main-panel .timeline-panel .time-markers .marker-label{
  font-size: 10px!important;
}
.add-sound-widget .main-panel .timeline-editor .channel-row .channel-row-content .sound{
  /*    background-image: url("images/waveform.svg")!important;*/

  background-size: 100% 44px!important;
}



.add-sound-widget .weapon-type h3{
  margin-bottom: 0!important;
}

.add-sound-widget h3{
  color: #fff;
  display: inline-block;
}

.add-sound-widget .key-panel{
  z-index: 11!important;
}

.add-sound-widget .key-panel .title{
  margin-top: 15px!important;
}

.add-sound-widget .key-panel .keys ul li span{
  margin-top: 0!important;
}

.add-sound-widget .key-panel .keys ul li h3{
  z-index: auto!important;
}

  .add-sound-widget .key-panel .keys ul li h3:before{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #3B3A3C;
    border-radius: 10px;
    content: "";
    right: -5px;
    top: 5px;
    z-index: -1;

  }


  .add-sound-widget .main-panel .timeline-panel .timeline-screenshots img{
    height: 27px;
    width: 100%;
    object-fit: cover;
  }

#page{
  overflow: hidden;
}

.preloader{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F6C702;
}

  .preloader .img_preloader{
    width: 200px;
    height: 200px;
    animation: pulse-white 2s infinite;
    border-radius: 100%;
    position: relative;
    background: #fff;
  }
  .preloader .img_preloader:before{
    background-image: url('images/preloader.png');
    background-position: center;
    background-size: 80px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 100%;
  }

@keyframes pulse-white {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}


.post_content{
  width: 900px;
  margin: 0 auto;
  display: table;
}


ul#mobile_menu {
    position: absolute;
    top: 40px;
    left: auto;
    transform: translate(-50%,-50%);
    width: 23px;
    height: 40px;
    cursor: pointer;
    right: 0;
    margin: 0;
}
ul#mobile_menu li {
    list-style: none;
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    width: 90%;
    height: 5px;
    background: #F6C702;
    border-radius: 20px;
    transition: .5s;
    opacity: 1;
    width: 40px;
}
ul#mobile_menu li:nth-of-type(1){
    top: 20%;
}
ul#mobile_menu li:nth-of-type(2),ul#mobile_menu li:nth-of-type(3){
    top: 50%;
}
ul#mobile_menu li:nth-of-type(4){
    top: 80%;
}

ul#mobile_menu.active li:nth-of-type(1){
    top: -20%;
    opacity: 0;
}
ul#mobile_menu.active li:nth-of-type(2){
    transform: translateY(-50%) rotate(45deg);
}
ul#mobile_menu.active li:nth-of-type(3){
    transform: translateY(-50%) rotate(-45deg);
}
ul#mobile_menu.active li:nth-of-type(4){
    top: 120%;
    opacity: 0;
}

#mobile_menu{
  display: none;
}

#sync2 .owl-dots{display: none!important;}

#sync_sliders .owl-carousel.owl-drag .owl-item .item{
  display: flex;
  align-items: center;
}

  .pricing.no_bg .pricing_inner .drop_absolute{
    display: none;
  }

.tutorials_tabs .drop_absolute{
    display: none;
  }

.add-sound-widget .side-bar .side-bar-buttons .weapon-type .mobf_m,
.video_player .add-sound-widget .key-panel .title_m{
      display: none;
    }

.mobile_only{
  display: none;
}

.embed-container {

  position: relative;
  overflow: hidden;
  min-height: 450px;
  width: 100%;
  background: black;
  height: 100%;
  margin-bottom: 50px;
}

  .bg_items_v2 .embed-container{
    min-height: 350px;
  }

  .embed-container .vimeo_ful{
    width: 100%;
    height: 56.25%;
    min-height: 100%;
    min-width: 177.77%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

  .full_page_video{
        width: 100vw;
        height: 100vh;
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: center;
    }



    .full_page_video iframe {
         width: 100vw;
         height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
         min-height: 100vh;
         min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
          pointer-events: none;
    }

    .full_page_video .inner_txt {
      width: 100%;
      position: relative;
      z-index: 10;
      color: #fff;
    }

      .full_page_video .inner_txt h1,
      .full_page_video .inner_txt h2,
      .full_page_video .inner_txt h3,
      .full_page_video .inner_txt p{
        color: #fff;
      }

    .full_page_video .overlay_video{
        position: absolute;
        z-index: 1;
        background: #000;
        opacity: 0.3;
        width: 100%;
        height: 100%;
    }


.register_page{
  padding: 0;
  display: flex;
}

.register_page .left_side{
    width: 40%;
    background: #fff;
    min-height: 100vh;
    position: relative;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    flex-direction: row;
      align-items: flex-start;
  }

  .register_page .right_side{
    width: 60%;
    background: #F7F7FA;
    min-height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
  }

  .rec{
    position: absolute;
  }

  .rec_1{
    background: url("images/rec3.svg") no-repeat;
    width: 50%;
    height: 300px;
    top: 0;
    right: -100px;
  }

  .rec_2{
    background: url("images/rec2.svg") no-repeat;
    background-size: 100%;
    width: 105%;
    height: 100%;
    left: 0;
    top: 0%;
  }

  .rec_3{
    background: url("images/rec1.svg") no-repeat;
    background-size: 100%;
      background-size: 100%;
      width: 40%;
      height: 100%;
      right: 0;
      top: -8%;
  }

  .bg_image{
    display: none;
    max-width: 85%;
    position: relative;
    z-index: 1;
  }

  .bg_image.bg_image_1{
    display: block;
  }

.register_form{
  counter-reset: section;
  max-height: 80vh;
    z-index: 10;
    position: relative;
    max-width: 50%;
}

  .register_form form{
    display: table;
    width: 100%;
  }

  .register_form input{
    background: #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 50px;
    float: left;
    width: 95% ;
    font-style: normal;
    font-weight: 900;
    font-size: 18px;
    line-height: 25px;
    font-family: 'Avenir LT Std';
    color: #5D5D5D;
    margin-bottom: 10px;
    padding-left: 25px;
    height: 50px;
  }

    .register_form .status {
        padding-top: 10px;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 140%;
        position: relative;
        top: 10px;
        color: #262322;
        float: left;
        width: 100%;
        text-align: center;
    }

    .register_form .lost{
      padding-top: 10px;
      font-style: normal;
      font-weight: bold;
      font-size: 16px;
      line-height: 140%;
      position: relative;
      top: 10px;
      left: 28px;
      color: #262322;
      float: left;
    }

    .register_form .btn,
    .register_form #buy,
    .register_form input[type="submit"]{
        font-weight: 500;
        font-size: 18px;
        line-height: 25px;
        color: #FFFFFF;
        background: #262322;
        border-radius: 30px;
        padding: 13px 40px;
        float: right;
        width: auto;
        border: 0;
        cursor: pointer;
    }

    .register_form #buy{
      margin-top: 30px;
      text-decoration: none;
      margin-bottom: 50px;
    }

  .register_form .inner{
    margin-top: 40px;
    position: relative;
    display: none;
  }

    .register_form .active .inner{
      display: block;
    }

    .register_form .active .inner:before {
        position: absolute;
        left: -50px;
        border-left: 2px solid #F6C702;
        height: calc(100% + 40px);
        content: "";
        top: -40px;
        display: none;
    }

    .register_form .active .inner .text{
      background: #FFFFFF;
      box-shadow: 0px 0px 20px rgba(15, 38, 90, 0.05);
      border-radius: 15px;
      padding: 35px 25px;
      margin-bottom: 25px;
      width: 100%;
    }

    .register_form .active .inner .text ul{
      margin: 0;
      padding: 0;
      list-style-type: none;
    }

      .register_form .active .inner .text ul li{
        margin: 0;
        padding: 0;
        padding-left: 25px;
        list-style-type: none;
        position: relative;
        margin-bottom: 15px;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
      }

        .register_form .active .inner .text ul li:last-child{
          margin-bottom: 0;
        }

      .register_form .active .inner .text ul li:before{
         background: url("images/check_yellow.svg") no-repeat;
         content: "";
         width: 17px;
         height: 13px;
         position: absolute;
         left: 0px;
         top: 6px;
      }

    .register_page .items_center {
      height: calc(97vh - 150px);
      overflow: auto;
      display: flex;
      justify-content: center;
      position: relative;
      top: 150px;
      min-width: 60vw;
    }


.register_form h2{
  position: relative;
  font-style: normal;
  font-weight: 900;
  font-size: 25px;
  line-height: 70px;
  font-family: 'Avenir LT Std';
  color: #262322;
  margin: 0;
  display: none;
}

  .register_form .active h2{
    display: table;
    font-weight: 900;
    font-size: 60px;
    line-height: 110%;
    color: #262322;
  }

  .register_form .tab_1 h2:before{
    content: "1";
  }
  .register_form .tab_2 h2:before{
    content: "2";
  }

  .register_form h2:before{
      /*counter-increment: section;
      content: counter(section);*/
      background: #FFFFFF;
      border: 2px solid #fff;
      width: 65px;
      height: 65px;
      font-weight: 800;
      font-size: 25px;
      line-height: 140%;
      font-family: 'Avenir LT Std';
      color: #262322;
      box-shadow: 0px 0px 20px rgb(15 38 90 / 5%);
      border-radius: 55px;
      text-align: center;
      justify-content: center;
      display: flex;
      align-items: center;
      position: absolute;
      left: -80px;
  }

  .register_form .active h2:before{
    border: 2px solid #F6C702;
  }


.register_form .order_details{
  float: left;
  width: calc(100% - 40px);
  padding: 20px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px rgba(15, 38, 90, 0.05);
  border-radius: 15px;
  margin-bottom: 20px;
}

  .register_form .order_details .top_sec{
    float: left;
    width: 100%;
    border-bottom: 1px solid #F2F2F2;
  }

    .register_form .order_details .top_sec p{
      margin-bottom: 10px;
    }

  .register_form .order_details .bot_sec{
    border-bottom: 1px solid #F2F2F2;
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

    .register_form .order_details .bot_sec p{
      margin: 0;
      text-transform: capitalize;
      font-size: 16px;
    }

  .register_form .order_details .last_sect{
    float: left;
    width: 100%;
  }

  .register_form .order_details .last_sect h3{
    margin: 0;
    display: flex;
    justify-content: space-between;
    font-size: 25px;
  }

  .register_form .register label {
      float: left;
      width: calc(100% - 27px);
      font-size: 16px;
      text-align: left;
      position: relative;
      top: -8px;
      padding-left: 27px;
      color: red;
      padding-top: 5px;
  }

  .register_form .tab{
    float: left;
    width: 100%;
  }

  .register_form .tab .inner{
    height: 0px;
    transition: all 0.5s ease-in;
  }

  .register_form .tab.active .inner{
    height: auto;
    display: flex;
    flex-wrap: wrap;
    transition: all 0.5s ease-in;
  }

  .register_form .tab.active .inner img{
    width: 100%;
  }

  .register_form .tab.active .inner .icon{
    display: flex;
    align-items: center;
  }

    .register_form .tab.active .inner .icon img{
      width: auto;
    }

    .register_form .tab.active .inner .icon p{
      margin-bottom: 0;
      font-size: 25px;
      line-height: 140%;
      color: #000000;
      margin-top: 0;
    }

.pulsate{
    animation: glow_new 1s infinite alternate;
    border: 3px solid #F6C702;
    box-sizing: border-box;
    border-radius: 25px;
    box-sizing: border-box;
    z-index: 10;
    position: relative;
    transition: all 0.5s ease-in;
}

@keyframes glow_new {
  from {
    box-shadow: 0 0 30px 0px rgba(246, 199, 2, 1);
  }
  to {
    box-shadow: 0 0 30px 10px rgba(246, 199, 2, 1);
  }
}

  .pulsate.active{
    animation: none;
    border: 0;
    transition: all 0.5s ease-in;
  }

.trusted_by{
  display: block;
}

.trusted_by h3{
  text-align: center;
  margin-bottom: 30px;
}

.inner_sli{
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}

.spacing{
  float: left;
  width: 100%;
}

  .spacing.do_0{height: 0px}
  .spacing.do_10{height: 10px}
  .spacing.do_20{height: 20px}
  .spacing.do_30{height: 30px}
  .spacing.do_40{height: 40px}
  .spacing.do_50{height: 50px}
  .spacing.do_75{height: 75px}
  .spacing.do_100{height: 100px}
  .spacing.do_150{height: 150px}
  .spacing.do_200{height: 200px}


.wp-video{width:100%!important;} .mejs-container{width:100%; height:auto;}

.single-post table{width:100%;}

@media screen and (max-width: 1024px) {
  .tablet_spacing{
    float: left;
    width: 100%;
  }

	.post_content{
		width:100%;
	}

	.post_content img{
		max-width:100%;
	}

	.single .blog_posts .single_pst .bottom_text .flex_it{
		flex-wrap:wrap;
	}

	.blog_posts .single_pst .bottom_text .right_side,
	.blog_posts .single_pst .bottom_text .left_side{
		width:100%;
		text-align:center;
		margin-bottom:20px;
	}

  .spacing{
    display: none;
  }

    .tablet_spacing.do_0{height: 0px}
    .tablet_spacing.do_10{height: 10px}
    .tablet_spacing.do_20{height: 20px}
    .tablet_spacing.do_30{height: 30px}
    .tablet_spacing.do_40{height: 40px}
    .tablet_spacing.do_50{height: 50px}
    .tablet_spacing.do_75{height: 75px}
    .tablet_spacing.do_100{height: 100px}
    .tablet_spacing.do_150{height: 150px}
    .tablet_spacing.do_200{height: 200px}
}

@media screen and (max-width: 800px) {
  .mobile_spacing{
    float: left;
    width: 100%;
  }

	.top_text img{max-width:100%;}

  .tablet_spacing,.spacing{
    display: none;
  }

	.post_content iframe{  position:relative;  object-fit: unset; display:block; }

    .mobile_spacing.do_0{height: 0px}
    .mobile_spacing.do_10{height: 10px}
    .mobile_spacing.do_20{height: 20px}
    .mobile_spacing.do_30{height: 30px}
    .mobile_spacing.do_40{height: 40px}
    .mobile_spacing.do_50{height: 50px}
    .mobile_spacing.do_75{height: 75px}
    .mobile_spacing.do_100{height: 100px}
    .mobile_spacing.do_150{height: 150px}
    .mobile_spacing.do_200{height: 200px}
}

@media screen and (max-width: 1400px) {
  .container{
    width: 1200px;
    margin: 0 auto;
  }



  .small_container{
    width: 900px;
    margin: 0 auto;
  }

  .top_section_with_tabs .right_side{
    width: 45%;
  }

  .top_section_with_tabs .left_side {
    float: left;
    width: calc(55% - 30px);
  }

  .yellow_white_box .right_side {
    width: 650px;
  }

  .yellow_white_box .left_side {
    width: 640px;
  }

   .bg_item.bg_13{
    width: 70%;
  }

  .faqs .faq {
    float: left;
    width: calc(100% - 60px);
  }
}


@media screen and (max-width: 1250px) {
  .container{
    width: 1000px;
    margin: 0 auto;
  }

  .top_section .buttons{
  display: flex;
}

  .embed-container{
      min-height: 330px;
      margin-bottom: 0;
  }

  .small_container{
    width: 900px;
    margin: 0 auto;
  }


  #right_menu ul li,
  #main_menu ul li{
    margin-right: 20px;
  }

  .who_are_you .top_menu span{
    padding: 25px 20px;
  }

  .sticky_menu .items .item .right_side{
    width: 45%;
  }

  .sticky_menu .items .item .left_side {
    float: left;
    width: calc(55% - 30px);
  }

  .yellow_white_box .right_side {
      width: 545px;
      height: 450px;
  }

  .yellow_white_box .left_side {
    width: 540px;
    height: 450px;
  }

  .yellow_white_box .left_side > div {
    padding: 0 40px;
    padding-right: 110px;
  }

  .yellow_white_box {
      height: 450px;
  }

  .quick_tutorials .tutorials_tabs .right_side .active a,
  .quick_tutorials .tutorials_tabs .right_side .tut_item.active span{
    font-size: 28px;
  }

  .quick_tutorials .tutorials_tabs .right_side a,
  .quick_tutorials .tutorials_tabs .right_side span {
    font-size: 16px;
  }

  .bg_item.bg_13{
    width: 86%;
  }

  .boxes {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
  }

  .blog_slider{
    padding-bottom: 50px;
  }

}


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

  .blog_posts .single_pst .bottom_text{
    width: calc(90% - 60px);
  }

  .top_section_with_tabs .left_side{
    margin-bottom: 50px;
  }

  .top_section .buttons{
    display: flex;
    justify-content: center;
  }
  .embed-container{
    margin-bottom: 50px;
        min-height: 450px;
  }

  .free_sounds .right_side.make_full .bottom_tabs .item .one_t img{
    height: 200px;
  }

   .blog_slider{
    padding-bottom: 100px;
  }
  .search_content{
    width: 100%;
  }

  .manuals .button.orange {
      width: auto!important;
      float: none;
  }

  .boxes .box {
      width: 100%;
      margin-right: 0;
      margin-bottom: 20px;
  }

  .wpcf7 {
    width: 100%;
  }

  .blog_filters .search_filter,
  .single-tutorials  .tutorials_filters .search_filter{
    position: absolute;
    right: -35px;
  }

  .single-tutorials  .tutorials_tabs .drop_absolute{
    display: block;
    margin-bottom: 20px;
  }

  .single-tutorials  .tutorials_tabs .drop_absolute .dropdown-el{
    min-width: 100%;
  }


  .single-tutorials  .quick_tutorials .tutorials_tabs .left_side{
    width: 100%;
  }

  .single-tutorials  .quick_tutorials .tutorials_tabs .right_side{
    width: 100%;
    margin-left: 0;
    min-height: auto;
    display: none;
  }
  .over_hid .bg_item.bg_13{
    display: none;
  }

  .quick_tutorials .tutorials_tabs .right_side .active a,
  .quick_tutorials .tutorials_tabs .right_side .tut_item.active span {
    font-size: 20px;
  }

  .yellow_white_box .right_side,
  .yellow_white_box .left_side {
    width: 100%;
    position: relative;
    float: left;
    border-radius: 50px;
    margin-bottom: 50px;
  }

  .yellow_white_box .left_side {
    background: #F6C702;
  }

  .yellow_white_box .right_side{
    background: #fff;
  }

  .yellow_white_box .right_side > div,
  .yellow_white_box .left_side > div {
    padding: 0 40px;
    padding-right: 40px;
    width: 100%;
  }

  .yellow_white_box{
    height: auto;
  }

  h1{
    font-size: 40px;
    line-height: 110%;
  }

  h2{
    font-size: 35px;
    line-height: 110.1%;
  }

  h3{
    font-size: 25px;
    line-height: 110.1%;
  }

  h4{
    font-size: 14px;
    line-height: 26px;
  }

  .who_items .left_side ul li,
  .top_section .left_side .text p,
  p,a,li{
    font-size: 20px;
    line-height: 160%;
  }

  .container{
    width: 768px;
    margin: 0 auto;
  }

  .small_container{
    width: 768px;
    margin: 0 auto;
  }

  #mobile_menu{
    display: block;
  }

  .mobile_menu {
      display: none;
      position: fixed;
      top: 82px;
      width: 100%;
      height: calc(100vh - 102px);
      overflow: auto;
      background: #fff;
      left: 0;
      -webkit-border-top-left-radius: 20px;
      -webkit-border-top-right-radius: 20px;
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      padding-top: 20px;
  }

  .mobile_menu.active{
    /*display: block;*/
  }


  #masthead {
      padding-top: 20px;
      transition: all 0.5s ease;
      border: 1px solid #DADADA;
      background: #fff;
      -webkit-border-bottom-right-radius: 20px;
      -webkit-border-bottom-left-radius: 20px;
      -moz-border-radius-bottomright: 20px;
      -moz-border-radius-bottomleft: 20px;
      border-bottom-right-radius: 20px;
      border-bottom-left-radius: 20px;
  }

    #masthead .container{
      width: 90%;
    }

  #logo img{
    float: left;
  }

  #right_menu ul, #main_menu ul {
      width: 90%;
      display: table;
      float: none;
      margin: 0 auto;
      padding: 0;
  }

  #right_menu ul li, #main_menu ul li {
      margin-right: 0;
      width: 100%;
      margin-bottom: 20px;
      border-bottom: 1px solid #ccc;
      float: left;
  }

   #right_menu ul li:last-child{
    border: 0;
   }

   #right_menu ul li:last-child a {
      background: #262322;
      border-radius: 30px;
      padding: 10px 30px;
      color: #fff;
      width: auto;
  }

  #right_menu,
  #main_menu{
    width: 100%;
    display: table;
  }

  .menu-main-menu-container,
  .menu-right-menu-container{
    float: left;
    width: 100%;
  }

  #right_menu ul li a{
    float: left;
    width: 100%;
     padding-top: 10px;
    padding-bottom: 10px;
  }

  #main_menu ul li a {
      text-decoration: none;
      font-weight: normal;
      font-size: 16px;
      line-height: 19px;
      color: #000000;
      display: table;
      float: left;
      width: 100%;
      padding-top: 10px;
      padding-bottom: 10px;
  }

  .top_section .container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .top_section .left_side,
  .top_section .right_side{
    width: 100%;
    text-align: center;
  }

  .top_section .right_side img {
      float: none;
      width: 60%;
      margin: 0 auto;
      display: table;
      margin-bottom: 50px;
      margin-top: 50px;
  }

  .bg_item.bg_2{
    display: none;
  }

  .bg_item.bg_1{
     background-size: 35%;
  }

  .top_section .small_text{
    width: 100%;
    text-align: center;
  }

  .top_section{
    padding-top: 90px;
    position: relative;
    padding-bottom: 90px;
  }

  .who_are_you .top_menu h3 {
      color: #fff;
      font-weight: 900;
      font-size: 24px;
      line-height: 110.1%;
      margin-bottom: 0;
      width: 100%;
      text-align: center;
      padding-top: 20px;
      padding-bottom: 20px;
  }

  .who_are_you .top_menu span {
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding: 7px 10px;
    cursor: pointer;
    transition: all 0.5s ease;
    border-radius: 50px;
    float: left;
    width: calc(20% - 20px);
    text-align: center;
    margin-bottom: 20px;

  }

  .who_items .left_side{
    width: calc(100% - 120px);
  }

  .who_items .right_side{
    width: 100%;
  }

  .who_are_you .top_menu{
    display: block;
    justify-content: unset;
    align-items: unset;
  }

  .who_items .left_side ul{
    padding-right: 0;
  }

    .who_items .testimonial .details {
    float: right;
    width: calc(100% - 30px);
  }

  .video_player .add-sound-widget .key-panel {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 30%;
    transform: translateY(33%) translateX(-33%);
    z-index: 10;
    background: #211F21;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);
    border-radius: 100px;
    padding: 15px 50px;
  }

  .video_player .add-sound-widget .side-bar {
    width: 200px;
  }

  .video_player .add-sound-widget .main-panel {
    flex-shrink: 0;
    max-width: calc(100% - 200px);
  }

  .video_player .add-sound-widget .button-group button{
    font-weight: 400;
    font-size: 11px;
  }

  .video_player .add-sound-widget,
  .video_player .container{
    width: 100%;
  }

  .add-sound-widget .main-panel .header-bar .speed-group h3{
    display: none!important;
  }

  .sync_sliders .bg_items_v2 .right_side,
  .sync_sliders .bg_items_v2 .left_side{
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
  }



  #sync_sliders .owl-carousel.owl-drag .owl-item .item {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      flex-direction: column-reverse;
  }

  .free_sounds .right_side,
  .free_sounds .left_side{
    width: 100%;
  }

  .free_sounds .left_side{
    margin-bottom: 50px;
  }

  .pricing .pricing_plans .inner_plan.active .left_side.tab{
    display: none;
  }

  .pricing .pricing_inner {
    float: left;
    background: #F7F7FA;
    border-radius: 50px;
    padding: 60px 20px;
    width: calc(100% - 0px);
  }

  .pricing .pricing_plans .inner_plan.active .tab {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    max-width: calc(33.3% - 43px);
    padding: 40px 30px;
    background: #fff;
    margin-right: 35px;
    box-shadow: 0px 0px 20px rgb(15 38 90 / 5%);
    border-radius: 15px;
    text-align: center;
    border: 2px solid #fff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    position: relative;
    top: 0;
    margin-right: 15px;
  }


  .sync_sliders .bg_items .owl-nav {
      display: block;
      position: absolute;
      top: 0;
      width: 100%;
  }

    .sync_sliders .bg_items .owl-nav span{ display: none; }

    .sync_sliders .bg_items .owl-nav .owl-next{
      position: absolute;
      right: 30px;
      top: 25px;
      background: url("images/next_icon.svg") no-repeat;
      width: 15px;
      height: 30px;
      background-size: 100%;
    }

    .sync_sliders .bg_items .owl-nav .owl-prev{
      position: absolute;
      left: 30px;
      top: 25px;
       background: url("images/prev_icon.svg") no-repeat;
      width: 15px;
      height: 30px;
      background-size: 100%;
    }

    .sync_sliders .bg_items .owl-nav .owl-next.disabled,
    .sync_sliders .bg_items .owl-nav .owl-prev.disabled{
      display: none;
    }

    .top_section_with_tabs .right_side,
    .top_section_with_tabs .left_side{
      width: 100%;
    }

    .top_section_with_tabs .tabby.active {
      display: block;
      transition: all 0.5s ease;
      display: flex;
      flex-wrap: wrap-reverse;
    }

    .top_section_with_tabs .right_side {
      margin-bottom: 50px;
    }

    .top_section_with_tabs .top_tabs{
      /*display: none;*/
      margin-bottom: 30px;
    }

    .sticky_menu .items .item {
      float: left;
      width: 100%;
      margin-top: 100px;
      margin-bottom: 100px;
      display: flex;
      flex-wrap: wrap;
    }

    .sticky_menu .items .item .right_side,
    .sticky_menu .items .item .left_side{
      width: 100%;
    }

    .sticky_menu_fix .container{
      width: 100%;
    }

    .scrolled_b .sticky_menu.active_top .sticky_menu_fix {
      top: 82px;
    }


  .sticky_menu .items .item{
    margin-bottom: 0;
  }

  .quick_tutorials .tutorials_tabs .left_side iframe,
  .quick_tutorials .tutorials_tabs .left_side .video_player{
    height: 400px;
    margin-bottom: 20px;
  }


    .pricing .pricing_plans .inner_plan.active .tab p .mobile_only{
      margin-bottom: 10px;
      display: block;
    }


  .blog_posts .top_image img, .blog_posts .top_image,
    .quick_tutorials .tutorials_tabs .left_side img{
      height: auto;
    }


    .top_text{
      position: relative;
      z-index: 5;
    }
}


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

  .top_section_with_tabs .top_tabs .tab{
    margin-bottom: 20px;
  }

  .pricing .pricing_plans .inner_plan.active .tab p .mobile_only{
    margin-bottom: 10px;
  }

    .free_sounds .bottom_tabs .item .one_t:nth-child(3n){
        margin-right: 20px;
    }

   .free_sounds .bottom_tabs .item .one_t:nth-child(2n){
      margin-right: 0;
    }

  .top_section .buttons{
    display: inline-block;
  }

  .bg_items .owl-carousel.owl-loaded{
    border-radius: 50px;
    overflow: hidden;
  }

  .pricing .pricing_inner .drop_absolute .dropdown-el {
      left: calc(50% - 150px);
  }

  .artists .artists_cont .artist{
    width: calc(100% - 70px);
  }

  .bottom_part{
    flex-wrap: wrap;
  }

  .bottom_part .share_buttons,
  .bottom_part .downloads,
  .bottom_part .timestamps{
    float: left;
    width: 100%;
    margin-bottom: 20px;
  }

  .tutorials_filters .search_filter{
    position: absolute;
    right: -35px;
  }

  .tutorials_tabs .drop_absolute{
    display: block;
    margin-bottom: 20px;
  }

  .tutorials_tabs .drop_absolute .dropdown-el{
    min-width: 100%;
  }


  .quick_tutorials .tutorials_tabs .left_side{
    width: 100%;
  }

  .quick_tutorials .tutorials_tabs .right_side{
    width: 100%;
    margin-left: 0;
    min-height: auto;
    display: none;
  }

  .single .related .blog_posts .single_pst, .blog_posts .single_pst{
    width: 100%;
    margin-right: 0px;
  }

  .sticky_menu_fix{
    display: none;
  }

  .pricing.no_bg .pricing_inner .top_drop{
    display: none;
  }

  .pricing.no_bg .pricing_inner .drop_absolute{
    display: block;
  }

  .blog_filters .container,
  .quick_tutorials .container,
  .who_are_you .container{
    display: block;
  }

  .who_are_you .custom_slider{
    display: block;
    float: left;
    width: 100%;
    justify-content: unset;
    align-items: unset;
  }

  .who_are_you .owl-dots,
  .who_are_you .owl-nav{
    display: none;
  }

  .hide_mobile,
  .add-sound-widget .sound-list{
    display: none!important;
  }

  .site-footer{
    padding-bottom: 10px;
  }

  .site-footer .right_section{
    margin: 0;
    width: 100%;
  }

  #logo_footer img{
    max-width: 200px;
  }

  .social_media {
      text-align: center;
      margin-top: 20px;
      margin-bottom: 30px;
  }

  #footer_men ul  li{
    width: 50%;
    margin-bottom: 25px;
  }

    #footer_men ul  li ul li{
      margin-bottom: 0px;
    }

  .copy{
    display: none;
  }

  .site-footer .left_section {
    float: left;
    width: 100%;
    text-align: center;
  }

  .qta .inner_qta .inner_text {
    width: 90%;
  }

  .pricing .pricing_plans .inner_plan.active .tab{
    max-width: 100%;
    width: 100%;
    margin-bottom: 50px;
        margin-right: 0;
  }

  .pricing .pricing_inner {
      float: left;
      background: #F7F7FA;
      border-radius: 50px;
      padding: 60px 20px;
      width: calc(100% - 40px);
  }

  .pricing .pricing_plans .inner_plan.active {
    display: flex;
    flex-wrap: wrap;
  }

  .free_sounds .right_side .bottom_tabs .item .one_t{
    width: calc(50% - 20px);
  }

  #sync_sliders .container{
    float: left;
    width: 100%;
    display: block;
  }

  h1{
    font-size: 30px;
    line-height: 110%;
  }

  h2{
    font-size: 35px;
    line-height: 110.1%;
  }

  h3{
    font-size: 25px;
    line-height: 110.1%;
  }

  h4{
    font-size: 14px;
    line-height: 26px;
  }

  .who_items .left_side ul li,
  .top_section .left_side .text p,
  p,a,li{
    font-size: 18px;
    line-height: 140.62%;
  }

  .top_section .button.play_video, input[type="submit"], .button {
      width: calc(100% - 54px)!important;
      margin: 0!important;
      float: left;
      margin-bottom: 20px!important;
  }

  .top_section .left_side .buttons .play_video{
    width: calc(100% - 80px)!important;
  }

  .small_container,
  .container{
    width: 90%;
    display: table;
    margin: 0 auto;
  }

  .top_section .right_side img {
    float: none;
    width: 100%;
    margin: 0 auto;
    display: table;
    margin-bottom: 50px;
    margin-top: 20px;
    position: relative;
    left: -30px;
  }

  .top_section{
    padding-bottom: 50px;
  }

  .who_are_you .top_menu span {
      width: calc(100% - 50px);
      float: none;
      border: 2px solid #fff;
      padding: 7px 5px;
      display: table;
      margin: 0 auto;
      margin-bottom: 10px;
  }

  .who_items .rep_items .rep_item{
    width: calc(100% - 0px);
  }

  .who_are_you .top_menu{
    border-radius: 25px;
  }

  .who_items .left_side {
    width: calc(100% - 0px);
    padding-left: 0;
  }

  .who_items .left_side ul li{
    padding-left: 50px;
  }

  .who_items .left_side ul li:before{
    left: -25px;
  }

  .video_player .add-sound-widget .key-panel {
      display: table;
      position: relative;
      bottom: 0;
      width: calc(100% - 100px);
      left: 0;
      transform: none;
      z-index: 10;
      background: #211F21;
      box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);
      border-radius: 50px;
      padding: 15px 50px;
      text-align: center;
  }

  .video_player .add-sound-widget, .video_player .container {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      flex-direction: column-reverse;
  }

  .video_player .add-sound-widget .key-panel,
  .add-sound-widget .main-panel .timeline-editor,
  .add-sound-widget .main-panel, .add-sound-widget,
  .add-sound-widget .main-panel .header-bar,
  .add-sound-widget .main-panel .video-player video{
    border-radius: 0!important;
  }

  .video_player .add-sound-widget .key-panel {
    display: flex!important;
    align-items: center;
    background: #262526!important;
    margin-top: 10px;
    margin-bottom: 10px;
    width: calc(100% - 100px);
    box-sizing: unset;
  }

  .video_player .add-sound-widget .key-panel.glow{
    width: calc(100% - 106px);
  }

  .add-sound-widget .side-bar .side-bar-buttons{
     background: #262526!important;
  }

  .video_player{
    padding-bottom: 0;
  }

  .add-sound-widget{
    background: #000!important;
  }

  .add-sound-widget .main-panel .timeline-editor{
    height: 160px!important;
  }

  .video_player .container.no-reverse {
      flex-direction: column;

  }

  .add-sound-widget .side-bar .side-bar-buttons .weapon-type {
      padding: 16px;
      display: flex;
      padding-left: 50px!important;
      padding-right: 50px!important;
      align-items: center;
  }
  .add-sound-widget .side-bar .side-bar-buttons .weapon-type .button-group,
  .add-sound-widget .side-bar .side-bar-buttons .weapon-type .mobf{
    width: 50%;
  }

  .video_player .add-sound-widget .main-panel{
    overflow: hidden;
  }

  .video_player .add-sound-widget .main-panel,
  .video_player .add-sound-widget .side-bar{
    width: 100%;
    min-width: 100%;
  }

  .video_player .add-sound-widget .main-panel .header-bar .speed-group h3{
    display: none!important;
  }

  #footer_men ul li > a{
    text-align: center;
  }

  .video_player .add-sound-widget .key-panel .title {
      display: table;
      flex-direction: column;
      margin-top: 0!important;
      padding-right: 0;
      float: left;
      width: 100%;
      text-align: left;
  }

  .video_player .add-sound-widget .key-panel .keys {
    display: flex;
    float: left;
    width: 50%;
  }

  .video_player .add-sound-widget .key-panel .title h3 {
      width: 100%;
      padding-bottom: 0;
  }

  .video_player .add-sound-widget .key-panel .keys ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .video_player .add-sound-widget .key-panel .title span {
    font-style: italic;
    font-weight: 500;
    font-size: 14px;
    color: rgba(255,255,255,0.6);
    width: auto;
    float: none;
    margin: 0 auto;
    display: table;
    float: left;
  }

  .video_player .add-sound-widget .main-panel .header-bar{
        padding: 10px 5px;
  }

  .video_player .widget-title,
  .video_player .top_text{
    float: none;
    margin: 0 auto;
    width: 90%;
  }

  .trusted_by {
      display: block;
      padding: 0;
      width: 100%;
      border-radius: 0;
      margin-top: 0;
      border-top: 10px solid #000;
  }

    .trusted_by h3 {
        float: left;
        width: calc(100% - 80px);
        padding: 15px 40px;
        text-align: center;
        color: #fff;
        border-radius: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        margin-bottom: 0;
    }
    .trusted_by div {
        float: left;
        width: calc(50% - 1px);
        min-height: 140px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        border-right: 1px solid rgba(255, 255, 255, 0.15);
    }

    .trusted_by div:last-child:nth-child(even){
      float: left;
      width: 100%;
    }

    .trusted_by{
      border-top: 0;
    }

    .add-sound-widget .key-panel .keys ul li h3 {
      height: 40px!important;
      width: 40px!important;
    }

    .add-sound-widget .key-panel .keys ul li {
        display: block;
        margin-right: 8px!important;
    }

    .quick_tutorials .tutorials_tabs .left_side iframe,
    .quick_tutorials .tutorials_tabs .left_side .video_player{
      height: 350px;
      margin-bottom: 20px;
    }


    .free_sounds .top_tabs .top_tab{
      font-size: 14px;
    }

    .who_are_you .top_menu{
        padding: 2px 20px;
        width: calc(100% - 40px);
    }

    .who_are_you .custom_slider {
        display: block;
        float: left;
        width: 100%;
        justify-content: unset;
        align-items: unset;
    }

    .who_are_you .top_menu {
        padding: 2px 0px;
        width: 100%;
    }

    .who_are_you .owl-carousel .owl-stage-outer{
      padding-left: 20px;
      padding-top: 40px;
    }

    .top_section .button{
      border: 2px solid #262322;
    }


    .who_are_you .container{
      width: 100%;
    }

    .who_are_you .top_menu{
      border-radius: 0;
    }

    .bg_item.bg_5{
      bottom: -100px;
      display: none;
    }

    .video_player .top_text p{display: none;}

    .add-sound-widget .side-bar .side-bar-buttons .weapon-type .mobf,
    .video_player .add-sound-widget .key-panel .title{
      display: none;
    }

    .add-sound-widget .side-bar .side-bar-buttons .weapon-type .mobf_m,
    .video_player .add-sound-widget .key-panel .title_m{
      display: block;
      text-align: left;
      width: 60%;
    }

    .video_player .top_text h2{
      margin-bottom: 30px;
    }

    .widget-title h2{
      font-size: 18px!important;
    }

    .top_section .small_text strong{
      width: 100%;
     float: left;
    }

    .free_sounds{
      padding-top: 50px;
    }

    .bg_item.bg_10{
      width: 250%;
    }

    .top_section_with_tabs{
      padding-bottom: 50px;
    }

    .top_section_with_tabs .right_side, .top_section_with_tabs .left_side {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        margin-right: 0;
    }

    .tabby .dropdown-el{
      left: 0;
      width: 100%;
    }

    .top_section_with_tabs .left_side .text{
      float: left;
      width: 100%;
    }

    .desktop_only{
      display: none;
    }

    .mobile_only{
      display: block;
    }

    .top_section_with_tabs .right_side .mobile_only img{
      width: auto;
    }

    .sticky_menu .items .item{
      margin-top: 50px;
    }

    .embed-container{
      min-height:350px;
      margin-bottom: 50px;
    }

    .blog_posts .bottom_text h2,
    .blog_slider .bottom_text h2{
      font-size: 20px;
    }

    .blog_posts .bottom_text p,
    .blog_slider .bottom_text p{
      font-size: 16px;
    }

    .register_page .left_side{
      display: none;
    }

    .register_page .right_side{
      width: 100%;
    }

    .register_form{
      max-width: 65%;
    }

    .register_form .order_details .bot_sec{
      display: block;
    }

    .register_form .order_details .bot_sec .one_t{
      width: 100%;
      margin-bottom: 20px;
    }

    .sync_sliders .bg_items_v2 .right_side{
      min-height: auto;
    }


    .blog_posts .top_image img, .blog_posts .top_image,
    .quick_tutorials .tutorials_tabs .left_side img{
      height: auto;
    }


    .trusted_by .owl-dots,
    .trusted_by .owl-nav{
      display: none;
    }

    .trusted_by div{
      border: 0;
      width: auto;
      display: block;
      justify-content: initial;
          min-height: 80px;
    }

    .trusted_by div .owl-item div{
      width: 100%;
      display: flex;
      text-align: center;
      justify-content: center;
      align-items: center;
          min-height: 80px;
    }


    .pricing .pricing_plans .inner_plan.active .flex_items{
      flex-wrap: wrap;
    }

    .custom_radio span {
      margin-right: 20px;
      width: 100%;
      float: left;
      margin-bottom: 20px;
  }



  .register_page .items_center{
    top:0;
    padding-top:100px;
    padding-bottom:100px;
        height: auto;
    min-width: auto;
  }

  .register_form {
    max-width: 85%;
        max-height: initial;
  }

  .register_form .active h2{
    margin-left: 80px;
  }

  .register_form .btn, .register_form #buy, .register_form input[type="submit"]{
        margin: 0 auto!important;
    display: table;
    float: none;
    margin-top: 20px;
  }

}
@media screen and (max-width: 540px) {
	.filter_slider .owl-item {
		width: 100%!important;
	}
	.filter_slider .filter {
		   padding: 10px 2px!important;
    	width: 96%!important;
	}
}

@media screen and (max-width: 500px) {
  .add-sound-widget .side-bar .side-bar-buttons .weapon-type,
  .video_player .add-sound-widget .key-panel{
   /*flex-direction: column;*/
  }

   .embed-container{
      min-height: 300px;
      margin-bottom: 50px;
    }

  .add-sound-widget h3{
    padding-right: 20px;
    margin-bottom: 0;
  }

  .video_player .add-sound-widget .key-panel .title{
    text-align: center;
  }

  .video_player .add-sound-widget .key-panel .title span{
    float: none;
  }

  .quick_tutorials .tutorials_tabs .left_side iframe,
    .quick_tutorials .tutorials_tabs .left_side .video_player{
      height: 300px;
      margin-bottom: 20px;
    }

  .pricing .pricing_inner .drop_absolute .dropdown-el{
    width: 100%;
    left: 0;
  }

  .pricing .custom_radio, .pricing .custom_drop {
    margin-right: 20px;
    width: 80%;
    float: none;
    justify-content: center;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 30px;
  }

  .custom_radio span:nth-child(1) {
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
  }


}

.filter_slider .owl-item {
	margin-right: 0!important;
}

@media screen and (max-width: 1290px){
	
	.filter_slider .owl-item:last-child {
		clear: both;
		margin-top: 20px;
	} 
}
@media screen and (max-width: 450px) {
  #logo img {
    height: 35px;
  }

  .embed-container{
    min-height: 200px;
  }
}