/*
Theme Name: mdecorfinish
Theme URI: https://mdecorfinish.com
 
Author: mdecorfinish
Author URI: https://wordpress.org
Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.6.1770063595
Updated: 2026-02-03 01:19:55

*/

body {
    padding: 30px 0 0 0;
    margin: 0;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
}

img {
    max-width: 100%; height:auto
}
.post-thumbnail {
	text-align: center;
	margin: 30px auto;
	/* max-width: 600px; */
}
.home h1 {
	text-transform: uppercase;
	margin-bottom: 30px;
}
.dm-sans {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
/* Добавляем стрелку к пунктам с подменю */
.mobile-navigation .menu-item-has-children > a {
    position: relative;
    padding-right: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.plaster {
	font-size: 14px;
	color: gray;
}
/* Стиль стрелки */
.mobile-navigation .menu-item-has-children > a::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
    margin-left: 10px;right: 10px;
position:absolute;top: 16px;
}

/* Поворот стрелки при открытии */
.mobile-navigation .menu-item-has-children.active > a::after {
    transform: rotate(135deg);
}

/* Стиль подменю */
.mobile-navigation .sub-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    background: #f5f5f5;
    margin: 0;
    padding-left: 20px;
}

/* Открытый вид подменю */
.mobile-navigation .menu-item-has-children.active .sub-menu {
    max-height: 500px; /* Достаточно большое значение для анимации */
}

/* Стиль пунктов подменю */
.mobile-navigation .sub-menu .menu-item {
    border-top: 1px solid #e0e0e0;
}

.mobile-navigation .sub-menu .menu-item a {
    display: block;
    padding: 12px 0;
    color: #666;
    text-decoration: none;
}

.mobile-navigation .sub-menu .menu-item a:hover {
    color: #000;
    padding-left: 5px;
}.mobile-navigation  .current_page_item > a::after, ul.main-menu a:hover::after {
	background-color: #fff;
	 
}
header nav {
    display: flex;
    height: 100%;
    flex-direction: column;

}.pgcsimplygalleryblock-grid-item {
 
	width: 250px !important;
}li li.current_page_item > a::after, ul.main-menu li li a:hover::after {
	background-color: #fff;
 
}
#wpforms-53 {
	margin: 10px 0;
}
.rightnav {
    position: fixed;
    left: 0;
    top: calc(50% - 40px);
    width: 44px;
    height: 140px;
    z-index: 10;
}


.rightnav a {
    display: flex;
    width: 40px;
    height: 38px;
    background: #000;
    padding: 10px;
    margin-top: 8px;
    border-radius: 0 5px 5px 0;
    transition: all ease-in-out 0.3s;
    vertical-align: middle;
}

.rightnav a:hover {
    width: 44px;
    padding: 8px 12px 10px 8px;
    transition: all ease-in-out 0.3s;
    opacity: 0.9;
}



.whitebtnout {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}

.whitebtnout .btn {
    width: 130px;
    height: 40px;
    margin: 15px 15px 15px 0;
    padding: 7px 0;
    text-align: center;
}

.whitebtn {
    background: transparent;
    border: solid 1px #ddd;
    font-size: 14px;
    border-radius: 5px;
    width: 130px;
    margin: 15px 15px 15px 0;
    align-content: center;
    height: 40px;
    text-align: center;
    transition: all ease-in-out 0.3s;
}

.whitebtn:hover {
    background: #f6f6f6;
    transition: all ease-in-out 0.3s;
}

.txt {
    text-align: justify;
}

.txt p {
    padding: 5px 15px
}

