/* GENERAL RULES
==================================================*/
* {
    margin: 0;
    padding: 0;
    /*   text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
    font-family: 'Zona Pro', sans-serif;
    outline: 0;
}

@font-face {
    font-family: 'Zona Pro Black';
    src: url('../fonts/zona/black/ZonaPro-Black.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/zona/black/ZonaPro-Black.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/zona/black/ZonaPro-Black.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/zona/black/ZonaPro-Black.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/zona/black/ZonaPro-Black.svg#e06a1b5abe020541116679cfcedb5416') format('svg');
    /* Legacy iOS */
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Zona Pro Bold';
    src: url('../fonts/zona/bold/ZonaPro-Bold.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/zona/bold/ZonaPro-Bold.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/zona/bold/ZonaPro-Bold.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/zona/bold/ZonaPro-Bold.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/zona/bold/ZonaPro-Bold.svg#9f382fee952eb88388ebc6cbb2f6f72b') format('svg');
    /* Legacy iOS */
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'Zona Pro SemiBold';
    src: url('../fonts/zona/semibold/ZonaPro-SemiBold.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/zona/semibold/ZonaPro-SemiBold.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/zona/semibold/ZonaPro-SemiBold.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/zona/semibold/ZonaPro-SemiBold.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/zona/semibold/ZonaPro-SemiBold.svg#162f7822120324b8c470efd092b0a3f1') format('svg');
    /* Legacy iOS */
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'Zona Pro';
    src: url('../fonts/zona/regular/ZonaPro-Regular.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/zona/regular/ZonaPro-Regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/zona/regular/ZonaPro-Regular.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/zona/regular/ZonaPro-Regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/zona/regular/ZonaPro-Regular.svg#bb1fe4599c1fb6494adcac51c11eb979') format('svg');
    /* Legacy iOS */
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Zona Pro Light';
    src: url('../fonts/zona/light/ZonaPro-Light.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/zona/light/ZonaPro-Light.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/zona/light/ZonaPro-Light.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/zona/light/ZonaPro-Light.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/zona/light/ZonaPro-Light.svg#539f28dff6ab3b175f2fd677663c51c6') format('svg');
    /* Legacy iOS */
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-family: 'Zona Pro Thin';
    src: url('../fonts/zona/thin/ZonaPro-Thin.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/zona/thin/ZonaPro-Thin.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/zona/thin/ZonaPro-Thin.woff') format('woff'),
        /* Modern Browsers */
        url('../fonts/zona/thin/ZonaPro-Thin.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/zona/thin/ZonaPro-Thin.svg#7578feebbccce406800e568eece85043') format('svg');
    /* Legacy iOS */
    font-style: normal;
    font-weight: 200;
}

.space100 {
    height: 100px;
    clear: both;
    width: 100%;
}

.space90 {
    height: 90px;
    clear: both;
    width: 100%;
}

.space80 {
    height: 80px;
    clear: both;
    width: 100%;
}

.space70 {
    height: 70px;
    clear: both;
    width: 100%;
}

.space60 {
    height: 60px;
    clear: both;
    width: 100%;
}

.space50 {
    height: 40px;
    clear: both;
    width: 100%;
}

.space40 {
    height: 40px;
    clear: both;
    width: 100%;
}

.space30 {
    height: 30px;
    clear: both;
    width: 100%;
}

.space20 {
    height: 20px;
    clear: both;
    width: 100%;
}

.space15 {
    height: 15px;
    clear: both;
    width: 100%;
}

.space10 {
    height: 10px;
    clear: both;
    width: 100%;
}

.regular-font {
    font-family: 'Zona Pro';
}

.semibold-font {
    font-family: 'Zona Pro SemiBold';
}

.bold-font {
    font-family: 'Zona Pro Bold';
}

.light-font {
    font-family: 'Zona Pro Light';
}

.thin-font {
    font-family: 'Zona Pro Thin';
}

.black-font {
    font-family: 'Zona Pro Black';
}

.ydrometal {
    font-family: 'Zona Pro', sans-serif;
}

.nom {
    margin: 0;
    padding: 0
}

.fullwidth {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}

.gridrow {
    max-width: 1340px;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;
}

.tablerow {
    display: table;
    width: 100%;
}

.table-cell {
    display: table-cell;
}

.aligncenter {
    text-align: center;
}

.middle-align {
    vertical-align: middle;
}

.top-align {
    vertical-align: top;
}

.bottom-align {
    vertical-align: bottom;
}

.font-lightblue {
    color: #006E99;
}

.site-footer .font-lightblue {
    color: #42CDFF
}

.font-blue {
    color: #0253E5
}

.font-darkblue {
    color: rgb(52, 73, 94)
}

.font-white {
    color: rgb(255, 255, 255);
}

.font-lightgreen {
    color: #6FBD78;
}

.bx-wrapper a>img {
    max-width: initial;
    display: inline-block;
}

.uppercase {
    text-transform: uppercase;
}

.thirtytwo {
    font-size: 32px;
    line-height: 38.4px
}

.twentyeight {
    font-size: 28px;
    line-height: 28px
}

.twentytwo {
    font-size: 22px;
    line-height: 22px
}

.twenty {
    font-size: 20px;
    line-height: 24px
}

.eighteen {
    font-size: 18px;
    line-height: 20px
}

.normaltext {
    font-size: 14px;
    line-height: 24px;
}

.biigertext {
    font-size: 14px;
    line-height: 19px;
}

.nodecor {
    text-decoration: none;
}

.margbot10 {
    margin-bottom: 10px;
}

.marupbot60 {
    margin: 60px 0;
}

.bx-pager-link {
    color: #00008F !important;
}

.topimage {
    background-color: rgb(52, 73, 94);
    background-position: center;
    background-size: cover;
    top: 0px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 0;
    -webkit-animation: fadein-images 1s ease-out backwards, image-pulse 15s ease-in-out infinite alternate;
    -moz-animation: fadein-images 1s ease-out backwards, image-pulse 15s ease-in-out infinite alternate;
    animation: fadein-images 1s ease-out backwards, image-pulse 15s ease-in-out infinite alternate;
}

/* HEADER
==================================================*/
.site-header {
    padding-top: 20px;
    padding-bottom: 10px
}

.site-branding {
    float: left;
}

.site-branding a {
    display: flex;
}

.site-header .gridrow {
    position: relative;
    display: table
}

.site-nva {
    float: right;
    position: absolute;
    right: 20px;
    top: 50px
}

.site-nva .main-navigation li {
    margin-right: 40px;
    font-size: 16px
}

.site-nva .main-navigation li:last-child {
    margin-right: 0
}

.site-nva .main-navigation li a:hover {
    color: #007CAD
}

.site-nva .main-navigation li a {
    color: #34495e;
    font-weight: 600
}

.site-nva .main-navigation li .sub-menu {
    margin-left: -40px;
    width: 250px;
    background: #283848;
    box-shadow: none;
    border-top: 34px solid white;
    padding: 25px 40px 40px
}

.site-nva .main-navigation li .sub-menu li a {
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    font-weight: 300;
    width: auto
}

.site-nva .main-navigation li .sub-menu li {
    margin-right: 0;
    display: block;
    clear: both
}

