@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');;
@font-face {
    font-family: 'Open Sans Condensed';
    src: url('/smarty/wireframe30/media/fonts/new-fonts/OpenSans-CondensedBold.woff2') format('woff2'),
        url('/smarty/wireframe30/media/fonts/new-fonts/OpenSans-CondensedBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('/smarty/wireframe30/media/fonts/new-fonts/OpenSansCondensed-Medium.woff2') format('woff2'),
        url('/smarty/wireframe30/media/fonts/new-fonts/OpenSansCondensed-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('/smarty/wireframe30/media/fonts/new-fonts/OpenSansCondensed-SemiBold.woff2') format('woff2'),
        url('/smarty/wireframe30/media/fonts/new-fonts/OpenSansCondensed-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Open Sans Condensed';
    src: url('/smarty/wireframe30/media/fonts/new-fonts/OpenSansCondensed-ExtraBold.woff2') format('woff2'),
        url('/smarty/wireframe30/media/fonts/new-fonts/OpenSansCondensed-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




/*--------------------------------------------------
# General
--------------------------------------------------*/
body {
    background: #fff;
    color: #282828;
	font-family: "Raleway", sans-serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
}

a {
    color: #96daee;
    text-decoration: underline;
    outline: none;
}
a:active, a:hover, a:focus {
	color: #96daee;
    text-decoration: none;
}
.image-right {
    float: right;
    margin: 10px 0 20px 30px;
}
.image-left {
    float: left;
    margin: 10px 30px 20px 0;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.35em;
       font-weight: 600;
    font-family: 'Open Sans Condensed';
	text-transform:uppercase;
}
h1 {
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    LINE-HEIGHT: 56PX;
}
h2 {
    color: #96daee;
    font-size: 30px;
 
}
h3 {
	color: #fff;
    font-size: 28px;
}
h4 {
	color: #96daee;
    font-size: 26px;
}
h5 {
	color: #fff;
    font-size: 24px;
}
h6 {
	color: #96daee;
    font-size: 17px;
}

hr {
	border-color: #96daee;
}

.fullsite {
    overflow: hidden;
}
.btn-gdpr {
    color: #000 !important;
    background: #96dbee !important;
}
.btn-gdpr:hover {
    color: #ffffff !important;
    background: #000000 !important;
}
/***************************************/
.max-container {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1727px;
}
.phone-responsive {
    display: none;
} 
.zoom-out img{
    transition: all .25s ease-in-out;
}
.zoom-out:hover img{
    transform:scale(0.8);
}
header.top.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 0;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    transform: translateY(-365%);
    background-color: #ffffff;
    transition: transform .6s;
}
header.top.sticky.sticky-appear {
    transform: translateY(0);
    height: auto;
    box-shadow: 0 0 20px #000000;
    border-bottom: none;
    padding: 15px 0;
}
.cta.contact a.btn-cta {
    DISPLAY: none !important;
}.banner .cta.contact {
    top: 50%;
}

.has-lightbox header.top.sticky.sticky-appear {
    transform: translateY(-100%);
}
header.top .logo {
    position: relative;
    display: table;
    padding: 18px 0 0px;
    z-index: 1;
}
div#sticky-wrapper {
    position: absolute;
    width: 100%;
    height: auto !important;
}
header.top {
    position: absolute;
    z-index: 100;
    width: 100%;
}

header.top.sticky .top-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header.top.sticky .logo {

	display:none;
}
header.top.sticky.sticky-appear nav.main-nav {
    float: none;
    display: table;
    margin: 10px auto;
    padding: 0;
}
header.top nav.main-nav {
    position: relative;
    float: none;

}
header.top .header-grid {
    display: grid;
    grid-template-columns: 361px auto 174px;
    justify-content: space-between;
}.header-nav {
    position: relative;
    padding: 60px 0 0;
}
header.top.sticky.sticky-appear .tel-top {
    display: none;
}header.top.sticky.sticky-appear .header-nav {
    padding: 0;
}
header.top .header-grid .tel-top {
    transition: .6s;
    font-size: 20px;
    font-weight: 700;
    position: relative;
    padding: 12px 0 0 51px;
    background: #96daee;
    border-radius: 10px;
    letter-spacing: 0em;
    height: 48px;
    width: 174px;
    color: #282828;
    font-family: 'Open Sans Condensed';
    margin: 50px 0 0;
}
.tel-top .phone {
    display: none;
}
.tel-top span.phone-responsive {
    display: inline-block;
}
.tel-top span.phone-responsive a {
	color:#282828;
    text-decoration: none;
}
header.top .header-grid .tel-top:before {
    position: absolute;
    content: "";
    background: url(/smarty/wireframe30/media/images/new-images/icon-tel.svg) no-repeat;
    height: 24px;
    width: 28px;
    left: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
}.tel-top span.phone-responsive a:hover {
    text-decoration: underline;
}.cta-fixed p {
    margin: 0;
}
header.top .header-grid .tel-top:hover {
    transform: translateY(10px);
}
header.top.sticky .header-grid {
    grid-template-columns: auto;
    grid-gap: 0;
	justify-content: center;
}
header.top.sticky .header-grid .social-top {
    display: none;
}


header.top.sticky.sticky-appear .header-wrapper {
    display: block;

}
.banner .social {
    position: absolute;
    right: 0;
    bottom: 124px;
    left: 206px;
    margin: auto;
    text-align: center;
    z-index: 2;
    display: table;
}
.banner .social a.networks_facebook {
    color: #ffffff;
    background: #fff url(/smarty/wireframe30/media/images/new-images/fb2.png) no-repeat center;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: none .4s;
    -moz-transition: none .4s;
    -o-transition: none .4s;
    transition: none .4s;
    transition: all .3s;
    font-size: 0px;
    cursor: pointer;
    margin: 0;
    width: 135px;
    height: 133px;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 23px #4eaaca42, 0 0 30px #f1fafd, 0 0 31px #2b97bb14;
}
.banner .social a.networks_facebook:hover {
    background: #fff url(/smarty/wireframe30/media/images/new-images/fb2.png) no-repeat center !important;
    transform: scale(0.9);
}

main-nav .mobile-nav i.fa {
    background: ;
    text-align: center;
    color: ;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    display: inline-block;
}
header.top nav.mobile-nav {
    position: relative;
    display: none;
    font-size: 1.4em;
    margin: 0 auto;
}
nav.mobile-nav a {
    position: relative;
}
.box-light {
    color: #ffffff;
    padding: 15px 19px 18px;
    margin: 0 0;
    border: 1px solid #ffffffa6;
}.box-light a.networks_facebook:hover {
    background: #96daee !important;
    color: #fff;
}
.col-md-8.col-md-push-4 h3{margin-top:0}
.vCard .box-light h5 {
    margin: 0 0 3px;
    color: #96daee;
}
.vCard .box-light {
    margin-top: 30px;
}
/****************************************************************************************/

.banner {
    position: relative;
    height: 984px;
	background: #fff url(/smarty/wireframe30/media/images/new-images/bg-banner.jpg) no-repeat;
}
.banner.small {
    height: 750px;
}
article.content {
    position: relative;
}
.diy-slideshow figure {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-mask-image: url(/smarty/wireframe30/media/images/new-images/mask.png);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: center center; 
    -webkit-mask-repeat: no-repeat;
}


.banner #slideshow, .banner .NewsItemBackground {
    position: absolute;
    right: 0px;
    height: 931px;
    width: 1063px;
    top: 0px;
    bottom: 0;
    margin: 0 !important;
    z-index: 2;
    overflow: visible;
}
.banner.small #slideshow, .banner .NewsItemBackground {
    height: 671px;
    width: 1010px;
}
.banner #slideshow:before {
    content: "";
    position: absolute;
    background: url(/smarty/wireframe30/media/images/new-images/bg-slide.png) no-repeat top center;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    background-size: cover !important;
}.banner #slideshow:after {
    position: absolute;
    content: "";
    left: 60px;
    right: -133px;
    top: 0;
    bottom: -48px;
    background: rgb(150 219 238 / 25%);
    border-radius: 50%;
    z-index: -1;
}.diy-slideshow .prev {
    left: 40px !important;
    padding: 15px !important;
    border-radius: 50px !important;
  
}.diy-slideshow .next {
    right: 10px !important;
    padding: 15px!important;
    border-radius: 50px !important;
}
@keyframes slide-in {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.banner .cta {
    position: absolute;
    z-index: 2;
    margin: auto;
    text-align: left;
    top: 38%;
    display: table;
}



.banner .cta .slogan {
    position: relative;
    z-index: 2;
}
.banner .cta .slogan h2 {
    color: #282828;
    font-size: 58px;
    line-height: 58px;
    text-transform: uppercase;
    position: relative;
    font-weight: 800;
    margin: 0;
    text-shadow: 0 0 29px #00000061;
    letter-spacing: 0.05em;
    font-family: "Open Sans", sans-serif;
}

.banner .cta a.btn-cta {
    color: #121212;
    padding: 0;
    position: relative;
    text-shadow: none;
    font-size: 0;
    line-height: 24px;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
    border-bottom: none;
    margin-top: 52px;
    text-decoration: none;
    z-index: 1;
    border-radius: 0;
    background: url(/smarty/wireframe30/media/images/new-images/contact.png) no-repeat;
    width: 371px;
    height: 291px;
    transition: all 0.6s;
}.banner .cta a.btn-cta:hover {
    transform: translateY(-29px);
}

/***************************************************************************************/
.cta-fixed {
    display: none;
}
.cta-fixed.sticky-appear p a {
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 0;
    transition: .6s;
}
.cta-fixed.sticky-appear p {
    margin: 0;
}
.cta-fixed .fa-facebook-f:before, .cta-fixed .fa-facebook:before {
    content: "\f39e" !important;
}
.cta-fixed.sticky-appear {
    display: flex;
    position: relative;
    z-index: 101;
}
.cta-fixed.sticky-appear {
    display: flex;
    position: fixed;
    justify-content: center;
    right: 0;
    top: 75px;
    background: #000000;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 13px;
    font-weight: 700;
    transition: all .4s;
    font-size: 15px;
    line-height: 1.2em;
    align-items: center;
    grid-gap: 7px;
    box-shadow: 0 0 17px #96daee;
}
.cta-fixed.sticky-appear:hover {
    background: #96daee;
}
.cta-fixed.sticky-appear:hover p a {
    color: #282828;
}
i.fa-solid.fa-phone-flip:before {
    content: "\f879";
}
.cta-fixed .networks_linking a, .cta-fixed .phone-link a {
    width: 25px !important;
    height: 25px !important;
    display: block;
    background: #fff !important;
    border-radius: 50% !important;
    color: #272727;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    line-height: 25px;
    text-decoration: none;
    text-align: center;
    transition: all .4s;
    margin: 0;
}
.cta-fixed i.fab.fa.fa-facebook {
    font-family: "Font Awesome 5 Brands" !important;
    font-weight: 400;
    display: inline-block;
}
.cta-fixed .networks_linking a:hover, .cta-fixed .phone-link a:hover {
    background: #000 !important;
    color: #fff;
}
.cta-fixed .networks_linking {
    margin: 0 !important;
}
/***************************************************************************************/
.wrapper {
    position: relative;
    padding: 164px 0 178px;
    text-align: left;
    z-index: 2;
    background: url(/smarty/wireframe30/media/images/new-images/body.jpg) repeat;
    color: #fff;
}

body.homeTemplate main.content-wrapper .images {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
body.homeTemplate main.content-wrapper .images img {
    height: 100%;
    width: 100%;
    object-fit: cover;

}
.pageTemplate .wrapper {
    padding: 70px 0;
    text-align: left;
  background: url(/smarty/wireframe30/media/images/new-images/body.jpg) repeat;
	 color:#fff;
}
article.content .table-style p {
    margin: 0;
}
.image-home {
    position: absolute;
    width: 52%;
    object-fit: cover;
    z-index: 1;
    left: -169px;
    top: 114px;
    bottom: -117px;
    border-radius: 50%;
}


.image-home:before {
    background: #96dbee;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: -75px;
    bottom: 0;
    border-radius: 50%;
    opacity: 0.25;
    z-index: -1;
}
.image-home img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    border-radius: 50%;
}
.homeTemplate header.page-title {
    display: block;
    margin: 0 0 0;
    position: relative;
}
header.page-title h1 {
    margin: 0;
    padding: 0;
}
.pageTemplate header.page-title h1 {
    padding: 0 0 29px;
    margin: 0 0 49px;
    border-bottom: 1px solid #96daee;
    color: #fff;
    font-size: 50px;
    line-height: 60px;
}
body.pageTemplate.lang-nl.contact a.contact {
    display: none;
}
header.page-title h1 > span:not(.sub-title) {
    position: relative;
	display:block;
}
body.homeTemplate main.content-wrapper span.sub-title {
    color: #ffffff;
    font-size: 60px;
    position: relative;
    display: block;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 0;
    font-weight: 700;
    margin: 0 0 55px;
}
.image-right, .image-left {
    box-shadow: 10px 10px #96daee;
}
.homeTemplate main.content-wrapper article.content ul {
    display: table;
    margin: 0 auto;
    text-align: left;
}
.homeTemplate main.content-wrapper header.page-title h1 span:not(.sub-title) {
    color: #96dbee;
    font-size: 20px;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 0;
    font-weight: 700;
    text-align: left;
    padding: 0;
    margin: 0;
    font-family: 'Raleway';
}
.moretext {
    display: none;
}
a.moreless-button {
    padding: 15px  30px;
    position: relative;
    text-shadow: none;
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    display: inline-block;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .2em;
    border-bottom: none;
    margin-top: 30px;
    text-decoration: none;
    z-index: 1;
    cursor: pointer;
 
    border-radius: 5px;
    background: transparent;
    border: 4px solid #96daee;
}
a.moreless-button:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: #96daee;
    transition: all 0.6s;
    z-index: -1;
}
a.moreless-button:hover:before {
    width: 100%;
}
a.moreless-button:hover {

}
article.content ul ul {
    list-style-type: circle;
}
article.content .table-style {
    position: relative;
}
article.content .table-style th {
    background: #96daee;
    color: #000;
}
article.content .table-style th, article.content .table-style td {
    border: 1px solid #96daee;
    padding: 10px 15px;
}
.bk-content {
    margin: 0 0 0 46%;
}

