/*** 3. Basic Default ***/
body {
    font-family: var(--primary-font);
    font-size: 14px;
    line-height: 20px;
    height: 100%;
    color: var(--black-color);
    background: #fff; }
a,
button{
    cursor:pointer;
    transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -webkit-transition: 0.3s ease; }
a:hover,
a:focus{
    text-decoration: none; }
ul{
    margin: 0;
    padding: 0;
    list-style-type: none; }
button:focus,
input:focus,
a:focus{
    outline: 0;
    background: transparent; }
::-webkit-input-placeholder { color: #959595 !important; }
::-moz-placeholder { color: #959595 !important; }
:-ms-input-placeholder { color: #959595 !important; }
input:-moz-placeholder { color: #959595 !important; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }
input[type=number] {
  -moz-appearance:textfield; }


/* content */
body.content_only { padding: 44px; }
.nc-padding{ padding: var(--nc-padding); }
.columns-container{ padding: var(--columns-padding); }
#left_column {
    width: 10%;
    padding: 0 15px;
    float: left; }
#center_column.with-col {
    width: 90%;
    padding: 0 15px;
    float: left; }


.home-promo .wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 80px 0;
    border-bottom: 1px solid #00000030; }
.home-promo .promo-video {
    position: relative;
    flex: none;
    width: 450px;
    height: 590px;
    margin-right: 100px;
    background-image: url(../img/pergolas-home.jpg);
    background-repeat: no-repeat;
    background-size: cover; }
.home-promo .promo-video a{ 
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%; }
.home-promo .widget-html h2 {
    margin: 0 0 20px 0;
    display: flex; }
.home-promo .widget-html h2 strong {
    display: inline-flex;
    background-color: var(--silver-color);
    padding: 0 12px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px;
    color: var(--gray-color);
    line-height: 30px;
    font-weight: var(--primary-font-medium); }
.home-promo .widget-html h1 {
    margin: 0 0 30px 0;
    font-family: var(--second-font);
    font-weight: var(--second-font-bold);
    font-size: 24px;
    line-height: 32px; }
.home-promo .widget-html p {
    color: var(--gray-color);
    font-size: 16px;
    line-height: 26px;
    text-align: justify; }
.home-promo .widget-html h3 {
    display: flex;
    margin: 30px 0 0 0;
    gap: 20px; }
.home-promo .widget-html h3 a {
    display: inline-block;
    line-height: 42px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    padding: 0 40px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: var(--primary-font-normal); }
.home-promo .widget-html h3 a:hover{
    background: var(--primary-color);
    color: #fff; }
.home-promo .widget-html h3 a:last-of-type {
    border-color: #25d366;
    background-color: #25d366;
    color: #fff; }
.home-promo .widget-html h3 a:last-of-type:hover {
    background: #128c7e;
    border-color: #128c7e; }
.home-promo .widget-html:last-of-type{ margin-top: 50px; }
.home-promo .widget-html:last-of-type .block_content{
    display: grid;
    grid-template-columns: repeat(3, 1fr); }
.home-promo .block_content ul {
    position: relative;
    padding: 0 15px; }
.home-promo .block_content ul:first-of-type {
    padding-left: 0;
    padding-right: 35px; }
.home-promo .block_content ul:last-of-type {
    padding-left: 35px;
    padding-right: 0;
    border-right: none; }
.home-promo .block_content ul:first-of-type:after, 
.home-promo .block_content ul:last-of-type:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #00000020;
    top: 0; }
.home-promo .block_content ul:first-child:after { right: 10px; }
.home-promo .block_content ul:last-child:after { left: 10px; }
.home-promo .block_content ul li:first-child {
    position: relative;
    font-weight: var(--primary-font-bold);
    font-size: 16px;
    margin-bottom: 15px;
    padding-top: 35px; }
.home-promo .block_content ul li:first-child:before {
    font-family: "FontAwesome5";
    font-weight: 900;
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 11px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #e1501d; }
.home-promo .block_content ul li:last-child {
    color: var(--gray-color);
    font-size: 14px;
    line-height: 22px;
    margin: 0; }
.ripple {
    position:relative;
    background-color: #e1501d;
    border:none;
    border-radius:50%;
    fill:#fff;
    height:66px;
    width: 66px;
    box-sizing:border-box;
    padding: 0 12px 0 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -webkit-transition: 0.3s ease; }
a:hover .ripple{ background-color: #ff6600; }
.ripple:before {
    animation:ripple 2s ease-out infinite;
    border:solid 2px #ff6600;
    border-radius:50%;
    bottom:0;
    box-sizing:border-box;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0; }
.ripple:after {
    animation:ripple 2s 1s ease-out infinite;
    border:solid 2px #ff6600;
    border-radius:50%;
    bottom:0;
    box-sizing:border-box;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0; }
@keyframes ripple {
    0% {
        opacity:.25;
    }
    100% {
        border-radius:50%;
        opacity:0;
        transform:scale(2.5);
    }
}

.home-top .about-txt{ padding-right: 45px; }
.home-top .about-txt h2{
    margin: 0 0 30px 0;
    font-family: var(--second-font);
    font-weight: var(--second-font-bold);
    font-size: 24px;
    line-height: 32px; }
.home-top .about-txt p{
    color: var(--gray-color);
    font-size: 16px;
    line-height: 28px;
    text-align: justify; }
.home-top .about-txt li{ margin-top: 30px; }
.home-top .about-txt li a{
    display: inline-block;
    line-height: 42px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    padding: 0 40px;
    text-transform: uppercase; }
.home-top .about-txt li a:hover{
    background: var(--primary-color);
    color: #fff; }
.home-top .benefit{
    padding-left: 60px;
    padding-top: 15px; }
.home-top .benefit li{
    position: relative;
    padding-left: 100px;
    margin-bottom: 35px; }
.home-top .benefit li:last-child{ margin-bottom: 0; }
.home-top .benefit li:before{
    font-family: "FontAwesome5";
    font-weight: 400;
    font-size: 50px;
    position: absolute;
    left: 0;
    top: -15px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: var(--second-color);
    content: "\f24d"; }
.home-top .benefit li:first-child:before{ content: "\f017"; }
.home-top .benefit li:last-child:before{ content: "\f005"; }
.home-top .benefit li h2{
    margin: 0 0 15px 0;
    font-family: var(--second-font);
    font-weight: var(--second-font-bold);
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase; }
.home-top .benefit li p{
    color: var(--gray-color);
    font-size: 15px;
    line-height: 24px;
    text-align: justify;
    margin: 0; }

.home-middle{
    background: #efefef;
    height: 552px;
    overflow: hidden; }

.home-bottom{
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 60px; }
.home-bottom .widget{ padding: 0; }
.thumbhome-list li{
    display: block;
    float: left;
    width: 20%; }
.thumbhome-list .title{ margin-bottom: 35px; }
.thumbhome-list .title h1{
    margin: 0 0 15px 0;
    text-align: center;
    font-family: var(--second-font);
    font-weight: var(--second-font-bold);
    font-size: 30px; }
.thumbhome-list .title p{
    color: var(--gray-color);
    font-size: 16px;
    text-align: center;
    margin: 0; }
.thumbhome-list .more{
    margin-top: 35px;
    text-align: center; }
.thumbhome-list .more a{
    display: inline-block;
    line-height: 42px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    padding: 0 40px;
    text-transform: uppercase; }
.thumbhome-list .more a:hover{
    background: var(--primary-color);
    color: #fff; }

.thumb-container .grid {
	max-width: 100em;
	list-style: none;
	margin: 0 auto;
	padding: 0; }
.thumb-container .grid li {
	display: block;
    width: 20%;
	float: left;
	padding: 0 1px 2px 1px;
	opacity: 0; }
.thumb-container .grid li.shown,
.thumb-container .no-js .grid li,
.thumb-container .no-cssanimations .grid li {
	opacity: 1; }
.thumb-container .grid li a,
.thumb-container .grid li img {
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
	position: relative; }
.thumb-container .grid li a:after{
	content: "";
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
 	visibility: hidden;
 	transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -webkit-transition: 0.3s ease; }
.thumb-container .grid li a:hover:after{
    opacity: 0.2;
 	visibility: visible; }
/* Effect 2: Move Up */
.thumb-container .grid.effect-2 li.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards; }
@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}
@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}

#confirmation_box {
    width: 90%;
    margin: 0 auto;
    padding: 40px 0 0 40px;
    position: relative; }
#confirmation_box:before {
    content: "";
    width: 95%;
    height: 94%;
    left: 0;
    top: 0;
    position: absolute;
    border: 1px solid var(--primary-color); }
#confirmation_box .conf-block {
    background-image: url(../img/bg_contact.jpg);
    background-position: center;
    background-size: cover;
    padding: 150px 100px 0 100px;
    min-height: 418px;
    width: 100%;
    position: relative; }
#confirmation_box h1 {
    font-family: var(--second-font);
    font-weight: var(--second-font-medium);
    color: #fff;
    text-align: center;
    font-size: 30px;
    margin: 0 0 30px 0;
    text-transform: uppercase; }
#confirmation_box p {
    font-weight: var(--primary-font-normal);
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin: 0;
    line-height: 30px; }

#pagination_block{ overflow: hidden; }
#pagination_block .product-count{
    float: left;
    line-height: 34px; }