.site-nva .main-navigation li .sub-menu li a:hover {
    color: #007CAD;
}

.site-nva .main-navigation li .sub-menu:before {
    content: " ";
    border-bottom: 20px solid #283848;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    top: -15px;
    position: absolute;
    left: 22.5%;
}

.breadcrumbs,
.breadcrumbs a {
    font-size: 12px;
    line-height: 24px;
    color: rgb(52, 73, 94);
    text-decoration: none;
}

.breadcrumbs span[typeof="ListItem"]:last-of-type {
    color: #007CAD
}


/* FOOTER
==================================================*/
.site-footer {
    height: 545px;
    background-color: rgb(52, 73, 94);
}

.newsletter-sector {
    width: 100%;
    height: 420px;
    background-image: url(../imgs/newsletter-sec.jpg);
    background-color: rgb(52, 73, 94);
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
}

.upfront {
    position: relative;
    z-index: 5;
}

.newsletter-sector:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(52, 73, 94, 0.9);
}

.footer-row {
    display: table;
    width: 100%
}

.footer-row-cell {
    display: table-cell;
    width: 48%
}

.footer-row-cell.alignright {
    text-align: right
}

.footer-up-cell.footer-cell-logo {
    width: 240px;
    display: table-cell
}

.footer-up-cell {
    display: table-cell;
    height: 220px;
    vertical-align: top;
}

.fake-border {
    margin-top: 35px;
    vertical-align: top;
    height: 30px;
    border-bottom: 2px solid #ccc;
    position: relative
}

.social-links {
    position: absolute;
    right: 0;
    bottom: 10px
}

.fullwidth.fmenu-row .tablerow {
    margin-top: 15px;
    table-layout: fixed;
}

.footer-sub li a {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    line-height: 20px
}

.footer-sub li {
    list-style: none
}

.footer-sub {
    margin-top: 10px
}

.gridrow.copyright-row {
    margin-top: 135px;
}

.wp-subscribe-wrap h4.title {
    font-size: 32px !important;
    line-height: 38.4px !important;
    margin-bottom: 0;
    text-transform: unset !important;
    max-width: unset;
    width: 100%;
    padding: 70px 0 70px 0;
}

.newsletter-fullwidth #wp-subscribe p.text {
    display: block !important;
    color: white;
    padding: 0 0 70px 0;
}

.newsletter-fullwidth #wp-subscribe input.email-field,
.newsletter-fullwidth #wp-subscribe input.name-field {
    background: transparent
}

.newsletter-fullwidth #wp-subscribe {
    background: none;
    padding: 0;
}

.newsletter-fullwidth #wp-subscribe input.name-field {
    float: left;
    max-width: 290px;
    text-align: left;
    padding: 10px;
    margin-top: 0;
    margin-right: 25px;
    height: 50px;
    vertical-align: top;
    font-family: inherit;
    border: 1px solid #fff;
}

.newsletter-fullwidth #wp-subscribe input.email-field {
    float: left;
    margin: 0;
    font-family: inherit;
    vertical-align: top;
    max-width: 454px;
    text-align: left;
    padding: 10px;
    height: 50px;
    border: 1px solid #fff;
}

.newsletter-fullwidth #wp-subscribe input.submit {
    background: #007CAD;
    margin-top: 0;
    transition: all 0.2s ease;
    border: 2px solid transparent;
    color: #ffffff;
    font-size: 22px;
    box-shadow: none;
    cursor: pointer;
    float: left;
    height: 50px;
    display: inline-block;
    width: 250px;
    margin-left: 20px;
    text-shadow: none;
    font-family: inherit;
    text-transform: inherit;
}

.newsletter-fullwidth #wp-subscribe input.submit:hover {
    border: 2px solid #fff;
}

.newsletter-fullwidth {
    margin: 0 auto;
    text-align: center;
    max-width: 1040px;
}


/* INDES STORIES
==================================================*/
.indexstory {
    max-height: 730px;
    height: 80vh;
    position: relative;
    overflow: hidden;
    background-color: #34495e
}

.indexstory .gridrow.tablerow {
    position: relative;
    height: 100%
}

.indexstory .black-font {
    font-size: 55px;
    line-height: 70px
}

.indexstory .black-font p {
    font-size: 55px;
    line-height: 70px;
    font-family: 'Zona Pro Black';
    color: #fff;
    margin-bottom: 0
}

.indexstory .black-font strong {
    font-size: 55px;
    line-height: 70px;
    font-family: 'Zona Pro Black';
    color: #007CAD
}

.indexstory .topimage:after {
    content: " ";
    background: rgba(52, 73, 94, 0.5);
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    position: absolute
}

.carousel-slides,
.mainbsslider {
    height: 730px;
}

.indexstory .bx-wrapper {
    border: none;
    box-shadow: none;
    background: none;
    margin-bottom: 0;
}

.indexstory .bx-wrapper .bx-pager {
    bottom: 20px;
}

.indexstory .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
}

.indexstory .bx-wrapper .bx-pager.bx-default-pager a.active,
.indexstory .bx-wrapper .bx-pager.bx-default-pager a:focus,
.indexstory .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #007CAD
}

.indexstory .middle-align {
    padding-top: 22%;
}

/* LATEST PROJECTS
==================================================*/
.strongbutton:hover {
    background-color: #fff;
    border: 2px solid #007CAD;
}

.strongbutton {
    width: 100%;
    max-width: 225px;
    margin: 0 auto;
    background: #007CAD;
    text-align: center;
    padding: 13.5px 0;
    clear: both;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.strongbutton:hover a,
.strongbutton a:hover {
    color: #007CAD
}

.strongbutton a,
.strongbutton a:visited,
.strongbutton a:hover {
    text-decoration: none;
    font-size: 16px;
    line-height: 28px;
}

.projectslider {
    display: table;
    margin: 0 auto;
    width: 100%;
}

.project-sector .bx-wrapper {
    box-shadow: none;
    border: none;
    margin-bottom: 40px;
}

.project-sector .bx-wrapper .bx-next {
    right: -15px;
    background: url(../imgs/right-arrow.png) 0 0 no-repeat;
}

.project-sector .bx-wrapper .bx-prev {
    left: 0;
    background: url(../imgs/left-arrow.png) 0 0 no-repeat;
}

.prtiiles-row {
    display: table;
    margin: 0 auto;
    text-align: center;
    max-width: 1245px;
    padding: 0 20px;
    width: 100%
}

.prtiles {
    height: 317px;
    position: relative;
    float: left;
    display: inline-block;
    margin-bottom: 15px;
    vertical-align: top;
}

.tile_1,
.tile_2 {
    width: 24.0666%;
    margin-right: 1.245%;
}

.tile_3,
.tile_4 {
    width: 49.3777%;
}

.tile_5,
.tile_6 {
    width: 24.0666%;
    margin-left: 1.245%;
}

.project-details {
    transition: all 0.3s ease;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 174, 239, 0.8);
    padding: 15px;
}

.prtiles:hover .project-details {
    opacity: 1
}

.project-title {
    font-size: 20px;
    line-height: 24px;
    display: block;
    text-align: center;
    color: #fff;
    margin-top: 40px
}