article.content .NewsPhoto {
    position: relative;
    margin-bottom: 50px;
    background: #222;
}
article.content .NewsPhoto img {
    width: 100%;
    max-height: 500px;
    height: auto;
    object-fit: cover;
    transition: opacity 1.25s;
}
article.content .NewsPhoto:hover img {
    opacity: .5;
}
article.content .NewsPhoto:hover::after {
    content: '';
    z-index: 3;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    
    background-size: 0;
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #fff 100%, #fff 100%),
                        linear-gradient(to bottom, #fff 100%, #fff 100%),
                        linear-gradient(to right, #fff 100%, #fff 100%),
                        linear-gradient(to bottom, #fff 100%, #fff 100%);
    background-position:    0 0,
                            100% 0,
                            100% 100%,
                            0 100%;
}
article.content .NewsPhoto:hover::after {
    animation: bg 1.25s;
    animation-fill-mode: forwards;
}


/******************news***********************/
section.news {
    padding: 90px 0 100px;
    position: relative;
    background: url(/smarty/wireframe30/media/images/new-images/bg-news.jpg) no-repeat;
    background-size: cover;
}
section.news  .slick-dots {
    bottom: -50px;
}
section.news .max-container {
    max-width: 1290px;
    margin: 0 auto;
    padding: 0 15px;
}
section.news #AllNews figure.Item .number {
    position: absolute;
    left: 90px;
    top: -25px;
    font-size: 91px;
    color: #96daee;
    font-weight: 700;
    z-index: 3;
    line-height: 1.3em;
 
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
}
section.news h3 {
    font-size: 25px;
    line-height: 1em;
    margin: 0;
    position: relative;
    font-weight: 400;
    color: #44b9a3;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-family: 'Anybody';
    text-align: center;
}
section.news h2 {
    font-size: 60px;
    line-height: 1em;
    position: relative;
    margin: 5px auto 33px;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
 
    display: table;
    text-transform: uppercase;
}
section.news h4 {
    font-size: 25px;
    line-height: 1em;
    position: relative;
    margin: 0 auto;
    color: #96daee;
    text-align: center;
    font-weight: 500;
 
    display: table;
    letter-spacing: 0;
    text-transform: none;
}
.newsTemplate section.news {
    margin: 0;
}
section.news #AllNews {
    position: relative;
    margin: 0 -10px;
}
section.news #AllNews .slick-slide > div {
    margin: 0;
}
section.news #AllNews figure.Item {
    position: relative;
    transition: all .6s;
}
section.news #AllNews .photo {
    position: relative;
    height: 257px;
    margin-bottom: 0;
    border: none;
    overflow: hidden;
    border-radius: 0;
    display: none;
}
section.news #AllNews .photo img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
section.news #AllNews figure.Item:hover .photo img {
    transform: scale(1.1);
}
section.news #AllNews .photo i {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 1em;
    margin-top: -50px;
    opacity: 0;
    transition: margin-top .6s, opacity .6s;
    transition-delay: 0s;
}
section.news #AllNews .photo:hover i {
    margin-top: 0px;
    opacity: 1;
    transition-delay: .4s;
}
section.news #AllNews figure.Item .date:before {
    content: "";
    position: absolute;
    background: url(/smarty/wireframe30/media/images/new-images/icon-date.png) no-repeat;
    height: 20px;
    width: 20px;
    left: -30px;
    top: -4px;
    bottom: 0;
    margin: auto;
}
section.news #AllNews figure.Item figcaption {
    padding: 40px 45px 85px;
    position: relative;
    transition: all .6s;
    text-align: left;
    background: #1b1b1b;
    color: #ffffff;
    height: auto !important;
    border-radius: 5px;
    margin: 30px 12px;
}
section.news #AllNews figure.Item:hover figcaption {
    background: url(/smarty/wireframe30/media/images/new-images/bg-new-h.jpg) no-repeat;
    background-size: cover;
    box-shadow: none;
}
section.news #AllNews figure.Item figcaption h3 {
    margin: 20px 0 30px;
    font-size: 22px;
    letter-spacing: 0;
    color: #ffffff;
 
    text-transform: none;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    height: 60px;
}
section.news #AllNews figure.Item:hover figcaption h3 {
    color: #96daee;
}
section.news #AllNews figcaption p {
    padding: 0;
    height: auto;
}
section.news #AllNews a {
    text-decoration: none;
    outline: none;
    color: #fff;
}
section.news #AllNews figure.Item figcaption .button {
    position: absolute;
    font-size: 16px;
 
    font-weight: 400;
    display: table;
    text-transform: uppercase;
    color: #ffffff;
    padding: 15px 45px;
    margin: 0;
    letter-spacing: .2em;
    transition: .6s;
    background: transparent;
    left: 0;
}
section.news #AllNews figure.Item:hover figcaption .button {
    letter-spacing: .3em;
}
section.news #AllNews figure.Item figcaption .button:after {
    content: "";
    position: absolute;
    background: url(/smarty/wireframe30/media/images/new-images/icon-new.png) no-repeat;
    width: 55px;
    height: 41px;
    right: -28px;
    top: 0;
    margin: auto;
    bottom: 0;
}
section.news #AllNews figure.Item:hover figcaption .button:after {
     background: url(/smarty/wireframe30/media/images/new-images/icon-new-h.png) no-repeat;
}
section.news #AllNews figure.Item .date {
    position: absolute;
    font-size: 17px;
    top: -40px;
    left: 90px;
    color: #282828;
 
    font-weight: 400;
    text-align: left;
    z-index: 1;
    text-transform: uppercase;
    display: none;
}
/*section.news #AllNews figure.Item:hover .photo img {
    transform: scale(1.1);
}*/
section.news #AllNews figure.Item .photo img {
    transition: all 0.4s;
}
section.news #AllNews .slick-slide > div {
    margin: 0 10px;
}
/**************************************/
article.content #AllNews {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
    margin: 20px 0 0;
}
article.content #AllNews figure.Item .date {
    position: absolute;
    font-size: 16px;
    top: -40px;
    left: 80px;
    color: #282828;
    font-weight: 400;
    text-align: left;
    z-index: 2;
    display: none;
    text-transform: uppercase;
}
article.content #AllNews figure.Item .date:before {
    content: "";
    position: absolute;
    background: url(/smarty/wireframe30/media/images/new-images/icon-date.png) no-repeat;
    height: 20px;
    width: 20px;
    left: -30px;
    top: 0;
    bottom: 0;
    margin: auto;
}
article.content #AllNews figcaption.equal h3 {
    margin: 0 0 25px;
    font-size: 25px;
    letter-spacing: 0;
    color: #282828;
    text-transform: none;
    font-weight: 600;
    line-height: 29px;
    text-align: left;
    height: 81px;
    font-family: 'Open Sans Condensed';
}
article.content #AllNews figure.Item:hover figcaption.equal h3 {
    color: #96daee;
}
article.content #AllNews a {
    text-decoration: none;
    outline: none;
    color: #6b6b6b;
}
article.content #AllNews figure.Item {
    position: relative;
    text-align: center;
    padding: 0  0 35px;
}
article.content #AllNews figure.Item .photo img {
    position: relative;
    z-index: 1;
    object-fit: cover;
    height: 100%;
    width: 100%;
    display: block;
    transition: all 0.4s;
}article.content #AllNews figure.Item:hover .photo img {
    transform: scale(1.2);
}
article.content #AllNews figure.Item figcaption .button {
    position: absolute;
    display: table;
    font-weight: 700;
    bottom: 27px;
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    text-align: left;
    left: 0;
    padding-left: 20px;
    letter-spacing: 0;
    transition: .6s;
}
article.content #AllNews figure.Item:hover figcaption .button {
    letter-spacing: .1em;
    color: #96dbee;
}
article.content #AllNews figure.Item figcaption .button:before {
    content: "";
    position: absolute;
    background: url(/smarty/wireframe30/media/images/new-images/lees-m.png) no-repeat;
    width: 28px;
    height: 23px;
    right: -37px;
    top: 8px;
    margin: auto;
    bottom: 0;
}
article.content #AllNews figure.Item:hover figcaption .button:before {
   opacity: 1;
}
article.content #AllNews figure.Item p {
    height: 70px;
}
article.content #AllNews figure.Item > a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
	border-bottom: 0;
}
article.content #AllNews figure.Item:hover .photo h3 {
    background: #44b9a3;
}
article.content #AllNews figure.Item .photo {
    position: relative;
    height: 250px;
    margin-bottom: 0;
    border: none;
    overflow: hidden;
    border-radius: 0;
}
article.content #AllNews figure.Item .photo:before {
    content: "";
    position: absolute;
    background: transparent;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
