/*
Theme Name: Cuscomania Petshop
Theme URI: https://www.cuscomaniapetshop.com.br
Text Domain: cuscomaniapetshop
Author: Preciso Web | Devanir Reolon
Author URI: https://www.precisoweb.com.br/
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.
*/

/* montserrat-300 - 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: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v25-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/montserrat-v25-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500 - 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: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */
  src: url('fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v25-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600 - 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: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v25-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v25-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

body, .form-control{font-family: 'Montserrat';font-weight: 300}
body{transition: 0.2s all;font-size: 16px;line-height: 26px;margin-top: 90px}
strong{font-weight: 600;}
p{margin-bottom: 20px;margin-top: 0}
p, ul{color: #333;margin-bottom: 30px;font-size: 17px;line-height: 28px}
ul li{margin-bottom: 10px;}
h1, h2, h3, h4, h5, h6{color: #333;margin: 0 0 20px 0;padding: 0;font-weight: 600}
a, .nav-link{color: #333;transition:all 0.1s;text-decoration: none}
a:hover, a:focus{transition:all 0.1s;text-decoration: none;color: #333}
.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;}
.bgcolor1{background-color: #f1f1f1}

.btt a{font-weight: 600;position: relative;padding: 10px 30px;border-radius: 5px;}
.btt a{color: #fff;background-color: #333}
.btt a:hover{background-color: #111;color: #fff}

.title h2, .title h1{font-size: 30px;font-weight: 600;margin-bottom: 0px;color: #333}
.title{margin-bottom: 25px}
.title h2 strong{font-weight: 300}
.title p{font-size: 18px}

.container{position: relative;}


.pagservicos .flexxx{display: flex;flex-wrap: wrap;justify-content: center;}
.pagservicos .flexxx li{width: 23%;margin-bottom: 10px}

.hospedagem img{border-radius: 10px;}
.hospedagem .innf{padding-left: 50px;}

.paddtopbo{padding-top: 70px}

header ul.redesfoo{list-style: none;padding: 0;margin: 0;display: flex;align-items: center;}
header ul.redesfoo li{padding: 0;margin: 0 15px;}
header ul.redesfoo li a{font-size: 22px;color: #fff}

.navbar-toggler{font-weight: 500;color: #333;padding: 0;border-radius: 0;display: inline-block;font-size: 40px;}
.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; }

header{background-color: #fff;box-shadow: 0 0 30px 0px rgba(0,0,0,0.1);position: fixed;width: 100%;top: 0;left: 0;right: 0;z-index: 999;transition: 0.3s all}
header .flexxx{display: flex;align-items: center;justify-content: space-between;}
header .menu-principal li{margin: 0}
header .btt a{background-color: #499E9E;color: #fff;border-radius: 5px;}
header .btt a:hover{background-color: #6BB9BB;color: #fff}
.menuheader{padding: 25px 0;transition: 0.3s all}
header .menu-principal .navbar-nav li{margin:0 12px;}
header .menu-principal .navbar-nav li .nav-link{margin: 0;font-size: 16px;color: #333;font-weight: 400;padding: 0 10px;position: relative;border-radius: 5px;}
header .menu-principal .navbar-nav li.active .nav-link, header .menu-principal .navbar-nav li .nav-link:hover{color: #fff;background-color: #DD81DD}
header .logo a{display: inline-block;}
header .logo img{height: 45px;width: auto;transition: 0.3s all}
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 .menuheader{padding: 15px 0;transition: 0.3s all}
header.fixed .logo img{height: 35px;transition: 0.3s all}

.headtitle h1{color: #fff;padding-top: 20px;font-size: 30px;text-transform: uppercase;}
.headtitle h1 strong{font-weight: 300;font-size: 20px;line-height: 25px;display: block;color: #fff}

.headtitle{background-image: url(imgs/imghe.jpg);}
.headtitle, .headtitle .flexx{height: 250px;}
.headtitle .flexx{display: flex;align-items: center;justify-content: center;position: relative;}
.headtitle .flexx h1{color: #fff;font-size: 30px;font-weight: 400;text-align: center;}
.headtitle .flexx p{color: #fff;font-size: 20px;}
.headtitle{position: relative;}
.headtitle:before{position: absolute;width: 100%;height: 100%;background-color: #92CECE;content: '';opacity: 0.9;}


.servicoshome{padding: 50px 0}

.pagcontato .form .form-control{background-color: #f1f1f1}
.pagcontato .form .wpcf7-submit{background-color: #499E9E}

.banners{position: relative;background-color: #499E9E}
.banners h1, #banner h2{color: #fff;font-weight: 300;font-size: 40px;line-height: 45px;position: relative;z-index: 10;}
.banners h1, #banner p{text-shadow: 0 10px 30px rgba(0,0,0,1);position: relative;z-index: 9}
.banners p{color: #fff;font-size: 18px;line-height: 22px;font-weight: 300}
.banners .imageitem img{width: 100%;height: auto}

.slick-prev:before, .slick-next:before{font-family: "Font Awesome 5 Free" !important;font-weight: 900 !important;opacity:0.8 !important; color: #fff !important;display: inline-block !important;text-align: center !important;}
.slick-prev{left: 20px !important;}
.slick-next{right: 20px !important;}
.slick-prev:before{content: "\f104" !important;}
.slick-next:before{content: "\f105" !important}
.slick-prev:before, .slick-next:before{font-size: 28px !important}
.slick-next, .slick-prev{z-index: 9 !important;background-color: #000 !important;border-radius: 50%;height: 40px !important;width: 40px !important;}


.servicos ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.servicos ul li{width: 100%;text-align: center;margin: 0 10px;position: relative;transform: scale(1);transition: 0.5s all;border-radius: 10px;}
/*.servicos ul figure:before{position: absolute; content: '';display: block;width: 100%;height: 100%; background: rgb(73,158,158);background: linear-gradient(0deg, rgba(73,158,158,1) 0%, rgba(73,158,158,0) 100%);z-index: 8;border-radius: 10px;}*/
.servicos ul li:hover{transform: scale(1.05);transition: 0.5s all}
.servicos .title h2{color: #333}
.servicos ul figure{margin-bottom: 10px;}
.servicos ul figure, .servicos ul figure img{height: 200px;object-fit: cover;border-radius: 10px;}
.servicos ul p{font-weight: 600;font-size: 17px;position: absolute;z-index: 8;bottom: 15px;text-align: center;width: 100%;margin: 0;color: #fff;border-radius: 0 0 10px 10px;padding: 7px 15px;line-height: 20px;z-index: 11}
.servicos ul li:before{content: '';display: block;width: 100%;height: 70px;position: absolute;background-image: url(imgs/svbg.svg);bottom: 10px;z-index: 9;background-size: cover;border-radius: 0 0 10px 10px;opacity: 0.8}

.galeria .title{margin-bottom: 30px}
.galeria ul{list-style: none;padding: 0;margin: 0}
.galeria ul figure, .galeria ul figure img{height: 450px;object-fit: cover;border-radius: 10px;}
.galeria ul li{margin: 0 10px}
.galeria ul figure:hover{opacity: 0.8}

.produtos .title{margin-bottom: 30px}
.produtos .title h2{font-weight: 300;font-size: 25px;}
.produtos .title h2 strong{font-weight: 500}
.produtos{background-color: #f1f1f1}
.produtos ul{list-style: none;padding: 0;margin: 0}
.produtos ul li{margin: 0 10px;}
.produtos ul figure, .produtos ul figure img{border-radius: 10px;}
.produtos ul p{font-weight: 600;font-size: 17px;text-align: center;width: 100%;margin: 0;color: #000;border-radius: 0 0 10px 10px;padding: 7px 15px;line-height: 20px;z-index: 11}


.pagsobre figure img{border-radius: 110px 10px 50px 0}
.pagsobre .paatxt{padding-left: 50px;}

.action{background-color: #499E9E;}
.action .title h2{color: #fff;font-size: 35px;margin-bottom: 20px}
.action .title p{color: #fff}
.action figure img{margin-top: -100px;width: 400px}

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


.ico_search:after{background-image: url(imgs/ico_search.svg);content: '';display: block;z-index: 2;width: 50px;height: 50px;position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;background-size: contain;background-repeat: no-repeat;background-position: center;transition: 0.3s all;background-size: 50%;}

.post{padding: 20px;}
.post figure img{height: 150px;object-fit: cover;margin-bottom: 20px}
.post h3{font-size: 20px;}
.post p{font-size: 15px;}
.post .sbm{border-bottom: 1px solid #000}
.post:hover{background-color: #f1f1f1}

footer{padding-top: 50px;}
footer .dogcall{margin-top: -350px;}
footer .dogcall img{height: 540px;width: auto}
footer .flexxx{display: flex;justify-content: space-between;flex-wrap: wrap;}
footer .flexxx .logo{align-self: center;}
footer .flexxx h6{color: #000;}
footer .flexxx .links li a{color: #000;font-weight: 300}
footer .logo img{height: 140px}
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: #000}
footer ul li a:hover{text-decoration: underline;}
footer .contatos li{margin-bottom: 10px}
footer .redesfoo li.sigg{display: block;margin:0 0 20px 0;}
footer .redesfoo li{display: inline-block;margin:0 20px 0 0}
footer .redesfoo li a{font-size: 25px;color: #7ebea3}
footer .redesfoo li a:hover{color: #53a08e}
footer .contatos i{color: #53a08e;margin-right: 5px}

.direitos{border-top: 1px solid #f1f1f1}
.direitos p, .direitos a{padding: 10px 0;margin: 0;font-size: 13px;color: #333;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 5px;padding: 10px 15px;border-radius: 0px;border: none;border:transparent;border-radius: 5px;}
.form textarea.form-control{height: 120px;padding: 15px}
.form .wpcf7-submit{background-color: #53a08e;color: #fff;font-size: 16px;border-radius: 0px;display: inline-block;width: auto;padding: 10px 30px;font-weight: 600;border: none;border-radius: 5px;margin-top: 10px}
.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;}

.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 iframe{width: 100%}


@media (max-width : 1200px) {

  body{margin-top: 65px}
  .menuheader{padding: 10px 0;}
  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 .flexxxnee{display: flex;align-items: center;}
  header .navm{margin-left: 50px;}
  .pagservicos .flexxx li{width: 22.8%}
}


@media (max-width: 991px) {
  footer .logo{width: 100%;margin-bottom: 80px;}
  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;}

  footer .dogcall{margin-top: 0}
  footer .dogcall img{width: 150px;height: auto}
  footer .redesfoo li{margin: 0 15px;}
  .pagsobre .paatxt{padding: 50px 0 0}
  .pagservicos .flexxx li{width: 47%;}
  .hospedagem .innf{padding: 0 0 70px 0}

}  


@media (max-width : 767px) {
  footer .flexxx{display: block;text-align: center;}
  footer .contatos{margin-bottom: 50px;}
  .container, .container-sm{max-width: 100%;padding-right: 30px;padding-left:30px;}

  ul.redesfoo{margin: 50px 0}
  .pagservicos .flexxx li{width: 45%}
}


@media (max-width : 580px) {
  header{position: absolute;}
  body{margin-top: 60px}
  .navbar-toggler{font-size: 35px;}
  header .navm{margin-left: 20px}
  header .btt a{font-size: 12px;padding: 0px 4px;}
  .padd70{padding: 40px 0}
  footer .flexxx .links li{width: 100%;margin: 0 0 10px}
  header .logo img{height: 25px;}
  .container, .container-fluid{padding-right: 20px;padding-left:20px;}
  .action .title p, .action .title h2, .action .btt{text-align: center;}

  .title{margin-bottom: 0}
  .title p{font-size: 16px;line-height: 22px;}
  .action .title h2, .title h2, .title h1{font-size: 22px;}
  .title h2, .title h1{margin-bottom: 10px}

  .galeria ul figure, .galeria ul figure img{height: 250px;}
  .pagservicos .flexxx li{width: 48%;margin: 0 1%}
  .servicos ul p{font-size: 14px;line-height: 15px;}

}


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