.project-title:after {
    content: " ";
    position: relative;
    height: 1px;
    background: #fff;
    width: 80%;
    display: block;
    top: 5px;
    margin: 0 auto;
}

.project-excert {
    text-align: center;
    line-height: 16.8px;
    font-size: 14px;
    display: block;
    margin-top: 50px
}

.bottom-more {
    transition: all 0.3s ease;
    position: absolute;
    bottom: 40px;
    max-width: 150px;
    border: 2px solid #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

.tiny {
    font-size: 12px
}

.bottom-more .tiny {
    line-height: 36px;
    text-decoration: none
}

.projectslider li a {
    text-decoration: none;
    color: #fff;
}

.bottom-more:hover {
    background-color: #fff;
}

.bottom-more:hover a {
    color: rgb(0, 150, 210)
}



/* THREE-BLOCKS
==================================================*/
.three-blocks.tablerow {
    height: 30vw;
    border-spacing: 0 0;
    border-collapse: separate;
    table-layout: fixed;
}

.three-blocks .table-cell {
    background: #ebedef;
    height: 100%;
    position: relative;
    padding: 25px;
}

.three-blocks .table-cell:nth-child(2) {
    background: rgb(212, 211, 225);
}

.three-blocks .table-cell:nth-child(3) {
    background: rgb(174, 176, 201);
}

.three-blocks .table-cell:nth-child(4) {
    background: rgb(133, 132, 172);
}

.block-link {
    background-color: #007CAD;
    transition: all 0.3s ease;
    position: absolute;
    bottom: 6%;
    left: 0;
    right: 0;
    width: 250px;
    border: 2px solid transparent;
    margin: 0 auto;
    text-align: center;
    padding: 11px 0
}

.block-link a {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    font-size: 16px;
    line-height: 22px
}

.block-link:hover {
    border: 2px solid #007CAD;
    background-color: #ffffff;
}

.block-link:hover a {
    color: #007CAD;
}

.latestnews-title {
    display: block;
    text-align: center;
    margin-top: 3%;
}

.three-blocks-title {
    position: absolute;
    left: 0;
    right: 0;
    top: 410px;
    text-align: center;
}

.three-block-description {
    display: block;
    border: 1px solid transparent;
    position: absolute;
    top: 480px;
    left: 0;
    right: 0;
    max-width: 500px;
    margin: 0 auto;
    text-align: center
}

.three-blocks-image {
    display: block;
    position: absolute;
    text-align: center;
    clear: both;
    left: 0;
    right: 0;
    top: 30px
}

.pdfcatalog .three-blocks-image {
    top: 65px
}

.last-entry {
    overflow: hidden;
    position: relative;
    height: 57%;
    margin-top: 12%;
}

.last-entry .topimage:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: " ";
    background: rgba(0, 174, 239, 0.85)
}

.table-cell.collecter .last-entry .topimage:after {
    background: rgba(255, 255, 255, 0)
}

.table-cell.collecter .topimage {
    background-size: 80%;
    background-repeat: no-repeat;
}

.last-entry .topimage {
    transition: all .5s ease
}

.last-entry:hover .topimage {
    transform: scale(1.2)
}

.last-entry .tablerow {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    max-width: 365px;
    margin: 0 auto;
}

.three-blocks .last-entry .tablerow .table-cell {
    background: none;
}


/* KEYPOINTS
==================================================*/
.accordion {
    width: 100%;
    height: 360px;
    overflow: hidden;
    margin: 0 auto
}

.accordion ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0
}

.accordion ul li {
    display: table-cell;
    vertical-align: bottom;
    position: relative;
    width: 20%;
    height: 360px;
    background-repeat: no-repeat;
    background-position: 0 0;
    transition: all 2s ease
}

.accordion ul li .tablerow {
    display: table;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.accordion ul li div a {
    display: block;
    height: 360px;
    width: 100%;
    position: relative;
    z-index: 3;
    vertical-align: middle;
    padding: 15px 20px;
    box-sizing: border-box;
    color: #fff;
    text-decoration: none;
    background-color: rgba(52, 73, 94, 0.7);
    background-repeat: no-repeat;
    background-position: 0 0;
    transition: all 500ms ease;
    background-size: inherit
}

.accordion ul li div a * {
    opacity: 1;
    margin: 0;
    width: 100%;
    text-overflow: ellipsis;
    position: relative;
    z-index: 5;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease
}

.accordion ul:hover li {
    width: 8%
}

.accordion ul:hover li:hover {
    width: 40%
}

.accordion ul:hover li:hover a {
    background-color: rgba(52, 73, 94, 0.5)
}

.accordion ul li div a .category-symbol {
    display: block;
    width: 104px;
    text-align: center;
    margin: 100px auto 40px;
    white-space: initial;
    text-overflow: initial;
    transition: initial;
    transform: initial;
    height: 104px
}

.accordion ul li div a .category-symbol img {
    height: auto;
    width: auto;
    margin: 0 auto;
    display: block;
    transition: initial;
    transform: inherit
}

.accordion ul:hover li:hover .arrow-more {
    background-color: initial;
    opacity: 1;
}

.accordion ul li div .arrow-more {
    height: initial;
    padding: initial;
    opacity: 0;
    z-index: 5;
    position: absolute;
    bottom: 40px;
    background-color: initial;
    font-size: 16px;
    line-height: 19px;
    display: block;
}

.accordion ul li div .arrow-more:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 100%;
    background-image: url(../imgs/arrow.png);
    height: 15px;
    background-repeat: no-repeat;
    text-align: center;
    background-position: center;
}


/* SERVICES
==================================================*/
.services-section {
    display: table;
    background-color: #ebedef;
    padding: 60px 0;
}

.services-section .tablerow {
    display: table;
    border-collapse: separate;
    border-spacing: 0 0;
    table-layout: fixed
}

.services-section .tablerow .table-cell {
    vertical-align: top
}

.round-image {
    border: 1.9px solid #007CAD;
    border-radius: 100%;
    width: 130px;
    height: 130px;
    position: relative;
    margin: 0 auto 30px;
    vertical-align: top;
    background-color: #007CAD
        /* rgb(52,73,94);*/
}

.project-analytics .table-cell .round-image {
    background-color: transparent;
    transition: all 0.2s ease;
}

.services-section .tablerow .table-cell {
    vertical-align: middle;
    height: 325px;
    background-color: rgb(52, 73, 94);
}

.round-image img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.round-image.nthchild2 img {
    width: 110px;
}

.round-image.nthchild4 img {
    width: 66px;
}

.round-image:hover {
    background-color: #fff;
    cursor: pointer;
    border: 1.9px solid #fff;
}

.round-image:hover img {
    -webkit-filter: invert(100%);
    opacity: 0.9;
}

.services-section .table-cell {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50%;
}

.services-section .table-cell:nth-child(1) {
    background-image: url('../../common/imgs/colecter.jpg');
}

.services-section .table-cell:nth-child(2) {
    background-image: url('../../common/imgs/service1.png');
}

.services-section .table-cell:nth-child(3) {
    background-image: url('../../common/imgs/service2.jpg');
}