article.content #AllNews figure.Item .photo:hover:before {
    background: #000;
}
article.content #AllNews figure.Item .photo h3 {
    z-index: 10;
    position: absolute;
    left: 5px;
    right: 5px;
    top: auto;
    bottom: 5px;
    background: rgba(0,0,0,.35);
    color: #fff;
    margin: 0;
    text-align: center;
    text-transform: none;
    font-size: 1.5em;
    line-height: 1.5em;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    transition: background .4s, transform .4s;
    font-weight: 400;
}
article.content #AllNews figure.Item figcaption span.button:hover {
    color: #92352e;
}
article.content #AllNews figure.Item a.button {
    position: absolute;
    bottom: 0;
    text-align: center;
    margin: auto;
    left: 0;
    padding: 15px 44px;
    right: 0;
    display: table;
    text-decoration: none;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    background: linear-gradient(to top, #44b9a3 0%, #44b9a3 50%, #000 50%, #000 100%);
    background-size: 100% 200%;
    background-position: 0 100%;
    transition: background 400ms ease-in-out;
    border-radius: 5px;
    letter-spacing: 0.05em;
    line-height: 25px;
}
article.content #AllNews figcaption.equal {
    padding: 32px 20px 42px;
    position: relative;
    transition: all .6s;
    text-align: left;
    background: #ffffff;
    color: #2a2727;
    height: auto !important;
    border-radius: 0;
    margin: 0;
    z-index: 1;
}
article.content #AllNews figure.Item a.button:before {
    content: "";
    position: absolute;
    background-image: url(/smarty/wireframe30/media/images/new-images/icon-btn-home.svg);
    background-repeat: no-repeat;
    height: 38px;
    width: 36px;
    right: -19px;
    transform: translateY(-50%);
    top: 50%;
    box-shadow: 0 0 4px rgb(0 0 0 / 14%), 0 0 4px rgb(0 0 0 / 14%);
}
img.img-responsive.image-right.img-news.img-border {
    height: 260px;
    width: 350px;
    object-fit: cover;
    max-width: 100%;
}
/*.backbtn {
    color: #fff !important;
    background: #44b9a3 !important;
    min-width: 25px;
    padding: 3px 0 0px;
    width: 30px;
    margin-top: 20px;
    line-height: 26px;
    text-indent: 0;
    text-decoration: none;
    width: auto;
    height: auto;
    margin-top: 10px;
    clear: both;
}
.fa-level-up:before {
    content: "\f148" !important;
}
a.backbtn:hover {
    background: #000 !important;
}*/
section.newsletter {
    position: relative;
    margin: 25px 0 0;
  
}
/******************************** Section BOXES *********************************/
section.boxes-wrapper {
    position: relative;
    padding: 30px 0 90px;
}
.title-bx h4 {
    position: relative;
    display: table;
    margin: 0 auto;
    text-align: center;
    color: #96daee;
    font-size: 20px;
    font-weight: 600;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: 'Raleway';
}
.title-bx h2 {
    color: #0f1d32;
    font-size: 65px;
    line-height: 1.1em;
    font-weight: 700;
    text-transform: uppercase;
    margin: 4px auto 46px;
    display: table;
}
section.boxes-wrapper .boxes {
    margin: 0 -14px;
    z-index: 2;
}
section.boxes-wrapper h3 {
    font-size: 20px;
    color: #fff;
    margin: 0 auto;
    line-height: 1.2em;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
    font-weight: 700;
    letter-spacing: .02em;
    padding-bottom: 40px;
    text-align: center;
    font-family: 'Raleway';
    display: table;
}
section.boxes-wrapper h3 strong {
    font-size: 53px;
    display: block;
    line-height: 63px;
    color: #050000;
    text-transform: none;
    font-family: 'Oswald';
    font-weight: 400;
}
.boxes {
    position: relative;
}
.boxes .slick-slide > div {
    margin: 39px 20px;
}
section.boxes-wrapper .slick-dots {
    bottom: -50px;
}
section.boxes-wrapper .slick-dots li button:before {
    font-family: 'slick';
    font-size: 10px;
    line-height: 12px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 13px;
    height: 13px;
    border-radius: 50px;
    content: '';
    text-align: center;
    opacity: 1;
    color: #121111;
    background: #1c1818;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
section.boxes-wrapper .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #96daee;
    background: #96daee;
    border: 3px solid #96daee;
}
section.boxes-wrapper .slick-dots li:hover, .slick-dots li.slick-active {
    border-color: #000 !important;
}
/**
 * ----------------------------------------
 * animation rotate-vert-center
 * ----------------------------------------
 */