.txtbg {
	background: url(https://mdecorfinish.com/wp-content/uploads/2026/02/Venetian_Plaster_finishes-4-1.webp) no-repeat center center;
	background-size: cover;
}

.whitebg {
    background: #fff;
    padding: 30px;
    height: 100%;
}

.flexrow a {
    color: #000
}

.flexrow a:hover {
    opacity: 0.6
}

.flexrow img {
    padding-bottom: 10px
}

.flexrow {
    display: flex;
    justify-content: space-between;
}

.flexrow p {
    width: 50%
}

.spacer {
    height: 30px
}

.accordion-item:first-of-type>.accordion-header .accordion-button {
    border: none;
    position: relative;
    /* right: 0; */
    background: none;
}

.accordion-item {
    color: #000;
    background-color: none;
    border: none;
}

.accordion {
    background: transparent;
}

.accordion-button::after {

    content: "  ";
    right: 10px;
    position: absolute;
}

.upp {
    text-transform: uppercase;
}

.vcflex h3 {
    font-size: 30px;
    text-transform: uppercase;
    margin: 15px 0;
}

button.accordion-button {
    border: none;
    background: transparent;
    outline: none !important;
    box-shadow: none !important;
    font-size: 18px;
}

.accordion-body,
.accordion-header,
.accordion-item {
    border: none;
    background: transparent;
    outline: none;
}



.accordion-body {
    padding-left: 30px;
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: transparent;
    box-shadow: none;
    outline: none;
}

.accordion-button::focus {

    background-color: transparent;
    box-shadow: none;
    outline: none;
}

.preview-item {
    position: relative;
    height: 100%;
}

.preview-item__container {
    position: relative;
    display: block;
    padding: 0 .75rem 4.875rem;
    height: 100%;
}

.preview-item__content {
    position: relative;
    display: block;
    text-decoration: none;
    cursor: pointer;
    max-width: 360px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    -webkit-transition: border-color .5s, color .5s;
    transition: border-color .5s, color .5s;
    color: #222228;
}

.border-effect::before,
.button--download::before,
.preview-item__content::before,
.product-slider--preview .slick-current.slick-active>div::before {
    border-bottom: 2px solid #222228;
    border-left: 2px solid #222228;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.preview-item__image {
    display: block;
    position: relative;
}

.cover-item {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    display: block;
    position: relative;
    padding-bottom: 75%;
}

.preview-item__image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1;
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    will-change: transform;
    -webkit-transition: -webkit-transform 1.5s ease-in-out;
    transition: -webkit-transform 1.5s ease-in-out;
    transition: transform 1.5s ease-in-out;
    transition: transform 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out;
}

.preview-item__category {
    position: absolute;
    z-index: 4;
    bottom: -.125rem;
    left: 0;
    font-size: .875rem;
    letter-spacing: 0;
    line-height: 1;
    color: #222228;
    padding: 1.75rem 1.5rem 0 1.875rem;
    background-color: #fff;

    font-weight: 300;
    text-transform: uppercase;
}

.preview-item__date {

    font-weight: 300;
    text-transform: uppercase;
    color: #545359;
    letter-spacing: 0;
    line-height: 1;
}

.preview-item__category .pipe {
    display: inline-block;
    position: relative;
    top: -1px;
    line-height: 1;
    padding: 0 .25rem;
    color: #545359;
}

.preview-item__title {
    padding: 1.375rem 2rem;
}

.preview-item__title {
    display: block;
    padding: 1.625rem .125rem 0 2rem;
    font-size: 1.5rem;
    line-height: 1.4;

    font-weight: 300;
    text-transform: uppercase;
    -webkit-transition: color .5s;
    transition: color .5s;
    padding-bottom: 15px;
}

.preview-item__title .text-shadow {
    -webkit-transition: text-shadow .5s, -webkit-box-shadow .5s;
    transition: text-shadow .5s, -webkit-box-shadow .5s;
    transition: text-shadow .5s, box-shadow .5s;
    transition: text-shadow .5s, box-shadow .5s, -webkit-box-shadow .5s;
}

.preview-item__content:focus,
.preview-item__content:hover {
    color: #d1b073;
}

.preview-item__content:hover::before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.preview-item__content:hover img {
    -webkit-transform: scale(1.2) rotate(0);
    transform: scale(1.2) rotate(0);
}

.preview-item a {
    background: #fff
}

h4 {
    margin-bottom: 30px
}

footer {
    background: #2c2d2a;
    padding: 50px 0;
    color: #fff;
}

footer img {
    margin-bottom: 30px
}

.soc a {
    display: inline-block;
    margin: 0 10px 0 10px;
}

