@font-face{
    font-family:"Nunito";
    src:url("fonts/Nunito-VariableFont_wght.ttf");
 }






body{
background:#EEE9E6;
  font-size:32px!important;
}






.pum-content,
a,
h1,
h2,
p,
div{
font-family: 'Nunito', sans-serif!important;

}





div{

}

.cA{
clear:both;
}
.c-tab{
float:left;
}

.tab-0{
wdith:40%;
margin-right:33px;
}
.tab-1{
padding-top:62px;
}



.dot-0 .dot-main{
    animation: dotmain0 22.5s linear infinite; 
    width:10px;
    height:10px;
    display:block;
    border-radius:50%;
}



.header-grid{
position:relative;
}


.home-frame{
display:none;
}
.home-btn{

background:url(top.png) no-repeat top center;  
background-position:contain;
height:69px;
width:69px;
margin:0 auto;
cursor:pointer;
}






.custom-logo-link{
position:absolute;
top:0;
left:0;
padding:20px;
padding-top: 6px;
}

.custom-logo{
width: 260px;
}












.dot-main{

position:absolute;
}
        
        
        
        


.cA{
clear:both;
}

.site-main{

}


.img-full{
width:100%;
}

.img-full img{
width:100%;

}


.default{

width:1260px;
margin:0 auto;
padding-top:15px;
padding-bottom:5px;
}

.section-2 .default{
padding-top:12px;
}

.default ul{

  list-style:none;
  margin-left:-26px;
}

.default ul li:before{

  content:"• ";
  font-size:32px;
  margin-left:-16px;
  
  position:absolute;
}

#section-17 ul li:before{
  content:"• ";
  font-size:32px;
  margin-left:-16px;
  position:absolute;
color:#ff5036;
}

.default ul li{
padding:0;
position:relative;
}

#section-2 h3,
#section-2 p:first-of-type,
#section-2 ul{
width:70%;
margin:0 auto;
}


.section{
min-height:none;
padding-bottom:0;
} 

#section-2 ul li::before {
margin-left: -42px;

}
.section-2 .default {
  padding-top: 0;
}

h2,
h3{
    color: #000;
    font-weight:300;

}


.overlay{
position:absolute;
top:50%;
left: 3%;

}
    
    
.overlay h1{
color: #fff;
  font-size: 22px;
  line-height: 110%;
}
    

.default li{
padding:0;
margin:0;
font-size:18px;
line-height:184%;
letter-spacing:1.1px;
}

.default p{
font-size: 22px;
  line-height: 144%;
  letter-spacing: 1.1px;
letter-spacing:1.1px;
}


.site-header{
position:fixed;
width:100%;
height: 110px;
z-index:11111;
}

.site-branding{
height:50px;
padding:0;
}




.site-header-content,
.site-header-bg{
position:absolute;

top:0;left:0;right:0;bottom:0;


}



.site-header-bg{
background:#000;
opacity:0.8;
}


.site-title{
margin-top:12px;
margin-bottom:-20px;
text-align:center;
}

h2.title{
font-size:54px!important;
font-weight:300;

color: #480606;

  margin: 22px auto!important;
  margin-bottom:50px!important;
}


.contact a{
font-size:34px;
}

.site-title a{
text-decoration:none;
color:#FF5036;
font-size:49px;
font-weight:500;
}


.site-branding h2{
margin-top:12px;
text-align:center;
color:gray;
font-size:30px;
font-weight:400;
}

.sub-menu{
padding:14px 4px!important;
display:block!important;
box-shadow:none!important;
background:#fff;
}


.sub-menu li a{
text-align:left!important;
float:none;
}
.nav-item-active{
  color:#FF5028!important;
}

.nav-{

margin:0 auto;
}
.nav-menu li{
color:#000;
font-size:32px;
margin-right:30px;
}
.nav-menu li:last-child {
  margin-right:0;
}

.nav-menu a{
padding-left:16px;
color:#6dd96d;
font-size:28px;
font-weight:700;
text-transform:uppercase;
}

.nav-menu a:hover{
color:orange;
}

.main-navigation-content {
width: min-content;
    text-wrap: nowrap;
margin-right: 100px;
  margin-left: auto;

}

.default a{
 color:#FF5D40;

}



.list-workshop,
.list-dafdaz{
margin-top:-24px;
}

#section-6 h2{
margin-bottom:-14px;
}












/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.cmn-toggle-switch {
      position: absolute;
       top: 18px;
      right: 12px;
      z-index:11111;
      background: transparent !important;
      display: block;

      
      
      overflow: hidden;
      margin:0 auto;
      padding: 0;
      width: 55px;
      height: 45px;
      font-size: 0;
      text-indent: -9999px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-shadow: none;
      border-radius: none;
      border: none;
      cursor: pointer;
      -webkit-transition: background 0.3s;
      transition: background 0.3s;
      background-color:red;
 
}

.cmn-toggle-switch:focus {
  outline: none;
}
 
.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 18px;
  left: 4px;
  right: 4px;
  height: 4px;
  
  background: orange;
}

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: orange;
  content: "";
}

.cmn-toggle-switch span::before {
  top: -9px;
}

.cmn-toggle-switch span::after {
  bottom: -10px;
}
 
 
.cmn-toggle-switch__htx {

}

.cmn-toggle-switch__htx span {
  -webkit-transition: background 0 0.3s;
          transition: background 0 0.3s;
}