@-webkit-keyframes rotate-vert-center {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
@keyframes rotate-vert-center {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
.boxes div[class*="box"] h2 {
    font-size: 30px;
    color: #000000;
    font-weight: 700;
    text-transform: none;
    padding: 0 0 11px;
    position: relative;
    line-height: 1.2em;
}
section.boxes-wrapper a {
    text-decoration: none;
	outline: none;
}
.boxes .box01 h2:before {
     background-image: url(/smarty/wireframe30/media/images/new-images/icon1.png);
}
.boxes .box02 h2:before {
    background-image: url(/smarty/wireframe30/media/images/new-images/icon2.png);
}
.boxes .box03 h2:before {
    background-image: url(/smarty/wireframe30/media/images/new-images/icon3.png);
}

.boxes div[class*="box"] h2:before {
    position: absolute;
    display: block;
    content: "";
    height: 96px;
    top: -86px;
    left: 0;
    width: 106px;
    background-repeat: no-repeat;
    transition: all .4s;
}
.boxes div[class*="box"]:hover h2:before {
	-webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
.boxes div[class*="box"] {
    position: relative;
    background: white;
    color: #333333;
    padding: 117px 25px 113px;
    text-align: left;
    border-radius: 15px;
    box-shadow: 0 0 15px #0000004a;
}

.boxes div[class*="box"]:before {
    content: "";
    position: absolute;
    background: #96daee;
    bottom: -5px;
    left: 0px;
    right: 0;
    margin: auto;
    opacity: 1;
    border-radius: 15px;
    top: 93%;
    z-index: -1;
}
.boxes div[class*="box"]:hover:before {
    opacity: 1;
}
.boxes div[class*="box"] a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity .6s;    
	font-size: 0;
}
.boxes div[class*="box"] a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.boxes div[class*="box"] .btn-bx {
    bottom: 50px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    display: table;
    text-transform: uppercase;
    padding: 0;
    margin: 0 25px;
    transition: all .4s;
    cursor: pointer;
    text-decoration: none;
    letter-spacing: .2em;
    position: absolute;
    left: 0;
    border-bottom: 2px solid #8bc9dc;
    width: 32%;
    font-family: 'Open Sans Condensed';
}.boxes div[class*="box"]:hover {
    background: #fff url(/smarty/wireframe30/media/images/new-images/box-h.jpg) no-repeat;
    background-size: cover;
}
.boxes div[class*="box"]:hover .btn-bx {
    letter-spacing: 0.3em;
    width: 40%;
}.boxes div[class*="box"]:hover .btn-bx::after {
    right: 2px;
}
.boxes div[class*="box"] .btn-bx:after {
    position: absolute;
    content: "";
    background: url(/smarty/wireframe30/media/images/new-images/lees-m.svg) no-repeat;
    height: 13px;
    width: 20px;
    right: -5px;
    margin: auto;
    top: 0;
    bottom: 0;
    transition: all 0.4s;
}


/*-----------------realisations---------------*/
section.realisations {
    position: relative;
    padding: 84px 0 95px;
    background: #fff url(/smarty/wireframe30/media/images/new-images/bg-gal.jpg) no-repeat;
}section.realisations #Gallery .highslideContainer .highslide:hover {
    box-shadow: 0 9px 13px 0px #5ed2d945;
}
section.realisations  .slick-initialized .slick-slide > div {
    margin: 9px 16px;
}
section.realisations h4 {
position: relative;
    display: table;
    margin: 0 auto;
    text-align: center;
    color: #96daee;
    font-size: 20px;
    font-weight: 600;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: 'Raleway';
}
section.realisations h2 {
    color: #0f1d32;
    font-size: 65px;
    line-height: 1.1em;
    font-weight: 700;
    text-transform: uppercase;
    margin: 10px auto 78px;
    display: table;
}

section.realisations #Gallery {
    position: relative;
    min-height: 0 !important;

}
section.realisations #Gallery .highslideContainer {
    padding: 0 0 15px;
    opacity: 1 !important;
}
section.realisations #Gallery .highslideContainer .highslide {
    display: block;
    position: relative;
    border-bottom: none;
    overflow: hidden;
    outline: none;
    padding: 0 !important;
    border-radius: 12px;
    box-shadow: 0 0 10px #0000003b;
}
section.realisations #Gallery .highslideContainer .highslide::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 1;
    background: url(/smarty/wireframe30/media/images/new-images/zoom.svg) no-repeat center;
    transition: all .8s;
    transform: scale(0);
    border-radius: 0;
}
section.realisations #Gallery .highslideContainer .highslide:hover img {
    transform: scale(1.1);
}