.services-section .table-cell:nth-child(4) {
    background-image: url('../../common/imgs/service3.jpg');
}

.page .entry-content a {
    color: #0253E5;
}

li.slider-affilaite img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.ydrometal .bx-wrapper .bx-pager.bx-default-pager a.active,
.ydrometal .bx-wrapper .bx-pager.bx-default-pager a:focus,
.ydrometal .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: rgb(0, 150, 210);
}

.ydrometal .bx-wrapper .bx-pager.bx-default-pager a {
    background: #999
}

.table-cell.latestnews .last-entry .topimage:after {
    display: none;
}


/* AFFILIATES
==================================================*/
.bradnstable .table-cell {
    text-align: center;
    vertical-align: middle;
}

.bradnstable {
    border-spacing: 5px 5px;
    table-layout: fixed;
    border-collapse: separate;
}

/* PROJECTS
==================================================*/
.pr-sector-title {
    font-size: 20px;
    line-height: 24px;
}

.pr-sector-title:after {
    position: relative;
    content: " ";
    width: 200px;
    height: 1px;
    background: #34495e;
    display: block;
    margin-top: 5px;
    margin-bottom: 10px
}

.pr-block-title:after {
    content: " ";
    position: relative;
    height: 3px;
    background: #007CAD;
    display: block;
    width: 195px;
    margin-top: 10px
}

.project-analytics.tablerow {
    height: 450px;
    border-collapse: separate;
    border-spacing: 35px;
    table-layout: fixed
}

.project-analytics-row {
    margin-right: -35px;
    margin-left: -35px;
}

.project-analytics .table-cell {
    background-color: rgba(52, 73, 94, 0.1);
    position: relative
}

.project-analytics .table-cell .round-image.nthchild1 img {
    top: 25%;
    left: 35%
}

.project-analytics .table-cell .round-image.nthchild2 img {
    top: 28%;
    left: 35%;
    width: auto;
}

.project-analytics .table-cell .round-image.nthchild3 img {
    top: 32.5%;
    left: 32.5%
}

.project-analytics .table-cell .round-image {
    margin-top: 40px;
    border-color: rgba(52, 73, 94, 1);
}

.project-analytics .table-cell:hover .round-image {
    background: #34495e
}

.project-analytics .table-cell:hover .round-image img {
    opacity: 1;
    -webkit-filter: brightness(0) invert(1)
}

.project-analytics .table-cell .pr-sector-title {
    display: block;
    text-align: center;
}

.project-analytics .table-cell .pr-sector-title:after {
    display: none;
}

.project-cell-desc p {
    font-size: 14px;
    line-height: 16.8px;
    margin-bottom: 15px
}

.project-cell-desc {
    margin: 20px auto;
    text-align: center;
    padding: 0 20px
}

.project-block-details {
    float: left;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    max-width: 34.2222%;
    vertical-align: top
}

.project-block-gallery {
    float: left;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    max-width: 65.777%;
    padding-top: 32px
}

.related-table.tablerow .table-cell {
    position: relative;
    height: 300px;
}

.related-table.tablerow .table-cell:hover .project-details {
    opacity: 1;
}

.related-table.tablerow {
    height: 300px;
    border-collapse: separate;
    border-spacing: 35px;
    table-layout: fixed
}

.related-row {
    margin-top: 5px;
    margin-right: -35px;
    margin-left: -35px;
}

.related-table.tablerow .table-cell .project-details .tablerow .table-cell {
    height: initial;
}

.related-table.tablerow .table-cell .project-details .tablerow {
    height: 100%;
}

.related-table.tablerow .table-cell .project-details {
    padding: 0;
}

.related-table.tablerow .table-cell .project-details .tablerow .table-cell .project-excert {
    margin-top: 20px;
}

.project-block-gallery .easingslider-arrows-outside .easingslider-prev {
    left: 0;
    padding-right: 20px;
}

.project-block-gallery .easingslider-prev {
    background: url(../imgs/left-arrow.png) 0 0 no-repeat;
    -webkit-filter: grayscale(90%);
    -moz-filter: grayscale(90%);
    -o-filter: grayscale(90%);
    -ms-filter: grayscale(90%);
    filter: grayscale(90%);
}

.project-block-gallery .easingslider-arrows-outside .easingslider-next {
    right: -10px;
    padding-left: 20px;
}

.project-block-gallery .easingslider-next {
    background: url(../imgs/right-arrow.png) 0 0 no-repeat;
    -webkit-filter: grayscale(90%);
    -moz-filter: grayscale(90%);
    -o-filter: grayscale(90%);
    -ms-filter: grayscale(90%);
    filter: grayscale(90%);
}

/* PAGES / SINGLES
==================================================*/
.single .indexstory,
.single .mainbsslider,
.single .carousel-slides,
.archive .indexstory,
.archive .mainbsslider,
.archive .carousel-slides,
.page .indexstory,
.page .mainbsslider,
.page .carousel-slides {
    height: 80vh;
    max-height: 600px;
}

.page .entry-content p strong {
    font-weight: 400;
    font-family: Zona Pro BOld
}

.page .entry-content p {
    font-family: 'Zona Pro Light';
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #34495e
}

.page .entry-content table td {
    font-family: 'Zona Pro Light';
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #34495e;
}

.page .entry-content {
    max-width: 900px;
    margin: 0 auto
}

.page-bread {
    max-width: 1300px;
    margin: 0 auto;
    padding-top: 20px;
}

.subpages-tab {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 1300px;
    background: transparent;
    margin: 0 auto
}

.subpages {
    display: table;
    border-spacing: 5px 0;
    border-collapse: separate;
    table-layout: fixed;
    width: 100%
}

.subpages .page_item.current_page_item,
.subpages .page_item:hover {
    background-color: rgba(0, 150, 210, 0.75);
}

.subpages .page_item a {
    /*font-family:Zona Pro SemiBold; */
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: -0.9px;
}

.subpages .page_item {
    display: table-cell;
    width: auto;
    height: 76px;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, 0.5);
}

.archive .carousel-slides .topimage,
.single .carousel-slides .topimage {
    background-position: 50%;
}

.single .entry-content p a {
    color: rgb(0, 150, 210);
}

.single .entry-content a {
    color: rgb(0, 150, 210);
}


/* ARCHUVES
==================================================*/
.categories-table.tablerow {
    display: table;
    border-spacing: 0 0;
    table-layout: fixed;
    border-collapse: separate
}

.subproducts.table-cell {
    width: 30.77%
}

.subproducts-desc.table-cell.top-align {
    display: table-cell;
    width: 69.23%;
    height: 789px;
    background: #ECEDEF;
    border-left: 20px solid #fff;
}

.subproducts-list li {
    list-style: none;
    position: relative
}

.subproducts-list li a {
    text-decoration: none;
    position: relative
}

.subproducts-list li:after {
    content: " ";
    display: block;
    height: 2px;
    background: #007CAD;
    margin-top: 5px;
    margin-bottom: 15px;
    width: 50px
}

.single-cat-title {
    position: relative
}

.single-cat-title:after {
    content: "";
    background: #007CAD;
    height: 4px;
    display: block;
    margin-top: 8px;
    margin-bottom: 25px;
    width: 100%;
    max-width: 195px
}