.soc {
    margin-bottom: 20px;
    padding-left: 0;
}

footer a {
    color: #fff;
}

footer ul {
    list-style: none;
    padding-left: 80px;
}

footer li {
    padding-bottom: 7px
}

.vcflex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

header {
    margin-bottom: 30px
}

.main-menu li {
    list-style: none;
    font-size: 14px;

}

li>a {
    position: relative;
}


.current_page_item>a::after,
ul.main-menu a::after {
    content: "" !important;
    display: block !important;
    position: relative;
    z-index: 1;
    top: auto;
    bottom: -2px;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 0px;
    height: 1px;
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.current_page_item>a::after,
ul.main-menu a:hover::after {
    background-color: #222;
    width: 97% !important;
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

ul.main-menu li>a {
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
}

ul.main-menu {
    list-style: none;
    display: flex;
    justify-content: space-around;
    height: 100%;
    align-content: center;
    margin-bottom: 0;
    align-items: center;
}

.flex {
    display: flex;
    justify-content: space-around;
    height: 100%;
    align-items: center;
}

.page-search-box {
    display: flex;
    height: 100%;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: center;
}

.search-field {
    /* width: 50%; */
    border: solid 1px #fff;
    border-bottom: 1px #666 solid;
    margin-right: 15px;
}

.pxl-anchor-divider {
    overflow: hidden;
    width: 42px;
    height: 30px;
    cursor: pointer;
    position: relative
}

.pxl-anchor-divider .pxl-icon-line {
    height: 2px;
    position: absolute;
    right: 0
}

.pxl-anchor-divider .pxl-icon-line:before,
.pxl-anchor-divider .pxl-icon-line:after {
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    right: 0;
    background: #1f1f1c;
    opacity: 1;
    width: 100%;
    border-radius: 3px
}

.pxl-anchor-divider .pxl-icon-line:before {
    transform: translate3d(100%, 0, 0);
    opacity: 0
}

.pxl-anchor-divider .pxl-icon-line:after {
    transform: translate3d(0, 0, 0)
}

.post-thumbnail2 {
    display: none;
}

article .post-thumbnail {
    display: block;
    border-radius: 50%;
}

.galls h3 {
    text-transform: uppercase;
}

.gal,
.gal2 {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0;
}

.gal a {
    display: block;
    margin-right: 15px
}

.gal img {
    max-height: 150px;
    border-radius: 50%;
}

.gal2 img {
    max-height: 270px;
    margin-right: 30px;

}

.entry-footer {
    background: #fff;
    color: #222;
}

.entry-footer a {
    color: #222;
}

.pxl-anchor-divider .pxl-icon-line.pxl-icon-line1 {
    top: 8px;
    width: 25px;
    left: 7px;
    right: 0
}

.pxl-anchor-divider .pxl-icon-line.pxl-icon-line2 {
    top: 15px;
    width: 25px;
    right: 0;
    left: 7px
}

.pxl-anchor-divider .pxl-icon-line.pxl-icon-line3 {
    top: 22px;
    width: 25px;
    left: 7px;
    right: 0;

}

#sidemenu {
    position: fixed;
    top: 0;
    left: -250px;
    width: 250px;
    height: 100vh;
    background-color: #fff;
    color: white;
    transition: left 0.4s ease;
    z-index: 1000;
}

#sidemenu.open {
    left: 0;
}

.close-popup {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 20px;
    z-index: 10000;
    cursor: pointer;
    color: #000;
    font-size: 12px;
}

.close-popup:hover svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


.searchouter {
    position: fixed;
    top: -250px;
    left: 0;
    width: 100%;
    height: 250px;
    background-color: #fff;
    color: white;
    transition: top 0.4s ease;
    z-index: 1000;
}

#search {

    cursor: pointer;
}

.searchouter.open {
    top: 0;
    transition: top 0.4s ease;
}

#sidemenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 50px;
}

#sidemenu ul ul {
    padding: 0;
    margin: 0;

}

.righticon {
    float: right;
    position: absolute;
    right: 20px;
}