div#Gallery {
    min-height: 0 !important;
    margin: 0;
}
section.realisations #Gallery .highslideContainer .highslide:hover::after {
    transform: scale(1);
}
section.realisations #Gallery .highslideContainer .highslide img {
    position: relative;
    width: 100%;
    height: 424px;
    object-fit: cover;
    object-position: center left;
    transition: all .6s;
    overflow: hidden;
    opacity: 1 !important;
    filter: none;
    border-radius: 12px;
}
section.realisations #Gallery .highslideContainer .highslide:hover img {
	
}
section.realisations #Gallery .highslideContainer .highslide:hover::before {
    transform: scale(1);
}

section.realisations #Gallery .highslideContainer .highslide-caption {
    font-family: 'Barlow', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal;
    font-size: 1.1em;
    display: none !important;
}

section.realisations .slick-dots {
    bottom: auto;
    top: -80px;
    right: -43%;
}
section.realisations .slick-dots li button:before {
    font-family: 'slick';
    font-size: 10px;
    line-height: 12px;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 9px;
    border-radius: 0;
    content: '•';
    text-align: center;
    opacity: 1;
    color: #96daee;
    background: #96daee;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 30px;
}
section.realisations .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #96daee;
    background: #96daee;
    width: 55px;
}
section.realisations .slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 10px;
    padding: 0;
    cursor: pointer;
}
/*******************/
article.content .news-footer {
    position: relative;
    padding-bottom: 20px;
    margin-top: 20px;
    margin-bottom: -20px;
    background: transparent;
    padding: 10px;
    border: 1px solid rgb(150 218 238);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: -10px;
    color: #fff;
}