.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0;
          transition-delay: 0.3s, 0;
}

.cmn-toggle-switch__htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.cmn-toggle-switch__htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.cmn-toggle-switch__htx.active {

}

.cmn-toggle-switch__htx.active span {
  background: none;
}

.cmn-toggle-switch__htx.active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.cmn-toggle-switch__htx.active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
  -webkit-transition-delay: 0, 0.3s;
          transition-delay: 0, 0.3s;
}



.cmn-toggle-switch{

display:none;

}











.img-full-responsive{
display:none
}






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




 
} 
div{

}





/////////////////////////////////////////////////////////////////////////////////////////////////////////
.main-navigation ul {
    display: flex;

}







/*** Responsive Styles Large Desktop And Above ***/
@media all and (max-width: 1905px) {

.nav-menu a{
font-size:24px;
}

.main-navigation-content {

  margin: 0 auto;
  margin-right:60px;
}
}

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

.nav-menu a{
font-size:20px;
}

.main-navigation-content {

margin-right: 20px;
}
}


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

.nav-menu a{
font-size:16px;
}
.main-navigation-content {

margin-right: 10px;
}
  .main-navigation-content {
    margin: 0 200px;
    margin-right: 200px;
    margin-right: 60px;
  }

.custom-logo-link{
margin:0 auto;
width: 200px;
  padding: 10px;

}

.section .default{
width:90%;
margin:0 auto;

} 

}





 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {


 
}
@media all and (max-width: 1186px) {
.site-title a{
    font-size:100%;
}
}


/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {


.site-header-bg {
  opacity: 1;
}

h2.title{
margin:40px 0!important;
line-height:110%;
width:100%;
}


.overlay{
top: 50%;
    left:4%;

}
   .img-full-default{
   line-height:0;
   } 

.default{
padding:0;
}
h3{
line-height:110%;
}





h2.title{
font-size:34px!important;
font-weight:300;


}
.menu-item-6197{
display:inline-block!important; 
}

.nav-menu li {
  margin-right: auto;
}

.header-grid{

height:12px;

}
.nav-menu{
background:#fff;
}
.nav-top-bar{
display:none; 
 }

.site-title{
line-height:100%;
}



.site-branding{
height:50px;
}
.site-branding h2{
margin-top:16px;
}
 .nav-res-loader{
display:block;
} 
 
 h2.title{
 line-height:120%;
 }

.main-navigation-content,
.nav-menu{
background:#B7B3A8;
width:100%;

opacity:1;
margin:0;
}

.main-navigation-content{

}

.page_item{
margin:0!important;
}

.nav-menu a{

}

.site-main{
padding-top:80px;
}
.main-navigation ul {
    display: none;
background:#000;
padding:40px 8px;
}


.cmn-toggle-switch {
display:block;
}
.section{
min-height:490px:
} 

.site-title{
margin-top:36px;
}

.section{
min-height:490px:
} 


.section .default{
width:90%;
margin:0 auto;

} 

.default h2, 
.default li, 
.default p {
    font-size: 18px;
    line-height: 158%;
    letter-spacing: 1.1px;
}
.home-btn {

    height: 40px;
    width: 40px;
    background-size:cover;

}
 
 
 
}

@media screen and (max-width: 912px) and (orientation: landscape) {

.overlay{
top:90%;
}


}

@media screen and (min-width: 768px) and (orientation: portrait) {

.overlay{
top:50%;
}


}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 700px) and (max-width: 980px) {



}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {



 
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {


.main-navigation ul ul{
float:none;
}

  .custom-logo-link {
    margin: 0 auto;
    width: 190px;
    padding: 12px 5px;
  }

.nav-menu{
background:#fff;
width:100%;
padding-bottom:0;
opacity:1;
padding:10px 0;
}



.overlay{
top: 30%;
    left: 6%;

}

#section-2 h3,
#section-2 p:first-of-type, #section-2 ul {
    width: 100%;
    margin: 0 auto;
}

#section-2 p,
#section-2 ul{
width:100%;
margin:0 auto;
}

#section-2 ul li::before {
margin-left:-14px;
}




.section-2 p, .section-2 ul {
    width: 100%;
    margin: 0 auto;
}

#section-2 ul{

}
#section-2 ul li{
   margin-left:-30px;
}



.site-title a{
    font-size:80%;
}

.default{
padding-top:3px;
}

p{
margin-top:12px;
margin-bottom:12px;
}
.default p:first-of-type{
padding-top:0px;
margin:0;
}

.default h2{
padding-top:6px;
}
.default h2:first-of-type{
padding-top:0px;
margin:0;
}


.site-header{
  height: 82px;
}




.sub-menu{
position:relative!important;
display:block!important;
left:0!important;
padding:0 30px!important;
background:#fff!important;

}

.site-branding h2 {
  font-size: 16px;
}


.nav-menu a {

}


.quote-dot-wrapper{
width:90%;
height:230px;
margin-bottom: 80px !important;
}


.quote-title {
  font-size:17px;
  bottom: 8px;
}
.quote-dot-main{
width:145px;
height:145px;
} 

.quote-dot-wrapper{
 margin:0 auto;
 float:none;

}

.quote-dot-anim{
/**/
top:-8px;
right:4px;
left:4px;
bottom:4px;

}


.quote-dot-anim{
 margin:auto;
}

 
}