body {
    background:#fff;
    color:#444;
    font-family:"Open Sans",sans-serif
}
a {
    color:#1bb1dc;
    transition:.5s
}
a:active,a:focus,a:hover {
    color:#0a98c0;
    outline:0;
    text-decoration:none
}
p {
    padding:0;
    margin:0 0 30px 0
}
h1,h2,h3,h4,h5,h6 {
    font-family:Roboto,sans-serif;
    font-weight:400;
    margin:0 0 20px 0;
    padding:0
}
.back-to-top {
    position:fixed;
    display:none;
    background:#000000;
    color:#fff;
    width:44px;
    height:44px;
    text-align:center;
    line-height:1;
    font-size:16px;
    border-radius:50%;
    right:15px;
    bottom:15px;
    transition:background .5s;
    z-index:11
}
.back-to-top i {
    padding-top:12px;
    color:#fff
}
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:9999;
    overflow:hidden;
    background:#fff
}
#preloader:before {
    content:"";
    position:fixed;
    top:calc(50% - 30px);
    left:calc(50% - 30px);
    border:6px solid #f2f2f2;
    border-top:6px solid #e78323;
    border-radius:50%;
    width:60px;
    height:60px;
    -webkit-animation:animate-preloader 1s linear infinite;
    animation:animate-preloader 1s linear infinite
}
@-webkit-keyframes animate-preloader {
    0% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes animate-preloader {
    0% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
#topbar {
    padding:0 0 10px 0;
    font-size:14px;
    transition:all .5s
}
#topbar .social-links {
    text-align:right
}
#topbar .social-links .whatsapp {
    color:#1fa312;
    padding:4px 12px;
    display:inline-block;
    line-height:1px
}
#topbar .social-links .facebook {
    color:#3b5998;
    padding:4px 12px;
    display:inline-block;
    line-height:1px
}
#topbar .social-links a {
    color:#000000;
    padding:4px 12px;
    display:inline-block;
    line-height:1px
}
#topbar .social-links a:hover {
    color:#1bb1dc
}
#topbar .social-links a:first-child {
    border-left:0
}
#header {
    height:100px;
    transition:all .5s;
    z-index:997;
    transition:all .5s;
    padding:20px 0;
    position:fixed;
    left:0;
    top:0;
    right:0;
    transition:all .5s;
    z-index:997
}
#header.header-pages,#header.header-scrolled {
    height:100px;
    padding:15px 0;
    background-color:#fff;
    box-shadow:0 0 30px rgba(127,137,161,.3)
}
#header.header-pages #topbar,#header.header-scrolled #topbar {
    display:none
}
#header .logo img {
    padding:0;
    margin:0;
    width:277px;
    height:120px;
    object-fit:contain
}
.main-pages {
    margin-top:60px
}
.margin300 {
    padding-left:70px;
    margin-top:210px
}
#intro {
    width:100%;
    height:88vh;
    position:relative;
    background:#fff url(../img/intro1-bg-sm.webp) center top no-repeat;
    background-size:cover
}
@media (min-width:769px) {
    /* Tablet: versao intermediaria (1400px). */
    #intro {
        background-image:url(../img/intro1-bg-md.webp)
    }
}
@media (min-width:1401px) {
    /* Desktop grande: imagem original em resolucao total (1980px). */
    #intro {
        background-image:url(../img/intro1-bg.webp)
    }
}
#intro .intro-info h2 {
    color:#413e66;
    margin-bottom:40px;
    font-size:48px;
    font-weight:700
}
#intro .intro-info-right div {
    margin-bottom:45px;
    margin-left:10px
}
#intro .intro-info-right div h1 {
    color:#000;
    font-size:64px;
    font-weight:700;
    margin-top:-50px
}
#intro .intro-info-right div h2 {
    color:#000000;
    font-size:62px;
    font-weight:700
}
#intro .intro-info h2 span {
    color:#1bb1dc
}
.main-nav,.main-nav * {
    margin:2px;
    padding:0;
    list-style:none
}
.main-nav>ul>li {
    position:relative;
    white-space:nowrap;
    float:left
}
.main-nav a {
    display:block;
    position:relative;
    color:#000000;
    padding:10px 15px;
    transition:.3s;
    font-size:18px;
    font-family:"Open Sans",sans-serif;
    text-transform:uppercase;
    font-weight:600;
    border-radius:20px
}
.main-nav .active>a,.main-nav a:hover,.main-nav li:hover>a {
    color:#fff;
    text-decoration:none;
    background-color:#e78323;
    border-radius:20px
}
.main-nav .drop-down ul {
    display:block;
    position:absolute;
    left:0;
    top:calc(100% - 30px);
    z-index:99;
    opacity:0;
    visibility:hidden;
    padding:10px 0;
    background:#fff;
    box-shadow:0 0 30px rgba(127,137,161,.25);
    transition:ease all .3s
}
.main-nav .drop-down:hover>ul {
    opacity:1;
    top:100%;
    visibility:visible
}
.main-nav .drop-down li {
    min-width:180px;
    position:relative
}
.main-nav .drop-down ul a {
    padding:10px 20px;
    font-size:14px;
    font-weight:500;
    text-transform:none;
    color:#065e77
}
.main-nav .drop-down ul .active>a,.main-nav .drop-down ul a:hover,.main-nav .drop-down ul li:hover>a {
    color:#1bb1dc
}
.main-nav .drop-down>a:after {
    content:"\f107";
    font-family:FontAwesome;
    padding-left:10px
}
.main-nav .drop-down .drop-down ul {
    top:0;
    left:calc(100% - 30px)
}
.main-nav .drop-down .drop-down:hover>ul {
    opacity:1;
    top:0;
    left:100%
}
.main-nav .drop-down .drop-down>a {
    padding-right:35px
}
.main-nav .drop-down .drop-down>a:after {
    content:"\f105";
    position:absolute;
    right:15px
}
.mobile-nav {
    position:fixed;
    top:0;
    bottom:0;
    z-index:9999;
    overflow-y:auto;
    left:-260px;
    width:260px;
    padding-top:18px;
    background:rgba(245,134,52,.9);
    transition:.4s
}
.mobile-nav * {
    margin:0;
    padding:0;
    list-style:none
}
.mobile-nav a {
    display:block;
    position:relative;
    color:#fff;
    padding:10px 20px;
    font-weight:500
}
.mobile-nav .active>a,.mobile-nav a:hover,.mobile-nav li:hover>a {
    color:#000000;
    text-decoration:none
}
.mobile-nav .drop-down>a:after {
    content:"\f078";
    font-family:FontAwesome;
    padding-left:10px;
    position:absolute;
    right:15px
}
.mobile-nav .active.drop-down>a:after {
    content:"\f077"
}
.mobile-nav .drop-down>a {
    padding-right:35px
}
.mobile-nav .drop-down ul {
    display:none;
    overflow:hidden
}
.mobile-nav .drop-down li {
    padding-left:20px
}
.mobile-nav-toggle {
    position:fixed;
    right:0;
    top:36px;
    z-index:9998;
    border:0;
    background:0 0;
    font-size:18px;
    transition:all .4s;
    outline:0!important;
    line-height:1;
    cursor:pointer;
    text-align:right
}
.mobile-nav-toggle i {
    margin:18px 18px 0 0;
    color:#000000
}
.mobile-nav-overly {
    width:100%;
    height:100%;
    z-index:9997;
    top:0;
    left:0;
    position:fixed;
    background:rgba(245,134,52,.8);
    overflow:hidden;
    display:none
}
.mobile-nav-active {
    overflow:hidden
}
.mobile-nav-active .mobile-nav {
    left:0
}
.mobile-nav-active .mobile-nav-toggle i {
    color:#fff
}
.section-header h3 {
    font-size:36px;
    color:#000000;
    font-weight:700;
    position:relative;
    font-family:Roboto,sans-serif
}
.section-header-camilotoldosecoberturas h3 {
    font-size:36px;
    color:#fff;
    font-weight:700;
    position:relative;
    font-family:Roboto,sans-serif
}
.section-bg-camilotoldosecoberturas p {
    color:#fff
}
.section-bg {
    background:#fff
}
.section-bg-camilotoldosecoberturas {
    background:#e78323
}
#sobrenos {
    padding:50px 0
}
#sobrenos .about-content {
    padding-top:40px
}
#sobrenos .about-content h2 {
    color:#000000;
    font-family:Roboto,sans-serif;
    font-weight:700
}
#sobrenos .about-content h3 {
    color:#000;
    font-weight:700;
    font-size:22px;
    font-style:italic
}
#sobrenos .about-img {
    position:relative;
    margin:30px 30px 30px 30px
}
#sobrenos .about-img img {
    width:100%;
    border:8px solid #fff;
    transition:.5s
}
#sobrenos .about-img img:hover {
    width:100%;
    -webkit-transform:scale(1.03);
    transform:scale(1.03)
}
#sobrenos .about-img::before {
    position:absolute;
    left:-31px;
    top:-30px;
    width:90%;
    height:92%;
    z-index:-1;
    content:'';
    background-color:#ebf1fa;
    transition:.5s
}
#sobrenos .about-img::after {
    position:absolute;
    right:-31px;
    bottom:-30px;
    width:90%;
    height:92%;
    z-index:-1;
    content:'';
    background-color:#ebf1fa;
    transition:.5s
}
#camilotoldos {
    padding:60px 0 40px 0
}
#camilotoldos .box {
    padding:10px;
    position:relative;
    overflow:hidden;
    margin:0 10px 20px 10px;
    background:#fff;
    box-shadow:0 10px 29px 0 rgba(68,88,144,.1);
    transition:all .3s ease-in-out;
    text-align:center
}
#camilotoldos .box:hover {
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.laranja {
    color:#e78323
}
.vinho {
    color:#000000
}
#produtos {
    padding:60px 0
}
#produtos #portfolio-flters {
    padding:0;
    margin:5px 0 35px 0;
    list-style:none;
    text-align:center
}
#produtos h2 {
    font-size:36px;
    color:#000000;
    font-weight:700
}
#produtos .portfolio-item {
    position:relative;
    overflow:hidden;
    margin-bottom:30px
}
#produtos h3 {
    font-weight:700
}
.portfolio-wrap {
    text-align:center
}
#produtos .portfolio-item .portfolio-info .link-details i,#produtos .portfolio-item .portfolio-info .link-preview i {
    padding-top:6px;
    font-size:22px;
    color:#fff
}
#produtos .portfolio-item .portfolio-info .link-details:hover,#produtos .portfolio-item .portfolio-info .link-preview:hover {
    background:#42c3e8
}
#produtos .portfolio-item .portfolio-info .link-details:hover i,#produtos .portfolio-item .portfolio-info .link-preview:hover i {
    color:#fff
}
#footer {
    padding:0 0 30px 0;
    font-size:14px;
    background:#fff
}
#footer .footer-top {
    padding:60px 0 30px 0;
    background:#e78323
}
#footer .footer-top h3 {
    font-size:34px;
    margin:0 0 20px 0;
    padding:2px 0 2px 0;
    line-height:1;
    font-family:Roboto,sans-serif;
    color:#413e66;
    font-weight:400;
    letter-spacing:3px;
    text-transform:uppercase
}
#footer .footer-top .social-links .whatsapp {
    font-size:18px;
    display:inline-block;
    background:#1fa312;
    color:#fff;
    line-height:1;
    padding:8px 0;
    margin-right:4px;
    border-radius:50%;
    text-align:center;
    width:36px;
    height:36px;
    transition:.3s
}
#footer .footer-top .social-links .facebook {
    font-size:18px;
    display:inline-block;
    background:#3b5998;
    color:#fff;
    line-height:1;
    padding:8px 0;
    margin-right:4px;
    border-radius:50%;
    text-align:center;
    width:36px;
    height:36px;
    transition:.3s
}
#footer .footer-top .social-links a {
    font-size:18px;
    display:inline-block;
    background:#000000;
    color:#fff;
    line-height:1;
    padding:8px 0;
    margin-right:4px;
    border-radius:50%;
    text-align:center;
    width:36px;
    height:36px;
    transition:.3s
}
#footer .footer-top .social-links a:hover {
    background:#0a98c0;
    color:#fff
}
#footer .footer-top p {
    font-size:18px
}
#footer .footer-top h4 {
    font-size:18px;
    font-weight:700;
    color:#fff;
    text-transform:uppercase;
    position:relative;
    padding-bottom:10px
}
#footer .footer-top .footer-links {
    margin-bottom:30px;
    color:#fff
}
#footer .footer-top .footer-links ul {
    list-style:none;
    padding:0;
    margin:0
}
#footer .footer-top .footer-links ul li {
    padding:8px 0
}
#footer .footer-top .footer-links ul li:first-child {
    padding-top:0
}
#footer .footer-top .footer-links ul a {
    color:#fff;
    font-size:18px
}
#footer .footer-top .footer-links ul a:hover {
    color:#000000
}
#footer .footer-top .footer-contact {
    margin-bottom:30px
}
#footer .footer-top .footer-contact p {
    line-height:26px
}
#footer .footer-top .form .form-group {
    margin-bottom:15px
}
#footer .footer-top .form #sendmessage {
    color:#fff;
    background:#1fa312;
    display:none;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px
}
#footer .footer-top .form #errormessage {
    color:#fff;
    display:none;
    background:red;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px
}
#footer .footer-top .form #errormessage.show,#footer .footer-top .form #sendmessage.show,#footer .footer-top .form .show {
    display:block
}
#footer .footer-top .form .validation {
    color:red;
    display:none;
    margin:0 0 20px;
    font-weight:400;
    font-size:13px
}
#footer .footer-top .form label {
    color:#413e66;
    font-weight:500
}
#footer .footer-top .form input,#footer .footer-top .form textarea {
    border-radius:0;
    box-shadow:none;
    border:1px solid #dce1ec;
    font-size:14px
}
#footer .footer-top .form input::-webkit-input-placeholder,#footer .footer-top .form textarea::-webkit-input-placeholder {
    color:#a2a0bd
}
#footer .footer-top .form input::-moz-placeholder,#footer .footer-top .form textarea::-moz-placeholder {
    color:#a2a0bd
}
#footer .footer-top .form input:-ms-input-placeholder,#footer .footer-top .form textarea:-ms-input-placeholder {
    color:#a2a0bd
}
#footer .footer-top .form input::placeholder,#footer .footer-top .form textarea::placeholder {
    color:#a2a0bd
}
#footer .footer-top .form button[type=submit] {
    background:#000000;
    border:0;
    border-radius:3px;
    padding:8px 30px;
    color:#fff;
    transition:.3s
}
#footer .footer-top .form button[type=submit]:hover {
    background:#1fa312;
    cursor:pointer
}
#footer .copyright {
    text-align:center;
    padding-top:30px;
    color:#444;
    font-size:15px
}
#footer .credits {
    text-align:center;
    font-size:14px;
    padding-top:10px;
    color:#ccc;
    font-style:italic
}
#footer .credits a {
    color:#ccc
}
#footer .credits a:hover {
    color:#555
}
@media (min-width:991px) {
    #call-to-action .cta-btn-container {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:end;
        -webkit-justify-content:flex-end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
}
@media (max-width:991px) {
    #topbar {
        display:none
    }
    #header {
        height:70px;
        padding:10px 0
    }
}
@media (max-width:768px) {
    .back-to-top {
        bottom:15px
    }
}
@media (max-width:767px) {
    #intro {
        height:auto;
        padding:80px 0 60px 0
    }
    #intro .container {
        height:auto!important
    }
    #intro .intro-img {
        width:80%
    }
    #intro .intro-info {
        text-align:center;
        padding-top:40px
    }
    #intro .intro-info h2 {
        font-size:34px;
        margin-bottom:30px
    }
    .section-header p {
        width:100%
    }
}
@media (max-width:574px) {
    #footer .footer-top .social-links a {
        margin-bottom:25px
    }
}
@media (max-width:480px) {
    #intro .intro-info-right div h2 {
        font-size:30px;
        text-align:center
    }
    #intro .intro-info-right div h1 {
        font-size:42px;
        text-align:center
    }
    .margin300 {
        padding-left:20px;
        margin-top:320px
    }
    #intro {
        width:100%;
        height:80vh;
        position:relative;
        background:#fff url(../img/intro-mobile.webp) center top no-repeat;
        background-size:cover
    }
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:40/71) and (orientation:portrait) {
    #intro .intro-info-right div {
        margin-left:0
    }
    .margin300 {
        padding-left:0;
        margin-top:320px
    }
    #intro {
        height:100vh;
        padding:60px 0 60px 0
    }
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
    #intro .intro-info-right div {
        margin-left:0
    }
    .margin300 {
        padding-left:0;
        margin-top:320px
    }
    #intro {
        height:100vh;
        padding:60px 0 60px 0;
        background:#f0f0f0 url(../img/intro-mobile-landscape.jpg) center top no-repeat;
        background-size:cover
    }
    #intro .intro-info-right div {
        margin-left:0;
        margin-top:0;
        padding-top:100px
    }
    .margin300 {
        padding-left:320px;
        margin-top:0
    }
    #intro .intro-info-right div h2 {
        font-size:32px
    }
    #intro .intro-info-right div h1 {
        font-size:42px
    }
}
@media only screen and (min-device-width :768px) and (orientation :landscape) {
    #intro {
        display:hidden
    }
}
.tpw_container,.tpwin_container {
    position:fixed;
    z-index:999999999999999999;
    left:30px
}
.tpw_container.left,.tpwin_container.left {
    left:30px!important;
    right:auto;
    padding-right:0!important
}
.tpw_container.right,.tpwin_container.right {
    right:30px!important;
    left:auto
}
.tpw_container {
    bottom:20px
}
.tpw_container .tpw_qty {
    background:red;
    color:#fff;
    position:absolute;
    border-radius:50%;
    font-size:11px;
    padding:2px 8px;
    right:-6px;
    top:-2px;
    font-weight:600;
    line-height:16px;
    z-index:99999;
    font-family:Arial,Helvetica,sans-serif
}
.tpw_widget_icon {
    width:60px;
    height:100px;
    cursor:pointer
}
.tpwin_container {
    width:350px;
    -webkit-box-shadow:4px -1px 10px 5px rgba(0,0,0,.2);
    -moz-box-shadow:4px -1px 10px 5px rgba(0,0,0,.2);
    box-shadow:4px -1px 10px 5px rgba(0,0,0,.2);
    border-radius:15px;
    display:none;
    bottom:100px;
    text-align:initial
}
.tpwin_container * {
    font-family:Roboto,Verdana
}
.tpwin_container p {
    margin:0;
    font-size:16px;
    line-height:1.2;
    padding:0
}
.tpwin_container .header {
    background:#095e54;
    border-top-right-radius:15px;
    border-top-left-radius:15px;
    padding:10px 15px;
    color:#fff
}
.tpwin_container .header.img {
    padding-top:19px;
    padding-bottom:19px
}
.tpwin_container .close {
    position:absolute;
    top:8px;
    right:8px;
    width:20px;
    height:20px;
    opacity:.4;
    cursor:pointer;
    transition:.3s ease all;
    outline:transparent;
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center;
    transition:.3s
}
.tpwin_container .close:hover {
    opacity:1
}
.tpwin_container .close:after,.tpwin_container .close:before {
    background-color:#fff;
    content:'';
    position:absolute;
    width:12px;
    height:2px;
    display:block;
    border-radius:2px
}
.tpwin_container .close:before {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.tpwin_container .close:after {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.tpwin_container .photo {
    display:inline-block;
    vertical-align:middle;
    display:inline-block;
    vertical-align:middle;
    max-height:60px;
    min-height:60px;
    height:60px;
    overflow:hidden;
    width:60px;
    min-width:60px;
    max-width:60px
}
.tpwin_container .photo img {
    width:60px;
    border-radius:50%;
    min-height:60px;
    max-height:60px
}
.tpwin_container .info {
    display:inline-block;
    margin-left:10px;
    vertical-align:middle;
    color:#fff;
    width:235px;
    overflow:hidden;
    height:40px
}
.tpwin_container .info p {
    color:#fff;
    width:255px;
    overflow:hidden;
    display:block
}
.tpwin_container .name {
    font-weight:600
}
.tpwin_container .status {
    font-weight:100
}
.tpwin_container .body {
    background:url('https://cozinhasinox.com.br/wp-content/plugins/autochat-button-for-mobile-chat/assets/img/bg.jpg');
    padding:90px 90px 90px 20px
}
.tpwin_container .message {
    background:#fff;
    color:#000;
    border-radius:15px;
    padding:10px;
    font-size:14px;
    display:inline-block;
    margin-top:0
}
.tpwin_container .message a {
    color:#000;
    font-weight:700;
    text-decoration:underline
}
.tpwin_container .message:before {
    content:' ';
    position:absolute;
    width:0;
    height:0;
    left:10px;
    right:auto;
    top:170px;
    bottom:auto;
    border:12px solid;
    border-color:#fff transparent transparent
}
.tpwin_container .footer {
    background:#fff;
    text-align:center;
    padding:7px 40px;
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px
}
.tpwin_container .footer .btn {
    background:#4fce5d;
    padding:6px 30px;
    color:#fff;
    display:inherit;
    border-radius:15px;
    font-size:18px;
    line-height:1.5;
    transition:.3s;
    margin:10px 0 50px;
    text-shadow:none;
    border:none
}
.tpwin_container .footer .btn:hover {
    background:#46da57
}
.tpwin_container .footer img {
    vertical-align:text-top;
    margin-right:5px;
    width:20px
}
.tpwin_container .footer .banner {
    font-size:11px;
    color:grey
}
.tpwin_container .footer .banner img {
    width:110px;
    vertical-align:middle;
    margin-left:5px
}
@media only screen and (max-width:639px) {
    .tpw_widget_icon,.tpw_widget_icon img {
        width:50px;
        height:50px
    }
    .tpw_container .tpw_qty {
        font-size:10px;
        padding:1px 7px;
        right:-5px;
        top:-1px
    }
    .tpwin_container {
        width:270px;
        bottom:80px
    }
    .tpwin_container .header {
        padding:8px
    }
    .tpwin_container .photo {
        max-height:50px;
        min-height:50px;
        height:50px;
        width:50px;
        min-width:50px;
        max-width:50px
    }
    .tpwin_container .photo img {
        width:50px;
        min-height:50px
    }
    .tpwin_container .name,.tpwin_container .status {
        font-size:13px;
        line-height:14px
    }
    .tpwin_container .info {
        width:172px;
        overflow:hidden;
        height:30px
    }
    .tpwin_container .info p {
        color:#fff;
        width:210px;
        overflow:hidden;
        display:block
    }
    .tpwin_container .body {
        padding:50px 90px 50px 20px
    }
    .tpwin_container .message {
        padding:8px;
        font-size:12px;
        line-height:17px
    }
    .tpwin_container .message:before {
        top:116px
    }
    .tpwin_container .footer {
        padding:7px 20px
    }
    .tpwin_container .footer .btn {
        font-size:13px;
        margin:10px 0 40px
    }
    .tpwin_container .footer img {
        width:16px
    }
}
.hotline-phone-ring-wrap {
    position:fixed;
    bottom:0;
    left:0;
    z-index:999999
}
.hotline-phone-ring {
    position:relative;
    visibility:visible;
    background-color:transparent;
    width:110px;
    height:110px;
    cursor:pointer;
    z-index:11;
    -webkit-backface-visibility:hidden;
    -webkit-transform:translateZ(0);
    transition:visibility .5s;
    left:0;
    bottom:0;
    display:block
}
.hotline-phone-ring-circle {
    width:87px;
    height:87px;
    top:10px;
    left:10px;
    position:absolute;
    background-color:transparent;
    border-radius:100%;
    border:2px solid #e60808;
    -webkit-animation:1.2s ease-in-out infinite phonering-alo-circle-anim;
    animation:1.2s ease-in-out infinite phonering-alo-circle-anim;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    opacity:.5
}
.hotline-phone-ring-circle-fill {
    width:57px;
    height:57px;
    top:25px;
    left:25px;
    position:absolute;
    background-color:rgba(230,8,8,.7);
    border-radius:100%;
    border:2px solid transparent;
    -webkit-animation:2.3s ease-in-out infinite phonering-alo-circle-fill-anim;
    animation:2.3s ease-in-out infinite phonering-alo-circle-fill-anim;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}
.hotline-phone-ring-img-circle {
    background-color:#e60808;
    width:33px;
    height:33px;
    top:37px;
    left:37px;
    position:absolute;
    background-size:20px;
    border-radius:100%;
    border:2px solid transparent;
    -webkit-animation:1s ease-in-out infinite phonering-alo-circle-img-anim;
    animation:1s ease-in-out infinite phonering-alo-circle-img-anim;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    align-items:center;
    justify-content:center
}
.hotline-phone-ring-img-circle .pps-btn-img {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.hotline-phone-ring-img-circle .pps-btn-img img {
    width:20px;
    height:20px
}
.hotline-bar {
    position:absolute;
    background:rgba(230,8,8,.75);
    height:40px;
    width:200px;
    line-height:40px;
    border-radius:3px;
    padding:0 10px;
    background-size:100%;
    cursor:pointer;
    transition:all .8s;
    -webkit-transition:.8s;
    z-index:9;
    box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.1);
    border-radius:50px!important;
    left:33px;
    bottom:37px
}
.hotline-bar>a {
    color:#fff;
    text-decoration:none;
    font-size:15px;
    font-weight:700;
    text-indent:50px;
    display:block;
    letter-spacing:1px;
    line-height:40px;
    font-family:Arial
}
.hotline-bar>a:active,.hotline-bar>a:hover {
    color:#fff
}

/* ==========================
   GALERIA
========================== */

.galeria {
    margin-left: -15px;
    margin-right: -15px;
}

.galeria-col {
    padding: 15px;
}

.galeria-box {
    width: 100%;
    height: 250px;
    overflow: hidden;
    background: #fff;
}

.galeria-box a {
    display: block;
    width: 100%;
    height: 100%;
}

.galeria-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.4s ease;
}

.galeria-box:hover img {
    transform: scale(1.05);
}


.portfolio-wrap {
    text-align: center;
}

.portfolio-wrap img {
     width: 270px !important;
    height: 430px !important;
    max-width: 270px !important;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}
/* CSS necessário para o embed do YouTube ficar responsivo (16:9).
   Adicione junto ao CSS do site, ex: em style.css / camilotoldos.css */
.video-box {
    padding: 0;
}

.video-responsive {
    width: 100%;
    height: 250px;   /* defina a altura que quiser para o card */
}

.video-responsive iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}