article.content .news-footer .news-share .addthis_toolbox {
    display: inline-block;
    vertical-align: middle;
}
article.content .news-footer .news-share .addthis_toolbox a {
    cursor: pointer;
    margin-left: 5px;
    padding: 0;
}
article.content .news-footer .news-share .addthis_toolbox a::after {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    color: #fff;
    background: #dd6b33;
    border-radius: 50%;
    width: 32px;
    line-height: 32px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    transition: background .6s;
}
article.content .news-footer .news-share .addthis_toolbox a:hover:after {
    background: #222;
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_facebook:after {
    content: '\f39e';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_twitter:after {
    content: '\f099';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_linkedin:after {
    content: '\f0e1';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_google_plusone_share:after {
    content: '\f0d5';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_email:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f0e0';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_pinterest_share:after {
    content: '\f231';
}
article.content .news-footer .news-share .addthis_toolbox a.addthis_button_google_plusone:after {
    content: '\f0d5';
}
article.content .news-footer .news-share .addthis_toolbox a span {
    display: none;
}
article.content .news-footer .news-back {
}
article.content .news-footer .news-back a i:before {
    content: "\f104";
      font-family: "Font Awesome 5 Free";
}
article.content .news-footer .news-back a {
    display: inline-block;
    font-size: .8em;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    background: #96daee;
    color: #000000;
    padding: 10px 20px;
    transition: .6s;
}
article.content .news-footer .news-back a:hover {
    letter-spacing: .1em;
}
article.content .news-footer .news-back a i {
    margin-right: 5px;
}
article.content .news-footer .networks_linking {
    margin: 10px 0 0 !important;
}
article.content .news-footer .networks_linking  a {
    filter: invert(1);
    width: 35px !important;
    height: 35px !important;
    background-size: contain !important;
}.parralx {
    position: relative;
    height: 450px;
    background: url(/smarty/wireframe30/media/images/new-images/spacer.jpg) no-repeat fixed center;
    background-size: cover !important;
}

/*<!---------- footer ----------->*/
footer.bottom {
    position: relative;
    padding: 83px 0 105px;
    color: #fff;
    background: url(/smarty/wireframe30/media/images/new-images/bg-footer.jpg) repeat;
    font-size: 16px;
    line-height: 24px;
}
footer.bottom .logo-footer {
    position: relative;
    margin: 0px;
    top: 4px;
}
footer.bottom .footer-wrapper {
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: space-between;
    align-items: center;
}
footer.bottom h3 {
    font-size: 30px;
    color: #fff;
    margin: 0 0 28px;
    letter-spacing: 0;
    position: relative;
    border-bottom: 2px solid #ffffff38;
    padding: 0 0 20px;
    font-weight: 700;
    width: 113px;
}footer.bottom h3:before {
    position: absolute;
    content: "";
    left: 17px;
    top: auto;
    width: 31px;
    height: 4px;
    background: #96dbee;
    bottom: -3px;
}a#scrollTopBtn {
    z-index: 0;
}
.footer-adr {
    position: relative;
}
.opening {
position: relative;
}
.footer-contact {
    position: relative;
}

.googlemaps_v2 .modal__inner {
    width: 100% !important;
    height: 100% !important;
}
.googlemaps_v2 label.modal-label {
    cursor: pointer;
    font-weight: 400;
    text-decoration: underline;
    margin: 0;
    color:#96dbee;
}
.googlemaps_v2 label.modal-label:hover {
    text-decoration: none;
}
footer.bottom .footer-wrapper p {
    margin: 0;
}
footer.bottom a:hover {
    text-decoration: none;
}
footer.bottom a {
    color: #96dbee;
    text-decoration: underline;
}
span.phone-responsive {
    display: none;
}


section.map-footer .box_googlemapsv2 iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: grayscale(1);
}
p.ft-adr {
    position: relative;
    padding-left: 40px;
}
p.ft-adr:after {
    position: absolute;
    left: 0;
    content: "\f3c5";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    color: #222;
    top: 6px;
    font-size: 15px;
    right: auto;
    width: 27px;
    height: 27px;
    border-radius: 5px;
    background: #96dbee;
    text-align: center;
    line-height: 27px;
}
.ft-contact {
    position: relative;
    padding-left: 48px;
}
.ft-contact:after {
    position: absolute;
    left: 0;
    content: "\f095";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    color: #111;
    top: 6px;
    font-size: 15px;
    right: auto;
    transform: rotate(90deg);
    width: 28px;
    height: 28px;
    border-radius:5px;
    background: #96dbee;
    text-align: center;
    line-height: 30px;
    padding: 0 7px;
}
/*---------------------*/

/*****************/
.number-responsive {
    display: none;}
a#scrollTopBtn {
    bottom: 33px;
    padding: 6px 15px 10px;
    background: #e3e3e3;
    border-radius: 3px;
    color: #000;
    font-size: 30px;
    line-height: 1;
    text-decoration: none;
    box-shadow: none;
    transition: background .4s, box-shadow .4s;
}
a#scrollTopBtn:hover {
    background: #fff;
    box-shadow: 0 0 30px #000;
}a#scrollTopBtn i.fa::before {
	
    content: '\f0d8';}
section.map-footer iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: grayscale(1);
}
/*--------------------------------------------------
# Navigation
--------------------------------------------------*/

/*--------------------------------------------------
## Superfish
--------------------------------------------------*/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu {
    display: flex;
    margin-top: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
.sf-menu li {
    position: relative;
    padding: 0 12px;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99;
}
/*.sf-menu > li {
    -webkit-flex: 1 auto;
    flex: 1 auto;
    white-space: nowrap;
}*/
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}
.sf-menu a {
    padding: 0;
    font-size: 18px;
    text-decoration: none;
    font-weight: 700;
    color: #282828;
    text-transform: uppercase;
    line-height: 25px;
    border-bottom: 0;
    letter-spacing: 0em;
    transition: all 0.4s;
    text-align: center;
    font-family: 'Open Sans Condensed';
}
.sf-menu>li > a::before {
    position: absolute;
    height: 2px;
    margin: auto;
    z-index: 0;
    left: 0;
    width: 100%;
    right: 0;
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background: #96daee;
    content: '';
    padding-bottom: inherit;
    transition: 0.6s;
    bottom: -5px;
    top: auto;
}
.sf-menu>li > a:hover::before, .sf-menu>li.sfHover > a::before, .sf-menu>li.active > a::before, .sf-menu>li.selected > a::before {
    opacity: 1;
    backface-visibility: hidden;
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

li#menu_1 {
    padding-left: 0;
}
.sf-menu li {
	white-space: nowrap;
}
.sf-menu > li:last-child {
    float: right;
}
li#menu_11 a {
    padding-right: 0;
}
.sf-menu ul li {
    padding: 0;
}
.sf-menu > li > a {
    position: relative;
    z-index: 1;
}
.sf-menu ul {
    background: #0c0b0b;
    padding: 0 0px;
    margin-top: 22px;
    min-width: 100%;
    text-align: center;
}
.sf-menu ul a {
    padding: 5px 5px;
    color: #fff8f8 !important;
    line-height: 26px;
    border: none;
    font-size: 15px;
    letter-spacing: 0;
    background: none !important;
}
.sf-menu ul li:not(:first-child) {
    border-top: 1px solid #fff;
}
/*.sf-menu ul a:hover,
.sf-menu ul .selected a, .sf-menu ul .active a {
	color:#01a199;
}*/
.sf-menu ul li a:hover, .sf-menu ul li.sfHover > a, .sf-menu ul li.selected > a, .sf-menu ul li.active > a {
    background: #96daee!important;
}
.sf-menu li a:hover, .sf-menu li.sfHover a, .sf-menu li.selected a, .sf-menu li.active a {
	color:#96dbee;
  
}
.sf-arrows .sf-with-ul::after {
    content: '\f107';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: auto;
    font-size: 15px;
    bottom: -26px;
}
/*--------------------------------------------------
## Mobile navigation
--------------------------------------------------*/
.site-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 66%);
	opacity: 0;
	transform: translate3d(100%,0,0);
	transition: opacity 0.4s, transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