#pagination_block .pagination{
    margin: 0 30px 0 0;
    float: left; }
#pagination_block .pagination>.active>a,
#pagination_block .pagination>.active>a:focus,
#pagination_block .pagination>.active>a:hover,
#pagination_block .pagination>.active>span,
#pagination_block .pagination>.active>span:focus,
#pagination_block .pagination>.active>span:hover {
    background-color: var(--primary-color);
    border-color: #ddd;
    color: #fff; }
#pagination_block .pagination>li>a,
#pagination_block .pagination>li>span {
        color: var(--black-color);
    padding: 6px 13px;
    line-height: 20px; }
#pagination_block .pagination i{
    position: relative;
    top: 1px;
    font-size: 13px; }

.pentagrama{ padding-bottom: 60px; }
.flipbook{
    background-color: #f2f4f6;
    background-image: url(../img/bg-flipbook.svg);
    background-position: 120px center;
    background-repeat: no-repeat;
    background-size: 300px; }
.flipbook a{
    padding: 30px 250px 30px 0;
    line-height: 40px;
    display: block;
    position: relative;
    text-align: center;
    font-family: var(--second-font);
    font-weight: var(--second-font-bold);
    font-size: 30px;
    color: var(--black-color); }
.flipbook a:hover{ padding-left: 30px; }
.flipbook a:after{
    content: "";
    width: 165px;
    height: 210px;
    position: absolute;
    right: 100px;
    bottom: -55px;
    background-image: url(../img/img-flipbook.png);
    background-repeat: no-repeat;
    background-position: left center;
    transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -webkit-transition: 0.3s ease; } 