a {
    text-decoration: none;
    color: #000;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
}

#sidemenu ul li {
    margin: 0;
    padding: 0;
}

#sidemenu ul#left {
    margin-top: 0;
    padding-left: 20px;
}

#sidemenu ul li a,
.accordion-button {
    display: block;
    padding: 10px 10px 10px 10px;
    border-left: 2px solid #fff;
    font-size: 16px;
    border-bottom: 1px solid #f2f2f2;
    background: #fff;
    color: #000;
}
.content h4 {
	text-transform: uppercase;
	font-size: 24px;
}
.text-pad {
    padding-left: 30px;
    font-size: 14px;
}

.intro {
	height: 700px;
	width: 100%;
	background: url(venetian_Plaster_decor_2.webp) no-repeat center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn,
.wpforms-submit, #wpforms-submit-53 {
    background: #000;
    color: #fff;
    padding: 10px 30px;
    padding: 15px 15px 16px 15px;
    width: 230px;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
    position: relative !important;
}


.btn:hover,
.wpforms-submit:hover , #wpforms-submit-53:hover{
    background: #000;
    color: #fff
}
#wpforms-submit-53:hover, #wpforms-submit-53{transition: all 0.3s ease}
.btn::before,
.wpforms-submit::before,   #wpforms-submit-53::before 
   { content: "";
    position: absolute;
    height: 150px;
    width: 50px;
    background: #fff;
    left: -55px;
    top: -40px;
    transform: rotate(37deg);
    transition: all .3s;
    opacity: .3
}

.btn:hover:before,  #wpforms-submit-53:hover::before
 {
    left: 95%
}

.intro p {
    background: #000;
    color: #fff;
    padding: 20px 50px;
    text-transform: uppercase;
    font-size: 2em;
    text-align: center;
}

@media (max-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 99% !important;
    }
}

.dnone3 {
    display: none
}

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

header .row {

    align-items: center;
}

.dnone {
    display: none
}


@media (max-width: 768px) {
    .mdnone {
        display: none
    }

    .dnone {
        display: block
    }

    #logo {
        max-width: 280px;
        margin: 0 auto;
        display: block;
    }
}

@media (max-width: 500px) {

    #logo {
        max-width: 100%;

    }
}

.bg {
    background: url(img/bg.jpg) left bottom;
    background-size: cover;
    padding: 50px;
}

h2 {
    text-transform: uppercase;
}

.rel {
    position: relative;
}

.services .rel {
    position: relative;
    overflow: hidden;

}

.rel a {
    display: block;
    cursor: pointer;
    position: relative;
    z-index: 10;
}

.services .rel img {
    transform: scale(1) rotate(0);
    transition: transform 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out;
}

.services .rel:hover img {
    transform: scale(1.2) rotate(0);
    transition: transform 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out;
}

.services .rel:hover::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    opacity: 1;
    -webkit-transition: opacity 1.5s;
    transition: opacity 1.5s;
}

.infoblack {
    position: absolute;
    left: 50%;
    background: #000;
    padding: 30px;
    color: #fff;
    top: calc(50% - 100px);
    text-align: justify;
}

.infoblack a {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
}

.flexal {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: justify;
    font-size: 16px;
}

.arlink img {
    width: 16px;
    fill: #fff;
    margin-left: 5px;
}


.linklist li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-180%, -50%);
    transform: translate(-180%, -50%);
    width: 0;
    height: 2px;
    -webkit-transition: width .5s;
    transition: width .5s;
    background-color: #777;
}

.pad50 {
    padding: 50px 0
}

.txttr {
    text-transform: uppercase;
    font-size: 20px;
    width: 400px;
    margin: 0 auto 10px auto;
    color: #8e8e8e;
}

.pintro {
    text-transform: uppercase;
    font-size: 18px;

    margin: 0 auto 10px auto;
    color: #8e8e8e;
}

.pintro+h2 {
    font-size: 30px;
    margin: 10px 0 30px 0;
}

h2 {
    font-size: 36px;
    margin: 10px 0 30px 0;
}

.plaster img {
    margin-bottom: 30px;
}

