body,
html {
  overflow-x: hidden;
  -moz-overflow-x: hidden;
  -ms-overflow-x: hidden;
  -o-overflow-x: hidden;
  -webkit-overflow-x: hidden;
}


@font-face {
  font-family: din-alternate-bold;
  src: url(https://www.spiritanimation.com/fontes/din-alternate-bold.ttf);
  src: url(https://www.spiritanimation.com/fontes/din-alternate-bold.eot) format('embedded-opentype'), url(https://www.spiritanimation.com/fontes/din-alternate-bold.woff) format('woff');
}

@font-face {
  font-family: din-regular;
  src: url(https://www.spiritanimation.com/fontes/din-regular.ttf);
  src: url(https://www.spiritanimation.com/fontes/din-regular.eot) format('embedded-opentype'), url(https://www.spiritanimation.com/fontes/din-regular.woff) format('woff');
}

/*Bandeiras topo*/

.bandeirasmenutopo {
  margin-right: -60px;
  margin-top: -8px;
}

.bandeirasmenutopo img {
  width: 37px;
  padding-right: 10px;
  opacity: .8;
}

/*Bandeiras topo*/

#top-menu,
.fullwidth-menu,
nav#top-menu-nav,
nav.fullwidth-menu-nav {
  display: none;
}

#sfm-sidebar .sfm-scroll {
  background: #28a6a2;
}

#sfm-sidebar .sfm-menu li>a span {
  color: #000000;
}

.sfm-widget-top {
  margin: 10px 0 10px;
}

#sfm-sidebar .sfm-menu,
#sfm-sidebar .sfm-menu li {
  line-height: 0.5!important;
}

.container.et_menu_container {
  /*height:150px;*/
}

.n2-section-smartslider {
  background: #e9c916;
}

#main-header {
  box-shadow: none;
}

div#n2-ss-3 .n2-ss-control-bullet-vertical > .nextend-bullet-bar {
  transform: rotate(180deg);
}

.home .et_pb_toggle_open {
  height: 700px !important;
}

.home .et_pb_toggle {
  height: 300px;
}

.home .et_pb_toggle_open .et_pb_toggle_title {
  text-transform: uppercase;
  color: #ff0080 !important;
  font-size: 25px;
  background-color: #e9c916;
  bottom: 18% !important;
  padding-left: 50px !important;
  padding-top: 45px !important;
}

.home .et_pb_toggle_open .et_pb_toggle_content {
  background-color: #e9c916;
}

.home .et_pb_toggle_open .et_pb_toggle_content,
.home .et_pb_toggle_title {
  width: 550px;
  right: 0;
  position: absolute !important;
  bottom: 0;
  height: 240px;
  padding: 0 50px;
}

.textosrosa {
  font-family: din-alternate-bold;
  color: #ff0080;
  font-size: 32px;
  line-height: 34px;
}

.iconesrodape {
  font-size: 60px;
  color: #ffffff;
  text-align: center;
  padding-left: 10px;
}

#sfm-sidebar .sfm-menu li>a span {
  font-family: din-regular !important;
  font-size: 28px;
  line-height: 0px;
}

.sfm-navicon,
.sfm-navicon:after,
.sfm-navicon:before,
.sfm-sidebar-close:before,
.sfm-sidebar-close:after {
  height: 0px !important;
}

.setasbaixaworks {
  color: #000000;
  font-size: 60px;
  text-align: right;
}

.secoesultimostrabalhos {
  height: 330px;
}

.backgroundworkshome {
  padding: 0 5%;
  background-origin: content-box;
}

.puxatextosamarelos {
  width: 40% !important;
  position: relative;
  right: -6%;
  z-index: 9999;
  padding: 60px 80px 60px 80px;
}

.botaovejamaislogos {
  background-color: #e9c916;
  color: #000000;
  font-family: din-alternate-bold;
  text-transform: uppercase;
  padding: 10px 130px;
  border-radius: 2px 2px 2px 2px;
  border: 0;
}

.botaovejamaislogos:hover {
  padding: 9px 130px !important;
  border: 0 !important;
  margin-bottom: 2px !important;
}

.marginsetasrosas {
  top: 30px;
  position: relative;
}

.sfm-pos-right .sfm-rollback {
  right: -80px;
}

.sfm-navicon-button {
  right: 110px !important;
}
@media(min-width:768px){
  .sfm-navicon-button{top:19px !important;}
}

@media(max-width:767px){
  .sfm-navicon-button{top:6px !important;}
}
div#n2-ss-3 .n2-ss-control-bullet-vertical > .nextend-bullet-bar {
  margin-top: 3000%;
}

div#n2-ss-3 .n2-style-61eca1b6fdf733fdba302f7e87f2740b-dot.n2-active,
div#n2-ss-3 .n2-style-61eca1b6fdf733fdba302f7e87f2740b-dot:HOVER,
div#n2-ss-3 .n2-style-61eca1b6fdf733fdba302f7e87f2740b-dot:FOCUS {
  background: #110f0f;
  border: #110f0f 2px solid;
}

