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

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

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

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


/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/*  @font-face{font-family:'FontAwesome';src:url('./fonts/fontawesome-webfont.eot?v=4.7.0');src:url('./fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('./fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('./fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('./fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('./fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;font-display:swap} */
 
 
 
 
 
 /*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}



/**
 * Swiper 6.6.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 19, 2021
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');font-weight:400;font-style:normal;font-display:swap}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}


/* MUI CSS */ 

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{-webkit-tap-highlight-color:transparent}body{font-family:Arial,Verdana,Tahoma;font-size:14px;font-weight:400;line-height:1.429;color:rgba(0,0,0,.87);background-color:#FFF}a{color:#2196F3;text-decoration:none}a:focus,a:hover{text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}p{margin:0 0 10px}ol,ul{margin-top:0;margin-bottom:10px}hr{margin-top:20px;margin-bottom:20px;border:0;height:1px;background-color:rgba(0,0,0,.12)}strong{font-weight:700}abbr[title]{cursor:help;-webkit-text-decoration-color:#2196F3;text-decoration-color:#2196F3}h1,h2,h3{margin-top:20px;margin-bottom:10px}h4,h5,h6{margin-top:10px;margin-bottom:10px}@media (orientation:landscape) and (max-height:480px){}@media (min-width:480px){}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){}@supports (-ms-ime-align:auto){}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){}@supports (-ms-ime-align:auto){}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){}@supports (-ms-ime-align:auto){}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){}@supports (-ms-ime-align:auto){}.mui-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.mui-container:after,.mui-container:before{content:" ";display:table}.mui-container:after{clear:both}@media (min-width:544px){.mui-container{max-width:570px}}@media (min-width:768px){.mui-container{max-width:740px}}@media (min-width:992px){.mui-container{max-width:960px}}@media (min-width:1200px){.mui-container{max-width:1170px}}[data-mui-toggle=dropdown]{outline:0}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){}@supports (-ms-ime-align:auto){}@media (min-width:544px){}.mui-col-lg-1,.mui-col-lg-10,.mui-col-lg-11,.mui-col-lg-12,.mui-col-lg-2,.mui-col-lg-3,.mui-col-lg-4,.mui-col-lg-5,.mui-col-lg-6,.mui-col-lg-7,.mui-col-lg-8,.mui-col-lg-9,.mui-col-md-1,.mui-col-md-10,.mui-col-md-11,.mui-col-md-12,.mui-col-md-2,.mui-col-md-3,.mui-col-md-4,.mui-col-md-5,.mui-col-md-6,.mui-col-md-7,.mui-col-md-8,.mui-col-md-9,.mui-col-sm-1,.mui-col-sm-10,.mui-col-sm-11,.mui-col-sm-12,.mui-col-sm-2,.mui-col-sm-3,.mui-col-sm-4,.mui-col-sm-5,.mui-col-sm-6,.mui-col-sm-7,.mui-col-sm-8,.mui-col-sm-9,.mui-col-xs-1,.mui-col-xs-10,.mui-col-xs-11,.mui-col-xs-12,.mui-col-xs-2,.mui-col-xs-3,.mui-col-xs-4,.mui-col-xs-5,.mui-col-xs-6,.mui-col-xs-7,.mui-col-xs-8,.mui-col-xs-9{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:1px;padding-left:15px;padding-right:15px}.mui-col-xs-1,.mui-col-xs-10,.mui-col-xs-11,.mui-col-xs-12,.mui-col-xs-2,.mui-col-xs-3,.mui-col-xs-4,.mui-col-xs-5,.mui-col-xs-6,.mui-col-xs-7,.mui-col-xs-8,.mui-col-xs-9{float:left}.mui-col-xs-12{width:100%}@media (min-width:544px){}@media (min-width:768px){.mui-col-md-1,.mui-col-md-10,.mui-col-md-11,.mui-col-md-12,.mui-col-md-2,.mui-col-md-3,.mui-col-md-4,.mui-col-md-5,.mui-col-md-6,.mui-col-md-7,.mui-col-md-8,.mui-col-md-9{float:left}.mui-col-md-6{width:50%}.mui-col-md-12{width:100%}}@media (min-width:992px){}@media (min-width:1200px){}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){}@supports (-ms-ime-align:auto){}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){}@supports (-ms-ime-align:auto){}.mui--z1,.mui-dropdown__menu,.mui-select__menu{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}@media (max-width:543px){}@media (min-width:544px) and (max-width:767px){}@media (min-width:768px) and (max-width:991px){}@media (min-width:992px) and (max-width:1199px){}@media (min-width:1200px){}@media (max-width:543px){}@media (min-width:544px) and (max-width:767px){}@media (min-width:768px) and (max-width:991px){}@media (min-width:992px) and (max-width:1199px){}@media (min-width:1200px){}.mui--text-display1,h1{font-weight:400;font-size:34px;line-height:40px}.mui--text-headline,h2{font-weight:400;font-size:24px;line-height:32px}.mui--text-title,h3{font-weight:400;font-size:20px;line-height:28px}


/* -------------------custom styles --------------*/


@media (min-width: 1500px){
 .mui-container.container-xl {
    max-width: 1470px;
 }
}
html{
  scroll-behavior: smooth;
}
#main-content{
    padding-top: 60px;
}
body{
  font-family: 'Open Sans', sans-serif;
  color: #666;
  background-color:#fff;
}

.menu .nav-menu{
  list-style-type: none;
}

h2{
  font-weight: 700;
  font-size: 25px;
  min-height: 60px;
  margin: 0;
  color: #666;
}
.site-header ul.nav-menu{
    display: flex;
    gap: 20px;
}
h1,h2,h3,h4{
 color: #666; 
 font-family:'Open Sans', 'sans-serif';

}


h1,h2{
   font-weight: 700!important;
}
p{
 /*  font-family: 'Oswald', sans-serif; */
  font-family:'open sans', sans-serif;
  font-size: 15px;
  font-weight: 500;
  margin: 5px 0 20px;
  color: #383838de;
  text-align: justify;
}
@media(min-width:567px){
   p{
    font-family:'open sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin: 5px 0 20px;
    color: #383838de;
    text-align: justify;
  } 
}



img{
  display: flex;
  object-fit: contain;
  max-width: 100%;
  height: auto;
}
a{
  color: inherit;
}
a:focus,
a:hover {
    text-decoration: none!important;
    color: inherit;
}







@media(min-width:993px){
 
}

.mt-20{
  margin-top:20px;
}


.mb-20{
  margin-bottom:20px;
}




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







.menu_logo{
    display: flex;
    align-items: center;
    font-size: 25px;
    font-weight: 400;
    margin-left: 15px;
}
.menu_logo .menu_logo__text{
    margin-left: 10px;
}