/* Close Button */
.close-button {
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	right: 1em;
	top: 1em;
	overflow: hidden;
	text-indent: 1em;
	font-size: 0.75em;
	border: none;
	background: transparent;
	color: transparent;
}
.close-button::before,
.close-button::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #ccc;
	transition: background .4s;
}
.close-button::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close-button::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.close-button:hover::before,
.close-button:hover::after {
	background: #fff;
}
/* Menu */
.menu-wrap {
    position: fixed;
    overflow: auto;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 300px;
    height: 100%;
    background: #000000;
    /* box-shadow: 0 0 20px #fff; */
    padding: 40px 20px 20px;
    transform: translateX(-100vw);
    transition: transform 0.4s;
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu {
	transform: translateX(500px);
}
.mobile-menu > ul,
.mobile-menu .language {
	display: block;
	transform: translateX(-1000px);
}
.mobile-menu,
.mobile-menu > ul,
.mobile-menu .language {
	transition: transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
    font-size: .7em;
}
.mobile-menu ul ul {
    font-size: 1em;
    /* background: rgba(0,0,0,.15); */
    margin-top: 5px;
    margin-bottom: -5px;
    border-top: 1px solid rgba(0,0,0,.2);
}
.mobile-menu li:first-child {
	border-top: none;
}
.mobile-menu > ul ~ ul li:first-child {
	 border-top: 1px solid rgb(255 255 255 / 50%);
}
.mobile-menu li {
    padding: 5px 0;
    border-top: 1px solid rgb(0 0 0 / 13%);
}
.mobile-menu li li {
	position: relative;
	 border-top: 1px solid rgb(255 255 255 / 50%);
}
.mobile-menu li li::before {
    content: '\f105';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    color: #c2c2c2;
    z-index: 5;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.mobile-menu a {
    font-size: 18px;
    text-transform: uppercase;
    padding: 5px 10px;
    display: block;
    color: #fff;
    text-decoration: none;
    transition: background .4s, color .4s;
    border-bottom: 0;
    font-weight: 600;
    font-family: 'Open Sans Condensed';
}
.mobile-menu a:hover, .mobile-menu .selected > a, .mobile-menu .active > a {
    background: #96daee;
    color: #000;
}
.mobile-menu li li a {
    padding-left: 25px;
    background: #0000000f;
}
/* Shown menu */
.show-menu .menu-wrap {
	transform: translate3d(0,0,0);
	transition: transform 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu,
.show-menu .mobile-menu ul,
.show-menu .mobile-menu .language {
	transform: translate3d(0,0,0);
	transition: transform 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu ul,
.show-menu .mobile-menu .language {
	transition-duration: 0.9s;
}
.show-menu .site-overlay {
	opacity: 1;
	transition: opacity 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transform: translate3d(0,0,0);
}
.col-top .googlemaps_v2 {
	display: inline-block;
}
/**************hamburger****************/
.menu-btn {
    position: relative;
}
.menu-btn:before, .menu-btn:after {
    background-color: #111;
    content: '';
    display: block;
    height: 4px;
    width: 45px;
    transition: all 200ms ease-in-out;
    border-radius: 8px;
}
.menu-btn:before {
    box-shadow: 0 10px 0 #111;
    margin-bottom: 15px;
}
.menu-btn:hover:before {
    box-shadow: 0 0 0 #96daee;
    transform: translateY(10px) rotate(45deg);
}
.menu-btn:hover:after{
  transform: translateY(-10px) rotate(-45deg);
}
/*Responsive*/
@media only screen and (max-width : 1742px) {
	
	header.top .logo img {
    width: 235px;
}header.top .header-grid {

    grid-template-columns: 235px auto 174px;

}
	.sf-menu a {
  
    font-size: 16px;

}.banner #slideshow, .banner .NewsItemBackground {

    width: 800px;

}.banner .cta {
    left: 15px;
}
	.banner .cta .slogan h2 {

    letter-spacing: 0;
  
}.banner.small #slideshow, .banner .NewsItemBackground {
    height: 671px;
    width: 800px;
}

}
@media only screen and (max-width : 1400px) {
  
.sf-menu li {
    padding: 0 8px;
}	
	.sf-menu a {
  
    font-size: 15px;

}header.top .header-grid .tel-top {

    font-size: 19px;

    padding: 12px 0px 0 33px;

    width: 150px;

}header.top .header-grid .tel-top:before {

    left: 6px;

}
header.top .header-grid {
    grid-template-columns: 200px auto 150px;
}.sf-menu li {

    padding: 0 9px;
}
	.banner #slideshow, .banner .NewsItemBackground {

    height: 838px;
    width: 715px;

}.banner .cta .slogan h2 {

    font-size: 50px;

}.banner {

    height: 895px;
  
}section.boxes-wrapper .boxes {
    margin: 0;

}.bk-content {
    margin: 0px 0 0 48%;
}body.homeTemplate main.content-wrapper span.sub-title {
 
    font-size: 55px;

}.image-home {

    width: 57%;

    left: -138px;

}.banner.small #slideshow, .banner .NewsItemBackground {
    height: 671px;
    width: 740px;
}header.top .logo img {
    width: 200px;
}

}
@media only screen and (max-width : 1346px) {
	
	.banner.small #slideshow, .banner .NewsItemBackground {
    height: 100%;
    width: 100%;
}.banner.small {
    height: 790px;
}
	
	
	header.top nav.main-nav {
    display: none !important;
}header.top .logo img {
    width: auto;
}header.top .header-grid {
 
    grid-template-columns: 1fr auto 1fr;
  
}
      header.top .header-grid .tel-top {
        float: right;
    }
	.banner #slideshow:after, .image-home:before {

    display: none;
}.diy-slideshow figure {

    -webkit-mask-image: none;

}.banner #slideshow, .banner .NewsItemBackground {
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
}.banner {

    height: 800px;
    background: #fff;
}
.banner .social a.networks_facebook {
    background-size: contain !important;
    width: 80px;
    height: 80px;
}.banner .social a.networks_facebook:hover {

    background-size: contain !important;
}
  .header-nav {
    padding: 40px 0 0;
}.banner .cta a.btn-cta {
    background-size: contain;
    width: 294px;
    height: 260px;
    margin: 35px auto 0;
}
      header.top nav.mobile-nav {
        display: table;
        width: 70px;
        height: 70px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        filter: drop-shadow(2px 4px 6px black);
    }.cta-fixed.sticky-appear {
    top: 101px;
}.banner .social {
    position: absolute;
    right: 0;
    bottom: 39px;
    left: 0;
    margin: auto;
    text-align: center;
    z-index: 2;
    display: table;
}.banner .cta .slogan h2 {

    text-shadow: 0 0 29px #ffffff, 0 0 29px #ffffff70, 0 0 29px #ffffff;

}.banner .cta {
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    top: 39%;
}.boxes .slick-slide > div {
    margin: 39px 12px;
}.image-home img {

    border-radius: 0;
}.image-home {
    position: relative;
    width: 100%;
    object-fit: cover;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 0;
    height: 344px;
}.bk-content {
    margin: 20px 0  0 0;
}.wrapper {

    padding: 50px 0 50px;

}.banner .cta.contact {
    top: 60%;
}
}
@media only screen and (max-width : 1199px) {
.parralx {
    
    height: 350px;
    background: url(/smarty/wireframe30/media/images/new-images/spacer.jpg) no-repeat  center;
   
}.pageTemplate header.page-title h1 {

    font-size: 40px;
    line-height: 60px;
}header.top .logo img {
    width: 100%;
}header.top .header-grid {
    grid-template-columns: 200px auto 150px;
}
}