div#n2-ss-3 .n2-style-61eca1b6fdf733fdba302f7e87f2740b-dot {
  background: #ffffff;
  border: #ffffff 2px solid;
}

.et_mobile_nav_menu {
  display: none !important;
}

.sfm-navicon-button .sf_label_icon.la_icon_manager_custom {
  height: 40px;
}

#main-header.et-fixed-header {
  -webkit-box-shadow: 0px 14px 12px -12px rgba(0,0,0,0.75) !important;
  -moz-box-shadow: 0px 14px 12px -12px rgba(0,0,0,0.75) !important;
  box-shadow: 0px 14px 12px -12px rgba(0,0,0,0.75) !important;
}

.menusrodapetamanho {
  font-size: 16px !important;
  line-height: 0;
}

.logofogrodape {
  vertical-align: middle;
  margin-top: 25px;
}

.sfm-pos-right .sfm-sidebar-close {
  background: url(https://www.spiritanimation.com/wp-content/uploads/2019/10/x-fechamento.png);
  background-repeat: no-repeat;
  background-position: center;
}

.titulosgrandes {
  font-size: 60px !important;
}

.sfm-mobile #sfm-sidebar.sfm-compact-header .sfm-logo img {
  max-height: none;
}

@media (max-width:767px) {
  .titulosgrandes {
    font-size: 40px !important;
    line-height: 42px;
  }

  .puxatextosamarelos {
    width: 100% !important;
    right: 0;
    padding: 20px 35px 20px 35px;
  }

  .logodosclientes {
    width: 95% !important;
    margin: 0 auto;
  }

  .colunaslogosmobile .et_pb_column {
    width: 50% !important;
    float: left;
  }

  #sfm-sidebar .sfm-menu li>a span {
    font-size: 24px;
  }

  #sfm-sidebar .sfm-menu li a,
  #sfm-sidebar .sfm-chapter,
  #sfm-sidebar .sfm-search-form {
    padding: 9px 0;
  }

  .sfm-navicon-button .sf_label_icon.la_icon_manager_custom {
    width: 100px !important;
    top: -40px;
  }

  .bandeirasmenutopo {
    display: none;
  }

  .sfm-mobile #sfm-sidebar.sfm-compact-header .sfm-logo img {
    width: 132px;
  }

  #sfm-sidebar.sfm-compact .sfm-logo {
    margin-top: 7px;
    margin-bottom: 7px;
    top: -45px;
  }

  #sfm-sidebar.sfm-compact .sfm-nav {
    margin-top: -35px;
  }
}

@media (max-width:980px) {
  .et_fixed_nav #main-header,
  .et_non_fixed_nav.et_transparent_nav #main-header {
    position: fixed;
  }

  .mobile_menu_bar:before {
    color: transparent;
  }
}

#botaomostraseries img:active {
  transform: rotate(180deg) !important;
}

.sfm-navicon-button .sf_label_icon.la_icon_manager_custom {
  width: 120px;
}

.nsr-backtop.default:before {
  font-size: 45px;
  height: 48px;
  width: 48px;
  left: -47px;
  top: 8px;
  font-weight: bold;
}

#ascrail2000 {
  z-index: 999998 !important;
}

.page-numbers {
  background: #fcf731;
  color: #000;
  padding: 5px 10px;
  font-family: din-regular;
  font-weight: bold;
  font-size: 16px;
  margin: 4px 4px;
}

.page-numbers:hover {
  color: #fff;
  background: #000;
}

.current {
  color: #fff !important;
  background: #000 !important;
}

.secaonavegacaotiposdepost {
  margin-top: 20px;
}

.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 100%;
  margin: 0 auto;
  display: block;
  padding: 14px 1%!important;
  border: 1px #000000 solid;
}

.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required::placeholder {
  color: #000000;
  font-family: din-regular;
  font-size: 16px;
}

.wpcf7-form-control.wpcf7-textarea {
  width: 100%;
  margin: 0 auto;
  display: block;
  padding: 14px 1%!important;
  border: 1px #000000 solid;
}

.wpcf7-form-control.wpcf7-textarea::placeholder {
  color: #000000;
  font-family: din-regular;
  font-size: 16px;
}

.wpcf7-form-control.wpcf7-submit {
  background-color: #000000;
  color:#fff;
  font-family: din-regular;
  font-size:18px;
  border:0;
  padding:10px 50px;
  float:right;
  margin-right:0;
}

.formularipaginacontato form {
  margin-top: 62px;
}
@media only screen and (max-width:767px){
  .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width:100%;
    padding: 14px 5%!important;
  }
  .wpcf7-form-control.wpcf7-textarea {
    width:100%;
    padding: 14px 5%!important;
  }
  .wpcf7-form-control.wpcf7-submit{
    margin-right:0;
    font-size:16px;
    margin-top:20px;
    width:100%;
    float:none;
    margin:0 auto;
    display:block;
  }
}

.wpml-ls-legacy-list-horizontal .wpml-ls-flag{width:22px !important; height: auto !important; filter: grayscale(1);}
.wpml-ls-legacy-list-horizontal .wpml-ls-flag:hover{filter: grayscale(0);}