/*
Theme Name: On Motos
Theme URI: https://www.onmotos.com.br
Text Domain: onmotos
Author: Devanir Reolon
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* pt-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/pt-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/pt-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/pt-sans-v17-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/pt-sans-v17-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/pt-sans-v17-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/pt-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/pt-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v17-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/pt-sans-v17-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/pt-sans-v17-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/pt-sans-v17-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

body, .form-control{font-family: 'PT Sans';}
body{transition: 0.2s all;font-size: 16px;line-height: 26px}
strong{font-weight: 600;}
p{margin-bottom: 20px;margin-top: 0}
p, ul{color: #000;margin-bottom: 30px;font-size: 16px;line-height: 30px}
ul li{margin-bottom: 10px;}
h1, h2, h3, h4, h5, h6{color: #000;margin: 0 0 20px 0;padding: 0;font-weight: 600}
a, .nav-link{color: #000;transition:all 0.1s;text-decoration: none}
a:hover, a:focus{transition:all 0.1s;text-decoration: none;color: #000}
.img-fluid{width: 100%;z-index: 2}
.img-fixed{background-size: cover; background-repeat: no-repeat;background-attachment: fixed !important;background-position: center center}
.img-cover{background-size: cover; background-repeat: no-repeat;background-position: center center}
.p404{padding: 150px 0}
.p404 h1{font-size: 120px;}
.padd0{padding: 0}
.padd50{padding-top: 50px;padding-bottom: 50px;}
.padd70{padding-top: 70px;padding-bottom: 70px;}
.padd100{padding-top: 100px;padding-bottom: 100px;}
.bgcolor1{background-color: #f1f1f1}

.btt a{text-transform: uppercase;font-weight: 600;position: relative;padding: 12px 30px;border-radius: 4px;}
.btt a{color: #000;background-color: #7CDA25}
.btt a:hover{background-color: #000;color: #7CDA25}

.title{margin-bottom: 30px;}
.title h2{letter-spacing: 1px;font-size: 35px;text-transform: uppercase;font-weight: 600;margin-bottom: 20px}
.title h2 strong{font-weight: 300}
.title p{font-size: 18px}

.navbar-toggler{font-weight: 500;color: #fff;padding: 0;border-radius: 0;display: inline-block;font-size: 35px;}
.navbar-toggler:focus{box-shadow: none;}
figure{position: relative;padding: 0;margin: 0;transition: 0.1s all}
figure img{position: relative;height: auto;width: 100%;transition: 0.1s all}
figure.alignright { float: right; margin: 0 0 1em 1em; }
figure.alignleft { float: left; margin: 0 1em 1em 0; }
figure.aligncenter { display: block; margin-left: auto; margin-right: auto; }
figure.wp-block-image.size-large img, figure.wp-block-image.size-full img{width:auto;height: auto;margin-bottom: 30px; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto;text-align: center; }

.action{background-color: #1f1f1f}
.action h2, .action p{color: #fff;margin-bottom: 0}
.action h2{font-size: 2.5rem}
.action h2 span{color: #7CDA25}
.action p{font-size: 1.5rem;}


.motos .bgcolor{background-color: #000}
.motos .bgcolor p, .motos .bgcolor{color: #fff}
.motos .txxt span{text-transform: uppercase;margin-bottom: -20px;display: block;}
.motos h3{color: #7CDA25;font-size: 4rem;margin-top:20px;line-height:3.2rem;letter-spacing:-2px}
.motos p{font-size: 20px;margin: 10px 0 50px;}
.motos figure{margin-bottom: -150px;}
.motos .bgcolor .btt a:hover{background-color: #fff;color: #7CDA25}

header{background-color: #000;}
header .flexxx{display: flex;align-items: center;justify-content: space-between;}
header .menu-principal li{margin: 0}
header .btt a{background-color: #7CDA25;color: #000}
header .btt a:hover{background-color: #fff;color: #000}
header .flexxxnee{display: flex;}
.menuheader{padding: 20px 0;}
header .menu-principal .navbar-nav li{margin:0 2px;}
header .menu-principal .navbar-nav li .nav-link{margin: 0;font-size: 16px;text-transform: uppercase;color: #fff;font-weight: 400;padding: 2px 10px;position: relative;border-radius: 3px;}
header .menu-principal .navbar-nav li.active .nav-link, header .menu-principal .navbar-nav li .nav-link.active{color: #7CDA25}
header .menu-principal .navbar-nav li.bglink .nav-link{background-color: #7CDA25;color: #000;margin-left: 30px;}
header .menu-principal .navbar-nav li.bglink .nav-link:hover{background-color: #fff;color: #000}
header .menu-principal .navbar-nav li .nav-link:hover{color: #7CDA25;}
header .logo a{display: inline-block;}
header .logo img{height: 40px;width: auto;}
header .menu-principal .dropdown-menu{background: rgba(0, 0, 0, 0.90);border:0;border-radius: 10px;width: 240px;padding: 5px 0;position: absolute;left:-40px;right:0;top: 50px;}
header .menu-principal .dropdown-menu li{margin: 0;padding: 2px 10px;display: block;}
header .menu-principal .dropdown-menu{background: rgba(0, 0, 0, 0.7);border:0;border-radius: 10px;padding: 5px 0;position: absolute;left:0px;right:0;top: 40px;margin:auto;left: 50%;transform: translateX(-50%);}
header .menu-principal .dropdown-menu li{margin: 0;padding: 2px 10px;display: block;}
header .menu-principal .dropdown-menu li{margin: 0 5px;text-align: center;}
header .menu-principal .dropdown-menu li .nav-link:hover:after{display: none}
header .menu-principal .dropdown-menu li .nav-link{font-size: 14px;color: #fff;padding: 5px;line-height: 18px;} 
header .menu-principal .dropdown-menu li .nav-link:hover{background-color: transparent;color: #e1e1e1} 
header .menu-principal .dropdown-menu .current-menu-item .nav-link{color: #fff;}
header .menu-principal .dropdown-menu li.active .nav-link:after{display: none}
header .menu-principal .dropdown-menu:before {content: "";position: absolute;border: solid transparent;border-bottom-color: #000;border-width: 11px;top: -18px;right: 110px;z-index: 1;}
header.fixed{box-shadow: 0 0 30px 0px rgba(0,0,0,0.1)}

.headerhome{position: relative;background-size: cover;background-repeat: no-repeat;}
.headerhome .imageitem{display: flex;align-items: center;height: 65vh;}
.headerhome .txx{padding-right: 50px;}
.headerhome h1{font-size: 3.5rem;line-height: 1; color: #7CDA25}
.headerhome p{font-size: 2rem;line-height: 1.2; color: #fff;}
.headerhome .btt{margin-top: 60px;display: block;}
.headerhome .btt a:hover{background-color: #fff;color: #000}

.especificacoes th{padding: 10px 15px;text-align: center;background-color: #7CDA25}
.especificacoes td{padding: 30px 15px;text-align: center;}
.especificacoes th{text-transform: uppercase;font-size: 16px;}
.especificacoes td{font-size: 20px;}

.flexxxicos{display: flex;list-style: none;padding: 0;margin: 0;flex-wrap: wrap;justify-content: center;margin-top: 30px}
.flexxxicos li{width: 30%;text-align: center;margin: 20px 0;text-transform: inherit !important;}
.flexxxicos li .ico{height: 70px;width: 70px;background-color: #000;display: inline-block;border-radius: 10px;color: #fff;line-height: 70px;font-size: 40px;margin-bottom: 15px}
.flexxxicos li .nnne{font-weight: 700;text-transform: uppercase;margin-bottom: -5px;display: block;font-size: 17px;}
.flexxxicos li{font-weight: 300;text-transform: uppercase;font-size: 14px;}
.flexxxicos li:hover .ico{background-color: #7CDA25}

.slick-prev:before, .slick-next:before{font-family: "Font Awesome 5 Free" !important;font-weight: 900 !important;opacity:0.8 !important; color: #000 !important;}
.slick-prev{left: 20px !important;}
.slick-next{right: 15px !important;}
.slick-prev:before{content: "\f104" !important;}
.slick-next:before{content: "\f105" !important}
.slick-next, .slick-prev{z-index: 9 !important}


.galeriaimagens{background-color: #000}
.galeriaimagens .title h2{color: #fff}
.galeriaimagens .immmmmas{padding: 0;margin: 0;list-style: none;}
.galeriaimagens .immmmmas li{margin: 0 10px;}
.galeriaimagens .immmmmas li a{width: 100%;margin: 0 1%;position: relative;display: block;}
.galeriaimagens .immmmmas li a:before{content: '';display: block;width: 100%;height: 100%;position: absolute;background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(124,218,37,1) 100%);transition: 0.3s all;left: 0;right: 0;border-radius: 5px;}
.galeriaimagens .immmmmas li a:hover:before{opacity: 0.2;transition: 0.3s all}
.galeriaimagens .immmmmas img{width: 100%;height: 400px;border-radius: 5px;object-fit:cover}
.galeriaimagens .youtube{padding:0 1%;margin: 20px 0 80px;}
.galeriaimagens a:hover{background-color: #fff}


.accordion-button{font-weight: 700;font-size: 20px;color: #333}
.accordion-button:not(.collapsed), .accordion-button:hover{background-color: #e1e1e1;color: #000}
.accordion-item{margin-bottom: 20px}
.accordion-body{padding-top: 40px;padding-bottom: 40px;font-size: 18px;}


.depoimentos .depind{padding: 0 200px;text-align: center;}
.depoimentos .depind .foto{display: inline-block;}
.depoimentos .depind .foto img{height: 120px;width: 120px;border-radius: 50%;border:2px solid #f1f1f1;}
.depoimentos .depind p{font-size: 18px;}
.depoimentos .depind .dp{margin: 20px 0 30px}
.depoimentos .depind .star{color: #EFCE4A;display: block;margin-top: 40px}


.entreemcontato h3{font-size: 2.5rem;font-weight: 400}
.entreemcontato h3{font-size: 2.5rem}

#whatsFixo{position: fixed;bottom: 5%;animation: pulse 2s infinite;right: 5%;z-index: 999;background-color: #1CD741;color: #fff;width: 80px;height: 80px;line-height: 80px;text-align: center;font-size: 60px;}
#whatsFixo a{background-color: #36E753;border-radius: 50%;height: 60px;width: 60px;text-align: center;line-height: 55px;color: #fff;display: inline-block;font-size: 40px;}

footer{background-color: #000}
footer .flexxx{display: flex;padding-top: 30px;justify-content: center;align-items: center;}
footer .flexxx .logo{align-self: center;}
footer .flexxx h6{color: #fff;text-transform: uppercase;}
footer .flexxx .links li a{color: #fff;font-weight: 300}
footer .flexxx .links li.current_page_item a{font-weight: 600}
footer .logo img{height: 80px;width: auto}
footer figure{margin: 0}
footer ul{list-style: none;padding: 0;margin: 0}
footer ul li, footer ul li a{font-size: 14px;line-height: 24px; margin-bottom: 0;color: #fff}
footer ul li a:hover{text-decoration: underline;}
footer .contatos li{margin-bottom: 10px}
footer .redesfoo{margin-top:40px;}
.redes{display: flex;align-items: center;margin: 0;padding: 0;list-style: none;margin-left: 60px;}
.redes li{display: inline-block;margin:0;}
.redes li a{width: 50px;color: #7CDA25;margin-left: 10px;font-size: 30px;display: block;text-align: center;}
.redes li a:hover{color: #fff}
footer .redes a{color: #fff}
footer .redes a:hover{color: #7CDA25}



.direitos{background-color: #000;}
.direitos .container{border-top: 1px solid #fff}
.direitos p, .direitos a{padding: 20px 0;margin: 0;font-size: 13px;color: #fff;line-height: 19px}
.direitos a{text-decoration: underline;}

.form .priv{font-size: 17px;margin-bottom: 0}
.wpcf7-not-valid-tip{padding-left: 10px;font-size: 15px;}
.form{position: relative;}
.form label{padding-left: 10px;font-weight: 600;margin-bottom: 10px;display: block;color: #363435}
.form .form-control{background-color: #fff;margin: 0 0 15px;padding: 14px 15px;border-radius: 0px;border: none;border:1px solid #363435}
.form textarea.form-control{height: 150px;padding: 15px}
.form .wpcf7-submit{background-color: #000;color: #fff;font-size: 16px;text-transform: uppercase;border-radius: 0px;display: inline-block;width: auto;padding: 15px 30px;font-weight: 600;border: none}
.form .wpcf7-submit{transform: scale(1);transition: 0.3s all}
.form .wpcf7-submit:hover{transform: scale(1.01);transition: 0.3s all}
.form .file1{margin-bottom: 50px;margin-top: 50px;}
.form .vedewz{color: #305C3B;margin-bottom: 50px;}
.form .margintop{padding-top: 50px;}
.form .wpcf7-submit{width: 100%;}

.wpcf7 form .wpcf7-response-output{color: #dc3545;color: #fff;padding:15px;text-align: center;margin: 0 0 30px;border-radius: 10px}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output{border-color: #dc3545;color:#fff;background-color:#dc3545 }
.wpcf7 form.sent .wpcf7-response-output{border-color: #46b450;color:#fff;background-color: #46b450}
.wpcf7 .wpcf7-not-valid-tip{font-size: 14px;margin-top: -10px;margin-bottom: 10px;color: #dc3545;font-weight: 600}
.wpcf7-spinner{display: block;margin: 0 auto}

.mapa{padding-top: 100px}
.mapa iframe{width: 100%}


@media (max-width : 1200px) {

  header .redes{display: none}
  .depoimentos .depind{padding: 0 100px}

  header .flexxx .logo{display: flex;align-items: center;}
  header .flexxx{display: flex;align-items: center;flex-wrap: wrap;}
  header .flexxx .mennucol{width: 100%;}

  .navbar-nav{text-align: right;padding-top: 20px;}
  header .menu-principal .navbar-nav li{margin: 0;padding: 5px 0}
  header .menu-principal .navbar-nav li.active .nav-link:before{width: 100%;display: none}
  header{position: relative;}
}


@media (max-width: 991px) {
  header .flexxx{display: flex;align-items: center;justify-content: flex-between;flex-wrap: wrap;}
  header .flexxx .logo{margin:0}
  header .container{max-width: 720px}
  header .mennucol{width: 100%}
  footer .infos{text-align: center;}

  .headerhome h1{font-size: 2.2rem;}
  .headerhome p{font-size: 1.3rem;}
  .headerhome .btt{margin-top: 20px;}

  .action h2{font-size: 2rem}
  .action p{font-size: 1.3rem}
  .motos figure{margin-bottom: 0}
 .entreemcontato h3{text-align: center;} 
  .entreemcontato h3 br{display: none;}

}  


@media (max-width : 767px) {
  footer .flexxx{display: block;text-align: center;}
  footer .contatos{margin-top: 50px;text-align: center;width: 100%}
  footer .redes{justify-content: center;margin-left: 0}
  .container, .container-sm{max-width: 100%;padding-right: 30px;padding-left:30px;}
  .title h2, .entreemcontato h3{font-size: 1.7rem;line-height: 1.4}
  .headerhome .imageitem{height: auto}
  .headerhome .txx{text-align: center;padding: 50px 0 ;background-color: rgba(0,0,0,0.8)}
  .headerhome h1 br, .headerhome p br{display: none}
  .motos .txxt{text-align: center;}
  .flexxxicos li{width: 50%;}

}


@media (max-width : 580px) {
  footer .flexxx .links li{width: 100%;margin: 0 0 10px}
  header .logo img{height: 40px;}
  .container, .container-fluid{padding-right: 20px;padding-left:20px;}
  .depoimentos .depind{padding: 0 40px}
  .depoimentos .depind p{font-size: 16px;line-height: 1.3}

  .slick-next{right: 10px !important}
  .slick-prev{left: 10px !important}
  .accordion-button{font-size: 18px;}
  .accordion-body{font-size: 16px;line-height: 1.2;padding: 20px;}
  .padd100, .padd70{padding: 50px 0}
  .mapa{padding-top: 50px;}
  .galeriaimagens .immmmmas{flex-wrap: wrap;}
  .galeriaimagens .immmmmas li{width: 48%;margin-bottom: 10px;}
	.galeriaimagens .immmmmas img{height:300px;}

}


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