@media only screen and (max-width : 991px) {
	article.content #AllNews {
  
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 29px;
    margin: 20px 0 0;
}article.content #AllNews figcaption.equal h3 {

    height: auto;
 
}
	
	
	.title-bx h2 {
   
    font-size: 51px;

    margin: 4px auto 6px;

}section.realisations h2 {

    font-size: 50px;

    margin: 0px auto 17px;

}section.realisations {
    
    padding: 40px 0 55px;
    
}footer.bottom .footer-wrapper {
    display: table;
    margin: 0 auto;
    text-align: center;
}footer.bottom h3 {
    margin: 30px auto;
}.ft-contact, p.ft-adr {
    padding: 40px 0 0 0;
}p.ft-adr:after, .ft-contact:after {
    left: 0;
    right: 0;
    margin: auto;
    transform: none;
    top: 0;
}footer.bottom h3:before {
    left: 0;
    right: 0;
    margin: auto;
}footer.bottom {

    padding: 22px 0 52px;

}.boxes div[class*="box"] {

    padding: 117px 20px 113px;

}.boxes div[class*="box"] h2 {
    font-size: 27px;

}.image-right, .image-left {
    float: none;
    display: table;
    margin: 0 auto 30px;
}
}

@media only screen and (max-width : 767px) {
	.banner .cta.contact {
    top: 65%;
}
header.top .logo img {
    width: 206px;
}header.top .header-grid {
 
    grid-template-columns: 206px auto;
    
}header.top .header-grid .tel-top {
    display: none;
}.cta-fixed.sticky-appear {
    left: 0;
    text-align: center;
}.banner .cta .slogan h2 {
    font-size: 40px;
    line-height: 51px;
}.title-bx h2 {
 
    font-size: 40px;

    margin: 4px auto 0px;

}header.page-title h1 {
    margin: 0 auto;
   
    text-align: center;
}.homeTemplate main.content-wrapper header.page-title h1 span:not(.sub-title) {
    text-align: center;
}body.homeTemplate main.content-wrapper span.sub-title {
    font-size: 41px;
    text-align: center;
    margin: 5px 0 23px;
}h2 {

    font-size: 26px;
}section.realisations h2 {
    
    font-size: 38px;

}section.realisations #Gallery .highslideContainer .highslide img {
    width: 100%;
    height: 100%;
}span.phone {
    display: none;
}span.phone-responsive {
    display: inline-block;
}.diy-slideshow .next, .diy-slideshow .prev {
    display: none !important;
}.pageTemplate header.page-title h1 {

    font-size: 35px;
    line-height: 43px;
}.pageTemplate .wrapper {
    padding: 36px 0;

}
}


@media only screen and (max-width : 480px) {
header.top .logo img {
    width: 160px;
}header.top .header-grid {

    grid-template-columns: 160px auto;

}.cta-fixed.sticky-appear {
    left: 0;
    text-align: center;
        display: block;
    margin: 0 auto;
}.cta-fixed .networks_linking {
    margin: 13px auto -24px !important;
    position: relative;
    display: table;
    left: -26px;
}.phone-link {
    float: none;
    margin: 0 auto 0;
    display: table;
    position: relative;
    left: 16px;
}.banner .cta .slogan h2 {
    font-size: 26px;
    line-height: 37px;
}.banner .cta a.btn-cta:hover {
    transform: translateY(8px);
}.banner .cta a.btn-cta {
    background-size: contain;
    width: 231px;
    height: 194px;
    margin: 2px auto 0;
}.banner {
  
    height: 630px;

}.banner .social a.networks_facebook {
   
    width: 60px;
    height: 60px;
}.banner .social {

    bottom: 66px;

}.boxes .slick-slide > div {
    margin: 39px 6px;
}.boxes div[class*="box"] {

    padding: 117px 17px 113px;

    box-shadow: 0 0 5px #0000004a;
}.boxes div[class*="box"] .btn-bx {

    width: 53%;

}.boxes div[class*="box"]:hover .btn-bx {

    width: 52%;
}.homeTemplate main.content-wrapper header.page-title h1 span:not(.sub-title) {

    font-size: 14px;

}body.homeTemplate main.content-wrapper span.sub-title {
    font-size: 26px;
    text-align: center;
    margin: 5px 0 15px;
}h2 {
    font-size: 21px;
}section.realisations  .slick-initialized .slick-slide > div {
    margin: 9px 0px;
}.logo-footer img {
    width: 100%;
}.banner.small {
    height: 590px;
}.pageTemplate header.page-title h1 {

    font-size: 28px;
    line-height: 37px;
}article.content #AllNews figcaption.equal {
    padding: 32px 12px 42px;

}article.content #AllNews figcaption.equal h3 {
    margin: 0 0 25px;
    font-size: 22px;

    line-height: 25px;

}.boxes div[class*="box"] h2 {
    font-size: 22px;
}
}