.plaster h3 {
    text-transform: uppercase;
    margin-bottom: 30px;
}

.plaster {
    margin-bottom: 30px;
}

.linklist li.act::before,
.linklist li:focus::before,
.linklist li:hover::before {
    width: 2rem;
}

h1 {
    text-transform: uppercase;
    margin-bottom: 30px;
}

.linklist li {
    list-style: none;
    font-size: 14px;
    line-height: 2rem;
    position: relative;
    color: #4a4a4a;
    -webkit-transition: color .5s;
    transition: color .5s;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    cursor: pointer;
    padding: .375rem 0;
    margin: 0;
    background: none;
    border: none;
    outline: none;
    text-align: left;
    text-transform: uppercase;
}

.linklist {
    width: 190px;
    padding-left: 80px;
}




.button-secondary {
    z-index: 1;
    position: relative;
    margin-bottom: 30px;
}


.button__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}




.button-secondary::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 80%;
    font-size: 0;
    line-height: 0;
    bottom: 0;
    border: none;
    outline: none;
    display: block;
    -webkit-transition: right .8s, -webkit-box-shadow .8s;
    transition: right .8s, -webkit-box-shadow .8s;
    transition: right .8s, box-shadow .8s;
    transition: right .8s, box-shadow .8s, -webkit-box-shadow .8s;
    background: hsla(39, 51%, 64%, .6);

}

.button-secondary:hover::before {
    z-index: 0;
    -webkit-transition: right .8s, -webkit-box-shadow .8s;
    transition: right .8s, -webkit-box-shadow .8s;
    transition: right .8s, box-shadow .8s;
    transition: right .8s, box-shadow .8s, -webkit-box-shadow .8s;
    background: hsla(39, 51%, 64%, .6);
    position: absolute;

}







.button-secondary:focus,
.button-secondary:hover {
    color: #18171d
}




.button-secondary:focus:before,
.button-secondary:hover:before {
    right: 1px;
    background: #d1b073;

}


.button-secondary:active {
    color: #545359
}


.button-secondary {
    font-size: 14px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1px;
    color: #222228;
    cursor: pointer;
    width: 220px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 20px;
    padding: 20px 5px 20px 30px;
}

.button-secondary img {
    width: 16px;
    position: absolute;
    right: 15px;
}

.button-secondary:hover img {
    -webkit-animation: side-arrow 1s ease-in-out;
    animation: side-arrow 1s ease-in-out;
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}


.button-secondary .button__content {
    z-index: 1;
    position: relative;
}

@-webkit-keyframes side-arrow {
    0% {
        right: 10px
    }

    33% {
        right: -5px
    }

    66% {
        right: 15px
    }

    to {
        right: 0
    }
}

@keyframes side-arrow {
    0% {
        right: 15px
    }

    33% {
        right: -5px
    }

    66% {
        right: 15px
    }

    to {
        right: 0
    }
}

.gray {
    color: #7a7a7a;
    font-size: 22px;
}

.lh30 {
    line-height: 30px
}

h4 {
    text-transform: uppercase;
    font-size: 40px;
}

.scrollToTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 50px;
    background: #fff;
    color: #000;
    fill: #000;
    padding: 10px;
    display: block;
    height: 50px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 999;
    border-radius: 5px;
}

.scrollToTop.visible {
    opacity: 1;
    visibility: visible;
}

.tit {
    font-size: 16px;
    color: #fff;
    background: #000;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    left: 0;
    right: 0;
    text-align: center;
    width: 70%;
    margin: auto;
    padding: 10px;
    top: calc(50% - 30px);
}

.tit2 {
    font-size: 14px;
    color: #fff;
    background: #000;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    left: 0;
    right: 0;
    text-align: center;
    width: 70%;
    margin: auto;
    padding: 10px;
    bottom: 0;
}

.m15 {
    margin-bottom: 15px
}

.nodisplaypc {
    display: none
}

.soc {
    padding-left: 45px;
}

.flexblock {
    padding-left: 55px;
}

footer img {
    margin-bottom: 30px;
    width: 250px;
}