.fake-tabs {
    height: 110px;
    background: #ECEDEF
}

.subproducts-desc-panel {
    background: #ECEDEF;
    display: block
}

.subproducts-desc-panel .bx-wrapper {
    background: none;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
}

.sub-products-title {
    padding: 50px 50px 25px
}

.sub-products-panel-description {
    padding: 40px 50px
}

.sub-products-panel-description img {
    margin-bottom: 15px;
}

.sub-products-panel-image {
    position: relative;
    height: 300px
}

.fake-tabs .tablerow {
    table-layout: fixed;
    height: 110px
}

.fake-tabs .tablerow .table-cell .category-symbol img {
    max-height: 40px;
    -webkit-filter: grayscale(100%) brightness(100);
}

.fake-tabs .tablerow .table-cell {
    background: #007CAD;
    line-height: initial;
    padding: 0 10px;
    position: relative
}

.fake-tabs .tablerow .table-cell a {
    color: white;
    text-decoration: none;
}

.fake-tabs .tablerow .table-cell .category-symbol {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    text-align: center
}

.fake-tabs .tablerow .table-cell .font-white {
    font-size: 14px;
    line-height: 16.8px;
    display: block;
    position: absolute;
    left: 10px;
    right: 10px;
    top: 70px
}

.fake-tabs .tablerow .table-cell:hover {
    background-color: #ECEDEF
}

.fake-tabs .tablerow .table-cell:hover .category-symbol img {
    -webkit-filter: initial
}

.fake-tabs .tablerow .table-cell:hover .font-white {
    color: #007CAD
}

.category-6 .subproducts-list li:first-child,
.category-10 .subproducts-list li:first-child,
.category-7 .subproducts-list li:first-child {
    display: none;
}

h3.exposts {
    display: block;
    margin-bottom: 0;
    width: 100%;
    line-height: 30px;
    margin-top: 40px;
    clear: both;
    padding-bottom: 10px;
    color: rgba(0, 174, 239, 0.8);
}


/* single archives */