.flipbook a:hover:after{ right: 130px; }
#auxtwo_box{ padding: 0 15px; }
#auxtwo_box iframe{
    border: none;
    width: 100%;
    height: 570px; }

/* footer */
footer{
    padding: 70px 0 20px 0;
    background-color: var(--primary-color);
    background-image: url(../img/bg-footer.jpg);
    background-size: cover;
    background-position: center; }
footer .info{ float: left; }
footer .info{
    padding-left: 270px;
    padding-right: 0;
    position: relative;
    background-image: url(../img/pago.png);
    background-position: 15px top;
    background-repeat: no-repeat; }
footer .info .widget-html ul{
    position: relative;
    padding-left: 32px;
    margin-bottom: 20px; }
footer .info .widget-html ul.address{ margin-bottom: 0; }
footer .info .widget-html ul:before{
    font-family: "FontAwesome5";
    font-weight: 900;
    font-size: 15px;
    position: absolute;
    left: 2px;
    top: 0;
    color: #999; }
footer .info .widget-html ul.mobile:before{
    content: "\f232";
    font-weight: 300;
    top: -1px;
    font-size: 16px; }
footer .info .widget-html ul.phone:before{ content: "\f2a0"; }
footer .info .widget-html ul.mail:before{
    content: "\f0e0";
    left: 0;
    font-size: 14px; }
footer .info .widget-html ul.address:before{ content: "\f3c5"; }
footer .info .widget-html li,
footer .info .widget-html li a{
    color: #fff; }
footer .info .widget-html .phone li:first-child,
footer .info .widget-html .mail li:first-child{
	color: #fff; }
footer .info .widget-html li a:hover{ color: #999; }
footer .info .social-block{ margin-top: 30px; }
footer .info .social-block h2,
footer .info .social-block ul{
    display: inline-block;
    vertical-align: middle; }
footer .info .social-block h2{
    line-height: 30px;
    color: #fff;
    margin: 0 10px 0 0;
    font-size: 15px;
    font-weight: var(--primary-font-bold); }
footer .info .social-block li{
    display: inline-block;
    margin: 0 6px; }
footer .info .social-block li a{
    color: #fff;
    font-size: 18px;
    line-height: 30px; }
footer .info .social-block li a:hover{ color: var(--second-color); }
footer .contact{
    padding-left: 75px;
    float: right; }
footer .contact h4{
    font-family: var(--second-font);
    font-size: 18px;
    font-weight: var(--second-font-medium);
    color: #fff;
    line-height: 30px;
    text-transform: uppercase;
    margin: 0 0 30px 0; }
footer .contact .row{
    margin-left: -6px;
    margin-right: -6px; }
footer .contact .col-nc{ padding: 0 6px; }
footer .contact .col-nc.last{
    margin-top: 8px;
    overflow: hidden; }
footer .contact .form-group.alice { display: none; }
footer .contact .form-group {
    overflow: hidden;
    position: relative;
    margin-bottom: 12px; }
footer .contact .form-control {
    padding: 0 20px;
    height: 40px;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #fff;
    background: #fff;
    color: var(--black-color); }
footer .contact .form-control:focus {
    border-color: var(--second-color);
    outline: 0;
    box-shadow: none; }
footer .contact .form-group textarea {
    height: 92px;
    line-height: 20px;
    padding: 10px 20px;
    text-align: justify; }
footer .ptd{
    width: 70%;
    float: left;
    padding-top: 11px; }
footer .ptd label {
    font-weight: var(--primary-font-normal);
    margin: 0;
    max-width: 92%;
    line-height: 18px;
    color: var(--second-color); }
footer .ptd label a{
    font-weight: var(--primary-font-medium);
    color: #fff; }
footer .ptd label a:hover{ text-decoration: underline; }
footer .ptd div.checker {
    cursor: pointer;
    margin-right: 8px;
    float: left;
    margin-top: 1px; }
footer .ptd div.checker span {
    position: relative;
    top: 0px; }
footer .submit{
    width: 30%;
    float: left;
    text-align: right; }
footer .submit button{
    font-size: 14px;
    border: none;
    color: #fff;
    height: 38px;
    text-transform: uppercase;
    background: #e1501d;
    padding: 0 35px; }
footer .submit button:hover {
    background: var(--second-color);
    color: var(--black-color); }
footer .submit .sending {
    display: inline-block;
    border: none;
    padding: 0 20px 0 50px;
    background: var(--second-color);
    text-transform: uppercase;
    font-size: 14px;
    color: var(--black-color);
    position: relative;
    line-height: 38px; }
footer .submit .sending:before{
    content: "";
    position: absolute;
    left: 20px;
    top: 8px;
    width: 20px;
    height: 20px;
    background: url(../img/ajax-loader.gif) no-repeat;
    background-size: cover; }
footer .copyright{
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    line-height: 30px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.4);
    margin-top: 60px; }

.wa-mobile {
    position: fixed;
    width: 60px;
    height: 60px;
    right: 30px;
    bottom: 30px;
    z-index: 9000; }
.wa-mobile a {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #fff;
    line-height: 60px;
    text-align: center;
    font-size: 36px;
    background: #25d366; }
.wa-mobile a:hover { background: #128c7e; }

.fancybox-caption__body h1{
    margin: 0 0 15px 0;
    font-size: 15px;
    font-weight: var(--primary-font-medium); }
.fancybox-caption__body .gal-links span{
    color: #fff;
    padding-right: 10px;
    display: inline-block;
    line-height: 20px;
    vertical-align: middle; }
.fancybox-caption__body .gal-links a{
    line-height: 20px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 10px;
    text-decoration: underline !important;
    color: var(--second-color) !important; }
.fancybox-caption__body .gal-links a:hover{
    text-decoration: none !important;
    color: #fff !important; }


/* alerts */
.alert { font-weight: bold; }
.alert:before { cursor: pointer; }
.alert ul,
.alert ol {
    padding-left: 20px;
    margin-bottom: 0; }
.alert ul li,
.alert ol li {
    list-style-type: circle;
    font-weight: var(--primary-font-normal);
    margin-top: 12px; }
.alert.alert-success:before,
.alert.alert-danger:before {
    font-family: "FontAwesome5";
    font-weight: 900;
    font-size: 18px;
    content: "\f058";
    padding-right: 8px;
    float: left;
    margin-top: -1px; }
.alert.alert-danger:before { content: "\f057"; }


/*** 3. Basic Default (Responsive) ***/
@media (min-width: 992px) and (max-width: 1200px) {
    #header_fixed #header_logo { padding-right: 0; }
    #header_fixed #header_top { margin: 10px 0 0 0 !important; }
    #header_fixed #header_top .widget-html li {
        margin-left: 20px !important;
        font-size: 15px !important; }
    #header_fixed #header_top .widget-html li:first-child{ margin-left: 0 !important; }
    #header_fixed .navbar-content li.last-item { margin-right: 30px; }
    #header_fixed #header_top .widget-html li strong { display: none; }
    #header_fixed .navbar-content li.second-tablet { margin-left: 0 !important; }
    #header_fixed .navbar-content li.last-item { margin-right: 25px !important; }
    #header_fixed .navbar-content,
    #header_fixed .navbar-content .dropdown-menu {
        font-size: 12px !important; }
    #header_top .widget-html h2 { display: none !important; }

    #banners_block { height: 85vh !important; }

    .home-top .about-txt { padding-right: 15px; }

    #featuredservices .img-box {
        height: 488px !important;
        padding: 50px 0 0 60px !important; }
    #featuredservices .item-left {
        width: 53% !important;
        padding-top: 50px !important; }
    #featuredservices .info-box {
        padding: 50px 0 50px 10px !important;
        min-height: 438px !important; }
    #featuredservices .info-container { width: 460px !important; }
    #featuredservices .info-box .description { height: 130px !important; }
    #featuredservices .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 10px !important; }
    #featuredservices .owl-theme .owl-controls .owl-buttons div.owl-next { right: 20px !important; }

    .product-list .img-box { height: 200px !important; }
    .product-list .info-box { padding: 20px 0 0 0 !important; }
    .product-list .info-box h1 { font-size: 18px !important; }

    #listblog .article-box .article { padding: 20px 0 10px 0 !important; }

    footer .contact { padding-left: 0px; }
    footer .info {
        padding-left: 240px;
        padding-right: 45px;
        background-size: 185px; }

    body.content_only { padding: 30px; }
    .fancybox-slide--iframe .fancybox-content { max-width: 90% !important; }
}

@media (min-width: 767px) and (max-width: 991px) {
    #header_fixed #header_top { margin: 10px 0 0 0 !important; }
    #header_top .widget-html li { margin-left: 20px !important; }
    #header_fixed #header_top .widget-html li {
        margin-left: 17px !important;
        font-size: 15px !important; }
    #header_fixed #header_top .widget-html li:first-child{ margin-left: 0 !important; }
    #header_fixed #header_top .widget-html li strong { display: none; }
    .navbar-content li.first-item { display: none; }
    .navbar-content li { margin: 0 25px !important; }
    .navbar-content li { margin-left: 0 !important; }
    .navbar-content li.last-item { margin-right: 0 !important; }
    #header_fixed .navbar-content,
    #header_fixed .navbar-content .dropdown-menu {
        font-size: 12px !important; }
    #header_fixed .navbar-content li { margin-right: 20px !important; }
    #header_top .widget-html h2 { display: none !important; }
    #header_fixed .navbar-content .dropdown-menu { left: 0 !important; }
    #header_fixed .navbar-content .dropdown-menu li{ margin-right: 0 !important; }

    #banners_block { height: 65vh !important; }
    .banners-html { top: 44% !important; }

    #left_column,
    #center_column.with-col{
        width: 100%; }

    #smallbanner {
        padding-top: 170px !important;
        height: 230px !important; }

    #categoriesbox{
        margin-bottom: 20px;
        text-align: center; }
    #categoriesbox li {
        margin-bottom: 0 !important;
        display: inline-block; }
    #categoriesbox li a { background-position: center !important; }

    .home-top .about-txt { padding-right: 15px; }
    .home-top .benefit {
        padding-left: 15px;
        padding-top: 60px; }

    .home-middle {
        height: inherit;
        padding: 30px 60px; }
    #featuredservices .img-box {
        width: 100% !important;
        height: 250px !important;
        padding: 0 30px !important; }
    #featuredservices .img-box .title {
        border: none !important;
        padding: 47% 30px 0 30px !important;
        background-position: center 30px !important;
        background-size: 130px; }
    #featuredservices .img-box h1 { font-size: 26px !important; }
    #featuredservices .item-left {
        padding-top: 0 !important;
        width: 100% !important; }
    #featuredservices .info-box {
        padding: 30px 25px 0 25px !important;
        border: none !important;
        min-height: inherit !important; }
    #featuredservices .info-container { width: 100% !important; }
    #featuredservices .info-box .sale-options { margin-bottom: 20px !important; }
    #featuredservices .info-box .accesories { margin-bottom: 25px !important; }
    #featuredservices .info-box .more{ text-align: center; }
    #featuredservices .owl-theme .owl-controls .owl-buttons div {
        top: 13% !important;
        background-image: url(../img/arrows.png) !important; }
    #featuredservices .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 10px !important; }
    #featuredservices .owl-theme .owl-controls .owl-buttons div.owl-next { right: 10px !important; }

    .thumbhome-list .title h1,
    .thumbhome-list .title p {
        padding: 0 15px; }

    #company .company-one .widget-html {
        padding: 0 !important;
        margin-bottom: 30px !important;
        background-color: transparent !important; }
    #company .company-one .block_content {
        padding: 0 !important;
        background: #fff !important;
        box-shadow: none !important; }

    .product-right {
        width: 100% !important;
        float: left !important;
        padding-left: 80px !important;
        padding-right: 80px !important; }
    .product-left {
        width: 100% !important;
        margin-top: 30px;
        padding-left: 80px !important;
        padding-right: 80px !important; }

    #article_blog { width: 100% !important; }
    #article_blog .image { height: 400px !important; }
    #article_blog .image img { margin-top: -85px !important; }

    footer .contact {
        padding-left: 15px;
        padding-right: 15px; }
    footer .info {
        padding-left: 15px;
        padding-right: 15px;
        background-image: none; }

    body.content_only { padding: 30px; }
    .fancybox-slide { padding: 44px 30px !important; }
    .fancybox-slide--iframe .fancybox-content { max-width: 100% !important; }
}