#topinfo {
    padding: 20px 0 50px 0;

}

#topinfo h1 {
    font-size: 36px;
    margin-bottom: 10px;
}

#breadcrumbs {
    margin-bottom: 30px
}

#services h2 {
    font-size: 30px
}

#services .button-secondary {
    width: 170px;
}


.pad30 {
    padding-bottom: 30px
}

@media(max-width: 1200px) {
    h4 {
        text-transform: uppercase;
        font-size: 30px;
    }

    .gray {
        color: #7a7a7a;
        font-size: 18px;
    }

    .vcflex h3 {
        font-size: 20px;
        text-transform: uppercase;
        margin: 15px 0;
    }
}

@media(max-width: 1000px) {
    #services .container .row:nth-child(odd) {
        flex-direction: column-reverse;
        text-align: center;
    }

    #topinfo h1 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    #services h2 {
        font-size: 24px;
        text-align: center;
    }

    #services p {
        text-align: center;
    }

    footer .col-lg-1 {
        display: none;
    }

    footer ul {
        list-style: none;
        padding-left: 0;
        text-align: center;
        border-top: solid 1px #616260;
        padding-top: 15px;
        display: flex;
        justify-content: space-around;
        margin-top: 30px;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    footer li {
        padding-bottom: 0;
        display: inline-block;
        margin: 0 7px;
    }

    .pad50.faqs .row {
        flex-direction: column-reverse;
    }
}


@media(max-width: 768px) {


    footer ul {
        justify-content: center;
    }

    .button.button-secondary {
        margin: 15px auto 30px auto;
        display: block;
    }

    h1 {
        text-align: center;
        font-size: 36px;
    }

    .whitebtnout .btn {
        width: 120px;
        height: 40px;
        margin: 5px 5px 15px 5px;


    }

    .whitebtn {
        margin: 5px;
        width: 120px;
    }

    .sarea {
        text-align: center;
    }

    .soc,
    .flexblock {
        padding-left: 0;
    }

    footer li {
        padding-bottom: 0;
    }

    .nodisplaypc {
        display: block
    }

    .firstc {
        text-align: center;
    }

    footer img {
        margin-bottom: 20px;

    }

    footer li {
        padding-bottom: 7px;
        display: inline-block;
    }

    .txt.pad50 {
        padding-top: 0
    }

    .intro {
        background: center center url(img/top-finish.webp);
        height: 520px;
        background-size: cover;
    }

    .intro p {
        padding: 20px 30px;
        border-radius: 5px;
        font-size: 1em;
    }

    .rightnav {
        top: auto;
        bottom: 0;
    }

    .bg {

        padding: 50px 0;
    }

    .flexal+div {
        display: none;
    }

    .infoblack {
        left: 30%;
        top: calc(50% - 140px);

    }

    h2 {
        font-size: 24px;
    }

    .txttr {

        font-size: 16px;

    }

    .pintro {

        font-size: 16px;

    }

    .plaster p {
        font-size: 14px;
        line-height: 17px;
    }

    .plaster h3 {
        margin-bottom: 15px;
    }

    .gray {
        color: #7a7a7a;
        font-size: 18px;
        text-align: center;
    }

    h4 {
        text-transform: uppercase;
        font-size: 30px;
        text-align: center;
    }

    .services {
        text-align: center;
    }

    .whitebtnout {
        justify-content: center;
    }

    .nodisplay {
        display: none
    }


.home h1 {
	text-align: center;
}body .plaster h3 {
	margin-bottom: 15px;
	font-size: 16px;
}
body .plaster h3 {
	margin-bottom: 10px;
	font-size: 16px;
}.plaster {
	margin-bottom: 30px;
	font-size: 12px;
}.home h1 {
	font-size: 22px !important;
	text-align: center  !important;
}.rel p {
	font-size: 14px;
}body .plaster h3 {
	margin-bottom: 15px;
	font-size: 18px !important;
} h2 {
	font-size: 22px;
}h4 {	 
	font-size: 20px;
 }.preview-item__title {
	font-size: 16px;
 
}
}

.plaster p {

    color: #484848;
}