#primary-menu{
    display:none;
}
#primary-menu {
    margin: 0;
    list-style: none;
    gap:0;
    padding: 0;
}
#primary-menu li a{
   color: #fff;
   font-size:15px;
   text-transform: uppercase;
   padding: 10px;
}
.main-navigation a:hover{
  color:#fff!important;
}
@media(max-width:991.1px){
 .main-navigation{
   margin-left:auto;
 }
  #primary-menu{
     transition: all 0.4s;
     right: -1000px;
     left:auto;
     display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: absolute;
    visibility:hidden;
    top: 70px;
    background: #000;
    z-index: 100;
    width: 200px;
    height: 95vh;
    overflow: hidden;
    padding-top: 45px;
    padding-left: 50px;
  }
}

@media(min-width:992px){
 .main-navigation{
   margin-left: auto;
 }
   #primary-menu{
      display: flex;
  }
}
.menu-toggle{
  margin-right:10px;
  background: #80808000;
  border: none;
  
}

.menu-toggle:focus{
  background: #80808000;
  border: none;
  outline: #fff 1px solid;
}





@media(max-width:991px){
  .menu-toggle{
    display:block!important;
  }
}
@media(max-width:767px){
  
  
}
@media(min-width:768px){

   
  
  
  

}
@media(min-width:992px){
  #primary-menu{
    display:flex;
  }
   .menu-toggle{
    display:none;
  }
  
   
  
  
  
}
@media(min-width:1200px){
  
  
  
   
  
    
}
@media(min-width:1550px){
  
  
  
    
}
@media(min-width:1750px){
   
  
  
  
  
   
}




.site-header{
    color: #f3f3f3b8;
    position: fixed;
    top: 0;
    background: #000;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content:center;
    z-index: 90;
    border-bottom: 1px solid #ffffff1c;
    padding:6px;
}
.head-wrap{
    width: 95%;
    display: flex;
    max-width:1150px;
    align-items: center;
}








@media(min-width:500px){
  
}











@media(min-width:768px){
  
  
}
@media(min-width:1200px){
  
 
}
@media(min-width:1500px){
  
  
}





.menu a {
    display: inline-block;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    transition:all ease 0.3s;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
}
.menu a:hover {
     color: #bdc8d5!important;
}
.menu a:after {
    display: none;
    content: "";
    background-color: #fff;
    height: 2px;
    width: 0%;
    left: 50%;
    position: absolute;
    bottom:-5px;
    -webkit-transition: width .4s ease-in-out;
    -moz--transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}
.menu a:hover:after,
.menu a:focus:after {
    width: 100%;
}






/*-----mob menu ---*/

#primary-menu.opened{
  visibility:visible;
  right:0;  
}
.divider_primary{
  display:flex;
  align-items:center;
  overflow:hidden;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  justify-content:center;
}

.divider_primary.animate .divider_primary_line{
  width:150px;
}


.divider_primary.divider_light .divider_primary_line{
   border-top:2px solid #fff;
}
.divider_primary.divider_light .divider_primary_img img{
  filter: invert(1);
}





.social_links .social-link img{
  width: auto;
  height: 35px;
}

  





 





.faq_accordion_item{
  border: 1px solid #d9d9d9;
  display: block;
  overflow: hidden;
  box-shadow: 2px 2px 5px #a1a1a1;
  margin-bottom: 25px;
  transition: all 0.5s ease;
  cursor:pointer;
  background-color: #f4f4f4;
}



.faq_accordion_item.opened .faq_accordion__body{
   max-height: 500px;
   padding:20px; 
   transition: all 0.5s ease;
   visibility: visible;
   background-color: #fff;
}
.faq_accordion_item.opened .faq_accordion__icon img{
 transform: rotate(180deg);
}
@media(max-width:767px){
  .faq_accordion_item.opened .faq_accordion__body{
   max-height: 1000px;
  }
  
}

@media(max-width:567px){
  .faq_accordion_item.opened .faq_accordion__body{
    padding:10px;
  }
  
  
}



.service_wrap .service_title{
  display: flex;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  padding: 5px;
  color: #000000!important;
}




.service_wrap .service_link{
    display: flex;
    justify-content: center;
    margin-top: auto;
}





/* mini player styles *********/
.player {
 background:#252a2d;
 border-radius:20px;
 color:#fff;
 padding:13px 18px;
 box-shadow: 1px 2px 4px #1b1b1b;
}
.player-row {
 display:flex;
 flex-direction:row;
 align-items:center;
}
.player-row__space-between {
 justify-content:space-between;
}
.player-row__bottom {
 margin-top:9px;
}
.player__title {
 font-family:Open Sans Condensed,sans-serif;
 font-style:normal;
 font-weight:600;
 font-size:10px;
 line-height:16px;
 letter-spacing:.02em;
 text-transform:uppercase;
 min-width:80px;
}
.player__progress {
 width:100%;
 background:#000;
 border-radius:5px;
 position:relative;
 padding:2px 3px;
 cursor:pointer;
}
.player__progress-line {
 width:1%;
 height:4px;
 background:#0061aa;
 border-radius:5px;
}
.player__btn {
 color:#fff;
 width:36px;
 height:36px;
 background:#0061aa;
 border:2px solid #0061aa;
 border-radius:50%;
 box-sizing:border-box;
 box-shadow:inset -2px -2px 5px #003e82,inset 1px 2px 4px #4faaff;
 display:flex;
 align-items:center;
 justify-content:center;
 margin-right:24px;
 outline:none;
 cursor:pointer;
}
.player__btn:focus {
 box-shadow:inset -2px -3px 5px #0061aa,inset 1px 3px 4px #4faaff;
}
.is-active .player__btn {
 box-shadow:inset 2px 2px 5px #004c85,inset -1px -2px 4px #287ebf;
}
.player__btn--play {
 margin-left:3px;
}
.player__btn--pause,
.player__btn--play {
 transition:all .25s ease-in-out;
 display: block;
 min-height:13px;
 min-width:13px;
}

.player__after,
.player__before {
 height:36px;
 flex:1;
 font-family:Montserrat,sans-serif;
 font-style:normal;
 font-weight:500;
 font-size:13px;
 line-height:16px;
 display:flex;
 align-items:center;
 justify-content:center;
 color:#fff;
 background:#252a2d;
 border-radius:20px 0 0 20px;
 border:none;
 cursor:pointer;
 outline:none;
 transition:all .25s ease-in-out;
}
.player__after,
.player__after:focus,
.player__before,
.player__before:focus {
 box-shadow:inset 2px 2px 5px rgba(0,0,0,.25),inset -1px -2px 4px #31373a;
}
.player__after:hover,
.player__before:hover {
 background:#191b1d;
}
.is-before .player__before,
.player__before:active {
 background:#e43727;
}
.player__after {
 border-radius:0 20px 20px 0;
}
.is-after .player__after,
.player__after:active {
 background:#0061aa;
}
.sitemap a{
  margin-bottom: 7px;
  display: block; 
  font-size: 16px; 
  font-weight: 600;
}