.categ {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.categ .project-archive-tile:nth-child(odd) {
    margin-right: 2%;
}

.categ .project-archive-tile:nth-child(even) {
    margin-left: 2%;
}

.categ .project-archive-tile {
    position: relative;
    width: 48%;
    margin-bottom: 4%;
    display: inline-block;
    vertical-align: top;
    float: left;
    padding: 20px 0;
    box-sizing: border-box;
}

.categoryyrow {
    max-width: 1340px;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;
}

.project-archive-main-cell {
    position: relative;
    display: table;
    width: 100%;
    height: 335px
}

.project-archive-main-cell:hover .project-details {
    opacity: 1
}

.project-archive-title {
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #34495e;
    margin: 0 auto 20px;
    clear: both;
    float: none;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px
}

.projec-centered {
    display: table;
    margin: 0 auto
}

.project-archive-main-cell .project-details .tablerow {
    border: 1px solid transparent;
    height: calc(100% - 80px)
}

.archive .services-section {
    margin-top: 125px
}

.project-archive-tile .topimage {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
}

.single-postimage .topimage {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.grey-bx {
    background-color: #e8e8e8;
    padding: 3%;
}

.product-imahe-postimage {
    margin: 20px auto;
    display: block;
    text-align: center;
    min-height: 200px;
}





/* LATEST NEWS ARCHIVE

.category-1 .project-archive-tile:nth-child(even) {
    margin-right: inherit;
}

.category-1 .twenty.project-archive-title {
    font-size: 15px;
    padding: 0 0 5px;
    text-align: left;
    display: block;
    height: 50px;
    border-bottom: none;
    margin-bottom: 0;
    display: table-cell;
    vertical-align: top;
    line-height: 20px;
}

 .category-1 .project-archive-tile {

    height:515px;
}
.category-1 .twenty.project-archive-title {
    font-size: 15px;
    padding: 0 0 5px;
    text-align: left;
    display: block;
    height: 50px;
    border-bottom: none;
    margin-bottom: 0;
    display: table-cell;
    vertical-align: top;
    line-height: 20px;
}
.category-1 .projec-centered {
    margin: 0;
    display: table;
    width: 100%;
}
 */

.sub-products-panel-description table td img {
    max-width: 70%;
}

.thumbnailsub img {
    max-width: 100%;
}

.thumbnailsub {
    margin: 0 auto 30px;
    display: block;
    text-align: center;
}

/*NEW ARCHIVES
OCTOBER 30102017
*/
.single-product-tile {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    width: 23.5%;
    border: 1px solid #ddd;
    vertical-align: top;
    height: 350px;
    margin-right: 2%;
    margin-bottom: 2%;
}

.single-product-tile:nth-child(4n+4) {
    margin-right: 0;
}

.single-product-tile .maskimage {
    width: 80%;
    height: 250px;
    margin: 20px auto;
    text-align: center;
}

.single-product-tile .maskimage .tablerow {
    height: 100%;
    box-sizing: border-box;
}

.single-product-tile .maskimage .tablerow img {
    max-height: 220px;
}

.single-product-tile .maskimage {
    width: 80%;
    height: 220px;
    margin: 20px auto;
    text-align: center;
    box-sizing: border-box;
}

.product-title {
    display: block;
    clear: both;
    height: 88px;
    background-color: #EDEDED;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 10px;
}





/* CONTACT PAGES */
.page.parent-pageid-43 .entry-content {
    max-width: none;
    width: 100%;
    margin: 0 auto
}

.grey-box {
    background-color: #EBEDEF;
    position: relative;
    width: 100%;
    margin: 20px;
    padding: 15px;
}

.contact-row-one .stretched,
.contact-row-two .stretched,
.contact-row-two-two .stretched {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 50px 0
}

.contact-row-one,
.contact-row-two,
.contact-row-two-two {
    margin-left: -50px;
    /*margin-right:-50px*/
}

.cell-crow {
    position: relative;
    display: table-cell
}

.stretched .cell-crow .light-font,
.contact-row-three .light-font {
    display: block;
    margin-bottom: 5px
}

.stretched .cell-crow input[type="text"],
.stretched .cell-crow input[type="email"],
.stretched .cell-crow input[type="tel"],
.contact-row-three textarea {
    border: 1px solid #34495e;
    -webkit-appearance: none;
    appearance: none;
    padding: 7px;
    width: 100%;
    border-radius: 0 0 0 0;
    margin-bottom: 32px;
    background-color: transparent;
    font-family: inherit;
    max-height: 100px
}

.contact-row-three {
    display: table;
    width: 100%;
    padding-bottom: 35px
}

.contact-row-three .wpcf7-submit {
    border: none;
    border-radius: 0 0 0 0;
    background-color: #007CAD;
    font-size: 21px;
    line-height: 30px;
    color: #fff;
    font-family: inherit;
    display: block;
    padding: 12.5px;
    width: 225px;
    float: right;
    transition: all 0.2s ease;
}

.contact-row-three .wpcf7-submit:active,
.contact-row-three .wpcf7-submit:hover {
    background-color: #34495E;
}

.contact-row-three .light-font {
    font-size: 14px;
}

.contact-row-two-two {
    margin-top: 35px
}

.contact-row-two .cell-crow:nth-child(1):after {
    content: "*Aπαιραίτητα πεδία";
    color: #007CAD;
    font-size: 12px;
    position: absolute;
    bottom: 5px;
    display: block;
}

.contact-table .twenty.black-font:after {
    content: " ";
    position: relative;
    height: 30px;
    display: block;
    border-top: 1px solid #34495e;
    width: 100%;
    max-width: 280px;
    margin-top: 5px
}

.cell-crow .wpcf7-list-item {
    display: block;
    margin: 0;
    font-size: 14px;
    line-height: 25px
}

.cell-crow input[type="checkbox"]:hover {
    cursor: pointer
}

.cell-crow input[type="checkbox"]:checked {
    background: #34495e
}

.cell-crow input[type="checkbox"] {
    -webkit-appearance: none;
    border: 1px solid #34495e;
    height: 12px;
    width: 12px
}

.contact-row-two-two .normal-text {
    display: block;
    border-bottom: 1px solid rgb(52, 73, 94);
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.contact-row-two-two {
    margin-top: 35px;
    padding-bottom: 35px;
}

.page43title:after {
    content: " ";
    position: relative;
    height: 30px;
    display: block;
    border-top: 1px solid #34495e;
    width: 100%;
    max-width: 280px;
    margin-top: 5px;
}

.contact-table {
    width: auto;
}

.contact-table td {
    padding-right: 10px;
}


/* SINGLE IMAGES */
.single-postimage {
    position: relative;
    height: 500px;
    margin-bottom: 30px;
}

.single .entry-content p strong {
    font-weight: 400;
    font-family: Zona Pro BOld
}

.single .entry-content p {
    font-family: Zona Pro Light;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #34495e
}

.single .entry-content {
    max-width: 900px;
    margin: 0 auto
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 26px;
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: 30px;
    color: #34495e;
    max-width: 90%;
}

.single-post-date {
    border-bottom: 1px solid #595959;
    font-size: 13px;
    color: #595959;
    display: block;
    margin-bottom: 40px;
}

.no-desktop {
    display: none;
}

.sub-products-panel-description p a,
.sub-products-panel-description p a:visited,
.sub-products-panel-description p a:hover {
    color: #00638A;
    font-weight: bold;
}

.category-systimata-vrf-toshiba.category-26 .project-archive-tile .topimage,
.category-vrf-lg.category-25 .project-archive-tile .topimage,
.category-14 .project-archive-tile .topimage,
.category-afigransi.category-18 .project-archive-tile .topimage,
.category-imikentrikos-klimatismos.category-12 .project-archive-tile .topimage,
.category-vrf-esoterikes-monades.category-24 .project-archive-tile .topimage,
.category-vrf-eksoterikes-monades .project-archive-tile .topimage {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 200px;
}

.sub-products-panel-description table td {
    text-align: center;
}

.sub-products-panel-description table td a {
    display: block;
    color: rgb(0, 150, 210);
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
}

.page .entry-content ul li {
    font-family: Zona Pro Light;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #34495e;
}

.page .entry-content ul {
    margin: 0 15px;
}

.texss {
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    margin-bottom: 20px;
}

.texss img {
    width: 100%;
    max-width: 600px;
}

.texss a {
    text-decoration: none;
    color: rgb(0, 150, 210);
    font-family: 'Zona Pro', sans-serif;
}

.sub-products-panel-description table:before {
    content: "(πατήστε στα brands για αναλυτικές πληροφορίες)";
    width: 100%;
    position: absolute;
    font-weight: bold;
    color: rgb(0, 150, 210);
    font-size: 10px;
    clear: both;
    top: 0;

}

.sub-products-panel-description table td {
    position: relative;
}

.sub-products-panel-description table {
    position: relative;
}


@media all and (max-device-width : 999px) {
    .no-desktop {
        display: block;
    }

    .nomobile,
    .site-nva {
        display: none;
    }

    .indexstory .black-font p br {
        display: none;
    }

    .gridrow {
        padding: 0 10px
    }

    .site-header {
        padding-top: 10px
    }

    .site-branding img {
        max-height: 60px
    }

    .fullwidth.indexstory {
        height: 350px;
    }

    .our-partners,
    .our-services,
    .our-products,
    .our-projects,
    .our-newsletter {
        display: block;
        font-size: 20px;
        line-height: 24px
    }

    .project-block-gallery {
        max-width: 90%;
        float: none;
        width: 100%;
        display: block;
        margin: 0 auto
    }

    .project-block-details {
        max-width: 100%;
        float: none;
        width: 100%;
        display: block;
        text-align: center
    }

    .project-analytics.tablerow .table-cell {
        display: block
    }

    .projects-template-default .project-analytics.tablerow .table-cell {
        display: table;
        height: 350px;
        width: 100%;
        margin-bottom: 10px
    }

    .related-table.tablerow .table-cell {
        display: block
    }

    .space90 {
        height: 30px;
        clear: both;
        width: 100%
    }

    .project-block-details .thirtytwo {
        font-size: 20px;
        line-height: 24px
    }

    .pr-sector-title {
        font-size: 16px;
        line-height: 24px
    }

    .project-block-details .biggertext {
        font-size: 14px;
        line-height: 22px;
        display: block;
        margin: 15px auto 0;
        max-width: 80%;
    }

    .pr-block-title:after,
    .pr-sector-title:after {
        width: 100%;
        max-width: 195px;
        margin: 0 auto 0
    }

    .carousel-slides,
    .mainbsslider {
        height: 350px;
        max-height: 350px
    }

    .indexstory .gridrow.tablerow {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: #34495e;
        height: 150px
    }

    .carousel-slides .topimage {
        max-height: 200px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat
    }

    .indexstory .black-font p,
    .indexstory .black-font strong {
        font-size: 23px;
        line-height: 30px
    }

    .indexstory .black-font {
        font-size: 23px;
        line-height: 30px
    }

    .indexstory .bx-wrapper .bx-pager {
        bottom: initial;
        top: 145px
    }

    .space90.lateststories-space {
        height: 50px
    }

    .space60.lateststories-space {
        height: 30px
    }

    .space70.lateststories-space {
        height: 30px
    }

    .prtiles {
        height: 188px;
        margin-bottom: 10px
    }

    .prtiiles-row {
        padding: 0 20px
    }

    .project-sector .bx-wrapper .bx-prev {
        left: -5px
    }

    .project-sector .bx-wrapper .bx-next {
        right: -10px;
        width: 20px
    }

    .tile_2,
    .tile_6 {
        width: 48%;
        margin-right: 0;
        margin-left: 2%
    }

    .tile_1,
    .tile_5 {
        width: 48%;
        margin-left: 0;
        margin-right: 2%
    }

    .tile_3,
    .tile_4 {
        width: 100%;
        clear: both
    }

    .three-blocks.tablerow {
        height: auto;
        display: table;
        border-collapse: initial;
        table-layout: initial
    }

    .three-blocks .table-cell {
        display: block;
        clear: both;
        height: 420px
    }

    .three-blocks .last-entry .tablerow .table-cell {
        height: initial;
        padding-top: 80px
    }

    .three-blocks .table-cell.collecter {
        display: block;
        clear: both;
        height: 470px
    }

    .collecter .three-block-description {
        top: 345px
    }

    .collecter .normaltext {
        line-height: 18px
    }

    .three-blocks .table-cell.latestnews {
        display: block;
        clear: both;
        height: 420px
    }

    .three-blocks .table-cell.pdfcatalog {
        display: block;
        clear: both;
        height: 500px
    }

    .pdfcatalog .three-block-description br {
        display: none
    }

    .pdfcatalog .three-block-description {
        top: 340px
    }

    .accordion {
        height: auto
    }

    .accordion ul:hover li:hover {
        width: 100%;
    }

    .contact-row-one .stretched,
    .contact-row-two .stretched,
    .contact-row-two-two .stretched {
        border-spacing: initial;
        table-layout: initial;
        display: block;
    }

    .cell-crow {
        display: block;
    }

    .contact-row-one,
    .contact-row-two,
    .contact-row-two-two {
        margin: 0;
    }

    .category-1 .project-archive-tile {
        width: 100%;
        margin-top: 30px;
    }

    .single .entry-content {
        max-width: 900px;
        margin: 0 auto;
        padding: 0 15px;
    }

    .single-post-date {
        margin-bottom: 20px;
    }

    .single-postimage {
        width: 100%;
        height: 230px;
        margin-bottom: 20px;
    }

    .single-postimage .topimage {
        background-size: cover;
    }

    .single .entry-content p,
    .single .entry-content ul li {
        font-size: 14px;
        line-height: 20px;
        color: #34495e;
        margin-bottom: 15px;
    }

    .single .entry-content ul {
        margin-left: 15px;
    }

    .category-1 .twenty.project-archive-title {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 10px;
        display: block;
        clear: both;
        height: auto;
    }

    .page43title:after {
        display: none
    }

    .single-post-title {
        margin-bottom: 10px;
    }

    .space70 {
        height: 35px
    }

    .wp-subscribe-wrap h4.title {
        padding: 35px 0 35px 0;
    }

    .newsletter-fullwidth #wp-subscribe p.text {
        padding: 0 0 35px 0;
    }

    .accordion ul li {
        width: 100%;
        max-height: 175px;
        display: table;
        height: 175px;
        clear: both
    }

    .accordion ul li div a {
        display: block;
        height: 175px
    }

    .accordion ul li div a .category-symbol {
        margin: 10px auto;
        width: 70px;
        height: 70px
    }

    .accordion ul li div a .category-symbol img {
        max-width: 100%;
        max-height: 100%
    }

    .services-section {
        padding: 50px 0
    }

    .services-section .tablerow {
        border-collapse: initial;
        table-layout: initial
    }

    .services-section .tablerow .table-cell {
        display: block;
        margin-bottom: 50px;
        clear: both;
        padding-top: 100px;
    }

    .services-section .tablerow .table-cell .round-image {
        margin-bottom: 10px
    }

    .project-details {
        opacity: 1
    }

    .project-title {
        font-size: 12px;
        line-height: 14px;
        margin-top: 0
    }

    .bottom-more .tiny {
        line-height: 20px;
        text-decoration: none
    }

    .bottom-more {
        bottom: 10px;
        left: 10px;
        right: 10px
    }

    .project-excert {
        line-height: 16.8px;
        font-size: 12px;
        margin-top: 10px
    }

    .three-blocks-title {
        top: 300px
    }

    .latestnews-title {
        padding-top: 35px;
        margin-top: 0
    }

    .pdfcatalog .three-blocks-image {
        top: 15px
    }

    .fmenu-row .table-cell {
        display: block;
        width: 100%;
        text-align: center
    }

    .footer-up-cell {
        display: block;
        height: initial;
        vertical-align: top;
    }

    .newsletter-sector {
        height: 310px
    }

    .newsletter-sector .space70 {
        height: 15px
    }

    .wp-subscribe-wrap h4.title {
        font-size: 20px !important;
        padding: 20px 0 15px 0;
    }

    .newsletter-fullwidth #wp-subscribe p.text {
        padding: 0 0 15px 0;
    }

    .newsletter-sector h4 {
        margin: 0
    }

    .newsletter-sector form input {
        margin: 10px 0
    }

    .newsletter-fullwidth #wp-subscribe input.name-field {
        margin-bottom: 20px;
        max-width: 400px
    }

    .newsletter-fullwidth #wp-subscribe input.email-field {
        margin-bottom: 20px;
        max-width: 400px
    }

    .newsletter-fullwidth #wp-subscribe input.submit {
        margin: 0;
        width: 100%
    }

    .footer-up-cell.footer-cell-logo {
        display: block
    }

    .gridrow.copyright-row {
        margin-top: 0
    }

    .site-footer {
        height: 935px
    }

    .footer-row-cell.alignleft.tiny {
        width: 100%;
        text-align: center
    }

    .footer-row-cell.alignleft.tiny span {
        display: block
    }

    .footer-row-cell.alignright.tiny {
        text-align: center;
        width: 100%;
        margin: 25px 0
    }

    .fmenu-row .alignright {
        width: 100%;
        padding: 24px 0;
        float: none;
        display: block;
        margin: 0
    }

    .fake-border {
        margin-top: -20px
    }

    .three-blocks .table-cell .twentyeight {
        font-size: 20px;
        line-height: 24px
    }

    .three-blocks .table-cell .marupbot60 {
        margin: 30px 0
    }

    .block-link {
        position: relative;
        left: initial;
        right: initial;
        bottom: initial;
        width: 150px;
        padding: 3px 0;
        margin: 5% auto;
    }

    .three-blocks .table-cell .block-link a {
        font-size: 12px;
        line-height: 12px
    }

    .project-analytics .table-cell .round-image {
        transform: scale(0.79);
        -webkit-transform: scale(0.79);
        -ms-transform: scale(0.79)
    }

    .project-cell-desc p {
        font-size: 12px;
        line-height: 14.8px;
        margin-bottom: 15px
    }

    .project-analytics.tablerow {
        display: table;
        height: auto;
        border-collapse: initial;
        border-spacing: initial;
        table-layout: initial
    }

    .project-analytics-row {
        margin: 30px 0 0
    }

    .gridrow.nopadding {
        padding: 0
    }

    .related-row {
        margin: 5px 0
    }

    .related-table.tablerow {
        border-spacing: initial;
        border-collapse: initial;
        height: auto;
        table-layout: initial
    }

    .related-table.tablerow .table-cell {
        height: 220px;
        margin-bottom: 10px
    }

    .related-table.tablerow .table-cell .project-details {
        padding: 0;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }

    .related-table.tablerow .table-cell .project-details .tablerow .table-cell {
        height: 100%;
        display: table-cell;
        padding: 0 20px
    }

    .projects-template-default .fullwidth.indexstory {
        height: 130px
    }

    .subproducts.table-cell {
        width: 100%;
        display: table
    }

    .categories-table.tablerow {
        display: table;
        border-spacing: initial;
        table-layout: initial;
        border-collapse: initial
    }

    .subproducts-desc.table-cell.top-align {
        display: table;
        width: 100%;
        height: auto;
        border: 0
    }

    .single-cat-title:after {
        width: 95px;
        height: 2px
    }

    .thirtytwo.font-lightblue.single-cat-title {
        font-size: 20px;
        line-height: 24px
    }

    .fake-tabs .tablerow .table-cell .font-white {
        display: none
    }

    .sub-products-panel-image {
        height: 107px
    }

    .sub-products-panel-description {
        padding: 15px 20px
    }

    .sub-products-title.twentytwo {
        font-size: 20px;
        line-height: 22px;
        text-align: left;
        padding: 20px 20px 10px
    }

    .fake-tabs .tablerow .table-cell .category-symbol img {
        max-height: 22px;
    }

    .fake-tabs .tablerow .table-cell .category-symbol {
        position: absolute;
        top: 7px;
    }

    .fake-tabs .tablerow {
        height: 35px
    }

    .fake-tabs {
        height: auto;
        display: table
    }

    .subproducts-list li a {
        font-size: 14px;
        line-height: 18px
    }

    .subproducts-list li {
        padding-left: 20px;
        padding-bottom: 20px;
        padding-right: 20px
    }

    .subproducts-list li:after {
        display: none
    }

    .category-name-inside {
        font-size: 14px;
        line-height: 9px;
        padding: 20px
    }

    .category .fullwidth.indexstory {
        height: 123px;
    }

    .page-bread {
        margin: 0 auto;
        padding: 10px;
        text-align: center
    }

    .category-name-inside .show_hide {
        right: 20px;
        top: 15px;
        position: absolute;
        display: block;
        text-indent: -9999px;
        background-image: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUxLjg0NyA0NTEuODQ2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI0OC4yOTIsMTA2LjQwNmwxOTQuMjgxLDE5NC4yOWMxMi4zNjUsMTIuMzU5LDEyLjM2NSwzMi4zOTEsMCw0NC43NDRjLTEyLjM1NCwxMi4zNTQtMzIuMzkxLDEyLjM1NC00NC43NDQsMCAgIEwyMjUuOTIzLDE3My41MjlMNTQuMDE4LDM0NS40NGMtMTIuMzYsMTIuMzU0LTMyLjM5NSwxMi4zNTQtNDQuNzQ4LDBjLTEyLjM1OS0xMi4zNTQtMTIuMzU5LTMyLjM5MSwwLTQ0Ljc1TDIwMy41NTQsMTA2LjQgICBjNi4xOC02LjE3NCwxNC4yNzEtOS4yNTksMjIuMzY5LTkuMjU5QzIzNC4wMTgsOTcuMTQxLDI0Mi4xMTUsMTAwLjIzMiwyNDguMjkyLDEwNi40MDZ6IiBmaWxsPSIjMzQ0OTVlIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==');
        background-position: 0 0;
        width: 20px;
        height: 20px;
        background-size: 17px;
        background-repeat: no-repeat
    }

    .subpages-tab {
        display: none
    }

    .page .fullwidth.indexstory {
        height: 123px
    }

    .page .entry-content ul {
        margin: 0;
        font-size: 14px;
        line-height: 24px;
        padding-left: 15px
    }

    .page .entry-content {
        padding: 0 20px
    }

    .ydrometal .rmp-container .rmp-menu > li.rmp-menu-item > a {
        border: 0!important;
    }

    .ydrometal .rmp-container .rmp-menu li.rmp-menu-item a:hover .responsive-menu-subarrow {
        display: none
    }

    .ydrometal .rmp-container .rmp-menu li.rmp-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active {
        display: none
    }

    .rmp_menu_trigger.is-active .responsive-menu-pro-inner,
    .rmp_menu_trigger.is-active .responsive-menu-pro-inner::before,
    .rmp_menu_trigger.is-active .responsive-menu-pro-inner::after {
        background: white !important;
    }

    .ydrometal ul.rmp-menu {
        padding-top: 15%!important;
    }

    .ydrometal .rmp-container .rmp-menu>li.rmp-menu-item:first-child>a {
        border: none;
    }

    .ydrometal .rmp-container .rmp-menu ul.rmp-submenu.rmp-submenu-open {
        margin-bottom: 30px!important;
    }

    button.rmp_menu_trigger .responsive-menu-pro-inner::after {
        bottom: -6px;
    }

    button.rmp_menu_trigger .responsive-menu-pro-inner::before {
        top: -6px;
    }

    .single .indexstory,
    .single .mainbsslider,
    .single .carousel-slides,
    .archive .indexstory,
    .archive .mainbsslider,
    .archive .carousel-slides,
    .page .indexstory,
    .page .mainbsslider,
    .page .carousel-slides {
        max-height: 100px;
    }

    .single .space60 {
        height: 20px;
    }

    .sub-products-panel-description table td img {
        display: block;
        max-width: 80%;
    }

    .archive .project-details {
        opacity: 0;
    }

    .single-product-tile {
        width: 90%;
        display: block;
        margin: 0 auto 5%;
        float: none;
    }

    .single-product-tile:nth-child(4n+4) {
        margin: 0 auto 5%;
    }




    /* END OF MOBILE SITE */
}