@media (max-width: 767px) {
    #header_logo {
        padding-top: 10px;
        padding-bottom: 10px; }
    #header_logo img { max-height: 100px; }
    #header_top {
        margin: 0 !important;
        padding-bottom: 10px !important;
        text-align: center !important; }
    #header_bottom {
        text-align: left !important;
        height: 0; }
    #header_top .widget-html h2{ display: none !important; }
    #header_top .widget-html li {
        margin: 0 10px !important;
        font-size: 14px !important;
        padding-left: 24px !important;
        line-height: 24px !important; }
    #header_top .widget-html li.mobile:before { font-size: 14px !important; }

    .banners-html {
        width: 80% !important;
        top: 46% !important;
        left: 13% !important; }
    .banners-html.promo { top: 40% !important; }
    .banners-html p { display: none; }
    .banners-html h1 {
        margin: 0 0 30px 0 !important;
        font-size: 36px !important; }
    .banners-html h1:before {
        width: 170px !important;
        height: 150px !important;
        top: -10px !important;
        left: -10px !important; }
    .banners-html .promo-bottom { margin-top: 30px !important; }
    .banners-html .promo-bottom ul { gap: 5px !important; }
    .banners-html h3{
        display: inline-block !important;
        margin: 30px 0 0 0 !important; }
    .banners-html .promo-bottom h3 a:last-of-type { margin-top: 10px !important; }
    .seq button.seq-prev { left: 0px !important; }
    .seq button.seq-next { right: 0px !important; }

    .nc-padding { padding: 40px 0; }
    .columns-container { padding: 20px 0 30px; }
    #left_column,
    #center_column.with-col{
        width: 100%; }

    #smallbanner {
        padding-top: 197px !important;
        height: 240px !important;
        background-image: url(../img/bg-smallbanner-mobile.jpg) !important; }
    #product.product-4 #smallbanner{ background-image: url(../img/sb-carpas-hangares-mobile.jpg) !important; }
    #product.product-5 #smallbanner{ background-image: url(../img/sb-toldos-retractiles-mobile.jpg) !important; }
    #product.product-6 #smallbanner{ background-image: url(../img/sb-toldos-fijos-mobile.jpg) !important; }
    #product.product-7 #smallbanner{ background-image: url(../img/sb-toldos-verticales-mobile.jpg) !important; }
    #product.product-8 #smallbanner{ background-image: url(../img/sb-sobrillas-muebles-mobile.jpg) !important; }
    #product.product-9 #smallbanner{ background-image: url(../img/sb-pergolas-mobile.jpg) !important; }
    #smallbanner .path { font-size: 14px !important; }
    #smallbanner .path .pipe { margin: 0 10px !important; }

    #company .company-one h1 { font-size: 20px !important; }

    #categoriesbox{
        margin-bottom: 20px;
        text-align: center; }
    #categoriesbox li {
        margin-bottom: 0 !important;
        display: inline-block;
        width: 51px; }
    #categoriesbox li a {
        width: 51px !important;
        height: 51px !important;
        background-size: 46px !important;
        background-position: center !important; }

    .home-promo .wrapper { 
        display: block;
        padding: 40px 0; }
    .home-promo .promo-video {
        width: 330px;
        height: 430px;
        margin: 0 auto 30px auto !important; }
    .home-promo .widget-html h1 { 
        margin: 0 0 20px 0;
        font-size: 20px;
        line-height: 26px; }
    .home-promo .widget-html p { font-size: 15px; }
    .home-promo .widget-html h3 {
        display: inline-block;
        margin: 10px 0 0 0; }
    .home-promo .widget-html h3 a:last-of-type { margin-top: 10px !important; }
    .home-promo .widget-html:last-of-type { margin-top: 30px; }
    .home-promo .widget-html:last-of-type .block_content{
        grid-template-columns: repeat(1, 1fr);
        width: 250px;
        margin: 0 auto; }
    .home-promo .block_content ul {
        padding: 0 !important;
        width: 100%;
        margin-bottom: 20px; }
    .home-promo .block_content ul:last-of-type { margin-bottom: 0; }
    .home-promo .block_content ul:after { display: none; }

    .home-top .about-txt { padding-right: 15px; }
    .home-top .about-txt h2 {
        margin: 0 0 20px 0;
        font-size: 20px;
        line-height: 26px; }
    .home-top .about-txt p {
        font-size: 15px;
        line-height: 26px; }
    .home-top .about-txt li { margin-top: 20px; }
    .home-top .benefit {
        padding-left: 15px;
        padding-top: 45px; }
    .home-top .benefit li { padding-left: 60px; }
    .home-top .benefit li:before {
        font-size: 28px;
        top: -12px;
        width: 40px;
        height: 40px;
        line-height: 40px; }
    .home-top .benefit li p { display: none; }

    .home-middle {
        height: inherit;
        padding-bottom: 20px; }
    #featuredservices .img-box {
        width: 100% !important;
        height: 250px !important;
        padding: 0 30px !important; }
    #featuredservices .img-box .title {
        border: none !important;
        padding: 47% 30px 0 30px !important;
        background-position: center 30px !important;
        background-size: 130px; }
    #featuredservices .img-box h1 { font-size: 26px !important; }
    #featuredservices .item-left {
        padding-top: 0 !important;
        width: 100% !important; }
    #featuredservices .info-box {
        padding: 30px 25px 0 25px !important;
        border: none !important;
        min-height: 412px !important; }
    #featuredservices .info-container { width: 100% !important; }
    #featuredservices .info-box .description {
        text-align: left !important;
        height: 182px !important; }
    #featuredservices .info-box .sale-options { margin-bottom: 20px !important; }
    #featuredservices .info-box .accesories { margin-bottom: 25px !important; }
    #featuredservices .info-box .more{ text-align: center; }
    #featuredservices .owl-theme .owl-controls .owl-buttons div {
        top: 13% !important;
        background-image: url(../img/arrows.png) !important; }
    #featuredservices .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 10px !important; }
    #featuredservices .owl-theme .owl-controls .owl-buttons div.owl-next { right: 10px !important; }

    .home-bottom {
        padding-left: 15px;
        padding-right: 15px; }
    .thumbhome-list .title { margin-bottom: 25px; }
    .thumbhome-list .title h1 {
        font-size: 24px;
        padding: 0 30px; }
    .thumbhome-list .title p {
        font-size: 15px;
        padding: 0 15px; }
    .thumbhome-list li { width: 50%; }

    .product-right {
        width: 100% !important;
        float: left !important;
        padding-left: 15px !important; }
    .product-right h1.name {
        margin: 0 0 20px 0 !important;
        font-size: 24px !important; }
    .product-right .sale-options h2 {
        margin: 0 20px 0 0 !important;
        font-size: 14px !important; }
    .product-right .sale-options li { margin-right: 20px !important; }
    .product-right .sale-options li:last-child { margin-right: 0 !important; }
    .product-right .sale-options li h3 { font-size: 14px !important; }
    .product-right .sale-options { margin-bottom: 20px !important; }
    .product-left {
        width: 100% !important;
        padding-left: 15px !important;
        margin-top: 30px; }

    #company .company-one .widget-html {
        padding: 0 !important;
        background-color: transparent !important; }
    #company .company-one .block_content {
        padding: 0 !important;
        box-shadow: none !important; }
    #company .thumbhome-list{
        margin-left: -15px;
        margin-right: -15px; }

    #article_blog { width: 100% !important; }
    #article_blog .image { height: 200px !important; }
    #article_blog .image img { margin-top: -25px !important; }
    #article_blog h1.title {
        line-height: 24px !important;
        font-size: 20px !important; }

    .thumb-container .grid li { width: 33.33333333%; }

    #confirmation_box {
        width: 100%;
        padding: 0; }
    #confirmation_box:before { display: none; }
    #confirmation_box .conf-block {
        padding: 50px 15px;
        min-height: inherit; }
    #confirmation_box h1 { font-size: 24px; }
    #confirmation_box p {
        font-size: 16px;
        line-height: 26px; }

    .flipbook a {
        padding: 30px 120px 30px 0 !important;
        line-height: 24px;
        font-size: 16px; }
    .flipbook a:after {
        right: -20px !important;
        bottom: -49px !important; }

    footer {
        padding: 40px 0 15px 0;
        background-image: none; }
    footer .info {
        padding: 50px 70px 280px 70px;
        background-position: center bottom; }
    footer .info .widget-html ul { margin-bottom: 15px; }
    footer .info .social-block { margin-top: 20px; }
    footer .contact {
        padding-left: 30px;
        padding-right: 30px;
        float: left; }
    footer .ptd {
        width: 100%;
        padding-top: 0; }
    footer .ptd label { max-width: 90%; }
    footer .submit {
        width: 100%;
        text-align: center;
        margin-top: 15px; }
    footer .copyright {
        padding-top: 15px;
        margin-top: 40px; }

    .wa-mobile {
        right: 10px;
        bottom: 10px;
        width: 54px;
        height: 54px; }
    .wa-mobile a {
        width: 54px;
        height: 54px;
        line-height: 54px;
        font-size: 32px; }

    body.content_only { padding: 30px; }
    .fancybox-slide { padding: 44px 30px !important; }
    .fancybox-slide--iframe .fancybox-content { max-width: 100% !important; }
}

@media (min-width: 479px) and (max-width: 767px) {

}