@media(max-width:576px){
  
  
  
  
  
  
}






@media(min-width:576px){
  
  
}
@media(min-width:992px){
  
  
}
@media(min-width:1200px){
  
  
}











.our-reviews-gallery .review-item{
  background: #23262b;
  border-radius: 20px;
  display: block;
}








#our-reviews-gallery{
  padding-left:15px;
  padding-right:15px;
}
.no-parallax-bg {
  background-attachment: scroll!important;
}
.parallax-bg {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     background-position: center bottom;
     background-repeat: no-repeat;
     background-attachment: fixed;
     z-index:1;
     height: 100%;
     background-size:cover;
  }




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

@media(min-width:1024px) {
  
}

@media only screen and (max-width:1366px) {
  .parallax-bg {
    background-attachment: scroll!important;
  }
}
@media only screen and (max-width:767px) {
  
  
  .parallax-bg {
    background-attachment: scroll!important;
    background-position: center!important;
  }
  
}





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


@media (max-width:567px) {
  
  
  
  
  
  
  
  
}

.faq-block-head a:hover,
.faq-block-head a.active{
  color: #0071b2;
}



.faq_accordion_wrap_page.opened{
  display:block; 
  visibility:visible;
  
}





@media(max-width:767px){
  
}

@media(min-width:768px){
  
  
  
  
}
@media(min-width:992px){
  
}





@media(max-width:767px){
   
   
}














 


@media(min-width:1023px){
  
  
  
  
}


@media(min-width:1600px){
  
  
 
  
  
 }
 
@media(min-width:1900px){
  
  
 
  
  
  .home #about{
    padding-top:70px;
  }
 }







@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(46px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(46px);
  }
}












@media(min-width:1200px){
  
  
}
@media(min-width:1500px){
  
  
}
@media(min-width:1900px){
  
}












@media(max-width:460px){
  
}




  
@media(min-width:992px){
  
  
}















@media(max-width:767px){
 
 
}




.home-video-slide {display: none}
.home-video-slide img {vertical-align: middle;}



/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2.5s;
  animation-name: fade;
  animation-duration: 2.5s;
}

@-webkit-keyframes fade {
  from {opacity: .2} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .2} 
  to {opacity: 1}
}



.single-post .container-single .post a{
  text-decoration: underline!important;
  font-weight: 600!important;
  margin-left: 5px;
  margin-right: 5px;
}



@media(max-width:767px){
  
  
  
}





.player__single_track.is-active .player__before_single:after{
   content:"Pause";
   display:flex;
   justify-content:center;
}

@media(min-width:992px){
  
}









@media(max-width:1400px){
  
}
@media(max-width:767px){
  
}









.toc-wrap{
    display: none;
    flex-direction: column;
    width: auto;
    padding: 25px;
    background: #a9bfbc2e;
    font-size: 16px;
}


.toc-item::before {
    content: '•';
    font-size: 20px;
    margin-right:5px;
}

.toc-switch{
  font-size: 21px;
  color: #0e85c9;
  font-weight: 700;
  cursor: pointer;
  border: 2px solid;
  display: inline-flex;
  padding: 10px 30px;
  transition:all 0.3s;
}
.toc-switch:hover{
  background: #4996d926;
}


@media(min-width:992px){
  
  
}
@media(max-width:767px){
  
}





@media(max-width:989px){
	#primary-menu.opened > li{
		width: 75%;
        margin-bottom: 10px;
	}
	#primary-menu.opened > li a{
		width: 100%;
 
	}
}
@media(max-width:576px){
	
    .youtube-iframe{
     padding:0!important;
    }

}
@media(max-width:460px){

     .youtube-iframe iframe{
        height:250px!important;
    }
}
@media(max-width:374px){
	
     .youtube-iframe iframe{
        height:220px!important;
    }
}










.youtube-iframe{
    display:flex;
    flex-wrap:nowrap;
    flex-direction:column;
    justify-content:space-between;
    gap:20px;
}
@media(min-width:768px){
  .youtube-iframe{
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row;
    justify-content:space-between;
    gap:20px;
  }
}
.youtube-iframe iframe{
    max-width:100%;
}








@media(max-width:767px){
  .page-template-home-page #home-shortcode-gallery,
  .page-template-page-pricing #home-shortcode-gallery {
      display:none!important;
  }
}
#home-shortcode-gallery{
    padding-left:0!important;
    padding-right:0!important;
}
@media(min-width:768px){
  
}
/* new css custom form */
.mui-container.custom-form-container {
  max-width: 1240px !important;
}















.custom-form-inner .form-error {
  display: flex;
  text-align: center;
  margin: auto;
  color: red;
  font-size: 20px;
  background: #d7d7d7;
  width: 100%;
  justify-content: center;
  padding: 10px;
}


.custom-emai-form .form-success {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #dcdcdc;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #006dff;
  border-radius: 25px;
  flex-direction: column;
  gap: 30px;
  font-weight: 700;
}

.custom-emai-form .form-btn {
  display: flex;
  justify-content: center;
  background: #007AFF;
  border: 1px solid #007AFF;
  padding: 15px;
  border-radius: 50px;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  max-width: 240px;
  width: 100%;
  margin: 30px auto;
  box-shadow: 0px 0px 30px #0000006b;
  cursor: pointer;
}

.custom-emai-form .form-btn:hover {
  box-shadow: 0px 0px 20px #0000006b;
}

@media(max-width:992px) {
  

  

  

  
}

@media(max-width:767px) {
  

  

  

  

  

  

  .custom-emai-form .form-btn {
    padding: 12px;
    font-size: 17px;

  }
}
@media(max-width:450px) {
  
}
@media(max-width:600px) {

  

}
    .single-post .custom-form-container {
    margin-left: -30px;
    margin-right: -30px;
  }
/* Add loader */

















/* 2026-09-04: three .player rules restored after they were lost in the
   sitewide CSS trim. Found by diffing every player-related rule in the parent
   theme's style.css against this file: 22 there, 19 here.

   .player__btn--load is the one that was actually broken in front of users.
   Player.js injects <svg class="player__btn--load spin" viewBox="0 0 512 512">
   into .player__before / .player__after while a track buffers, and that SVG
   carries NO width/height attributes -- unlike the play and pause icons right
   beside it, which do. This rule was its only sizing, so without it the SVG
   stretched to the width of the button it sits in, and losing
   `fill:currentColor` + `color:#fff` painted it in the default black.
   Measured on the live page at a 1900px viewport: 548x548 black, against the
   561px-wide .player__before it was filling. At 20px/white it is correct
   again, confirmed during a real play cycle, not just synthetically.

   Two things made it survive unnoticed. homepage.css has
   `#mm-home .player__btn svg{width:16px}`, which looks like it would catch
   this but does not -- the loader goes into .player__before/.player__after,
   never into .player__btn. And it only shows during buffering, so it is
   invisible on any warm cache.

   Fixed here rather than in homepage.css because functions.php:1405 also
   inlines this exact file as the homepage `majormixing-parent-style` block,
   so one edit reaches every affected page: the homepage, /mixing/,
   /mastering/, /complete-mixing-and-mastering/, and the pages carrying the
   smaller footer players (/faq/, /blog/, posts, /podcast-mastering/) which
   load this file directly and have no #mm-home wrapper to scope against.

   The two .player__before_single / .player__single_track rules below are
   parity only, NOT a live fix -- checked, and that variant renders on no
   current page: its only template is music-production.php, and
   /music-production/ is a 301. Kept so this file stops diverging from the
   parent for a template that still exists and could be routed again;
   homepage.css already carries the matching .is-active "Pause" state. */
