/*
Theme Name: Facility armor
Theme URI: 
Description: Custom Wordpress template
Author: Lowweb
Author URI: https://www.lowweb.es
Version: 1.0
*/

    /******************************************FONT*/
    @font-face {
        font-family: 'mainFont';
        /*a name to be used later*/
        src: url('fonts/Gotham-Book.otf');
        /*URL to font*/
    }

    @font-face {
        font-family: 'mainFontBlod';
        /*a name to be used later*/
        src: url('fonts/Gotham-Bold.otf');
        /*URL to font*/
    }

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: 'mainFont';

    }

    header *,
    footer,
    footer * {
        position: relative;


    }

    h1,
    h2,
    h3,
    strong {
        font-family: 'mainFontBlod';
    }

    strong {
        font-weight: 400;
    }

    body {
        background: #FFF;
        color: #101820;
        font-size: 12pt;
        line-height: 1.4;
    }


    p.title {
        font-family: 'mainFontBlod';
    }

    .whiteFont {
        color: #898c8e;
    }

    .redFont {
        color: #E81D2D;
    }

    p {
        margin: 0 0 10px 0;
    }

    a {
        transition: all 0.5s ease;
        text-decoration: none;
    }

    a:hover {}

    img {
        max-width: 100%;
    }

    .clear,
    .clearThree,
    .clearTwo {
        clear: both;
    }

    .container {
        width: 1100px;
        margin: 0 auto;
    }

    .group:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }


    .column {
        float: left;
        height: 100%;
        overflow: hidden;
        width: 33.3333%;
        padding: 0 20px;
    }

    .column.doubleColumn {
        width: 66.666%;
    }

    .comunBlock {
        float: left;
        width: 100%;
    }

    .marginRight {
        margin-right: 2%;
    }

    .containerAbsolute {
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        top: 0;
        text-align: center;
    }

    .partLeft {
        float: left;
        width: 50%;
    }

    .partRight {
        float: right;
        width: 50%;
    }

    .generalLink {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 111;
    }

    .shadow {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0.5;
        background-color: black;
    }

    .menuFixed {
        position: fixed;
        width: 100%;
        z-index: 99999;
        display: none;
        top: 0;
        margin-top: 0px !important;
    }

    .buttonSubmit input,
    .button1,
    .post-password-form input[type="submit"] {
        font-weight: 600;
        margin-top: 10px;
        background-color: #d53a36;
        border: 2px solid #d53a36;
        color: #fff;
        padding: 10px 20px;
        cursor: pointer;
        display: inline-block;
        text-transform: uppercase;
        -webkit-appearance: none;
        transition: all 0.5s ease 0s;
    }

    .buttonSubmit input:hover,
    .button1:hover,
    .post-password-form input[type="submit"]:hover {
        background-color: transparent;
        color: #d53a36;
    }

    .backgroundImage {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .slick-next {

        right: 20px !important;
        z-index: 999 !important;

    }

    .slick-prev {

        left: 20px !important;
        z-index: 999 !important;

    }

    .texturesBlock .slick-next {

        right: -30px !important;
        z-index: 999 !important;
        top: 40%;
    }

    .texturesBlock .slick-prev {
        left: -30px !important;
        z-index: 999 !important;
        top: 40%;
    }

    .slick-prev::before,
    .slick-next::before {


        font-size: 25pt !important;
        color: #000 !important;

    }

    /************************************************************* START - HEADER */
    .home header {
        display: none;
    }

    header {
        top: 0;
        width: 100%;
        z-index: 9999;
        padding: 20px 0 10px;
        position: fixed;
    }

    header .shadow {
        background-color: #fff;
        opacity: 0.85;
    }

    .home header .shadow {
        opacity: 0.9;
    }

    .sub-menu {
        display: none;
        position: absolute;
        background-color: #fff;
        width: 300px !important;
        top: 44px;
        border: solid 1px #000;
        left: 0px;
    }

    .sub-menu li {

        width: 100%;
    }

    .main-menu li .sub-menu a {
        font-size: 11pt;
        width: 100%;
        padding: 10px 20px;
        text-transform: none;
    }

    .sub-menu .sub-menu {
        position: absolute;
        left: 299px;
        width: 300px !important;
        top: -1px;
        padding: 0;
        display: none;
    }

    .arrowMenuBlock {
        color: #E81D2D;
        position: absolute;
        right: 4px;
        font-size: 14pt;
        top: 8px;
        font-weight: 100;
        transition: all 0.5s ease;
    }

    .arrowRotationMenu {
        background-color: #fff;
        color: #333;
        padding: 1px 11px;
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .main-menu {
        position: absolute;
        right: 0;
        top: 4px;
    }

    .main-menu ul {
        float: left;
        margin: 0;
        width: 100%;
    }

    .main-menu li {
        display: inline-block;
        float: left;
    }


    .main-menu li a {
        color: #101820;
        float: left;
        font-weight: 600;
        padding: 11px 21px;
        text-transform: uppercase;
        transition: all 0.5s ease 0s;
    }

    .main-menu li a:hover,
    .main-menu .current_page_item>a {
        color: #E81D2D;

    }

    #menu-item-1039 {
        background-color: #E81D2D;
        border-radius: 29px;
        margin: 4px 0 0;
        transition: all 0.5s ease 0s;
        border: solid 2px #E81D2D;
    }

    li#menu-item-1039 a {
        color: #fff;
        padding: 7px 21px;
        border-radius: 29px;
    }

    #menu-item-1039:hover,
    #menu-item-1039:hover a {
        background-color: #fff;
        color: #101820;

    }

    .page-id-61 .headerDefault,
    .page-id-133 .headerDefault {
        margin: 85px 0 0;
    }

    /************************************************************* END - HEADER */


    /************************************************************* START - HOME */


    .generalContent {
        padding: 50px 0;
    }

    /*#page_content {
    background-color: black;
    color: white;
    height: 500px;
}*/

    .home #page_content {
        background-color: #101820;
    }

    #page_content {
        z-index: 111;
        background-color: #ededed;
        position: relative;
        overflow: hidden;
    }

    .slider {
        height: 500px;
        overflow: hidden;
    }

    .slider section {
        background-position: center center;
        height: 100%;
        position: fixed !important;
        top: 0;
        width: 100%;
        background-size: cover;
    }

    video {
        width: 100%;
    }

    .slick-track,
    .slick-list {
        height: 100%;
    }

    #section1Home {
        background-color: #000;
        height: 500px;
    }

    #inicioSection {
        width: 100%;
        z-index: 11;
    }

    #inicioSection>div {
        position: fixed;
        width: 100%;
        height: 100%;
        float: left;
        display: block;
    }

    #inicioSection .arrowSmall {
        margin: 20px 0 0;
        -webkit-animation-delay: 2s;
        -moz-animation-delay: 2s;
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        cursor: pointer;
    }

    @-moz-keyframes bounce {

        0%,
        20%,
        50%,
        80%,
        100% {
            -moz-transform: translateY(0);
            transform: translateY(0);
        }

        40% {
            -moz-transform: translateY(-10px);
            transform: translateY(-10px);
        }

        60% {
            -moz-transform: translateY(-5px);
            transform: translateY(-5px);
        }
    }

    @-webkit-keyframes bounce {

        0%,
        20%,
        50%,
        80%,
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        40% {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
        }

        60% {
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
        }
    }

    @keyframes bounce {

        0%,
        20%,
        50%,
        80%,
        100% {
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        40% {
            -moz-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
        }

        60% {
            -moz-transform: translateY(-5px);
            -ms-transform: translateY(-5px);
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
        }
    }

    #inicioSection .arrowSmall {
        animation: 2s ease-out 0s normal none infinite running bounce;
        margin: 40px 0 0;
        position: absolute;
        bottom: 50px;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

    #section1Home {
        height: 400px;
    }

    .carouselItem {
        position: relative;
        float: left;
        width: 25%;
    }

    .slick-prev {
        background-image: url("images/home/arrow-left.png") !important;
        width: 35px !important;
        height: 32px !important;
    }

    .slick-next {
        background-image: url("images/home/arrow-right.png") !important;
        width: 35px !important;
        height: 32px !important;
    }

    .texturesBlock .slick-prev {
        background-image: url("images/home/arrow-left-colors.png") !important;
        width: 23px !important;
        height: 35px !important;
    }

    .texturesBlock .slick-next {
        background-image: url("images/home/arrow-right-colors.png") !important;
        width: 23px !important;
        height: 35px !important;
    }

    .slick-prev:before,
    .slick-next:before {

        content: none !important;
    }

    #section2Home {
        padding: 0 0 9px;
        background-color: #fff;
    }

    .butonSection {
        float: left;
        width: 49%;
        text-align: center;
        color: #fff;
        margin: 9px 0.5% 9px;
        height: 300px;
        position: relative;
    }


    .redBlock,
    .greyBlock,
    .whiteBlock {
        padding: 65px 0;
        height: 100%;
        width: 100%;
        background-color: #d53a36;
    }


    .greyBlock {
        background-color: #12171e !important;
        padding: 65px 21%;
    }

    .whiteBlock {
        background-color: #fff !important;
        padding: 65px 21%;
        color: #101820;
    }

    .bigText .whiteBlock {
        padding: 30px 21%;
    }

    .butonSection.smallSize {
        width: 32.3%;
    }



    .butonSection p.title {
        margin: 10px 0 0;
        font-size: 13pt;
        font-family: 'mainFontBlod';
        text-transform: uppercase;
    }

    .butonSection .greyBlock p.title {
        margin: 0 0 20px;
    }



    #sectionApplication {
        height: 350px;
        padding: 10px 10px 0 10px;
        background-color: white;
        position: relative;
    }

    #sectionApplication .content {
        background-color: #101820;
        height: 100%;
    }

    #sectionApplication .partRight {

        height: 100%;
        padding: 10px;
    }

    #sectionApplication .partRight .content {
        background-image: url(images/home/graphic-small-facility-armor.jpg);
        background-size: cover;
        background-position: center;
        height: 100%;
    }

    #sectionApplication .partLeft {
        color: #fff;
        padding: 70px 20px 0 14%;
        text-align: left;
    }

    #sectionApplication .partLeft p.title {
        text-align: center;
        text-transform: uppercase;
        border-bottom: 2px #fff solid;
        padding-bottom: 10px;
        display: inline-block;
        font-size: 19pt;
        margin: 0 0 40px;
    }

    #sectionApplication .partLeft p {

        font-weight: 600;
        font-size: 15pt;
    }

    #video-compare-container {
        display: inline-block;
        line-height: 0;
        position: relative;
        width: 100%;
        padding-top: 0;
        height: 100%;
    }

    #video-compare-container>video {
        width: 100%;
        position: absolute;
        top: 0;
        height: 100%;
    }

    #video-clipper {
        width: 50%;
        position: absolute;
        top: 0;
        bottom: 0;
        overflow: hidden;
    }

    #video-clipper video {
        width: 200%;
        position: absolute;
        height: 100%;
    }

    /************************************************************* END - HOME */

    /************************************************************* START - PAGE DEFAULT */
    .page-template-matting-solution-page .headerDefault h1,
    .page-template-quickship-page .headerDefault h1,
    .page-template-gym-floor-cover-page .headerDefault h1,
    .page-template-integior-matting-page .headerDefault h1,
    .page-template-cost-calculators-page .headerDefault h1 {
        display: none;
    }

    .headerDefault {
        height: 500px;
        overflow: hidden;
    }

    .temporalBlock p {
        font-size: 20pt;
        float: left;
        margin: 0 0 50px;
    }

    .temporalBlock i {
        font-size: 34pt;
        float: left;
        margin: 0 20px;
    }

    /************************************************************* END - PAGE DEFAULT */

    /************************************************************* START - PAGE COVID */

    .covidBlock .partRight,
    .partRight.covidBlock {
        padding: 60px 0 0;
    }

    #videoCovid {
        margin: 100px 0 0;
        text-align: center;
    }

    /************************************************************* END - PAGE COVID */

    /************************************************************* START - FEATURED PAGE */

    .butonSection.fullWidth {
        width: 99%;
    }

    .alternativeEffect .whiteBlock,
    .fadeEffect .greyBlock {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
    }

    .alternativeEffect {
        display: block;
        height: 100%;
        width: 100%;
    }

    .logoFeaturedBlock {
        width: 350px;
        height: 130px;
        margin: 0 auto;
        position: relative;
        margin: 21px auto 0;
    }

    .logoFeaturedBlock p.title {
        position: absolute;
        top: 24px;
        font-size: 15pt;
        background-color: #12171e;
        right: 0;
        left: 0;
        margin: 0 auto !important;
    }

    .redBlock .logoFeaturedBlock p.title {
        background-color: #d53a36;
    }

    /************************************************************* END - FEATURED PAGE */

    /************************************************************* START - FEATURED PAGE 2 */
    #textPopupBlock {
        max-width: 900px;
        padding: 60px;
        display: none;
        text-align: left;
    }

    .CloseIcon {
        position: absolute;
        top: 20px;
        right: 22px;
        cursor: pointer;
    }

    .logoPopUp {
        float: left;
        margin: 0 30px 30px 0;
    }

    #textPopupBlock p.title {
        color: #E81D2D;
    }

    .page-id-81 .sectionFeatured:nth-child(1) .whiteBlock {
        padding: 53px 21% 10px;
    }

    .page-id-81 .sectionFeatured:nth-child(1) .whiteBlock a,
    .page-id-81 .sectionFeatured:nth-child(1) .whiteBlock .title {
        display: none;
    }

    .fancybox-container .partLeft,
    .fancybox-container .partRight {
        padding: 0 20px;
    }

    .page-id-133 .sectionFeatured .butonSection:nth-child(4) {
        width: 100% !important;
    }

    .page-id-155 #specificationsBlock .container>p.title,
    .page-id-157 #specificationsBlock .container>p.title {
        display: none;
    }

    /************************************************************* END - FEATURED PAGE 2 */

    /************************************************************* START - QUICKSHIP PAGE */
    .page-template-quickship-page .logoFeaturedBlock p.title {
        top: auto;
    }

    .quickshipStyle .logoFeaturedBlock .partRight p {
        text-align: left;
    }

    .logoStandarBlock {
        font-family: 'mainFontBold';
        color: #fff;
        padding-left: 103px;
        position: relative;
        width: 368px;
        margin: 45px auto 0;
        text-align: left;
    }

    .butonSection .logoStandarBlock p.title {
        font-size: 19pt;
        line-height: 1;
        margin: 16px 0 20px;
        float: left;
    }

    .logoStandarBlock span {
        font-family: 'mainFont';
    }

    .logoStandarBlock strong {
        color: #E81D2D;
        font-family: 'mainFontBlod';
    }

    .logoStandarBlock img {
        position: absolute;
        left: 0;
        top: 0;
    }

    .quickshipStyle .whiteBlock img {
        margin: 20px 0;

    }

    .quickshipStyle .whiteBlock {
        padding: 30px 21%;

    }


    /************************************************************* END - QUICKSHIP PAGE */

    /************************************************************* START - PRODUCT1 PAGE */
    .page-template-product-layout1-page #page_content,
    .page-template-product-layout2-page #page_content,
    .page-template-product-layout3-page #page_content,
    .page-template-product-layout4-page #page_content,
    .page-template-kitchen-page #page_content,
    .page-template-product-layout5-page #page_content,
    .page-template-product-layout6-page #page_content,
    .page-template-pressed-logos-page #page_content,
    .page-template-ea-rogue-page #page_content,
    .page-template-jani-shield-page #page_content,
    .page-template-inlaid-logos-page #page_content,
    .page-template-cost-calculators-page #page_content,
    .page-template-covid-page #page_content,
    .page-template-about-page #page_content,
    .page-template-tunnel-page #page_content {
        background-color: #fff;
    }

    .headerProduct .container {
        padding: 100px 0 0;
    }

    .headerProduct .logoStandarBlock {
        margin: 126px auto;
        width: 500px;
        text-align: left;
        padding-left: 142px;
    }

    .headerProduct .logoStandarBlock h1 {
        font-size: 26pt;
        text-transform: uppercase;
        line-height: 1;
        float: left;
        margin: 25px 0 0;
    }

    .galleryItem {
        float: left;
        width: 32.65%;
        margin: 10px 0;
        height: 400px;
        position: relative;
    }

    #galleryBlock .galleryItem:nth-child(2) {
        margin: 10px 1%;
    }

    #protectionBanner,
    .protectionBanner {
        background-color: #d53b37;
        padding: 10px 0;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
    }

    .protectionBanner {
        height: 40px;
    }

    #protectionBanner p {
        margin: 0;
        font-size: 15pt;
    }

    #mainContent {
        background-image: url(images/products/shadow-content.png);
        min-height: 450px;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 55px 0 0;
        text-align: center;
    }

    #mainContent .container.group {
        padding: 0 10%;

    }

    #mainContent p,
    #specificationsBlock p.title,
    #extraBlock p.title,
    #mainContentBlock p.title {
        border-left: 2px #d53b37 solid;
        padding-left: 20px;
        text-align: left;
    }

    #mainContent figure {
        display: inline-block;
        margin: 100px auto 0;
    }

    #specificationsBlock {
        margin: 40px 0 60px;
        /*border-top: #d0d1d2 4px solid;*/
        padding-top: 40px;
    }

    #texturesMainBlock {
        margin: 40px 0 60px;
    }

    #specificationsBlock p.title,
    #extraBlock p.title,
    .page-template-about-page p.title,
    #educationVideosSection p.title {
        text-transform: uppercase;
        font-family: mainFont;
        font-size: 15pt;
        margin: 0 0 20px;
        text-align: left;
    }

    #specificationsBlock .container .column:nth-child(3) {
        float: right;
    }

    .page-template-product-layout1-page #page_content i,
    .page-template-product-layout2-page #page_content i,
    .page-template-product-layout3-page #page_content i,
    #mainContentBlock i,
    .page-template-kitchen-page #page_content i,
    .page-template-product-layout4-page #page_content i,
    .page-template-product-layout5-page #page_content i,
    .page-template-product-layout6-page #page_content i,
    .page-template-ea-rogue-page #page_content i,
    .page-template-jani-shield-page #page_content i,
    .page-template-covid-page #page_content i,
    .page-template-tunnel-page #page_content i {
        color: #d53b37;
        margin-right: 10px;
        font-size: 11pt;
        margin-bottom: 10px;
    }

    .warrantyBlock {
        margin: 40px 0 20px;
    }

    .warrantyBlock .buttonsWarrantyBlock {
        float: left;
        width: 19%;
        padding: 0 2%;
    }

    .warrantyBlock .buttonsWarrantyBlock span {
        margin: 0 20px;
    }

    .warrantyBlock .line {
        float: left;
        width: 40%;
        border: solid 2px #d0d1d2;
        margin: 23px 0 0;
    }

    #extraBlock,
    .extraBlock {
        background-image: url(images/products/shadow-extra-block.png);
        height: 350px;
        padding: 59px 0 20px;
        background-size: cover;
        background-position: 450px 0;
        background-repeat: no-repeat;
        margin: 90px 0;
    }

    .extraBlock {
        height: auto !important;
    }

    #extraBlock .container,
    .extraBlock .container {
        position: relative;
    }

    #extraBlock img {
        position: absolute;
        right: -60px;
        top: -74px;
        max-width: 800px;
    }

    .standarTitleBlock {
        text-align: center;
        margin: 0 auto 60px;
    }

    .standarTitleBlock p.title {
        text-transform: uppercase;
    }

    .standarTitleBlock hr {
        border: #d53a36 solid 1px;
        width: 250px;
        margin: 0 auto;
    }

    #accessories {
        margin: 100px 0;
    }

    .accessoriesItem {
        float: left;
        width: 25%;
        padding: 0 25px;
    }

    .accessoriesItem .content {
        min-height: 170px;
        position: relative;
        text-align: center;
    }

    .accessoriesItem p.title {
        position: absolute;
        color: #d53a36;
        bottom: -36px;
        margin: 0 auto;
        right: 0;
        left: 0;
        text-align: center;
    }

    p.listItem {
        padding-left: 30px;
        position: relative;
    }

    p.listItem i {
        position: absolute;
        left: 0;
        top: 5px;
    }

    #galleryContent img {
        float: left;
        width: 33%;
        margin: 0 0 30px;
    }

    #accessories .container {
        position: relative;
    }

    #educationVideosSection {
        text-align: center;
        margin: 30px 0 50px;
    }

    #educationVideosSection .container {
        padding: 0 0 50px;
        border-bottom: solid 4px #d0d1d2;
    }

    #educationVideosSection p.title {
        text-align: center;
        display: inline-block;
        padding-left: 20px;
        border-left: 2px #d53b37 solid;
    }

    #educationVideosSection .text {
        margin: 30px 0;
        font-size: 11pt;
    }

    .videosEducationalBlock {
        width: 800px;
        display: inline-block !important;
    }

    .videosEducationalBlock a {

        margin: 0 10px;
    }

    #educationVideosSection .slick-prev {
        background-image: url(images/home/arrow-left-black.png) !important;
        left: -50px !important;
    }

    #educationVideosSection .slick-next {
        background-image: url(images/home/arrow-right-black.png) !important;
        right: -50px !important;
    }

    .titleEducationalBlock {
        padding: 10px 0 0 59px;
        display: inline-block;
        position: relative;
    }

    .titleEducationalBlock>img.buttonPlay {

        position: absolute;
        left: 0;
        top: 3px;
    }

    .videosEducationalBlock a {
        position: relative;
    }

    a>img.buttonPlay {
        position: absolute;
        top: 40px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100px;
    }

    /************************************************************* END - PRODUCT1 PAGE */

    /************************************************************* START - PRODUCT2 PAGE */
    #mainImageBlock {
        height: 400px;
        margin: 10px 0;
    }

    #descriptionBlock {
        margin: 80px 0;
    }

    #descriptionBlock .container div:nth-child(1) {
        padding-right: 3%
    }

    #descriptionBlock .container div:nth-child(2) {
        padding-left: 3%
    }

    #specificationsBlock .partLeft {
        padding-right: 3%;
    }

    .texturesBlock {
        margin: 50px 0 20px;
    }

    .texturesBlock .textureItem {
        float: left;
        width: 16%;
        padding: 0 11px;
        margin: 0 0 20px;
    }

    .texturesBlock .textureItem img {
        border-radius: 20px;
        min-height: 124px;
        display: inline-block;
    }

    .textureItem p.title,
    #specificationsBlock .textureItem p.title {
        border: none;
        padding: 0;
        text-transform: none;
        color: #898c8e;
        font-size: 11pt;
        text-align: center;
        font-family: mainFont;
    }

    .textureItem p.title {
        margin: 10px 0 20px !important;
    }

    /************************************************************* END - PRODUCT2 PAGE */

    /************************************************************* START - PRODUCT3 PAGE */
    .texturesCadetBlock .texture1,
    .texturesCadetBlock .texture2 {
        float: left;
        width: 20%;
        margin: 0 1%;
        padding: 0 !important;
    }

    .texturesCadetBlock .texture3 {
        float: left;
        width: 54%;
        margin: 0 1%;
    }

    /************************************************************* END - PRODUCT3 PAGE */

    /************************************************************* START - PRODUCT4 PAGE */

    #extraBlock.layout4 {
        margin: 0 0 60px;
    }

    #extraBlock.layout4 img {
        position: relative;
    }

    #extraBlock.layout4 img.middleImage {
        position: absolute;
        /* width: 300px; */
        top: -72px;
        right: 0;
        left: 0;
        margin: 0 auto;
        max-width: 86%;
    }

    #extraBlock.layout4 img {
        position: relative;
        right: auto;
        top: auto;
        max-width: 100%;
    }

    #extraBlock .column:nth-child(2) {
        height: 371px;
        position: relative;
        overflow: visible;
        padding: 0 51px;
    }

    #extraBlock .column:nth-child(3) {
        float: right;
    }

    .imageGBLBlock {
        display: none;
    }

    .page-id-83 .imageGBLBlock {
        display: block;
        position: absolute;
        bottom: 33px;
        left: 145px;
    }

    .page-id-69 .imageGBLBlock {
        display: block;
        position: absolute;
        bottom: 33px;
        right: 0;
    }

    .page-id-71 .colorItem {
        width: 50%;
        float: left;
        padding: 0 35px;
        text-align: center;
    }

    .page-id-71 .imageGBLBlock {
        display: block;
        width: 100%;
        float: left;
    }

    .page-id-71 #specificationsBlock .container .column:nth-child(3) {
        float: right;
        width: 50%;
    }

    .page-id-71 model-viewer {
        height: 400px;
        width: 400px;
        margin: 0 auto;
    }

    model-viewer {
        height: 300px;
        width: 300px;
        margin: 0 auto;
    }

    /************************************************************* END - PRODUCT4 PAGE */

    /************************************************************* START - ABOUT PAGE */
    .page-template-about-page .headerDefault {
        height: 900px;
    }

    .page-template-about-page #mainContent {
        background-image: none;
        min-height: 450px;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 100px 0;
        text-align: center;
    }

    .page-template-about-page #mainContent p {
        border-left: none;
        padding-left: 0;
    }

    .page-template-about-page #page_content h1 {
        color: #d53b37;
        text-align: left;
        text-transform: uppercase;
        font-family: 'mainFont';
    }

    .page-template-about-page #mainContent p.title {
        border-left: 2px #d53b37 solid;
        padding-left: 20px;
        margin: 30px 0 15px;
    }

    .footerImage.backgroundImage {
        height: 800px;
    }

    /************************************************************* END - ABOUT PAGE */

    /************************************************************* START - EDUCATIONAL VIDEOS PAGE */
    .page-template-educational-page .headerProduct .logoStandarBlock,
    .page-template-maintenance-page .headerProduct .logoStandarBlock {
        margin: 212px auto;
        width: 100%;
        padding: 0 20px;
        text-align: center;
    }

    .page-template-educational-page .headerProduct .logoStandarBlock h1,
    .page-template-maintenance-page .headerProduct .logoStandarBlock h1 {
        float: none;
        text-align: center;
        margin: 140px 0 0;
        color: #181e26;
        font-family: 'mainFont';
    }

    .page-template-educational-page .logoStandarBlock img,
    .page-template-maintenance-page .logoStandarBlock img {
        position: absolute;
        left: 0;
        top: -128px;
        display: block;
        right: 0;
        margin: 0 auto;
    }

    #blocksEducational {
        margin: 0 0 50px;
    }

    #blocksEducational .partLeft {
        margin: 0 0.5%;
        width: 49%;
    }

    .singleVideo {
        width: 100%;
        float: left;
        border-top: solid 1px #181e26;
        border-right: solid 1px #181e26;
        border-left: solid 1px #181e26;
        text-align: center;
        padding: 10px;
        margin: 0;
    }

    .singleVideo a,
    .singleVideo p {
        color: #181e26;
        font-family: 'mainFontBlod';
        margin: 0;
    }

    .singleVideo a:hover {
        color: #E81D2D;
        text-decoration: underline;
    }

    #blocksEducational .singleVideo:last-child {
        border-bottom: solid 1px #181e26;
    }

    #blocksEducational .titleBlock {
        color: #fff;
        background-color: #E81D2D;
        padding: 10px;
        text-align: center;
        text-transform: uppercase;
        font-size: 16pt;
    }

    #blocksEducational .titleBlock p {
        margin: 0;
    }

    /************************************************************* END - EDUCATIONAL VIDEOS PAGE */

    /************************************************************* START - INLAID LOGOS PAGE */
    #mainContentBlock {
        margin: 50px 0 0;
    }

    #mainContentBlock p.title {
        font-size: 20pt;
        margin: 0 0 30px
    }

    /************************************************************* END - INLAID LOGOS PAGE */

    /************************************************************* START - JABY SHIELD PAGE */
    .page-template-jani-shield-page #specificationsBlock .partLeft {
        width: 48%;
        margin: 0 0 100px;
        text-align: justify;
    }

    .page-template-jani-shield-page #specificationsBlock .partLeft:nth-child(1),
    .page-template-jani-shield-page #specificationsBlock .partLeft:nth-child(4) {
        margin-right: 4%;
    }

    /************************************************************* END - JABY SHIELD PAGE */

    /************************************************************* START - ACCESSORIES PAGE */
    /* #specificationsBlock.accesoriesBlock .column:nth-child(2) {
    width: 66.66%;
    text-align: right;
} */
    .page-id-87 .headerProduct .logoStandarBlock h1 {
        font-size: 26pt;
        margin: 17px 0 0;
    }

    .accesoriesBlock p.title {
        padding: 10px 20px;
        background-color: #d53b37;
        color: #fff;
        border: none;
        font-size: 10pt !important;
        text-align: center !important;
        margin: 20px 0 40px !important;
        font-family: 'mainFontBlod' !important;
    }

    .accesoriesBlock .column {
        min-height: 400px;
    }

    #specificationsBlock.accesoriesBlock .container .column:nth-child(3) {
        float: left;
    }

    /************************************************************* END - ACCESSORIES PAGE */

    /************************************************************* START - PRESSED LOGOS PAGE */
    #galleryContent {
        margin: 100px 0;
        text-align: center;
    }

    #galleryContent .galleryContentItem {
        float: left;
        height: 260px;
        margin: 0 0.5% 10px;
    }


    #galleryContent .galleryContentItem:nth-child(1),
    #galleryContent .galleryContentItem:nth-child(4),
    #galleryContent .galleryContentItem:nth-child(5),
    #galleryContent .galleryContentItem:nth-child(8),
    #galleryContent .galleryContentItem:nth-child(9),
    #galleryContent .galleryContentItem:nth-child(12) {
        width: 67%;
    }

    #galleryContent .galleryContentItem:nth-child(2),
    #galleryContent .galleryContentItem:nth-child(3),
    #galleryContent .galleryContentItem:nth-child(6),
    #galleryContent .galleryContentItem:nth-child(7),
    #galleryContent .galleryContentItem:nth-child(10),
    #galleryContent .galleryContentItem:nth-child(11) {
        width: 31%;
    }

    #galleryContent .galleryContentItem.galleryContentItem1 {
        background-image: url("images/pressed/line-pressed-logos-9.jpg");
    }

    #galleryContent .galleryContentItem.galleryContentItem2 {
        background-image: url("images/pressed/square-pressed-logos-9.jpg");
    }

    /************************************************************* END - PRESSED LOGOS PAGE */



    /************************************************************* START - COST CALCULATOR */
    .page-template-cost-calculators-page #page_content {
        min-height: 500px;
    }

    .page-template-cost-calculators-page #page_content h1 {
        margin: 0 0 50px;
    }

    .calculatorItem {
        float: left;
        width: 21%;
        margin: 0 1% 20px;
        position: relative;
        text-align: center;
        min-height: 200px;
    }

    .calculatorItem img {
        margin: 0 0 30px;
    }

    .post-password-form label {
        display: inline-block;
        margin: 20px 20px 20px 0;
    }

    .post-password-form label input {
        padding: 10px 20px;
    }

    /************************************************************* END - COST CALCULATOR */

    /************************************************************* START - PAGE DEFAULT */
    .page-template-default #page_content h1 {
        margin: 0 0 30px;
    }

    .page-template-default #page_content ul {
        display: block;
        margin: 0 0 20px;
        padding-left: 20px;
    }

    .page-template-default #page_content ul li {
        padding-left: 6px;
        margin: 0 0 10px;
    }

    .page-template-default #page_content h2 {
        margin: 30px 0 20px;
    }

    /************************************************************* END - PAGE DEFAULT */


    /************************************************************* START - BLOG */
    .grid2Block {
        width: 80%;
        padding-right: 20px;
    }

    aside {
        width: 20%;
        float: right;
    }

    article {
        border: 1px solid red;
        color: #282828;
    }

    article .image {
        height: 200px;
    }


    .blogPage article {
        border: 1px solid #ddd;
        color: #282828;
        margin: 0 1% 20px;
        width: 31%;
    }

    #searchform label {
        display: none;
    }

    .form-input {
        border: 1px solid #ddd;
        height: 40px;
        padding: 10px;
        width: 100%;
    }

    #categories-2 {
        color: #282828;
        margin: 40px 0 0;
    }

    #categories-2 ul,
    #categories-2 ul li {
        display: block;
    }

    article .product-link-content {
        padding: 10px 15px;
    }

    .socialShare {
        padding: 0 15px;
    }

    .socialShare a {
        float: left;
        margin: 5px 7px;
    }

    .socialShare a i {
        font-size: 15pt;
        color: #282828;
    }

    .wp-pagenavi {
        clear: both;
    }


    .wp-pagenavi a,
    .wp-pagenavi span {
        border: 1px solid #bfbfbf !important;
        color: #bfbfbf !important;
        margin: 2px;
        padding: 5px 10px !important;
        text-decoration: none
    }

    .wp-pagenavi a:hover,
    .wp-pagenavi span.current {
        background-color: #000 !important;
        color: white !important;
    }

    .wp-pagenavi span.current {
        font-weight: normal !important;
    }

    #pagination {
        margin: 40px 0 0;
    }

    .responsiveImage {
        max-width: 100%;
    }

    .error404 #page_content {
        margin: 150px 0 0;
        min-height: 400px;
    }

    /************************************************************* END - BLOG */

    /********************************************************START - CONTACTO */

    .generalContent.contactPage .partLeft {
        width: 65%;
    }


    .generalContent.contactPage .partRight {
        padding: 40px 0px 55px 75px;
        width: 35%;
    }

    .firstLine {
        float: left;
        width: 49%;
    }

    .firstLine2 {
        float: right;
        width: 49%;
    }

    .secondLine {
        float: left;
        width: 100%;
    }

    .firstLine,
    .firstLine2,
    .secondLine {
        margin-bottom: 20px;
    }

    .wpcf7-form span,
    .wpcf7-form span input,
    .wpcf7-form span textarea {
        width: 100%;
    }


    .wpcf7-form span input,
    .wpcf7-form span textarea {
        border: 2px solid #101820;
        color: #101820;
        font-size: 12pt;
        padding: 10px 15px;
        background-color: #fff;
    }


    .wpcf7-form input::-webkit-input-placeholder,
    .wpcf7-form textarea::-webkit-input-placeholder {
        color: #101820;
        opacity: 1;
        font-size: 12pt;
    }

    .wpcf7-form input:-moz-placeholder,
    .wpcf7-form textarea:-moz-placeholder {
        /* Firefox 18- */
        color: #101820;
        opacity: 1;
        font-size: 12pt;
    }

    .wpcf7-form input::-moz-placeholder,
    .wpcf7-form textarea::-moz-placeholder {
        /* Firefox 19+ */
        color: #101820;
        opacity: 1;
        font-size: 12pt;
    }

    .wpcf7-form input:-ms-input-placeholder,
    .wpcf7-form textarea:-ms-input-placeholder {
        color: #101820;
        opacity: 1;
        font-size: 12pt;
    }

    .buttonSubmit {
        float: left;
        clear: left;
    }

    .thirdLine {
        float: left;
        width: 100%;
    }

    .wpcf7-form-control-wrap {
        float: left;
        clear: left;
    }

    div.wpcf7-response-output {
        margin: 0 !important;
        padding: 0 !important;
        float: left;
        width: 100%;
    }

    div.wpcf7-mail-sent-ok {
        color: green !important;
        border: none !important;
    }

    div.wpcf7-mail-sent-ng {
        border: none !important;
    }

    div.wpcf7-spam-blocked {
        border: none !important;
    }

    div.wpcf7-validation-errors {
        color: red !important;
        border: none !important;
    }

    span.wpcf7-not-valid-tip {
        margin: 10px 0 !important;
    }

    #mapBlock {
        margin: 50px 0;
        float: left;
        width: 100%;
    }

    .wpcf7 {
        text-align: left;
    }

    .cf7sr-g-recaptcha {
        float: left;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    /********************************************************END - CONTACTO */

    /********************************************************start - APPLICATIONS */
    #applicationBlock {
        margin: 85px 0 0;
    }

    /* 3D RENDER STYLES
---------------------------------------*/
    .render {
        background: #000;
    }

    .render .wrap {
        position: relative;
    }

    .render .pulse-wrapper {
        display: block;
        position: absolute;
    }

    .render .pulse-wrapper:hover {
        cursor: pointer;
    }

    .render .pulse-wrapper:hover .marker {
        background: #fff;
    }

    .render .pulse-wrapper:hover .rays {
        background: #fff;
        border: none;
    }

    .render .pulse-wrapper:hover .tool {
        opacity: 1;
        bottom: -60px;
    }

    .render .pulse-wrapper i {
        color: #fff;
        position: relative;
        left: 10px;
        top: 7px;
        font-size: 17px;
        display: block;
        z-index: 2;
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
    }

    .render .pulse-wrapper .marker {
        width: 20px;
        height: 20px;
        background: #fff;
        border-radius: 28px;
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
    }

    .render .pulse-wrapper .marker:hover>img {
        display: block;
    }

    .render .pulse-wrapper .pulse-play img {
        display: none;
        width: 24px !important;
        position: relative;
        top: -14px;
        right: -3px;
        border-radius: 100%;
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
    }

    .render .pulse-wrapper .pulse-play .marker:hover {
        cursor: pointer;
        transform: scale(2);
    }

    .render .pulse-wrapper .pulse-play .marker:hover>i {
        display: block;
    }

    .render .pulse-wrapper a:hover {
        text-decoration: none;
    }

    .render .pulse-wrapper .rays {
        margin: 0 auto;
        position: absolute;
        right: -22px;
        top: -22px;
        z-index: 10;
        background-color: transparent;
        opacity: 0.1;
        width: 64px;
        height: 64px;
        border: 2px solid #fff;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        -o-border-radius: 100px;
        -ms-border-radius: 100px;
        border-radius: 100px;
        /* Giving Animation Function */
        -webkit-animation: pulse 2s linear infinite;
        -moz-animation: pulse 2s linear infinite;
        border-image: initial;
    }

    .render .pulse-wrapper .tool {
        font-size: 16px;
        background: #fff;
        padding: 10px 10px;
        width: 207px;
        position: absolute;
        left: -94px;
        right: 0;
        bottom: -16px;
        text-align: center;
        z-index: 999;
        -webkit-box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 20%);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 20%);
        opacity: 0;
        transition: 0.3s ease all;
        margin: 0 auto;
        font-weight: 500;
        pointer-events: none;
        color: black;
    }

    .render .pulse-wrapper .tool:before {
        content: " ";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #fff;
        position: absolute;
        top: -5px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .render .pulse-wrapper.one {
        top: 13.5vw;
        left: 54vw;
    }

    .render .pulse-wrapper.two {
        top: 15vw;
        left: 38.5vw;
    }

    .render .pulse-wrapper.three {
        top: 25vw;
        left: 36vw;
    }

    .render .pulse-wrapper.four {
        top: 25.5vw;
        left: 55vw;
    }

    .render .pulse-wrapper.five {
        top: 29vw;
        left: 71.5vw;
    }

    .render .pulse-wrapper.six {
        top: 24vw;
        left: 91vw;
    }

    .render .pulse-wrapper.seven {
        top: 34vw;
        left: 29vw;
    }

    .render .pulse-wrapper.eight {
        top: 33vw;
        left: 15.5vw;
    }

    .render .pulse-wrapper.nine {
        top: 39.5vw;
        left: 32vw;
    }

    .render .pulse-wrapper.nine:hover .tool {
        bottom: -60px;
    }

    .render .pulse-wrapper.ten {
        top: 46vw;
        left: 35.5vw;
    }

    .render .pulse-wrapper.ten:hover .tool {
        bottom: -58px;
    }

    .render .pulse-wrapper.eleven {
        top: 54vw;
        left: 45vw;
    }

    .render .pulse-wrapper.eleven:hover .tool {
        bottom: -58px;
    }

    .render .larger .pulse-wrapper .marker {
        width: 30px;
        height: 30px;
        position: relative;
        z-index: 9999999999999;
    }

    .render .larger .pulse-wrapper .rays {
        right: -22px;
        top: -22px;
        width: 69px;
        height: 69px;
    }

    .render .popup {
        position: fixed;
        top: 250px;
        left: 0;
        right: 0;
        max-width: 672px;
        width: 90%;
        margin: 0 auto;
        z-index: 9999;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
        opacity: 0;
        pointer-events: none;
        transition: 0.3s ease all;
    }

    .render .popup.active {
        pointer-events: all;
        opacity: 1;
        top: 30%;
    }

    @media (min-width: 768px) {
        .render .popup.active {
            top: 20%;
        }
    }

    .render .popup .head {
        background: #000;
        color: #fff;
        position: relative;
        padding: 8px 32px;
        cursor: initial;
    }

    .render .popup .head .modal-application {
        display: block;
        color: #cadb2a;
        font-family: "proxima-nova";
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0.9px;
        line-height: 15px;
        margin-bottom: -8px;
        margin-top: 10px;
    }

    .render .popup .head span {
        display: block;
        color: #cadb2a;
        font-size: 12px;
    }

    .render .popup .head p {
        display: inline-block;
        font-size: 18px;
        font-weight: 300;
        letter-spacing: 2px;
    }

    @-webkit-keyframes pulse {
        0% {
            -webkit-transform: scale(0);
            opacity: 0;
        }

        8% {
            -webkit-transform: scale(0);
            opacity: 0;
        }

        15% {
            -webkit-transform: scale(0.1);
            opacity: 1;
        }

        30% {
            -webkit-transform: scale(0.5);
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(1);
        }
    }

    @-moz-keyframes pulse {
        0% {
            -moz-transform: scale(0);
            opacity: 0;
        }

        8% {
            -moz-transform: scale(0);
            opacity: 0;
        }

        15% {
            -moz-transform: scale(0.1);
            opacity: 1;
        }

        30% {
            -moz-transform: scale(0.5);
            opacity: 1;
        }

        100% {
            opacity: 0;
            -moz-transform: scale(1);
        }
    }

    /********************************************************END - APPLICATIONS */

    /************************************************************* START - FOOTER */
    footer {
        background-color: #101820;
        border-top: #898e8c 8px solid;
        padding: 40px 0 0;
    }

    footer a.logo {
        margin: 30px 0 0;
        display: block;
    }

    footer .firstSection .partRight {
        width: 300px;
        color: #E81D2D;
    }

    footer p.title {
        margin: 0 0 20px;
        font-size: 14pt;
        color: #fff;
    }

    footer .firstSection .partRight a,
    .addressBlock,
    .contactPage .partRight a {
        color: #fff;
        position: relative;
        padding-left: 40px;
        margin: 0 0 5px;
        display: block;
    }

    .contactPage .partRight a,
    .contactPage .partRight .addressBlock {
        margin: 0 0 20px;
        color: #101820;
        font-size: 15pt;
    }

    footer .firstSection .partRight a i,
    .addressBlock i,
    .contactPage .partRight a i {
        color: #E81D2D;
        position: absolute;
        top: 5;
        left: 0;
    }

    .contactPage .partRight a i,
    .contactPage .partRight .addressBlock i {
        color: #101820;
    }

    footer .header-email {}

    footer .lowweb {
        display: none;
    }

    .lastBlock {
        font-size: 10pt;
        background-color: #898e8c;
        margin: 21px 0 0;
        padding: 7px 0 0;
    }

    .lastBlock a {
        color: #282828;
    }

    .lastBlock .partLeft p,
    .lastBlock .partLeft a {
        float: left;
        color: #101820;
    }

    .spaceBlock {
        float: left;
        border-left: solid 1px #101820;
        width: 1px;
        height: 15px;
        margin: 2px 10px 0;
    }

    .lastBlock img {
        float: right;
        margin: -5px 0px 0 9px;
    }

    footer .socialBlock {
        width: 300px;
        float: right;
    }

    .socialBlock p {
        display: inline-block;
        margin-right: 10px;
        font-size: 9pt;
    }

    .socialBlock i {
        font-size: 15pt;
        margin: 0 5px;
    }

    .bannerCookies {
        bottom: 0;
        color: white;
        position: fixed;
        width: 100%;
        display: none;
        z-index: 9999989999;
        font-size: 10pt;
        text-align: center;
        border-top: 2px #000 solid;
    }

    .bannerCookies .shadow {
        background-color: #000;
    }

    #caja_abierta .container {
        position: relative;
    }

    .bannerCookies .close {
        position: absolute;
        right: 0;
        top: -6px;
    }

    .bannerCookies a {
        color: white;
    }

    .buttonCookies {
        background-color: white;
        color: #000;
        padding: 6px 10px;
        display: inline-block;
        margin: 10px;
        font-weight: 600;
        cursor: pointer;
        border: solid 2px #fff;
        transition: all 0.5s ease;
    }

    a.buttonCookies {
        color: #000;
    }

    .buttonCookies:hover {
        background-color: transparent;
        color: #fff;
    }

    #cookiesContent h2 {
        font-size: 14pt;
    }

    .page-template-cookies-page h2 {
        text-align: left;
        font-size: 14pt;
        margin-bottom: 10px;
    }

    /************************************************************* END - FOOTER */


    .menuResponsive,
    .clearResponsive,
    .clearTwo,
    #inicioSection img {
        display: none;
    }

    @media (max-width: 1620px) {

        /*************************************************** START - HEADER */

        .sub-menu .sub-menu {
            left: 252px;
            width: 253px !important;
        }

        .sub-menu {
            left: -148px;
            width: 253px !important;
        }

        /*************************************************** END - HEADER */

        /*************************************************** START - PRODUCT LAYOUT */
        .bigText .whiteBlock {
            padding: 30px 20px;
        }

        .headerDefault {
            height: 400px;
        }

        .headerProduct .logoStandarBlock {
            margin: 65px auto;
        }

        .galleryItem {

            height: 300px;
        }

        #extraBlock {
            height: 300px;
        }

        /*************************************************** END - PRODUCT LAYOUT */

        /*************************************************** START - APPLICATION */
        .render .pulse-wrapper.one {
            top: 15.5vw;
            left: 54vw;
        }

        .render .pulse-wrapper.two {
            top: 17vw;
            left: 40.5vw;
        }

        .render .pulse-wrapper.three {
            top: 27vw;
            left: 36vw;
        }

        .render .pulse-wrapper.four {
            top: 26.5vw;
            left: 54vw;
        }

        .render .pulse-wrapper.five {
            top: 28vw;
            left: 71.5vw;
        }

        .render .pulse-wrapper.six {
            top: 26vw;
            left: 93vw;
        }

        .render .pulse-wrapper.eight {
            top: 34vw;
            left: 15.5vw;
        }

        .render .pulse-wrapper.nine {
            top: 41.5vw;
            left: 32vw;
        }

        .render .pulse-wrapper.ten {
            top: 47vw;
            left: 37.5vw;
        }

        .render .pulse-wrapper.eleven {
            top: 55vw;
            left: 45vw;
        }

        /*************************************************** END - APPLICATION */

        #sectionApplication .partLeft {
            padding: 70px 15px 0 50px;
        }

        #video-compare-container>video {
            -ms-transform: scale(1.3);
            /* IE 9 */
            -webkit-transform: scale(1.3);
            transform: scale(1.3);
        }

        #video-clipper video {
            -ms-transform: scale(1.3);
            /* IE 9 */
            -webkit-transform: scale(1.3);
            transform: scale(1.3);
        }
    }

    @media (max-width: 1200px) {
        #video-compare-container>video {
            -ms-transform: scale(1.6) translate(-100px, 0%);
            /* IE 9 */
            -webkit-transform: scale(1.6) translate(-100px, 0%);
            transform: scale(1.6) translate(-100px, 0%);
        }

        #video-clipper video {
            -ms-transform: scale(1.6) translate(100px, 0%);
            /* IE 9 */
            -webkit-transform: scale(1.6) translate(100px, 0%);
            transform: scale(1.6) translate(100px, 0%);
        }

    }

    @media (max-width: 1120px) {

        .container {
            padding: 0 20px;
            width: 100%;
        }

        /*************************************************** START - HEADER */
        header a.logo {
            z-index: 111;
        }

        .main-menu {
            position: absolute;
            right: 0;
            top: 4px;
            width: 100%;
            z-index: 1;
        }

        .main-menu.group .container {
            padding: 0;
        }

        .menu-main-menu-container {
            background-color: #fff;
            display: none;
            left: 0;
            position: absolute;
            top: 61px;
            width: 100%;
            text-align: left;
            z-index: 99999;
        }


        #menu-main-menu li {
            float: left;
            width: 100%;
        }

        #menu-main-menu li a {
            width: 100%;
        }

        li#menu-item-1039 a,
        #menu-item-1039 {
            border-radius: 0 !important;
        }


        .menuResponsive {
            color: #101820;
            display: block;
            padding: 8px 10px 0 20px;
            float: right;
        }

        .menuResponsive i {
            cursor: pointer;
            float: left;
            font-size: 20pt;
            margin: 1px 10px 0 0;
        }

        .menuResponsive>p {
            float: left;
            font-size: 17pt;
            margin: 0;
        }

        .sub-menu {
            left: 0;
            width: 100% !important;
            top: auto;
            position: relative;
            border: none;
        }

        .sub-menu li {
            border: none;
            padding-left: 20px;
        }

        .sub-menu .sub-menu {
            left: 0;
            width: 100% !important;
            position: relative;
            top: auto;
        }

        .arrowMenuBlock {
            right: 12px;
        }

        /*************************************************** END - HEADER */

        .texturesBlock .slick-next {

            right: -14px !important;
        }

        .texturesBlock .slick-prev {
            left: -14px !important;
        }

        /************************************************* START - ABOUT PAGE */
        .page-template-about-page .headerDefault,
        .footerImage.backgroundImage {
            height: 600px;
        }

        /************************************************* END - ABOUT PAGE */

    }

    @media (max-width: 1000px) {

        .warrantyBlock .buttonsWarrantyBlock {
            width: 28%;
            text-align: center;
        }

        .warrantyBlock .line {
            width: 36%;
        }


        /*************************************************** START - BLOG */

        .grid2Block {
            padding-right: 0;
            width: 100%;
        }

        aside {
            width: 100%;
        }

        #categories-2 ul {
            display: none;
        }

        #categories-2 {
            border: 1px solid #ddd;
            color: #282828;
            cursor: pointer;
            margin: 20px 0;
            padding: 5px;
        }

        /*************************************************** END - BLOG */

        /*************************************************** START - HOME */
        .AAAgreyBlock {
            padding: 25px 20PX;
        }

        #sectionApplication {
            height: auto;
        }

        #sectionApplication .partLeft {
            padding: 50px 20px;
            text-align: center;
            width: 100%;
        }

        #sectionApplication .partRight {
            height: 350px;
            padding: 10px;
            width: 100%;
        }

        /*************************************************** END - HOME */

        /*************************************************** START - PRODUCT LAYOUT */
        #mainContent {
            min-height: 350px;
            padding: 20px 0 0;

        }

        #specificationsBlock {
            text-align: center;
        }

        #specificationsBlock .column {
            width: 50%;
            padding: 0 !important;
            text-align: left;
        }

        #specificationsBlock .container .column:nth-child(3) {
            float: none;
            max-width: 300px;
            display: inline-block;
            margin: 40px auto;
        }

        #extraBlock img {
            position: absolute;
            right: 10px;
            top: -32px;
            max-width: 500px;
        }

        .page-id-83 .imageGBLBlock {
            left: 145px;
        }

        .page-id-71 .colorItem {
            width: 50%;
            float: left;
            padding: 0 35px;
            text-align: center;
            max-width: 300px;
        }

        .page-id-71 #specificationsBlock .container .column:nth-child(3) {
            width: 100%;
            max-width: 100%;
        }

        .page-id-71 model-viewer {
            height: 320px;
            width: 320px;
            margin: 0 auto;
        }

        model-viewer {
            height: 250px;
            width: 250px;
            margin: 0 auto;
        }

        .page-id-69 #extraBlock {
            background-image: none;
            text-align: center;
        }

        .page-id-69 #extraBlock .column {
            width: 100%;
            text-align: left;
        }

        .page-id-69 #accessories {
            margin: 150px 0 100px;
        }

        .page-id-69 .imageGBLBlock {
            display: inline-block;
            position: relative;
            bottom: 0;
            right: 0;
            left: 0;
            margin: 0 auto;
        }

        /*************************************************** END - PRODUCT LAYOUT */

        /*************************************************** START - FOOTER */
        footer .column {
            width: 100%;
            text-align: center;
            margin: 0 0 30px;
            border: none;
        }

        footer .logo {
            float: none;
        }

        .lastBlock .partLeft,
        .lastBlock .partRight {
            width: 100%;
            text-align: center;
        }

        .partRight p.lastLine {
            margin: 0 0 46px;
        }

        footer .firstSection .partLeft,
        footer .firstSection .partRight {
            width: 100%;
            text-align: center;
            margin: 0 0 25px;
        }

        footer .firstSection .partRight p.title,
        footer .firstSection .partRight i {
            display: none;
        }

        footer .spaceBlock {
            display: none;
        }

        .lastBlock .partLeft p,
        .lastBlock .partLeft a {
            float: left;
            color: #101820;
            text-align: center;
            width: 100%;
            margin: 0 0 10px;
        }

        footer .socialBlock {
            width: 100%;
            float: right;
            margin: 10px 0;
        }

        /*************************************************** END - FOOTER */
        /*************************************************** START - APPLICATION */
        .render .pulse-wrapper.one {
            top: 17.5vw;
            left: 54vw;
        }

        .render .pulse-wrapper.two {
            top: 19vw;
            left: 40.5vw;
        }

        .render .pulse-wrapper.three {
            top: 29vw;
            left: 36vw;
        }

        .render .pulse-wrapper.four {
            top: 28.5vw;
            left: 56vw;
        }

        .render .pulse-wrapper.five {
            top: 30vw;
            left: 72.5vw;
        }

        .render .pulse-wrapper.six {
            top: 28vw;
            left: 91vw;
        }

        .render .pulse-wrapper.seven {
            top: 37vw;
            left: 29vw;
        }

        .render .pulse-wrapper.eight {
            top: 37vw;
            left: 15.5vw;
        }

        .render .pulse-wrapper.nine {
            top: 43.5vw;
            left: 31vw;
        }

        .render .pulse-wrapper.ten {
            top: 49vw;
            left: 37.5vw;
        }

        .render .pulse-wrapper.eleven {
            top: 57vw;
            left: 45vw;
        }

        /*************************************************** END - APPLICATION */

        #video-compare-container>video {
            -ms-transform: scale(2.2) translate(-100px, 0%);
            /* IE 9 */
            -webkit-transform: scale(2.2) translate(-100px, 0%);
            transform: scale(2.2) translate(-100px, 0%);
        }

        #video-clipper video {
            -ms-transform: scale(2.2) translate(100px, 0%);
            /* IE 9 */
            -webkit-transform: scale(2.2) translate(100px, 0%);
            transform: scale(2.2) translate(100px, 0%);
        }

    }

    @media (max-width: 900px) {
        .butonSection.fullWidth.bigText {
            height: 400px;
        }

        #educationVideosSection .slick-prev {
            left: 0px !important;
        }

        #educationVideosSection .slick-next {
            right: 0px !important;
        }
    }


    @media (max-width: 800px) {

        /*************************************************** START - HOME */

        .butonSection {
            width: 100%;
            margin: 9px 0;

        }

        .butonSection.smallSize {
            width: 100%;
        }

        .redBlock,
        .greyBlock,
        .whiteBlock {
            padding: 80px 0;
        }

        .AAAgreyBlock {
            padding: 25px 20PX;
        }

        #inicioSection {
            height: 400px;
        }

        #inicioSection img {
            display: block;
        }

        #inicioSection video {
            display: none;
        }

        /*************************************************** END - HOME */

        /*************************************************** START - CONTACT */
        .firstLine.marginRight {
            margin-right: 0;
        }

        .firstLine {
            width: 100%;
        }

        .generalContent.contactPage .partLeft,
        .generalContent.contactPage .partRight {
            width: 100%;
        }

        .generalContent.contactPage .partRight {
            margin-bottom: 30px;
        }

        /*************************************************** END - CONTACT */

        /*************************************************** START - PRODUCT LAYOUT */
        .accessoriesItem {
            width: 33.333%;
            margin: 0 0 80px;
        }

        .accessoriesItem p.title {
            bottom: -28px;
        }

        a>img.buttonPlay {

            top: 30%;
        }

        /*************************************************** END - PRODUCT LAYOUT */


        /************************************************************* START - COST CALCULATOR */

        .calculatorItem {
            width: 30%;
            margin: 0 1% 20px;
        }

        /************************************************************* END - COST CALCULATOR */

        /************************************************************* START - INLAID LOGOS */
        .texturesBlock .textureItem {
            width: 25%;
        }

        /************************************************************* END - INLAID LOGOS */

        .videosEducationalBlock {
            width: 100%;
        }

    }


    @media (max-width: 750px) {

        /*************************************************** START - PRODUCT LAYOUT */
        #mainContent {
            background-image: none;
            min-height: auto;
            margin: 0 0 60px;
        }

        #mainContent figure {
            margin: 50px auto 0;
        }

        /*************************************************** END - PRODUCT LAYOUT */

        /*************************************************** START - BLOG */

        .blogPage article {
            width: 48%;
        }

        .clearTwo {
            display: block;
        }

        .clearThree {
            display: none;
        }

        /*************************************************** END - BLOG */

        /*************************************************** START - APPLICATION */
        .render .pulse-wrapper .marker {
            width: 15px;
            height: 15px;
        }

        .render .pulse-wrapper .rays {
            right: -24px;
            top: -24px;
        }

        .render .pulse-wrapper.one {
            top: 19.5vw;
            left: 54vw;
        }

        .render .pulse-wrapper.two {
            top: 22vw;
            left: 40.5vw;
        }

        .render .pulse-wrapper.three {
            top: 32vw;
            left: 36vw;
        }

        .render .pulse-wrapper.four {
            top: 30.5vw;
            left: 54vw;
        }

        .render .pulse-wrapper.five {
            top: 33vw;
            left: 72.5vw;
        }

        .render .pulse-wrapper.six {
            top: 32vw;
            left: 91vw;
        }

        .render .pulse-wrapper.seven {
            top: 40vw;
            left: 29vw;
        }

        .render .pulse-wrapper.eight {
            top: 39vw;
            left: 15.5vw;
        }

        .render .pulse-wrapper.nine {
            top: 45.5vw;
            left: 31vw;
        }

        .render .pulse-wrapper.ten {
            top: 52vw;
            left: 37.5vw;
        }

        .render .pulse-wrapper.eleven {
            top: 60vw;
            left: 45vw;
        }

        /*************************************************** END - APPLICATION */


    }

    @media (max-width: 700px) {

        /*************************************************** START - HEADER PRODUCT */
        .headerDefault {
            height: 350px;
        }

        .headerProduct .logoStandarBlock {
            margin: 0;
            width: 100%;
            padding: 0 20px;
            text-align: center;
        }

        .headerProduct .logoStandarBlock h1 {
            font-size: 22pt;
            float: none;
            text-align: center;
            margin: 140px 0 0;
        }

        .logoStandarBlock img {
            position: absolute;
            left: 0;
            top: -128px;
            display: block;
            right: 0;
            margin: 0 auto;
        }

        .headerProduct .logoStandarBlock h1 {
            font-family: 'mainFont';
        }

        .page-template-educational-page .headerProduct .logoStandarBlock,
        .page-template-maintenance-page .headerProduct .logoStandarBlock {
            margin: 0;
        }

        #blocksEducational .partLeft {
            margin: 0 0 20px;
            width: 100%;
        }

        /*************************************************** END - HEADER PRODUCT */

        /*************************************************** START - PRODUCT LAYOUT */
        #specificationsBlock .column {
            width: 100%;
            padding: 0 30px !important;
            margin: 0 0 50px;
        }

        #mainContent .container.group {
            padding: 0 50px;
        }


        .galleryItem {
            height: 200px;
        }

        .warrantyBlock .line {
            width: 10%;
            border: solid 1px #d0d1d2;
        }

        .warrantyBlock .buttonsWarrantyBlock {
            float: left;
            width: 80%;
            padding: 0 2%;
        }

        #extraBlock {
            margin: 0;
        }

        #extraBlock .column {
            width: 100%;
        }

        #extraBlock img {
            /*         display: none; */
            display: block;

        }

        #extraBlock.layout4 {
            margin: 0px 50px 60px;
        }

        #descriptionBlock .container div {
            width: 100%;
            padding: 0 !important;
            margin: 0 0 30px;
            text-align: center;
        }

        #specificationsBlock .partLeft,
        #specificationsBlock .partRight {
            width: 100% !important;
            padding: 0 !important;
            margin: 0 0 20px !important;
            text-align: left !important;
        }

        .butonSection .logoStandarBlock img {
            top: -20px;
        }

        .butonSection .logoStandarBlock {
            padding-left: 0;
            width: 100%;
            margin: 45px auto 0;
            text-align: center;
        }

        .butonSection .logoStandarBlock p.title {
            margin: 86px 0 20px;
            width: 100%;
        }

        .page-id-83 .imageGBLBlock {
            display: inline-block;
            position: absolute;
            bottom: 115px;
            left: 0;
            right: 0;
            width: 300px;
            margin: 0 auto;
        }

        /*************************************************** END - PRODUCT LAYOUT */

        /*************************************************** START - COVID */
        .page-template-covid-page .extraBlock {
            margin: 0;
        }

        .alignLeftResponsive {
            text-align: left !important;
        }

        /*************************************************** END - COVID */

        .quickshipStyle .whiteBlock {
            padding: 30px 15px;
        }

        #video-compare-container>video {
            -ms-transform: scale(2.6) translate(-130px, 0%);
            /* IE 9 */
            -webkit-transform: scale(2.6) translate(-130px, 0%);
            transform: scale(2.6) translate(-130px, 0%);
        }

        #video-clipper video {
            -ms-transform: scale(2.6) translate(130px, 0%);
            /* IE 9 */
            -webkit-transform: scale(2.6) translate(130px, 0%);
            transform: scale(2.6) translate(130px, 0%);
        }


    }


    @media (max-width: 600px) {


        .render .pulse-wrapper .tool {
            display: none !important;
        }

        /*************************************************** START - PRESSED LOGOS */
        #galleryContent .galleryContentItem {
            margin: 0 0 10px;
            width: 100% !important;
        }

        /*************************************************** END - PRESSED LOGOS */

        /************************************************************* START - COST CALCULATOR */

        .calculatorItem {
            width: 48%;

        }

        /************************************************************* END - COST CALCULATOR */

        /************************************************************* START - INLAID LOGOS */
        .texturesBlock .textureItem {
            width: 50%;
            text-align: center;
        }

        /************************************************************* END - INLAID LOGOS */

        /************************************************* START - ABOUT PAGE */
        .page-template-about-page .headerDefault,
        .footerImage.backgroundImage {
            height: 400px;
        }

        /************************************************* END - ABOUT PAGE */

        #galleryContent img {
            float: left;
            width: 100%;
            margin: 0px;
        }


        #videoCovid iframe {
            width: 100% !important;
        }
    }

    @media (max-width: 550px) {

        /*************************************************** START - BLOG */


        .clearTwo {
            display: none;
        }

        .grid2Block {
            text-align: center;
        }

        .blogPage article {
            display: inline-block;
            float: none;
            width: 300px;
            margin: 0 0 20px;
        }

        /*************************************************** END - BLOG */

        #sectionApplication .partLeft p.title {
            font-size: 17pt;
        }

        #sectionApplication .partLeft p {
            font-size: 13pt;
        }
    }


    @media (max-width: 500px) {
        .butonSection.fullWidth.bigText {
            height: 500px;
            font-size: 11pt;
        }

        #textPopupBlock {

            padding: 60px 15px;
        }

        .butonSection.fullWidth {
            width: 100%;
        }

        .logoFeaturedBlock {
            width: 100%;
        }

        .bigText .greyBlock {
            padding: 50% 20px 0;
        }

        .accessoriesItem {
            width: 100%;
        }

        #inicioSection>div {
            position: relative;
        }

        #inicioSection .arrowSmall {
            display: none;
        }

        .page-id-69 #accessories {
            margin: 300px 0 100px;
        }

        #video-compare-container>video {
            -ms-transform: scale(2.9) translate(-100px, 0%);
            /* IE 9 */
            -webkit-transform: scale(2.9) translate(-100px, 0%);
            transform: scale(2.9) translate(-100px, 0%);
        }

        #video-clipper video {
            -ms-transform: scale(2.9) translate(100px, 0%);
            /* IE 9 */
            -webkit-transform: scale(2.9) translate(100px, 0%);
            transform: scale(2.9) translate(100px, 0%);
        }

        /*************************************************** START - APPLICATION */

        .render .pulse-wrapper.one {
            top: 24.5vw;
            left: 54vw;
        }

        .render .pulse-wrapper.two {
            top: 27vw;
            left: 40.5vw;
        }

        .render .pulse-wrapper.three {
            top: 36vw;
            left: 36vw;
        }

        .render .pulse-wrapper.four {
            top: 36.5vw;
            left: 54vw;
        }

        .render .pulse-wrapper.five {
            top: 37vw;
            left: 72.5vw;
        }

        .render .pulse-wrapper.six {
            top: 36vw;
            left: 91vw;
        }

        .render .pulse-wrapper.seven {
            top: 44vw;
            left: 29vw;
        }

        .render .pulse-wrapper.eight {
            top: 43vw;
            left: 15.5vw;
        }

        .render .pulse-wrapper.nine {
            top: 50.5vw;
            left: 31vw;
        }

        .render .pulse-wrapper.ten {
            top: 57vw;
            left: 37.5vw;
        }

        .render .pulse-wrapper.eleven {
            top: 66vw;
            left: 45vw;
        }

        /*************************************************** END - APPLICATION */

    }

    @media (max-width: 450px) {

        #section1Home {
            height: 300px;
        }

        #mainContent .container.group {
            padding: 0 20px;
        }

        #specificationsBlock .column {
            padding: 0px !important;
        }

        #specificationsBlock .container .column:nth-child(3) {
            float: none;
            max-width: 100%;
            margin: 20px auto;
        }

        .galleryItem {
            width: 100%;
        }

        .warrantyBlock .buttonsWarrantyBlock {
            width: 100%;
        }

        .warrantyBlock .line {
            display: none;
        }

        #inicioSection {
            height: auto;
        }

        .home #page_content {
            width: 100%;
        }

        /************************************************************* START - COST CALCULATOR */

        .calculatorItem {
            width: 100%;
            margin: 0 0 20px;

        }

        /************************************************************* END - COST CALCULATOR */

        footer .firstSection .partRight a,
        .addressBlock,
        .contactPage .partRight a {
            padding-left: 0px;
        }


    }


    @media (max-width: 350px) {

        /*************************************************** START - BLOG */

        article .image {
            height: 160px;
        }

        .blogPage article {
            width: 100%;
        }

        /*************************************************** END - BLOG */

        /*************************************************** START - APPLICATION */
        .render .pulse-wrapper .marker {
            width: 10px;
            height: 10px;
        }

        .render .pulse-wrapper .rays {
            right: -26px;
            top: -26px;
        }

        .render .pulse-wrapper.one {
            top: 32.5vw;
            left: 54vw;
        }

        .render .pulse-wrapper.two {
            top: 34vw;
            left: 40.5vw;
        }

        .render .pulse-wrapper.three {
            top: 44vw;
            left: 36vw;
        }

        .render .pulse-wrapper.four {
            top: 44.5vw;
            left: 54vw;
        }

        .render .pulse-wrapper.five {
            top: 45vw;
            left: 72.5vw;
        }

        .render .pulse-wrapper.six {
            top: 44vw;
            left: 91vw;
        }

        .render .pulse-wrapper.seven {
            top: 52vw;
            left: 29vw;
        }

        .render .pulse-wrapper.eight {
            top: 51vw;
            left: 15.5vw;
        }

        .render .pulse-wrapper.nine {
            top: 58.5vw;
            left: 31vw;
        }

        .render .pulse-wrapper.ten {
            top: 65vw;
            left: 37.5vw;
        }

        .render .pulse-wrapper.eleven {
            top: 74vw;
            left: 45vw;
        }

        /*************************************************** END - APPLICATION */

    }

    .container.group {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .warrantyBlock,
    .standarTitleBlock {
        width: 100%;
    }

    @media only screen and (max-width: 1000px) {
        #specificationsBlock .column {
            min-width: 50%;
            max-width: unset;
            padding: 16px !important;
            text-align: unset;
            align-self: center;
            margin: 0;
        }
    }

    @media only screen and (max-width: 700px) {
        #specificationsBlock .column {
            width: unset !important;
            min-width: 100% !important;
            padding: 16px !important;
            margin: 0 !important;
        }
    }