/* .projects-template-default.single .indexstory , .post-type-archive-projects .indexstory ,
.post-template-default.single .indexstory , .category-37 .indexstory , .page-id-1258 .indexstory ,
.category-latest-news .indexstory {
  display: none;
} */

.page .indexstory,
.archive .indexstory,
.post-template-default .indexstory,
.category .indexstory,
.projects-template-default .indexstory {
    display: none;
}

.page-id-51 .indexstory,
.page-id-95 .indexstory,
.page-id-41 .indexstory,
.page-id-46 .indexstory,
.page-id-48 .indexstory,
.page-id-53 .indexstory,
.page-id-869 .indexstory,
.page-id-867 .indexstory,
.page-id-865 .indexstory,
.page-id-99 .indexstory,
.page-id-97 .indexstory {
    display: block;
}

.straight-logo {
    display: none;
    max-width: 400px;
}

.sticky {
    position: fixed;
    top: 0;
    background-color: white;
    width: 100%;
    transition: all 0.5s ease;
    z-index: 100 !important;
}

.rmp-container {
    z-index: 110 !important;
}

.sticky .site-nva {
    top: 10px;
}

button.rmp_menu_trigger {
    position: fixed !important;
    top: 20px !important;
}

@media screen and (max-width: 667px) {
    .straight-logo {
        max-width: 250px;
    }

    .contact-row-three .wpcf7-submit {
        float: none;
        margin: auto;
    }
}

@media screen and (max-width: 800px) {
    button.rmp_menu_trigger {
        position: fixed !important;

    }
}

/* .sticky + #content {
  margin-top: 165px;
  transition: all 0.6s ease;
} */

@media (max-device-width: 700px) {
    .three-blocks .table-cell.collecter {
        height: 520px;
    }
}

@media (min-device-width: 701px) and (max-device-width: 800px) {
    .three-blocks .table-cell.collecter {
        height: 580px;
    }

    .three-blocks .table-cell.latestnews {
        display: block;
        clear: both;
        height: 480px;
    }
}

@media (max-width: 1280px) {
    .three-blocks>.table-cell {
        height: 690px;
    }
}