.player__btn--load {
  color: #fff;
  width: 20px;
  height: 20px;
  fill: currentColor;
}
.player__before_single span {
  display: none !important;
}
.player__single_track .player__before_single:after {
  content: "Play";
  display: flex;
  justify-content: center;
}

/* ================================================================
   2026-09-04 -- RESTORED FROM THE PARENT THEME.

   The sitewide CSS trim that produced this file removed 1,761 rules from
   the parent's style.css. Most of that was genuinely dead (Font Awesome
   glyphs, unused MUI utilities). But 273 of the removed rules have
   selectors that DO appear in the live markup, and their absence was
   visible on the site: the pricing and about-us pages had lost their
   grid column widths, so blocks that should sit side by side stacked and
   stretched, and #mobile-home-gallery -- whose only `display:none` lived
   in one of the removed rules -- rendered on desktop next to the desktop
   gallery, duplicating four photos at full size. That is the report the
   owner sent: "everything inside fell apart, photos are large, duplicated".

   How this set was derived, rather than by guessing: every rule in the
   parent style.css was diffed against this file, then each missing rule's
   selector was matched against the class and id inventory of all 60 live
   pages (44 published pages plus posts). A rule is restored only if every
   class and id it names actually exists in that markup. Bare tag selectors
   were left out as too broad to attribute.

   Appended rather than merged in place because none of these 273
   selectors appears anywhere else in this file -- checked -- so there is
   no rule here they can invert by arriving later. The child theme's own
   style.css still loads after this file and still wins.

   This is a fix for a regression, not new styling: every declaration
   below is copied verbatim from the parent theme.
   ================================================================ */

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
  .mui-btn:focus,.mui-btn:hover { -webkit-box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2);box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2) }
  .mui-btn:active:hover { -webkit-box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2);box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2) }
  .mui-btn--fab,.mui-btn--raised { -webkit-box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2);box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2) }
  .mui-btn--fab:active,.mui-btn--raised:active { -webkit-box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2);box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2) }
}
@media (min-width:544px) {
  .mui-col-sm-1,.mui-col-sm-10,.mui-col-sm-11,.mui-col-sm-12,.mui-col-sm-2,.mui-col-sm-3,.mui-col-sm-4,.mui-col-sm-5,.mui-col-sm-6,.mui-col-sm-7,.mui-col-sm-8,.mui-col-sm-9 { float:left }
  .mui-col-sm-6 { width:50% }
  .mui-col-sm-12 { width:100% }
}
@media (min-width:768px) {
  .mui-col-md-3 { width:25% }
  .mui-col-md-4 { width:33.3333333333% }
  .mui-col-md-5 { width:41.6666666667% }
  .mui-col-md-7 { width:58.3333333333% }
  .mui-col-md-8 { width:66.6666666667% }
  .mui-col-md-9 { width:75% }
}
@media (min-width:992px) {
  .mui-col-lg-1,.mui-col-lg-10,.mui-col-lg-11,.mui-col-lg-12,.mui-col-lg-2,.mui-col-lg-3,.mui-col-lg-4,.mui-col-lg-5,.mui-col-lg-6,.mui-col-lg-7,.mui-col-lg-8,.mui-col-lg-9 { float:left }
  .mui-col-lg-2 { width:16.6666666667% }
  .mui-col-lg-3 { width:25% }
  .mui-col-lg-4 { width:33.3333333333% }
  .mui-col-lg-5 { width:41.6666666667% }
  .mui-col-lg-6 { width:50% }
  .mui-col-lg-7 { width:58.3333333333% }
  .mui-col-lg-8 { width:66.6666666667% }
  .mui-col-lg-10 { width:83.3333333333% }
  .mui-col-lg-12 { width:100% }
  .mui-col-lg-offset-1 { margin-left:8.3333333333% }
}
.fa { display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale }
.fa-star:before { content:"\f005" }
.mui-btn { font-weight:500;font-size:14px;line-height:18px;text-transform:uppercase;color:rgba(0,0,0,.87);background-color:#FFF;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;height:36px;padding:0 26px;margin:6px 0;border:none;border-radius:2px;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation;background-image:none;text-align:center;line-height:36px;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-family:inherit;letter-spacing:.03em;position:relative;overflow:hidden }
.mui-btn:active,.mui-btn:focus,.mui-btn:hover { color:rgba(0,0,0,.87);background-color:#fff }
.mui-btn[disabled]:active,.mui-btn[disabled]:focus,.mui-btn[disabled]:hover { color:rgba(0,0,0,.87);background-color:#FFF }
.mui-btn:active,.mui-btn:focus,.mui-btn:hover { outline:0;text-decoration:none;color:rgba(0,0,0,.87) }
.mui-btn:focus,.mui-btn:hover { -webkit-box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2);box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2) }
.mui-btn:focus,.mui-btn:hover { -webkit-box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2);box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2) }
.mui-btn:active:hover { -webkit-box-shadow:0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2) }
.mui-btn:active:hover { -webkit-box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2);box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2) }
.mui-btn.mui--is-disabled,.mui-btn:disabled { cursor:not-allowed;pointer-events:none;opacity:.6;-webkit-box-shadow:none;box-shadow:none }
.mui-btn+.mui-btn { margin-left:8px }
.mui-btn--fab,.mui-btn--raised { -webkit-box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2);box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2) }
.mui-btn--fab,.mui-btn--raised { -webkit-box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2);box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2) }
.mui-btn--fab:active,.mui-btn--raised:active { -webkit-box-shadow:0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2) }
.mui-btn--fab:active,.mui-btn--raised:active { -webkit-box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2);box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2) }
.mui-btn--primary { color:#FFF;background-color:#2196F3 }
.mui-btn--primary:active,.mui-btn--primary:focus,.mui-btn--primary:hover { color:#FFF;background-color:#39a1f4 }
.mui-btn--primary[disabled]:active,.mui-btn--primary[disabled]:focus,.mui-btn--primary[disabled]:hover { color:#FFF;background-color:#2196F3 }
.mui-container-fluid { -webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px }
.mui-container-fluid:after,.mui-container-fluid:before { content:" ";display:table }
.mui-container-fluid:after { clear:both }
.mui-form legend { display:block;width:100%;padding:0;margin-bottom:10px;font-size:21px;color:rgba(0,0,0,.87);line-height:inherit;border:0 }
.mui-form fieldset { border:0;padding:0;margin:0 0 20px 0 }
.mui-row { margin-left:-15px;margin-right:-15px }
.mui-row:after,.mui-row:before { content:" ";display:table }
.mui-row:after { clear:both }
.mui-col-xs-6 { width:50% }
.mui-col-xs-7 { width:58.3333333333% }
.mui-textfield { display:block;padding-top:15px;margin-bottom:20px;position:relative }
.mui-textfield>label { position:absolute;top:0;display:block;width:100%;color:rgba(0,0,0,.54);font-size:12px;font-weight:400;line-height:15px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap }
.mui-textfield>textarea { padding-top:5px }
.mui-textfield>input:focus~label,.mui-textfield>textarea:focus~label { color:#2196F3 }
.mui-textfield--float-label>label { position:absolute;-webkit-transform:translate(0,15px);transform:translate(0,15px);font-size:16px;line-height:32px;color:rgba(0,0,0,.26);text-overflow:clip;cursor:text;pointer-events:none }
.mui-textfield--float-label>input:-webkit-autofill~label,.mui-textfield--float-label>textarea:-webkit-autofill~label { -webkit-transform:translate(0,0);transform:translate(0,0);font-size:12px;line-height:20px;text-overflow:ellipsis }
.mui-textfield--float-label>input:focus~label,.mui-textfield--float-label>textarea:focus~label { -webkit-transform:translate(0,0);transform:translate(0,0);font-size:12px;line-height:20px;text-overflow:ellipsis }
.mui-textfield--float-label>input:not(:focus).mui--is-not-empty~label,.mui-textfield--float-label>input:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label,.mui-textfield--float-label>input:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty)~label,.mui-textfield--float-label>textarea:not(:focus).mui--is-not-empty~label,.mui-textfield--float-label>textarea:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label,.mui-textfield--float-label>textarea:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty)~label { color:rgba(0,0,0,.54);font-size:12px;line-height:15px;-webkit-transform:translate(0,0);transform:translate(0,0);text-overflow:ellipsis }
.mui-textfield>input,.mui-textfield>textarea { -webkit-box-sizing:border-box;box-sizing:border-box;display:block;background-color:transparent;color:rgba(0,0,0,.87);border:none;border-bottom:1px solid rgba(0,0,0,.26);outline:0;width:100%;padding:0;-webkit-box-shadow:none;box-shadow:none;border-radius:0;font-size:16px;font-family:inherit;line-height:inherit;background-image:none }
.mui-textfield>input:focus,.mui-textfield>textarea:focus { border-color:#2196F3;border-width:2px }
.mui-textfield>input:-moz-read-only,.mui-textfield>textarea:-moz-read-only { cursor:not-allowed;background-color:transparent;opacity:1 }
.mui-textfield>input:disabled,.mui-textfield>input:read-only,.mui-textfield>textarea:disabled,.mui-textfield>textarea:read-only { cursor:not-allowed;background-color:transparent;opacity:1 }
.mui-textfield>input::-webkit-input-placeholder,.mui-textfield>textarea::-webkit-input-placeholder { color:rgba(0,0,0,.26);opacity:1 }
.mui-textfield>input::-moz-placeholder,.mui-textfield>textarea::-moz-placeholder { color:rgba(0,0,0,.26);opacity:1 }
.mui-textfield>input:-ms-input-placeholder,.mui-textfield>textarea:-ms-input-placeholder { color:rgba(0,0,0,.26);opacity:1 }
.mui-textfield>input::-ms-input-placeholder,.mui-textfield>textarea::-ms-input-placeholder { color:rgba(0,0,0,.26);opacity:1 }
.mui-textfield>input::placeholder,.mui-textfield>textarea::placeholder { color:rgba(0,0,0,.26);opacity:1 }
.mui-textfield>input { height:32px }
.mui-textfield>input:focus { height:calc(32px + 1px);margin-bottom:-1px }
.mui-textfield>textarea { min-height:64px }
.mui-textfield>textarea[rows]:not([rows="2"]):focus { margin-bottom:-1px }
.mui-textfield>input:focus { height:calc(32px + 1px);margin-bottom:-1px }
.mui-textfield>input:invalid:not(:focus):not(:required),.mui-textfield>input:invalid:not(:focus):required.mui--is-empty.mui--is-touched,.mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty,.mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:not(:required),.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-touched,.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty,.mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:invalid:not(:focus):not(:required),.mui-textfield>textarea:invalid:not(:focus):required.mui--is-empty.mui--is-touched,.mui-textfield>textarea:invalid:not(:focus):required.mui--is-not-empty,.mui-textfield>textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:not(:focus).mui--is-invalid:not(:required),.mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-touched,.mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-not-empty,.mui-textfield>textarea:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) { border-color:#F44336;border-width:2px }
.mui-textfield>input:invalid:not(:focus):not(:required),.mui-textfield>input:invalid:not(:focus):required.mui--is-empty.mui--is-touched,.mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty,.mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:not(:required),.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-touched,.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty,.mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) { height:calc(32px + 1px);margin-bottom:-1px }
.mui-textfield.mui-textfield--float-label>input:invalid:not(:focus):not(:required)~label,.mui-textfield.mui-textfield--float-label>input:invalid:not(:focus):required.mui--is-not-empty~label,.mui-textfield.mui-textfield--float-label>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label,.mui-textfield.mui-textfield--float-label>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty)~label,.mui-textfield.mui-textfield--float-label>textarea:invalid:not(:focus):not(:required)~label,.mui-textfield.mui-textfield--float-label>textarea:invalid:not(:focus):required.mui--is-not-empty~label,.mui-textfield.mui-textfield--float-label>textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label,.mui-textfield.mui-textfield--float-label>textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty)~label { color:#F44336 }
.mui-textfield:not(.mui-textfield--float-label)>input:invalid:not(:focus):not(:required)~label,.mui-textfield:not(.mui-textfield--float-label)>input:invalid:not(:focus):required.mui--is-empty.mui--is-touched~label,.mui-textfield:not(.mui-textfield--float-label)>input:invalid:not(:focus):required.mui--is-not-empty~label,.mui-textfield:not(.mui-textfield--float-label)>textarea:invalid:not(:focus):not(:required)~label,.mui-textfield:not(.mui-textfield--float-label)>textarea:invalid:not(:focus):required.mui--is-empty.mui--is-touched~label,.mui-textfield:not(.mui-textfield--float-label)>textarea:invalid:not(:focus):required.mui--is-not-empty~label { color:#F44336 }
.mui-row:before, .mui-row:after { display: inline-block; width:100%; }
.color_black { color:#000!important; }
.color_white { color:#fff!important; }
.home-text { font-family:'Open Sans', sans-serif; font-size: 17px; font-weight: 500; margin: 5px 0 20px; text-align: justify; }
.mui-textfield textarea { background: #c6c6c61f; }
.mui-textfield--float-label>label { padding-left:5px; }
.mui-textfield input { height: calc(35px + 1px)!important; background: #c6c6c61f; padding: 10px; }
.mui-textfield>input, .mui-textfield>textarea { border-bottom: 1px solid #000000; }
.mui-textfield--float-label>label { transition: all 0.3s; }
.mui-textfield { margin-bottom: 0px; }
.w100 { display: block; width: 100%; }
.mt-10 { margin-top:10px; }
.mt-30 { margin-top:30px; }
.mb-10 { margin-bottom:10px; }
.d-flex { display:flex!important; }
.pt-10 { padding-top:10px; }
.pt-20 { padding-top:20px; }
.pb-10 { padding-bottom:10px; }
.pb-20 { padding-bottom:20px; }
.pt-50 { padding-top:50px; }
.pb-50 { padding-bottom:50px; }
.pt-50 { padding-top:75px; }
.pb-50 { padding-bottom:75px; }
.pt-50 { padding-top:100px; }
.pb-50 { padding-bottom:100px; }
.page_banner__title_wrap { display:flex; justify-content: center; align-items: center; width:100%; }
.page_banner__title { z-index:10; font-size:40px; color:#fff; font-weight: 700; text-align:center; }
.page_banner__title { font-size:40px; line-height: 50px; }
.page_banner__title { font-size:50px; line-height: 60px; }
.page_banner__title { font-size:60px; line-height: 65px; }
.page_banner__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; z-index: 4; background: #0809034d; }
.main-banner-section .page_banner__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; z-index: 4; background: #080903ad; }
.divider_primary_line { width:20px; display:inline-block; border-top:2px solid #000; line-height:10px; padding:3px; transition: all 1500ms; }
.divider_primary_img { padding: 5px 15px; }
.divider_primary_img img { display:inline-block; object-fit:contain; }
.text__center { text-align:center!important; }
.btn-square { padding: 10px 25px; border: 2px solid; border-width: 2px!important; border-radius: 5px!important; box-shadow: 7px 6px 17px 0px rgba(0,0,0,0.2); color: #757575!important; border-color: #757575; background: #fff; font-size: 16px; display: inline-block; transition:all 0.3s; }
.btn-square:hover { background:#f5f5f5; }
.btn-round { color: #ffffff; border-width: 0px; border-radius: 35px; background-color: #6db25f; padding: 6px 35px; display: inline-block; transition: all 300ms; font-size: 20px; font-weight: 500; line-height: 1.7em; transition:all 300ms; }
.btn-round:hover { background-color: #519d42; box-shadow: 0px 1px 5px #000000db; color: #d4cece!important; }
.color__dark { color: #666!important; }
.faq_accordion__head { display: flex; width: auto; font-size: 20px; font-weight: 600; padding: 20px; background-color: #f4f4f4; align-items: center; justify-content: space-between; }
.faq_accordion__body { display: block; visibility: hidden; background: #f9f9f9ad; max-height: 0; transition: all 0.5s ease; }
.faq_accordion__body p { font-weight:500; }
.faq_accordion__body p { font-weight:500; font-size:14px; }
.faq_accordion__head { font-size:15px; padding:10px; }
.fp-pick { padding: 10px 25px!important; margin-top: 10px!important; background: #d8d8d8!important; border: 1px solid #00000080!important; cursor: pointer!important; }
.ipt_fsqm_form_button_submit { background: #d8d8d8!important; border: 1px solid #979797ba!important; font-weight: 600!important; color: #2e88d0!important; }
.home-video-wrap { display: flex; align-items: flex-start; justify-content: center; }
.home-welcome-wrap p { color: #000; font-size: 17px; font-family: 'Open Sans'; max-width: 550px; font-weight: 500; line-height: 23px; margin-bottom: 10px; }
.welcome-btn { background-color: #6db25f; padding: 15px 25px; color: #fff!important; border-radius: 30px; font-size: 17px; font-weight: 600; margin-top: 25px; width: auto; max-width: 200px; text-align: center; margin: 5px; display: flex; justify-content: space-around; transition: all 0.3s; }
.welcome-btn:hover svg { margin-right: 20px; transition: all 0.3s; }
.welcome-divider { font-weight: 700; font-size: 20px; text-align: center; max-width: 250px; }
.head-subtitle { line-height: 30px; color: #000; font-size: 22px; font-family: 'Open Sans', sans-serif; font-weight: 600; text-align: center; max-width: 800px; margin: 20px auto; }
.home-welcome-wrap { padding-left:30px; }
.btn-read svg { display:none; }
.home-welcome-wrap { padding-left:10px; flex-direction: column; justify-content: center; align-items: center; }
.home-video-outer { padding: 0!important; }
.head-subtitle { text-align: center; }
.home-video-outer { order:2; padding: 0!important; }
.btn-watch svg { transform: rotate(-90deg); }
.home-faq-item { margin-bottom: 30px; margin-top: 30px; flex-direction:column; z-index: 5; position: relative; background-color: #23262b; padding: 20px; border-radius: 15px; }
.home-faq-item-title { display: flex; text-align: center; margin-bottom: 15px; font-size: 17px; font-weight: 700; color: #10a2d4; }
.home-faq-item-text { display: block; text-align: justify; font-size: 15px; line-height: 21px; color: #f1f1f1; font-weight: 500; }
.home-h2 { font-weight: 600; font-size: 28px; line-height: 35px; text-align: center; z-index: 5; text-transform: uppercase; }
.home-faq-text { font-family: 'Open Sans', sans-serif; font-size: 25px; font-weight: 500; margin: 5px 0 20px; text-align: justify; }
.home-h2 { font-size: 30px; line-height: 40px; text-transform: uppercase; }
.home-faq-text { font-size: 27px; }
.home-h2 { font-size: 32px; line-height: 45px; text-transform: uppercase; }
.home-faq-text { font-size: 28px; }
.home-h2 { font-size: 40px; line-height: 50px; }
.home-faq-text { font-size: 30px; }
.faq-icons-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; width: 150px; }
.faq-icons-wrap img { width:50px; height:50px; object-fit: contain; filter: invert(0.6); opacity: 0.6; }
.faq-icons-title { display: inline-block; font-size: 30px; padding: 10px; font-weight: 400; font-family: "open sans", "sans-serif"; color: #6d6d6d; }
.faq-icons-text { display: inline-block; font-size: 14px; padding: 3px; font-weight: 400; font-family: "open sans", "sans-serif"; color: #6d6d6d; }
.service-link a, .home-banner-inner a { transition:all 250ms; }
.home-banner-inner a:hover { box-shadow: 0px 1px 3px #cccccc; }
.home-banner-outer { justify-content: flex-start; align-items: center; }
.home-banner-outer { justify-content: center; align-items: center; }
.home-banner-outer { margin-left: 120px; margin-left: 10vw; }
.home-banner-outer { justify-content: center; align-items: center; }
.main-banner-section { overflow-x:hidden; }
.about-social-wrap img { margin: auto; max-height: 100px; padding: 10px 15px; display: block; box-sizing: border-box; }
.home-seo-block h1, .home-seo-block h2, .home-seo-block h3, .home-seo-block h4 { color: #272727; font-family: 'Open Sans', 'sans-serif'; }
.home-seo-block p { font-family: 'open sans', sans-serif; font-size: 16px; font-weight: 500; text-align: justify; }
.page-template-about-us-template p { font-family: 'open sans', sans-serif; font-size: 16px; font-weight: 600; color: #000000; text-align: left; }
.faq-block-head ul { flex-wrap: wrap; display: flex; justify-content: center; list-style:none; padding: 0; }
.faq-block-head a { padding: 5px 10px; cursor: pointer; font-weight: 600; font-size: 17px; }
#faq-head { position: fixed; top: 80px; z-index: 70; background: #323232; display: block; width: 100%; padding: 0; left: 0; font-weight: 700; }
#faq-head .mob-fa-togle { display: flex!important; position: relative; border-bottom: 2px solid #000; width: 100%; padding: 10px 25px; color: #208399; font-size: 18px; font-weight: 700; text-transform: uppercase; background: #212121; justify-content: space-between; }
#faq-head ul { display:none; color: #efefef; overflow-y: scroll; overflow-x: hidden; }
.faq-block-head li { width:100%; display:block; }
.faq-block-head a { width: 100%; display: block; font-weight: 400; }
.faq_accordion_wrap_page .faq_accordion__head { font-size: 16px; font-weight: 600; padding: 15px; }
.faq_accordion_wrap_page { display:none; visibility:hidden; transition:all 0.3s; }
.seo_block__text p { color: #000000de; font-weight: 500; letter-spacing: 0.3px; }
.seo_block__text p { font-size: 17px!important; }
.seo-reviews { display: flex; align-items: center; justify-content: space-between; }
.seo-reviews img { height: 75px; object-fit: contain; min-width: 150px; padding: 20px; }
.seo-reviews { display: flex; flex-wrap:wrap; align-items: center; justify-content: center; }
.seo-reviews img { height: auto; object-fit: contain; min-width: 150px; padding: 20px; }
.seo_masonry-inner { padding: 15px; justify-content: center; border-radius: 50px; box-sizing: border-box; }
.seo_masonry-inner.masonry_bg { background: #e6f3fdd4; }
.seo_masonry_title { font-size: 20px!important; font-weight: 800!important; color: #000!important; }
.home-icons-wrap { align-items: center; align-self: flex-start; color: #cecece; font-size: 14px; text-shadow: 1px 1px 4px #000000ed; font-weight: 700; margin: 3px; letter-spacing: 0.5px; }
.home-icons-wrap img { opacity: 0.8; object-fit:contain; }
.home-banner-subtitle { font-size: 17px; color: #0283FF; padding: 5px; margin:10px 0; }
.home-banner-inner { margin-top:40px; }
.home-banner-inner { flex-direction: column; align-items: center; justify-content: center; width: 100%; max-width: 360px; min-width: 200px; padding:15px; box-sizing: border-box; }
.main-banner-section .page_banner__overlay { clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%); width: 54%; }
.home-banner-outer { max-width: 650px; }
.home-banner-subtitle { font-size: 19px; color: #0283FF; padding: 3px; margin:9px 0; }
.home-banner-inner { align-items: center; justify-content: center; width: 100%; max-width: 360px; min-width: 200px; }
.home-banner-inner { align-items: center; justify-content: center; width: 100%; max-width: 500px; margin-top: 50px; }
.home-banner-subtitle { font-size: 25px; padding: 3px; margin: 20px 0 0 0; }
.home-icons-outer { margin: 30px 0 0 0; }
.home-icons-wrap { font-style: normal; font-weight: bold; font-size: 22px; line-height: 25px; color: #fff; }
.main-banner-section { padding-bottom:20px; }
.home-banner-inner { align-items: center; justify-content: center; width: 100%; max-width: 630px; margin-top: 110px; }
.home-banner-subtitle { font-size: 32px; padding: 3px; margin: 35px 0 0 0; }
.home-icons-outer { margin: 60px 0 0 0; }
.home-icons-wrap { font-style: normal; font-weight: bold; font-size: 26px; line-height: 35px; color: #fff; }
.main-banner-section { padding-bottom:150px; }
.seo-large-blocks { background: #d0e7f58c; border-radius: 50px; padding: 40px; font-size: 22px; text-align: justify; max-width: 500px; }
.home_welcome_blocks { margin-top:25px; margin-bottom:25px; }
.home_welcome_blocks .home_welcome_blocks_inner { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.home_welcome_blocks .home_welcome_blocks_inner .home_welcome_blocks_img { margin-bottom:20px; max-width: 60px; }
.home_welcome_blocks .home_welcome_blocks_inner .home_welcome_blocks_text { font-family: Open Sans; font-style: normal; font-weight: bold; font-size: 24px; line-height: 33px; text-align: center; color: #797878; }
.home-faq-item.pricing_faq_item { background: #E2ECF2; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); border-radius: 50px; margin-bottom: 30px; margin-top: 30px; flex-direction: column; z-index: 5; position: relative; padding: 50px; min-height: 200px; }
.home-faq-item.pricing_faq_item p { color:#000; font-weight: 400; font-size: 16px; line-height: 23px; }
.pricing-outer-wrap .pricing_faq_item { background: #F6F6F6!important; }
.container-xl { padding:0 20px!important; }
.container-xl { padding:0 30px!important; }
.page_banner_title { display: block!important; position: absolute; right: 0%; top: 40%; z-index: 1000; width: 50%; text-align: center; font-family: Open Sans; font-weight: bold; font-size: 70px; line-height: 123px; color: #FFFFFF; text-shadow: 2px 4px 0px #000000; }
.container-xl { padding:0 40px!important; }
.page_banner_title { display: block!important; position: absolute; right: 0%; top: 40%; z-index: 1000; width: 50%; text-align: center; font-family: Open Sans; font-weight: bold; font-size: 90px; line-height: 123px; color: #FFFFFF; text-shadow: 2px 4px 0px #000000; }
.container-xl { padding:0 50px!important; }
.seo-large-blocks-upgrade { max-width: 500px; color: #000; font-weight: 600; font-size: 20px; }
.order-breadcrumbs { max-width: 1320px; margin: auto; display: block; }
.order-breadcrumbs a { font-size: 19px; font-weight: 600; }
.seo_block__text p:last-child { margin:0!important; }
.hide-mobile { display:none!important; }
.rate-post .rate-star { color: #c3c4c4; }
.rate-post:hover .rate-star { color: #f1b829; }
.rate-post .rate-star:hover { color:#f1b829; cursor:pointer; }
.rate-post i:hover ~ i { color:#c3c4c4!important; }
.number-one-before { display: flex; position: relative; padding-left: 45px; margin-top: 20px; margin-bottom: 20px; }
.number-one-before:before { content:''; position:absolute; left:0; top:0; width:35px; height:80px; background:url(img/one.png); background-size:contain; background-repeat:no-repeat; }
.number-two-after { display: flex; position: relative; padding-right: 50px; margin-top: 20px; margin-bottom: 20px; }
.number-two-after:after { content:''; position:absolute; right:0; top:5px; width:35px; height:80px; background:url(img/two.png); background-size:contain; background-repeat:no-repeat; }
.number-two-after:after { top:30%; }
.number-one-before:before { top:30%; }
.home-video-outer { position: relative; display: flex; }
.blog-round-blocks { display: flex; align-items: center; flex-wrap: wrap; background: #fff; padding: 40px 20px; border-radius: 33px; font-size: 19px; font-weight: 700; color: #707070; line-height: 22px; text-align: center; }
.blog-pagination { display:flex; flex-wrap:wrap; justify-content:center; }
.blog-pagination a { padding: 10px 15px; background: #474444; color: #fff; margin-left: 8px; margin-right: 8px; border-radius: 4px; font-size: 18px; font-weight: 500; }
.blog-pagination a:hover { background: #000; }
.music-production-form-row { display: flex; flex-wrap: wrap; align-items: flex-start; margin-top: 30px; margin-bottom: 30px; box-shadow: 2px 3px 10px #18181836; }
.music-production-form-row { padding: 20px 40px 80px 15px; }
.music-production-form-row .mui-textfield>input, .music-production-form-row .mui-textfield>textarea { border: 1px solid #6db25f; border-radius: 15px; }
.music-production-form-row .mui-btn--primary { background-color: #6db25f; border-radius: 20px; }
.music-production-form-row .mui-btn--primary:hover { background-color: #6db25f; }
#wpcf7-f3754-o1 .mui-textfield label { padding-left:15px; }
.author-inner { padding: 25px; margin-top: 40px; border-radius: 15px; background: #e1e1e1; border: 1px solid #a7a7a7; box-shadow: 1px 2px 2px #93a1b2; }
.author-socials { display: flex; justify-content: center; flex-wrap:wrap; }
.toc-item { color: #6b6b6b; padding: 5px; font-weight: 600; cursor: pointer; margin-bottom: 5px; display:flex; align-items:center; }
.toc-item:hover { color: #000; }
.toc-title { display: flex; justify-content: center; padding: 15px; font-size: 21px; font-weight: 700; color: #000; }
.text-with-icons { flex-direction:column; margin-top: 20px; margin-bottom: 20px; }
.text-with-icons { flex-direction:row; margin-top: 20px; margin-bottom: 20px; align-items:center; }
.text-with-icons img { max-width:100px; padding:20px; }
.slide-prev { display: flex; position: absolute; height: 100%; width: 30%; left: 0; top: 0; color: #ffffff6b; align-items: center; padding: 20px; font-size: 40px; cursor: pointer; justify-content: flex-start; z-index: 8; box-sizing: border-box; }
.slide-next { display: flex; position: absolute; height: 100%; width: 30%; right: 0; top: 0; color: #ffffff6b; align-items: center; padding: 20px; font-size: 40px; cursor: pointer; justify-content: flex-end; z-index: 8; box-sizing: border-box; }
.faq_accordion__body a { color: #3e81eb; font-weight: 600; text-decoration: underline; }
.about-social-wrap.socials-icons-review img { max-width: 200px; }
.about-social-wrap.socials-icons-review { width:100%; }
.lead-form { display: flex; max-width: 450px; flex-direction: column; justify-content: center; width: 100%; box-sizing:border-box; padding: 35px 30px 10px; background-image:url(img/lead-bg.jpg); border-radius: 40px; background-size: cover; background-repeat: no-repeat; background-position: center; margin: 20px auto; }
.lead-form .lead-title { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-size: 22px; line-height: 122.18%; text-align: center; color: #0E31BF; }
.lead-form .leadName { background: #FFFFFF; box-shadow: 3px 6px 12px 2px rgba(0, 0, 0, 0.1); border-radius: 21px; font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 19px; padding: 12px 20px; border: 0; max-width: 350px; box-sizing: border-box; width:100%; }
.lead-form .leadEmail { background: #FFFFFF; box-shadow: 3px 6px 12px 2px rgba(0, 0, 0, 0.1); border-radius: 21px; font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 19px; padding: 12px 20px; border: 0; max-width: 350px; box-sizing: border-box; width:100%; }
.lead-form .wpcf7-submit { background: #0E31BF; box-shadow: 3px 6px 12px 2px rgba(0, 0, 0, 0.1); border-radius: 21px; display: inline-block; width: auto; max-width: 100px; text-align: center; align-self: center; font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-size: 17px; line-height: 122.18%; color: #FFFFFF; padding: 10px 30px; border: 0; cursor: pointer; }
.lead-form .wpcf7-submit:hover { background: #001d94; color: #e9eaee; }
.about-us-link { text-align: center; font-size: 18px; background-color: #007aff; padding: 15px 25px; color: #fff; border-radius: 30px; font-size: 20px; font-weight: 600; display: inline-block; margin-top:10px; margin-bottom:15px; }
.about-us-link:hover { color: #084c8f; box-shadow: 0px 0px 2px #1a1a19; }
.title-blue { color:#2a77f2; }
#mobile-home-gallery .galerry-outer { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
#mobile-home-gallery .image-item { flex-basis: calc(50% - 10px); }
#mobile-home-gallery .image-item img { border-radius: 15px; }
#mobile-home-gallery { display:none!important; }
.page-template-page-pricing .mastering-seo-block { font-size: 22px; color: #636363; margin-bottom: 30px; margin-left: 35px; }
.page-template-page-pricing .mastering-seo-block h3 { position: relative; font-size: 28px; font-weight: 600; }
.page-template-page-pricing .mastering-seo-block.text_with_image { margin-left: 20px; }
.page-template-page-pricing .mastering-seo-block h3:before { content: ''; background: url(data:image/png;base64,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); width: 45px; height: 45px; display: block; position: absolute; top: -8px; left: -62px; background-size: contain; background-repeat: no-repeat; }