@charset "utf-8";
/* CSS Document */

body { padding:0px; margin:0px; background:#fff; font-size:16px; color:#303030; line-height:20px; font-family: 'Gilroy-Regular';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #303030; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#303030;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px; line-height: 30px; }
a{ color: #303030; outline:none; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row { width:1115px; margin:auto; padding:0px;}
.top-row { width:1152px; margin:auto; padding:0px;}
.row1 { width:1170px; margin:auto; padding:0px;}

header { float: left; width: 100%; position: relative; z-index: 99;}
.header-div { float: left; width: 100%; position: absolute; top:0px;  padding: 20px 0 20px; }
.is-sticky .header-div { background: #FFFFFF; box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);}
.top-menu { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.logo { float: none; position: relative; left: 0; right: 0; margin: 0 auto; text-align: center; line-height: 0;}
.logo img {float: none; display: inline-block; width: auto;}
.top-lnks { display: flex; column-gap: 20px; align-items: center;}
.e-shop { float: left; width: auto;}
.e-shop a { float: left; width: 82px; background: none; border: 2px solid #fff; display: flex; align-items: center; justify-content: center; font-family: 'Gilroy-Bold'; height: 30px; border-radius: 25px; color: #FFFFFF; font-size: 13px; line-height: 18px; transition:all .5s ease; }
.e-shop a:hover { background: #006EB6; border: 2px solid #006EB6;}

.desktop-menu { margin: 0px 0 0 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: left; position:relative;}
.desktop-menu a { display: flex; column-gap: 20px;}
.desktop-menu span { display: block; position: relative; height: 2px; width: 35px; background: #171717; border-radius: 0px; opacity: 1;
left: 0; right:0; margin:auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.desktop-menu a h4 { position: relative; left: 0; color: #000000; text-transform: uppercase; font-family: 'Gilroy-Medium'; font-size: 14px; line-height: 16px; letter-spacing: normal; padding-left: 0;}
.desktop-menu a.desk-mn { height: 18px;}
.desktop-menu a.active-mn { height: 27px; align-items: center; display: none;}
.hdr-pge .desktop-menu a.active-mn h4 { color: #006EB6;}

.inner-header .header-div{ position: relative; border-bottom: 2px solid #eaeaea; }
.inner-header .header-div .e-shop a {background: #006EB6; border: 2px solid #006EB6;}
.inner-header .header-div .e-shop a:hover { background: #fff; color: #006EB6; }
.inner-header .header-div .desktop-menu a.active-mn h4 {color: #006EB6;}
.inner-header .header-div.brdr-none { border:none;}

.hdr-pge .logo-header .top-menu .logo { visibility: visible; opacity: 1; }
.hdr-pge .logo-header .top-menu .logo .logo-blue { display: none;}
.hdr-pge .logo-header.is-active .top-menu .logo .logo-wht { display: none; }
.hdr-pge .logo-header.is-active .top-menu .logo .logo-blue { display: block; }
.hdr-pge .is-sticky .logo-header .top-menu .logo .logo-wht { display: none; }
.hdr-pge .is-sticky .logo-header .top-menu .logo .logo-blue{ display: block; }

/* Icon 4 */
.desktop-menu span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.desktop-menu span:nth-child(2) { top: 5px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.desktop-menu span:nth-child(3) { top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.desktop-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 21px; left: 8px;  background: #000000;}
.desktop-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.desktop-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 38px; left: 9px; background: #000000; }

.hdr-pge .desktop-menu span { background: #fff;}
.hdr-pge .desktop-menu a h4 { color: #fff; }
.hdr-pge .lang-slt .nice-select { color: #fff;}
.hdr-pge .lang-slt .nice-select::after {border-bottom: 2px solid #fff;border-right: 2px solid #fff;}
.hdr-pge .lang-slt .nice-select .list {background: none; border-radius: 0px; box-shadow: none; }
.hdr-pge .lang-slt .nice-select .option { border: none; padding: 0px 0px; width: 35px;}
.hdr-pge .lang-slt .nice-select .option:hover { background: none;}
.hdr-pge .top-menu .logo { visibility: visible; opacity: 1; }
.hdr-pge #sticky-wrapper:not(.is-sticky) .header-div:not(.is-active) .top-menu .logo a img { content: url(../images/logo-menu-blanc.svg); width: 52%; }

.hdr-pge .is-sticky .desktop-menu span {background: #006EB6;}
.hdr-pge .is-sticky .desktop-menu a h4 { color: #006EB6; }

.is-sticky .header-div .e-shop a {background: #006EB6; border: 2px solid #006EB6;}
.hdr-pge .is-sticky .lang-slt .nice-select {color: #006EB6;}
.hdr-pge .is-sticky .lang-slt .nice-select::after { border-bottom: 2px solid #006EB6;border-right: 2px solid #006EB6; }
.hdr-pge .is-sticky .lang-slt .nice-select .list {background-color: #fff; border-radius: 5px;box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);}
.hdr-pge .is-sticky .lang-slt .nice-select .option {border-bottom: 1px solid rgba(68, 68, 68, 0.11);padding: 0px 12px;width: 45px;}
.hdr-pge .is-sticky .lang-slt .nice-select .option:hover {background: #006EB6;}
.hdr-pge .is-sticky .top-menu .logo { visibility: visible; opacity: 1; }


.c-window{position: fixed;z-index: 12;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;pointer-events: none;transition: .4s;}
.c-window::after, .c-window::before {content: "";width: 50%;height: 100%;position: absolute;top: 0;transition: .4s;opacity: 0;}
.c-window::before {background: #fff;right: 0;transform: translateX(100%);}
.c-window::after {background: #f8f8f8;left: 0;transform: translateX(-100%);}
.c-window.is-active::after, .c-window.is-active::before {transform: translateX(0);opacity: 1;}
.c-window__scroll {position: relative; /*overflow-y: scroll;*/ height: 100vh; }
.c-window__content {position: relative; z-index: 1;padding-top: 175px; opacity: 0; transition: .4s;transition-delay: 0s;}
.c-window-left { float: left; width: 50%; padding-right: 50px; padding-bottom: 145px; display: flex; flex-direction: column; }
.c-window-left .menu-list { float: left; width: 100%; margin-bottom: 267px;}
.c-window-left .menu-list ul { float: left; width: 100%; display: flex; flex-direction: column; text-align: right; row-gap: 28px;}
.c-window-left .menu-list ul li a{ color: #3A423A; font-size: 32px; line-height: 35px; font-family: 'Gilroy-Medium'; transition:all .5s ease;}
.c-window-left .menu-list ul li a::before {display: block;content: attr(title); font-family: 'Gilroy-ExtraBold'; height: 1px; color: transparent; overflow: hidden; visibility: hidden; }
.c-window-left .menu-list ul li a:hover { color: #006EB6; font-family: 'Gilroy-ExtraBold'; }
.burger-menu-lang { float: left; width: 100%;}
.burger-menu-lang ul { float: left; width: 100%; display: flex; flex-direction: row; justify-content: right; column-gap: 25px; }
.burger-menu-lang ul li a { color: #A8A8A8; font-size: 18px; line-height: 18px; font-family: 'Gilroy-Medium'; transition:all .5s ease; }
.burger-menu-lang ul li a:hover, .burger-menu-lang ul li a.active { color: #3A423A; }
.c-window-right { float: left; width: 50%; padding-left: 50px; padding-bottom: 145px; display: flex; flex-direction: column; }
.c-window-right h3 { margin-bottom: 25px; pointer-events: none;}
.c-window-right h3 a{ color: #000000; font-size: 12px; line-height: 14px; font-family: 'Gilroy-Medium'; text-transform: uppercase; letter-spacing: 3px;}
.c-window-right .menu-list { float: left; width: 100%; margin-bottom: 55px;}
.c-window-right .menu-list ul { float: left; width: 100%; display: flex; flex-direction: column; text-align: left; row-gap: 22px;}
.c-window-right .menu-list ul li a{ color: #3A423A; font-size: 25px; line-height: 28px; font-family: 'Gilroy-Medium'; transition:all .5s ease; position: relative;}
.c-window-right .menu-list ul li a::before {display: block;content: attr(title); font-family: 'Gilroy-ExtraBold'; height: 1px; color: transparent; overflow: hidden; visibility: hidden; }
.c-window-right .menu-list ul li a:hover { color: #006EB6; font-family: 'Gilroy-ExtraBold'; }

.burger-menu-search { float: left; width: 240px; border:2px solid #b3d3ea;  border-radius: 50px; position: relative; margin-bottom: 55px;}
.burger-menu-search input[type="text"] { border:none; background:none; line-height:45px; width:100%; padding:0px 50px 0px 20px; height:auto; color:#006EB6; font-size:16px; }
.burger-menu-search input[type="submit"] { position: absolute; right: 20px; top: 0px; bottom: 0px; margin: auto; border:none; width:20px; height:19px; background:url(../images/search.svg) no-repeat center center; cursor:pointer; }

.burger-menu-search input[type="text"]::-webkit-input-placeholder { /* Edge */
color: #006EB6; opacity: 1;}  
.burger-menu-search input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #006EB6; opacity: 1;}  
.burger-menu-search input[type="text"]::placeholder {
color: #006EB6; opacity: 1;}

.burger-menu-social { float: left; width: 100%;}
.burger-menu-social h4 { color: #006EB6; font-size: 15px; line-height: 16px; font-family: 'Gilroy-Bold'; letter-spacing: 2px; margin-bottom: 20px; }
.burger-menu-social ul { float: left; width: 100%; display: flex; flex-direction: row; align-items: center; text-align: left; column-gap: 22px;}
.burger-menu-social ul li a { transition:all .5s ease; }
.burger-menu-social ul li a:hover { opacity: 0.7;}

.c-window-right .burger-menu-lang { display: none;}

.c-window__img-bg{position: absolute;transition: all 1s;z-index: -1;}
.c-window-left .c-window__img-bg {width: 385px;left: 0; top: 390px; height: 555px;}
.c-images img { float: left; width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.c-window-right .c-window__img-bg {width: 340px;right: 0; top: 180px; height: 465px;}
.c-window-right .c-window__img-bg h5 { float: left; width: 100%; margin-top: 18px; color: #006EB6; font-size: 12px; line-height: 14px; font-family: 'Gilroy-SemiBold'; text-transform: uppercase; letter-spacing: 3px;}

/* ==== menu active ====== */
html.menu-open { overflow-y: hidden;}
.c-window.is-active {z-index: 14;opacity: 1;pointer-events: auto;}
.c-window.is-active .c-window__content{opacity: 1;transition: .4s;transition-delay: 0s;transition-delay: .6s;}
.header-div.is-active .top-menu .logo { opacity: 1; visibility: visible; transition: .5s;transition-delay: 0.5s;}
.header-div.is-active .lang-slt { display: none;}
.header-div.is-active .e-shop a {background: #006EB6; border: 2px solid #006EB6;}
.header-div.is-active .desktop-menu a.desk-mn { display: none;}
.header-div.is-active .desktop-menu a.active-mn { display: inline-flex; transition: .5s;transition-delay: 0.5s;}

.e-shop-menu { float: left; width: auto; margin-left: 40px;}
.e-shop-menu a { float: left; width: 120px; background: #006EB6; border: 2px solid #006EB6; display: flex; align-items: center; justify-content: center; font-family: 'Gilroy-Bold'; height: 38px; border-radius: 40px; color: #FFFFFF; font-size: 16px; line-height: 18px; transition:all .5s ease; }
.e-shop-menu a:hover { background: #fff; color: #006EB6; border: 2px solid #006EB6;}



.top-banner { float: left; width: 100%; }

.col-sec-lst { float: left; width: 100%; padding: 80px 0 75px;}
.sec-title { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; padding-bottom: 20px; margin-bottom: 35px; border-bottom: 1px solid #E1E1E1;}
.sec-title h2 { float: left; width: auto; color: #000000; font-family: 'Gilroy-Bold'; font-size: 48px; line-height: 48px; letter-spacing: -0.4px; }
.sec-title .veure-tots { float: right; width: auto;}
.sec-title .veure-tots a { float: left; width: auto; font-family: 'Gilroy-SemiBold'; font-size: 14px; line-height: 20px; color: #006EB6; letter-spacing: -0.2px; text-decoration: underline; transition:all .5s ease; }
.sec-title .veure-tots a:hover {color: #000000;}

.col-lst { float: left; width: 100%;}
.col-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 35px;}
.col-lst ul li { flex: 0 1 49%;}
.col-lst ul li .col-img { float: left; width: 100%; overflow: hidden;}
.col-lst ul li .col-img img { float: left; width: 100%; transition:all .5s ease; }
.col-lst ul li:hover .col-img img { transform: scale(1.03);}
.col-lst ul li .col-cnt {float: left; width: 100%; padding-top: 10px;}
.col-lst ul li .col-cnt h3 {float: left; width: 100%; font-family: 'Gilroy-SemiBold'; color: #000000; font-size: 30px; line-height: 40px; letter-spacing: -0.36px; transition:all .5s ease;}
.col-lst ul li:hover .col-cnt h3 { color: #006EB6;}

.prod-sec-lst { float: left; width: 100%; padding-bottom: 85px;}
.prod-slide { float: left; width: 100%; overflow: hidden;}
.prod-slide #prod-slide { padding-left: calc(50% - 555px);}
.prod-slide .owl-stage { padding: 0 !important;}
.prod-main {float: left; width: 100%;}
.prod-main .prod-img {float: left; width: 100%; overflow: hidden;}
.prod-main .prod-img img {float: left; width: 100% !important; transition:all .5s ease; }
.prod-main:hover .prod-img img { transform: scale(1.03);}
.prod-main .prod-cnt {float: left; width: 100%; padding-top: 15px;}
.prod-main .prod-cnt h3 {float: left; width: 100%; font-family: 'Gilroy-SemiBold'; color: #000000; font-size: 32px; line-height: 40px; letter-spacing: -0.3px; transition:all .5s ease; padding-bottom: 10px;}
.prod-main .prod-cnt p {float: left; width: 100%; color: #1A1A1A; font-size: 16px; line-height: 22px; letter-spacing: 0.1px; padding-bottom: 20px;}
.prod-main .prod-cnt a.info-btn { float: left; width: 88px; height: 33px; column-gap: 3px; border-radius: 50px; background: #006EB6; font-family: 'Gilroy-SemiBold'; display: flex; align-items: center; justify-content: center; color: #FFFFFF; font-size: 14px; line-height: 20px; letter-spacing: -0.2px; transition:all .5s ease;}
.prod-main .prod-cnt a.info-btn span { font-size: 17px; font-family: 'Gilroy-Regular';}
.prod-main .prod-cnt a.info-btn:hover, .prod-main:hover .prod-cnt a.info-btn { background: #000000;}
.prod-main:hover .prod-cnt h3 { color: #006EB6;}

.prod-slide .owl-nav { top: 40%; width: 100%;}
.prod-slide .fa-chevron-left { left: calc(50% - 790px); position: absolute; background:url(../images/prod-arrow-lft.svg) no-repeat; height: 58px; width:58px; background-size: contain; border: none; cursor: pointer; padding: 0; box-shadow: 0px 2px 5px #b3b3b3; border-radius: 50px;}
.prod-slide .fa-chevron-right { right: calc(50% - 355px); position: absolute; background:url(../images/prod-arrow-rgt.svg) no-repeat; height: 58px; width:58px; background-size: contain; border: none; cursor: pointer; padding: 0; box-shadow: 0px 2px 5px #b3b3b3; border-radius: 50px;}
/* .prod-slide .fa-chevron-left { left: 0px; position: absolute; background:url(../images/prod-arrow-lft.svg) no-repeat; height: 58px; width:58px; background-size: contain; border: none; cursor: pointer; padding: 0; box-shadow: 0px 2px 5px #b3b3b3; border-radius: 50px;}
.prod-slide .fa-chevron-right { right: 0px; position: absolute; background:url(../images/prod-arrow-rgt.svg) no-repeat; height: 58px; width:58px; background-size: contain; border: none; cursor: pointer; padding: 0; box-shadow: 0px 2px 5px #b3b3b3; border-radius: 50px;} */

.proj-sec-lst { float: left; width: 100%; padding-bottom: 100px;}
.proj-lst { float: left; width: 100%;}
.proj-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1%; row-gap: 20px;}
.proj-lst ul li { flex: 0 1 24.25%;}
.proj-lst ul li .proj-img { float: left; width: 100%; overflow: hidden;}
.proj-lst ul li .proj-img img {float: left; width: 100%; transition:all .5s ease; }
.proj-lst ul li:hover .proj-img img { transform: scale(1.03);}
.proj-lst ul li .proj-cnt { float: left; width: 100%; padding-top: 15px;}
.proj-lst ul li .proj-cnt h3 { float: left; width: 100%; font-family: 'Gilroy-SemiBold'; color: #000000; font-size: 24px; line-height: 36px; letter-spacing: -0.25px; padding-bottom: 10px; transition:all .5s ease;}
.proj-lst ul li .proj-cnt h4 { float: left; width: 100%; color: #000000; font-size: 14px; line-height: 20px;}
.proj-lst ul li:hover .proj-cnt h3 { color: #006EB6;}

.proj-slide { float: left; width: 100%; display: none; padding-left: 15px;}
.proj-slide .owl-stage {padding: 0 !important; }
.proj-slide .proj-img { float: left; width: 100%; overflow: hidden;}
.proj-slide .owl-carousel .item .proj-img img {float: left; width: 100%; transition:all .5s ease; }
.proj-slide .owl-carousel .item:hover .proj-img img { transform: scale(1.03);}
.proj-slide .proj-cnt { float: left; width: 100%; padding-top: 15px;}
.proj-slide .proj-cnt h3 { float: left; width: 100%; font-family: 'Gilroy-SemiBold'; color: #000000; font-size: 22px; line-height: 32px; letter-spacing: -0.25px; padding-bottom: 10px; transition:all .5s ease;}
.proj-slide .proj-cnt h4 { float: left; width: 100%; color: #000000; font-size: 14px; line-height: 20px;}
.proj-slide .owl-carousel .item:hover .proj-cnt h3 { color: #006EB6;}

#proj-slide.owl-carousel .owl-item { opacity: 0.48; }
#proj-slide.owl-carousel .owl-item.active { opacity: 1; }
#proj-slide.owl-carousel .owl-controls { margin: 30px 0px 10px; padding-right: 15px; display: flex; align-items: center; justify-content: space-between;}
#proj-slide.owl-carousel .owl-controls .owl-dots { position: relative; bottom: auto; text-align: left;} 
#proj-slide.owl-carousel .owl-controls .owl-dots .owl-dot { width: 15px; height: 15px; background: #cce1f2; border: none; margin: 0px 20px 0px 0px; }
#proj-slide.owl-carousel .owl-controls .owl-dots .owl-dot.active, 
#proj-slide.owl-carousel .owl-controls .owl-dots .owl-dot:hover { background: #006eb6;}
.proj-slide .owl-nav { position: relative; top:auto; display: flex; justify-content: right; column-gap: 10px; order: 2; width: 110px;}
.proj-slide .fa-chevron-left { left: 0px; position: relative; background:url(../images/prod-arrow-lft.svg) no-repeat; height: 50px; width:50px; background-size: contain; border: none; cursor: pointer; padding: 0; box-shadow: 0px 2px 5px #b3b3b3; border-radius: 50px;}
.proj-slide .fa-chevron-right { right: 0px; position: relative; background:url(../images/prod-arrow-rgt.svg) no-repeat; height: 50px; width:50px; background-size: contain; border: none; cursor: pointer; padding: 0; box-shadow: 0px 2px 5px #b3b3b3; border-radius: 50px;}


.banner-sec-dest { float: left; width: 100%; padding-bottom: 80px;}
.banner-sec-dest .veure-tots { display: none;}
.dest-img { float: left; width: 100%; position: relative;}
.dest-img img { float: left; width: 100%;}
.dest-img .dest-cnt { position: absolute; bottom: 0; left: 0; float: left; width: 100%; padding: 0 70px 55px;}
.dest-img .dest-cnt h3 { float: left; width: 100%; font-family: 'Gilroy-ExtraBold'; color: #FFFFFF; font-size: 36px; line-height: 36px; padding-bottom: 20px;}
.dest-img .dest-cnt p { float: left; width: 100%; font-family: 'Gilroy-Medium'; color: #FFFFFF; font-size: 14px; line-height: 20px; padding-bottom: 30px; }
.dest-img .dest-cnt a { float: left; width: 138px; height: 33px; font-family: 'Gilroy-SemiBold'; border-radius: 50px; display: flex; align-items: center; justify-content: center; border: 2px solid #FFFFFF; color: #FFFFFF; font-size: 14px; line-height: 20px; letter-spacing: -0.2px; transition:all .5s ease;}
.dest-img .dest-cnt a:hover { background: #FFFFFF; color: #000000;}

.bloc-sec-dest { float: left; width: 100%; background: #F8F8F8; padding: 65px 0 85px; position: relative; z-index: 1;}
.bloc-sec-dest::after { position: absolute; content: ""; bottom: 0; left: 0; background: url("../images/bloc-sec-bg.svg") no-repeat scroll 0 0; width: 214px; height: 201px; z-index: -1;}
.bloc-sec-lft { float: left; width: 37%; padding-right: 35px;}
.bloc-sec-lft h2 { float: left; width: 100%; font-family: 'Gilroy-Bold'; color: #000000; font-size: 48px; line-height: 48px; letter-spacing: -0.4px; padding-bottom: 30px;}
.bloc-sec-lft p { float: left; width: 100%; color: #1A1A1A; font-size: 16px; line-height: 22px; padding-bottom: 40px;}
.bloc-sec-lft a.info-btn { float: left; width: 88px; height: 33px; column-gap: 3px; border-radius: 50px; background: #006EB6; font-family: 'Gilroy-SemiBold'; display: flex; align-items: center; justify-content: center; color: #FFFFFF; font-size: 14px; line-height: 20px; letter-spacing: -0.2px; transition:all .5s ease;}
.bloc-sec-lft a.info-btn:hover { background: #000000;}
.bloc-sec-lft a.info-btn span { font-size: 17px; font-family: 'Gilroy-Regular';}
.bloc-sec-rgt { float: left; width: 63%; position: relative; margin-top: 25px;}
.bloc-sec-rgt img { float: left; width: 100%; padding-right: 30px;}
.bloc-sec-rgt .bloc-sec-img { position: absolute; bottom: 40px; left: -180px; box-shadow: 0px 2px 15px #b3b3b3;}
.bloc-sec-rgt .bloc-sec-img img { padding: 0px;}
.bloc-sec-rgt .bloc-sec-logo { position: absolute; top: -65px; right: -50px;}
.bloc-sec-rgt .bloc-sec-logo img { padding: 0px;}


footer { float: left; width: 100%; background: #006EB6; padding: 50px 0 65px;}
.ftr-top { float: left; width: 100%; padding-bottom: 45px; column-gap: 17%; margin-bottom: 35px; border-bottom: 1px solid #FFFFFF; display: flex; flex-wrap: wrap; align-items: baseline;}
.ftr-logo { float: left; width: 11%;}
.ftr-logo img { float: left; width: auto;}
.ftr-menu {float: right; width: 72%;}
.ftr-menu ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 55px; row-gap: 25px;}
.ftr-menu ul li { flex: 0 1 15%;}
.ftr-menu ul li a { float: left; width: auto; font-family: 'Gilroy-SemiBold'; color: #FFFFFF; font-size: 18px; line-height: 25px; letter-spacing: 0.18px; transition:all .5s ease;}
.ftr-menu ul li a:hover { opacity: 0.7;}
.ftr-btm { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 5%;}
.ftr-btm div { flex: 0 1 21.25%;}
.ftr-btm p { float: left; width: 100%; color: #FFFFFF; font-size: 18px; line-height: 30px; letter-spacing: 0.18px; font-family: 'Gilroy-SemiBold';}
.ftr-btm a { float: none; width: auto; color: #FFFFFF; font-size: 18px; line-height: 30px; letter-spacing: 0.18px; font-family: 'Gilroy-SemiBold'; transition:all .5s ease;}
.ftr-btm a:hover { opacity: 0.7;}
.ftr-scl-lnks { float: left; width: 100%;}
.ftr-scl-lnks ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 20px; margin-top: 25px;}
.ftr-scl-lnks ul li { flex: 0 1 auto;}
.ftr-scl-lnks ul li a { float: left; transition:all .5s ease;}
.ftr-scl-lnks ul li a.ig-ico { background: url("../images/footer-instagram.svg") no-repeat scroll 0 0; width: 20px; height: 20px;}
.ftr-scl-lnks ul li a.yt-ico { background: url("../images/footer-youtube.svg") no-repeat scroll 0 0; width: 24px; height: 18px;}
.ftr-scl-lnks ul li a.fb-ico { background: url("../images/footer-facebook.svg") no-repeat scroll 0 0; width: 11px; height: 20px;}
.ftr-scl-lnks ul li a.ln-ico { background: url("../images/footer-linkedin.svg") no-repeat scroll 0 0; width: 21px; height: 20px;}
.ftr-scl-lnks ul li a.tt-ico { background: url("../images/footer-tiktok.svg") no-repeat scroll 0 0; width: 18px; height: 20px;}
.ftr-scl-lnks ul li a:hover { opacity: 0.6;}
.ftr-top-mob { display: none;}

.nwl-sec { float: left; width: 240px; position: relative; margin-top: 15px;}
.nwl-sec input[type="text"] { border-radius: 50px; padding: 0 45px 0 25px; border: 1px solid #4d99cb; background: #FFFFFF; color: #3A423A; font-family: 'Gilroy-SemiBold'; font-size: 14px; line-height: 20px; width: 100%; height: 41px; transition:all .5s ease;}
.nwl-sec button { position: absolute; right: 20px; top: 18px; background: url(../images/nwl-arw.svg) no-repeat right center; border: none; width: 15px; height: 8px;}

.inner-bredcrum { float: left; width: 100%; padding: 20px 0;}
.inner-bredcrum.grey-bg { background: #F8F8F8;}
.inner-bredcrum .bredcrum { float: left; width: 100%; position: relative; bottom: 0;}
.inner-bredcrum .bredcrum ul { float: left; width: 100%;}
.inner-bredcrum .bredcrum li { color: #767676; font-family: 'Gilroy-Light';}
.inner-bredcrum .bredcrum li::after { color: #767676;}
.inner-bredcrum .bredcrum li a { color: #767676; font-family: 'Gilroy-SemiBold';}
.inner-bredcrum .bredcrum li a:hover { opacity: 1; color: #006EB6;}
.bredcrum {position: absolute; bottom: 50px;}
.bredcrum ul { float: left; width: auto;}
.bredcrum ul li { float: left; width: auto; font-family: 'Gilroy-Light'; color: #FFFFFF; font-size: 12px; line-height: 18px; padding-right: 12px; margin-right: 8px; position: relative;}
.bredcrum ul li:last-child { padding-right: 0px; margin-right: 0px;}
.bredcrum ul li::after { position: absolute; content: "|"; font-family: 'Gilroy-Light'; top: 0; color: #FFFFFF; right: 0; }
.bredcrum ul li:last-child:after { content: none;}
.bredcrum ul li a { float: left; width: auto; font-family: 'Gilroy-SemiBold'; color: #FFFFFF; font-size: 12px; line-height: 18px; transition:all .5s ease; }
.bredcrum ul li a:hover { opacity: 0.7;}

.inner-title-sec { float: left; width: 100%;}
.inner-title-sec.grey-bg { background: #F8F8F8;}
.inner-title-sec.title-sec { padding: 30px 0 50px;}
.inner-title-sec.txt-ctr { text-align: center;}
.inner-title-sec h1 { float: left; width: 100%; font-family: 'Gilroy-Bold'; color: #000000; font-size: 42px; line-height: 48px; letter-spacing: -0.09px; padding-bottom: 20px;} 
.inner-title-sec h2 { float: left; width: 100%; font-family: 'Gilroy-Bold'; color: #000000; font-size: 68px; line-height: 68px; letter-spacing: -1.27px; padding-bottom: 20px;}
.inner-title-sec.title-sec h1 { font-size: 68px; line-height: 78px; letter-spacing: -1.27px; padding-bottom: 15px;}
.inner-title-sec p { float: left; width: 100%; color: #000000; font-size: 16px; line-height: 25px; padding-bottom: 15px;}
.inner-title-sec p:last-child { padding-bottom: 0;}
.inner-title-sec p span {font-family: 'Gilroy-SemiBold';}

.contact-lst { float: left; width: 100%; padding: 50px 0 90px;}
.contact-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 12%; align-items: flex-start; justify-content: center;}
.contact-lst ul li { flex: 0 1 auto;}
.contact-lst ul li h2 { padding-left: 30px; font-family: 'Gilroy-Medium'; color: #000000; font-size: 14px; line-height: 20px; letter-spacing: 1px; padding-bottom: 15px;}
.contact-lst ul li p { padding-left: 30px; font-family: 'Gilroy-Medium'; color: #000000; font-size: 16px; line-height: 27px; }
.contact-lst ul li p a { font-family: 'Gilroy-Medium'; color: #000000; font-size: 16px; line-height: 27px; transition:all .5s ease; }
.contact-lst ul li p a:hover { color: #006EB6;}
.contact-lst ul li p a.mail-lnk { text-decoration: underline;}
.contact-lst ul li h4 {padding-left: 30px; color: #000000; font-size: 13px; line-height: 27px; margin-top: 10px;}
.contact-lst ul li p.loc-ico { background: url("../images/location.svg") no-repeat left top 5px; }
.contact-lst ul li p.tel-ico { background: url("../images/phone.svg") no-repeat left top 5px; }
.contact-lst ul li p.tme-ico { background: url("../images/clock.svg") no-repeat left top 3px; }

.contact-lst ul li ul {padding-left: 30px; float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 20px; margin-top: 15px; align-items: left; justify-content: left;}
.contact-lst ul li ul li { flex: 0 1 auto;}
.contact-lst ul li ul li a { float: left; transition:all .5s ease;}
.contact-lst ul li ul li a.ig-ico { background: url("../images/instagram.svg") no-repeat scroll 0 0; width: 20px; height: 20px;}
.contact-lst ul li ul li a.yt-ico { background: url("../images/youtube.svg") no-repeat scroll 0 0; width: 24px; height: 18px;}
.contact-lst ul li ul li a.fb-ico { background: url("../images/facebook.svg") no-repeat scroll 0 0; width: 11px; height: 20px;}
.contact-lst ul li ul li a.ln-ico { background: url("../images/linkedin.svg") no-repeat scroll 0 0; width: 21px; height: 20px;}
.contact-lst ul li ul li a.tt-ico { background: url("../images/tiktok.svg") no-repeat scroll 0 0; width: 18px; height: 20px;}
.contact-lst ul li ul li a:hover { opacity: 0.6;}

.contact-form { float: left; width: 100%; padding-bottom: 50px;}
.contact-wdth { float: none; width: 635px; margin: 0 auto;}
.contact-form .form-box .frm-input { float: left; width: 100%; margin-bottom: 18px; position: relative;}
.contact-form .form-box .frm-input .floating-label-group { float: left; width: 100%; position: relative;}
.contact-form .form-box input[type="text"], .contact-form .form-box textarea { width:100%; color:#808080; font-family: 'Gilroy-Regular'; padding: 15px 25px 10px; height: 45px; border: none; border-bottom: 2px solid #BCB9B1; font-size:14px; letter-spacing: 0px; transition: all .5s ease; background:#F8F8F8; }
.contact-form .form-box input[type="text"]:focus, .contact-form .form-box textarea:focus { border-bottom: 2px solid #006EB6;}
.contact-form .form-box textarea { resize:none; height:150px; line-height:22px; padding: 15px 25px 10px; font-family: 'Gilroy-Regular'; color:#808080;}
.contact-form .form-box .frm-input.frm-input.check-box { float: left; width: 100%; margin: 10px 0 20px;}
.contact-form .form-box .frm-input.checkbox { float: left; width: 100%; margin-bottom: 10px;}
.contact-form .form-box .frm-input.checkbox:last-child { margin-bottom: 0;}
.contact-form .form-box .frm-input.checkbox input { height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.contact-form .form-box .frm-input .floating-label { color: #808080; cursor: pointer; font-size: 14px; line-height:24px;  font-family: 'Gilroy-Regular'; width: auto; letter-spacing: 0px; display: inline-block;}
.contact-form .form-box .frm-input .floating-label span { color: #808080;}
.contact-form .form-box .frm-input.checkbox label { color: #000000; cursor: pointer; font-size: 14px; padding-left: 30px; font-family: 'Gilroy-Medium'; position: relative; float: left; width: auto; line-height:18px; margin-bottom:0px; text-align:left;}
.contact-form .form-box .frm-input.checkbox label::before { background: none; content: ""; height: 15px; left: 0; position: absolute; top: 1px; transition: all 0.3s ease-in-out 0s; width: 15px; border-radius: 0;}
.contact-form .form-box .frm-input.checkbox label::after { background: transparent none repeat scroll 0 0; border: 1px solid #545454; content: "";height: 15px;left: 0; position: absolute; top: 1px; width: 15px; border-radius: 0;}
.contact-form .form-box .frm-input.checkbox input:checked + label::before {background: #006EB6 none repeat scroll 0 0; }
.contact-form .form-box .frm-input.checkbox:last-child label { padding-bottom: 0;}
.contact-form .form-box .frm-input.checkbox span { font-size:14px; color: #006EB6; float: none; width:100%; font-family: 'Gilroy-Regular'; line-height:16px;}
.contact-form .form-box .frm-input.checkbox span a {color: #006EB6; text-decoration:underline; transition:all .5s ease;}
.contact-form .form-box .frm-input.checkbox span a:hover { color:#444444;}
.contact-form .form-box .frm-input:last-child { margin-bottom: 0;}

.contact-form .btn-ctr { float: right; width: auto;}
.contact-form .form-box button.env-btn { float: left; display: flex; align-items: center; justify-content: center; cursor: pointer; font-family: 'Gilroy-Bold'; background: #006EB6; border: none; color: #FFFFFF; width: 138px; height: 33px; font-size: 14px; line-height: 20px; padding: 0 15px; border-radius: 50px; transition:all .5s ease; }
.contact-form .form-box button.env-btn:hover { background: #000000;}

.contact-form .floating-label { position: relative;}
.contact-form .floating-label { position: absolute; pointer-events: none; top: 12px; left: 25px; transition: all 0.5s ease;}
.contact-form input:focus ~ .floating-label, .contact-form input:not(:focus):valid ~ .floating-label, 
.contact-form textarea:focus ~ .floating-label, .contact-form textarea:not(:focus):valid ~ .floating-label { top: -3px; bottom: 0px; left: 25px; font-size: 12px !important; opacity: 1; color: #545454 !important; font-family: 'Gilroy-Regular' !important;}
.contact-form input:focus ~ .floating-label span, .contact-form input:not(:focus):valid ~ .floating-label span, 
.contact-form textarea:focus ~ .floating-label span, .contact-form textarea:not(:focus):valid ~ .floating-label span { display: none;}

.contact-map { float: left; width: 100%; margin-bottom: 5px;}
.contact-map img { float: left; width: 100%;}

/* ------ segueix css ----------- */
.mant-sec { float: left; width: 100%; background: #FFFFFF;}
.mant-main { float: left; width: 100%;}
.mant-title { float: left;  width: 39%; background: #F8F8F8; padding: 40px 40px 160px 0;} 
.mant-content.tab-main { float: left; width: 61%; padding-left: 55px; padding-top: 25px;}
.mant-content .tab-cnt { float: left; width: 100%; display: none;}
.mant-content .tab-cnt.current { display: block;}

.mant-tab { float: left; width: 100%;}
.mant-tab .tab-list { float: left; width: 100%;}
.mant-tab .tab-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px;}
.mant-tab .tab-list ul li { flex: 0 1 100%;}
.mant-tab .tab-list ul li a { float: left; width: auto; color: #686868; font-size: 20px; line-height: 30px; font-family: 'Gilroy-Medium'; transition:all .5s ease;}
.mant-tab .tab-list ul li.current a { color: #006EB6; font-family: 'Gilroy-Black';}

.mant-cnt-sec { float: left; width: 100%;}
.mant-cnt-sec h3 { float: left; width: 100%; font-family: 'Gilroy-Bold'; color: #000000; font-size: 22px; line-height: 30px; letter-spacing: 0.12px; padding-bottom: 20px;}
.mant-cnt-sec p { float: left; width: 100%; color: #070707; font-size: 16px; line-height: 26px; padding-bottom: 15px;}
.mant-cnt-sec p:last-child { padding-bottom: 0;}

.mant-cnt-sec .video-sec { float: left; width: 100%; margin-top: 30px;}
.mant-cnt-sec .videoWrapper { position: relative; width: 100%; height: 0; background-color: #000;}
.mant-cnt-sec .videoWrapper43 { padding-top: 75%;}
.mant-cnt-sec .videoWrapper169 { padding-top: 54%;}
.mant-cnt-sec .videoIframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: transparent;}
.mant-cnt-sec .videoPoster { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; border: 0; outline: none;  background-position: 50% 50%; background-size: 100% 100%; background-size: cover; text-indent: -999em; overflow: hidden; opacity: 1; -webkit-transition: opacity 800ms, height 0s; -moz-transition: opacity 800ms, height 0s; transition: opacity 800ms, height 0s; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; transition-delay: 0s, 0s;}
.mant-cnt-sec .videoPoster:after { content: '';position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 75px; right: 0; margin: 0 auto; height: 75px; background:url(../images/play-button.svg) no-repeat scroll center center; }
.mant-cnt-sec .videoWrapperActive .videoPoster { opacity: 0; height: 0; -webkit-transition-delay: 0s, 800ms; -moz-transition-delay: 0s, 800ms; transition-delay: 0s, 800ms;}

.project-details { float: left; width: 100%; padding: 70px 0 75px; background: #F8F8F8;}
.proj-det-cnt { float: left; width: 100%;}
.proj-det-title { float: left; width: 100%; margin-bottom: 40px; text-align: center;}
.proj-det-title h1 { float: left; width: 100%; color: #006EB6; font-family: 'Gilroy-Bold'; font-size: 48px; line-height: 48px; letter-spacing: -0.8px; padding-bottom: 15px;}
.proj-det-title p { float: left; width: 100%; color: #000000; font-family: 'Gilroy-Light'; font-size: 20px; line-height: 30px;}
.proj-det-img { float: left; width: 100%; padding-bottom: 50px; margin-bottom: 30px; border-bottom: 1px solid #E1E1E1;}
.proj-det-img img { float: left; width: 100%;}
.info-del-proj { float: left; width: 100%; padding-bottom: 100px; margin-bottom: 35px; border-bottom: 1px solid #E1E1E1;}
.info-del-proj .info-del-lft { float: left; width: 68%;}
.info-del-proj .info-del-rgt { float: left; width: 32%;}
.info-del-proj .info-del-rgt img { float: left; width: 100%;}
.info-del-proj h2 {float: left; width: 100%; color: #000000; font-family: 'Gilroy-SemiBold'; font-size: 14px; line-height: 20px; letter-spacing: 4.38px; padding-bottom: 40px;}
.info-del-proj ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 25px; margin-bottom: 60px;}
.info-del-proj ul li { flex: 0 1 100%;}
.info-del-proj ul li h3 { float: left; width: 165px; font-family: 'Gilroy-SemiBold'; color: #000000; font-size: 20px; line-height: 26px; letter-spacing: -0.2px;}
.info-del-proj ul li h4 { float: left; width: calc(100% - 165px); color: #000000; font-size: 20px; line-height: 26px; letter-spacing: -0.3px;}
.info-del-proj p {float: left; width: 100%; color: #767676; font-size: 22px; line-height: 30px; }

.model-proj-lst { float: left; width: 100%;}
.model-proj-lst h2 { float: left; width: 100%; color: #000000; font-family: 'Gilroy-SemiBold'; font-size: 14px; line-height: 20px; letter-spacing: 4.38px; padding-bottom: 25px;}
.model-proj-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 45px;}
.model-proj-lst ul li { flex: 0 1 100%;}
.model-proj-lst ul li .model-img { float: left; width: 60%;}
.model-proj-lst ul li .model-img img { float: left; width: 100%;}
.model-proj-lst ul li .model-cnt { float: left; width: 40%; padding-left: 70px;}
.model-proj-lst ul li .model-cnt h3 {float: left; width: 100%; font-family: 'Gilroy-SemiBold'; color: #000000; font-size: 30px; line-height: 36px; letter-spacing: -0.16px; padding-bottom: 10px;}
.model-proj-lst ul li .model-cnt p {float: left; width: 100%; color: #1A1A1A; font-size: 16px; line-height: 26px; padding-bottom: 55px;}
.model-proj-lst ul li .model-cnt a.info-btn { float: left; width: 88px; height: 33px; column-gap: 3px; border-radius: 50px; background: #006EB6; font-family: 'Gilroy-SemiBold'; display: flex; align-items: center; justify-content: center; color: #FFFFFF; font-size: 14px; line-height: 20px; letter-spacing: -0.2px; transition:all .5s ease;}
.model-proj-lst ul li .model-cnt a.info-btn span { font-size: 17px; font-family: 'Gilroy-Regular';}
.model-proj-lst ul li .model-cnt a.info-btn:hover { background: #000000;}

.proj-btm-banner { float: left; width: 100%; padding: 75px 0 80px;}
.proj-btm-img { float: left; width: 100%;}
.proj-btm-img img { float: left; width: 100%;}

.sec-title.inr-sec { margin-bottom: 30px; padding-bottom: 0; border-bottom: none; padding-top: 35px; border-top: 1px solid #E1E1E1;}
.sec-title.inr-sec h2 { font-size: 14px; line-height: 20px; letter-spacing: 4.38px;}

.altres-projectes { float: left; width: 100%; }
.altres-slide { float: left; width: 100%; overflow: hidden; padding-bottom: 75px;}
.altres-slide #altres-slide { padding-left: calc(50% - 555px);}
.altres-slide .owl-stage { padding: 0 !important;}

.altres-main {float: left; width: 100%;}
.altres-main .altres-img {float: left; width: 100%; overflow: hidden;}
.altres-main .altres-img img {float: left; width: 100% !important; transition:all .5s ease; }
.altres-main:hover .altres-img img { transform: scale(1.03);}
.altres-main .altres-cnt {float: left; width: 100%; padding-top: 20px;}
.altres-main .altres-cnt h3 {float: left; width: 100%; font-family: 'Gilroy-SemiBold'; color: #000000; font-size: 24px; line-height: 32px; letter-spacing: 0px; transition:all .5s ease; padding-bottom: 10px;}
.altres-main .altres-cnt p {float: left; width: 100%; color: #000000; font-size: 14px; line-height: 20px; letter-spacing: 0px;}
.altres-main:hover .altres-cnt h3 { color: #006EB6;}

.altres-slide .owl-nav { top: 30%; width: 100%;}
.altres-slide .fa-chevron-left {left: calc(50% - 800px); position: absolute; background:url(../images/prod-arrow-lft.svg) no-repeat; height: 58px; width:58px; background-size: contain; border: none; cursor: pointer; padding: 0; box-shadow: 0px 2px 5px #b3b3b3; border-radius: 50px;}
.altres-slide .fa-chevron-right {right: calc(50% - 470px); position: absolute; background:url(../images/prod-arrow-rgt.svg) no-repeat; height: 58px; width:58px; background-size: contain; border: none; cursor: pointer; padding: 0; box-shadow: 0px 2px 5px #b3b3b3; border-radius: 50px;}

.post-details { float: left; width: 100%; background: #F8F8F8; padding: 30px 0 60px;}
.post-det-cnt { float: left; width: 100%;}
.post-det-title { float: left; width: 100%; margin-bottom: 30px;}
.post-det-title h1 { float: left; width: 100%; text-align: center; font-family: 'Gilroy-Bold'; color: #000000; font-size: 40px; line-height: 46px;}
.post-det-img { float: left; width: 100%; text-align: center; margin-bottom: 35px; padding: 0 55px;}
.post-det-img img { float: left; width: 100%;}
.post-det-img h4 { float: left; width: 100%; text-align: left; font-family: 'Gilroy-Medium'; color: #000000; font-size: 12px; line-height: 18px; padding-top: 20px;}
.post-det-para { float: left; width: 100%; padding: 0 155px;}
.post-det-para h4 { float: left; width: 100%; padding-left: 25px; color: #3A423A; font-size: 14px; line-height: 20px; background: url("../images/cal-ico.svg") no-repeat top 3px left; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #DEDEDE;}
.post-det-para h3 { float: left; width: 100%; font-family: 'Gilroy-SemiBold'; color: #000000; font-size: 19px; line-height: 30px; letter-spacing: -0.28px; padding-bottom: 30px;}
.post-det-para p { float: left; width: 100%; color: #3A423A; font-size: 14px; line-height: 25px; letter-spacing: -0.09px; padding-bottom: 35px;}

.post-video { float: left; width: 100%; padding: 0 55px; margin-bottom: 60px;}
.post-video .video-sec { float: left; width: 100%; margin-top: 30px;}
.post-video .videoWrapper { position: relative; width: 100%; height: 0; background-color: #000;}
.post-video .videoWrapper43 { padding-top: 75%;}
.post-video .videoWrapper169 { padding-top: 54%;}
.post-video .videoIframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: transparent;}
.post-video .videoPoster { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; border: 0; outline: none;  background-position: 50% 50%; background-size: 100% 100%; background-size: cover; text-indent: -999em; overflow: hidden; opacity: 1; -webkit-transition: opacity 800ms, height 0s; -moz-transition: opacity 800ms, height 0s; transition: opacity 800ms, height 0s; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; transition-delay: 0s, 0s;}
.post-video .videoPoster:after { content: '';position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 75px; right: 0; margin: 0 auto; height: 75px; background:url(../images/play-button.svg) no-repeat scroll center center; }
.post-video .videoWrapperActive .videoPoster { opacity: 0; height: 0; -webkit-transition-delay: 0s, 800ms; -moz-transition-delay: 0s, 800ms; transition-delay: 0s, 800ms;}

.post-scl-lnks { float: left; width: 100%; padding-top: 25px; border-top: 1px solid #DEDEDE; margin-top: 20px; }
.post-scl-lnks ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 30px;}
.post-scl-lnks ul li { flex: 0 1 auto;}
.post-scl-lnks ul li a { float: left; width: auto; display: flex; column-gap: 15px; align-items: center; font-family: 'Gilroy-SemiBold';  color: #3A423A; font-size: 14px; line-height: 20px; letter-spacing: -0.09px; transition:all .5s ease;}
.post-scl-lnks ul li a span { float: left; width: auto;}
.post-scl-lnks ul li a span.co-ico { background: url("../images/co.svg") no-repeat left top; width: 15px; height: 15px;}
.post-scl-lnks ul li a span.ma-ico { background: url("../images/ma.svg") no-repeat left top; width: 16px; height: 11px;}
.post-scl-lnks ul li a span.im-ico { background: url("../images/im.svg") no-repeat left top; width: 13px; height: 15px;}
.post-scl-lnks ul li a span.fb-ico { background: url("../images/fb.svg") no-repeat left top; width: 7px; height: 14px;}
.post-scl-lnks ul li a span.tw-ico { background: url("../images/tw.svg") no-repeat left top; width: 17px; height: 14px;}
.post-scl-lnks ul li a:hover { opacity: 0.7;}

.inner-banner { float: left; width: 100%; position: relative;}
.inner-banner img { float: left; width: 100%;}
.inner-banner .inner-ban-cont { position: absolute; top: 60%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align: center;}
.inner-banner .inner-ban-cont h2 { color: #FFFFFF; font-size: 78px; line-height: 78px; letter-spacing: -2.34px; font-family: 'Gilroy-Bold'; padding-bottom: 100px;}
.inner-banner .inner-ban-cont p {color: #FFFFFF; font-family: 'PlayfairDisplay-MediumItalic'; font-size: 25px; line-height: 25px;}
.inner-banner .inner-ban-cont h1 { font-family: 'Gilroy-Bold'; color: #FFFFFF; font-size: 78px; line-height: 78px; letter-spacing: -1.74px; padding-bottom: 20px;}
.inner-banner .inner-ban-cont h4 { color: #FFFFFF; font-size: 24px; line-height: 30px; padding-bottom: 40px;}
.inner-banner .inner-ban-cont a.des-mes { float: none; display: inline-block; font-family: 'Gilroy-SemiBold'; border-radius: 50px; width: 138px; height: 33px; padding: 5px 15px; background: none; border: 2px solid #FFFFFF; color: #FFFFFF; font-size: 14px; line-height: 20px; letter-spacing: -0.2px; transition:all .5s ease;}
.inner-banner .inner-ban-cont a.des-mes:hover { background: #006EB6; border: 2px solid #006EB6;}

.inner-para-title { float: left; width: 100%; padding: 60px 0 70px; text-align: center; background: #F8F8F8;}
.inner-para-title p { color: #000000; font-size: 20px; line-height: 30px;}
.inner-para-title p span {font-family: 'Gilroy-SemiBold';}

.proj-main-sec { float: left; width: 100%; padding: 0 15px; background: #F8F8F8;}
.prj-main-lst { float: left; width: 100%; margin-bottom: 50px;}
.prj-main-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 0.7%; row-gap: 10px; }
.prj-main-lst ul li { flex: 0 1 32.86%;}
.prj-main-lst ul li .prj-main { float: left; width: 100%;}
.prj-main-lst ul li .prj-img { float: left; width: 100%; overflow: hidden;}
.prj-main-lst ul li .prj-img img { float: left; width: 100%; transition:all .5s ease; }
.prj-main-lst ul li:hover .prj-img img { transform: scale(1.03);}
.prj-main-lst ul li .prj-cnt { float: left; width: 100%; background: #FFFFFF; padding: 20px 30px 50px;}
.prj-main-lst ul li .prj-cnt h2 { float: left; width: 100%; font-family: 'Gilroy-SemiBold'; color: #000000; font-size: 28px; line-height: 36px; letter-spacing: -0.52px; padding-bottom: 15px; transition: all .5s ease;}
.prj-main-lst ul li .prj-cnt .prj-para { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; margin-bottom: 25px;}
.prj-main-lst ul li .prj-cnt .prj-para p { flex: 0 1 100%; color: #434343; font-size: 16px; line-height: 22px;}
.prj-main-lst ul li .prj-cnt .prj-para p span {font-family: 'Gilroy-SemiBold';}
.prj-main-lst ul li .prj-cnt a.info-btn { float: left; width: 88px; height: 33px; column-gap: 3px; border-radius: 50px; background: #006EB6; font-family: 'Gilroy-SemiBold'; display: flex; align-items: center; justify-content: center; color: #FFFFFF; font-size: 14px; line-height: 20px; letter-spacing: -0.2px; transition:all .5s ease;}
.prj-main-lst ul li .prj-cnt a.info-btn span { font-size: 17px; font-family: 'Gilroy-Regular';}
.prj-main-lst ul li:hover .prj-cnt a.info-btn { background: #000000;}
.prj-main-lst ul li:hover .prj-cnt h2 { color: #006EB6;}

.pagination { float:left; width:100%; text-align:center; margin-bottom: 60px;}
.pagination ul { float: left; width: 100%;}
.pagination ul li { float: none; display: inline-block; width: auto; margin-right: 8px;}
.pagination ul li:last-child { margin-right: 0;}
.pagination ul li a { color: #3A423A; font-size: 16px; line-height: 24px; font-family: 'Gilroy-SemiBold'; width: 35px; height: 35px; display: inline-block; border-radius: 25px; padding: 5px; transition:all .5s ease;}
.pagination ul li a.active { background: #006EB6; color: #ffffff;}
.pagination ul li a:hover { background: #006EB6; color: #ffffff;}
.pagination ul li a.lnk-txt { width: auto; height: auto; border-radius: none; padding: 0;}
.pagination ul li a.lnk-txt:hover { color: #006EB6; background: none;}
.pagination ul li a.next-arw span { background: url("../images/double-arw.svg") no-repeat scroll 0 0; width: 10px; height: 10px; display: inline-block;}
.pagination ul li a.next-arw:hover span { background: url("../images/double-arw-hvr.svg") no-repeat scroll 0 0;}
.pagination ul li a.prev-arw span { background: url("../images/double-arw.svg") no-repeat scroll 0 0; width: 10px; height: 10px; display: inline-block; transform: rotate(180deg);}
.pagination ul li a.prev-arw:hover span { background: url("../images/double-arw-hvr.svg") no-repeat scroll 0 0;}

.blog-banner { float: left; width: 100%; background: #F8F8F8;}
.blog-banner .blog-img { float: left; width: 100%; position: relative; padding-bottom: 90px;}
.blog-banner .blog-img img { float: left; width: 100%;}
.blog-banner .blog-cnt { position: absolute; bottom: 0; left: 32%; right: 0; margin: 0 auto; text-align: center; }
.blog-banner .blog-cnt h2 { font-family: 'Gilroy-Light'; text-align: left; color: #3A423A; font-size: 42px; line-height: 50px; letter-spacing: 0px; padding-bottom: 15px;}
.blog-banner .blog-cnt .blog-det { text-align: left; display: flex; align-items: center; column-gap: 15px;}
.blog-banner .blog-cnt .blog-det h4 { background: #006EB6;  font-family: 'Gilroy-Bold'; text-transform: uppercase; padding: 7px 14px; color: #FFFFFF; border-radius: 5px; font-size: 12px; line-height: 18px; letter-spacing: 1.29px;}
.blog-banner .blog-cnt .blog-det h3 { color: #767676; font-size: 16px; line-height: 24px; font-family: 'Gilroy-Medium';}
.blog-banner span { position: absolute; left: -65px; bottom: 90px; writing-mode: sideways-lr; text-transform: uppercase; font-family: 'Gilroy-Medium'; font-size: 14px; color: #3A423A; letter-spacing: 3.5px;}

.blog-main-lst { float: left; width: 100%; padding: 65px 0 90px; background: #F8F8F8;}
.blog-main-lst .blog-main-lft { float: left; width: 570px;}
.blog-main-lst .blog-main-rgt { float: left; width: calc(100% - 570px); padding-left: 30px;}
.blog-main-lst .blog-main-lft .blog-main-sec { float: left; width: 100%; margin-bottom:30px;}
.blog-main-lst .blog-main-lft .blog-main-sec:last-child { margin-bottom: 0;}
.blog-main-lst .blog-main-rgt ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap:30px; column-gap: 3%;}
.blog-main-lst .blog-main-rgt ul li { flex: 0 1 48.5%;}

.blog-main { float: left; width: 100%; position: relative;}
.blog-main .blog-img { float: left; width: 100%; overflow: hidden;}
.blog-main .blog-img img { float: left; width: 100%; transition:all .5s ease; }
.blog-main:hover .blog-img img { transform: scale(1.03);}
.blog-main .blog-cnt { float: left; width: 100%;}
.blog-main .blog-cnt .blog-det { text-align: left; display: flex; align-items: center; column-gap: 15px; margin-bottom: 20px;}
.blog-main .blog-cnt .blog-det h4 { background: #006EB6;  font-family: 'Gilroy-Bold'; text-transform: uppercase; padding: 7px 14px; color: #FFFFFF; border-radius: 5px; font-size: 12px; line-height: 18px; letter-spacing: 1.29px;}
.blog-main .blog-cnt .blog-det h3 { color: #FFFFFF; font-size: 16px; line-height: 24px; font-family: 'Gilroy-Medium';}
.blog-main .blog-cnt h2 { float: left; width: 100%; font-family: 'Gilroy-SemiBold'; color: #FFFFFF; font-size: 38px; line-height: 48px; letter-spacing: -0.65px; transition: all .5s ease;}
.blog-main-lst .blog-main-lft .blog-main .blog-cnt { position: absolute; bottom: 0; left: 0; float: left; width: 100%; padding: 0 35px 45px;}

.blog-main.blk-txt .blog-cnt { padding-top: 15px;}
.blog-main.blk-txt .blog-cnt .blog-det { column-gap: 20px; margin-bottom: 15px;}
.blog-main.blk-txt .blog-cnt .blog-det h4 { padding: 2px 8px; font-size: 10px;}
.blog-main.blk-txt .blog-cnt .blog-det h3 { color: #000000; font-size: 14px; line-height: 20px;}
.blog-main.blk-txt .blog-cnt h2 {text-align: left; font-size: 22px; line-height: 26px; letter-spacing: -0.3px; color: #000000;}
.blog-main.blk-txt:hover .blog-cnt h2 { color: #006EB6;}  

.prod-main-sec { float: left; width: 100%; padding: 0 15px; }
.prod-main-lst { float: left; width: 100%; padding-bottom: 10px;}
.prod-main-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 0.7%; row-gap: 10px;}
.prod-main-lst ul li { flex: 0 1 32.86%;}
.prod-main-list { float: left; width: 100%; position: relative;}
.prod-main-list::before { position: absolute; content: ""; background: rgba(0, 110, 182, 0.85); left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition:all .5s ease; z-index: 9;}
.prod-main-list:hover:before { opacity: 1; visibility: visible;}
.prod-main-list::after {position: absolute; content: ""; left: 0; right: 0; margin: 0 auto; background: url("../images/arrow-hover-3.svg") no-repeat center center; width: 100px; height: 100px; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; transition:all .5s ease; z-index: 9;}
.prod-main-list:hover:after {opacity: 1; visibility: visible;}
.prod-main-list .prod-img { float: left; width: 100%; overflow: hidden;}
.prod-main-list .prod-img img { float: left; width: 100%; transition:all .5s ease; }
.prod-main-list:hover .prod-img img { transform: scale(1.03);}
.prod-main-list .prod-cnt { position: absolute; left: 0; bottom: 0; float: left; width: 100%; padding: 0 30px 45px; z-index: 9;}
.prod-main-list .prod-cnt h2 { float: left; width: 100%; font-family: 'Gilroy-Bold'; color: #FFFFFF; font-size: 32px; line-height: 32px; letter-spacing: 0.17px;}

.filter-btn { float: left; width: 100%; padding: 25px 0 40px; text-align: center;}
.filter-btn a { float: none; display: inline-block; width: 160px; height: 44px; text-align: left; background: #006EB6 url("../images/filter.svg") no-repeat right 30px center; border-radius: 50px; color: #FFFFFF; font-size: 20px; line-height: 23px; letter-spacing: 0.09px; padding: 10px 35px 10px 30px; transition:all .5s ease;}
.filter-btn.show { padding-bottom: 0;}
.filter-btn.show a { background: #006EB6 url("../images/filter-close.svg") no-repeat right 30px center;}

.filter-options { float: left; width: 100%; background: #FFFFFF; padding: 50px 0 45px; display: none;}
.filter-options.show { display: block;}
.filter-slt { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; column-gap: 150px;}
.filter-slt h4 { color: #a5aaa6; font-size: 24px; line-height: 33px; letter-spacing: -0.85px; font-family: 'Gilroy-Medium'; padding-bottom: 20px;}
.filter-slt li { margin-bottom: 12px; position: relative;}
.filter-slt li:last-child { margin-bottom: 0;}
.filter-slt .radio-btn [type="radio"]:not(:checked) {position: absolute;left: 0; visibility: hidden;}
.filter-slt .radio-btn [type="radio"]:checked, .filter-slt .radio-btn [type="radio"]:not(:checked) { position: absolute; right: 0; visibility: hidden;}
.filter-slt .radio-btn [type="radio"]:checked + label, .filter-slt .radio-btn [type="radio"]:not(:checked) + label { position: relative; padding-left:0; cursor: pointer; font-size: 16px; line-height: 24px; letter-spacing: 0px; display: inline-block;
 color: #3A423A; width: 100%;}
.filter-slt .radio-btn [type="radio"]:checked + label:before, .filter-slt .radio-btn [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; right: 0; top:0px; width: 20px; height: 20px;
 background: #f1f1f1; margin:0; border-radius: 25px;}
.filter-slt .radio-btn [type="radio"]:checked + label:before {border: 1px solid #006EB6;}
.filter-slt .radio-btn [type="radio"]:not(:checked) + label:before {border: 1px solid #E3E3E3;}
.filter-slt .radio-btn [type="radio"]:checked + label:after, .filter-slt .radio-btn [type="radio"]:not(:checked) + label:after {content: ''; width: 10px; height: 10px; background: #006EB6; position: absolute;
top: 5px; right: 5.4px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;  border-radius: 25px;}
.filter-slt .radio-btn [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
.filter-slt .radio-btn [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

.filter-selected { float: left; width: 100%;}
.filter-selected ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 10px;}
.filter-selected ul li {margin: 25px 0; flex: 0 1 auto; border-radius: 50px; font-family: 'Gilroy-Medium'; display: flex; align-items: center; padding: 0px 20px; background: #FFFFFF; height: 35px; line-height: 30px; color: #616161; letter-spacing: 0px; font-size: 17px;}
.filter-selected ul li a { float: right; margin-left: 10px;}

.prod-lst-sec { float: left; width: 100%; background: #F8F8F8; padding: 0 15px;}
.prod-lst { float: left; width: 100%; padding-top: 20px; margin-bottom: 65px;}
.prod-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 0.7%; row-gap: 10px;}
.prod-lst ul li { flex: 0 1 24.47%;}
.prod-lst-main { float: left; width: 100%; background: #FFFFFF;}
.prod-lst-main .prod-lst-img { float: left; width: 100%; display: flex; align-content: center; justify-content: center; min-height: 261px; position: relative;}
.prod-lst-main .prod-lst-img span { position: absolute; top: 20px; right: 20px;}
.prod-lst-main .prod-lst-img span img { width: auto;}
.prod-lst-main .prod-lst-img img { float: none; display: inline-block; max-width: 100%;}
.prod-lst-main .prod-lst-cnt { float: left; width: 100%; padding: 30px 20px;}
.prod-lst-main .prod-lst-cnt h2 { float: left; width: 100%; font-family: 'Gilroy-SemiBold'; color: #000000; font-size: 22px; line-height: 30px; letter-spacing: 0.02px; padding-bottom: 10px; transition:all .5s ease;}
.prod-lst-main .prod-lst-cnt h4 { float: left; width: 100%; color: #767676; font-size: 14px; line-height: 20px; }
.prod-lst-main:hover .prod-lst-cnt h2 { color: #006EB6;}


.product-details { float: left; width: 100%; background: #F8F8F8; padding:15px 0px 90px;}
.product-details .prod-det-lft { float: left; width: 640px;}
.product-details .prod-det-lft h1 { display: none; float: left; width: 100%; font-family: 'Gilroy-Bold'; color: #006EB6; font-size: 30px; line-height: 30px; letter-spacing: -0.8px; padding-bottom: 30px; text-align: center; }
.product-details .prod-det-rgt { float: left; width: calc(100% - 640px); padding: 25px 60px 0px;}
.product-details .prod-det-rgt h1 { float: left; width: 100%; font-family: 'Gilroy-Bold'; color: #006EB6; font-size: 48px; line-height: 48px; letter-spacing: -0.8px; padding-bottom: 30px; }
.product-details .prod-det-rgt p { float: left; width: 100%; color: #1A1A1A; font-size: 16px; line-height: 23px; letter-spacing: 0.07px; padding-bottom: 40px;}
.prd-btns { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 15px;}
.prd-btns a { flex: 0 1 49%; width: 211px; height: 45px; display: flex; align-items: center; justify-content: center; font-family: 'Gilroy-SemiBold'; background: #006EB6; color: #FFFFFF; font-size: 14px; line-height: 20px; letter-spacing: -0.2px; border-radius: 25px; transition:all .5s ease;}
.prd-btns a:hover { background: #000000;}

.prod-accordion { float: left; width: 100%; margin-bottom: 40px;}
.prod-accordion .smk_accordion .accordion_in { float: left; width: 100%; margin-bottom: 0px;}
.prod-accordion .smk_accordion .accordion_in .acc_head { padding: 25px 0px; color: #000000; font-size: 22px; line-height: 30px; letter-spacing: 0.12px; font-family: 'Gilroy-Bold'; background: none; border-bottom: 1px solid #E1E1E1;}
.prod-accordion .smk_accordion.acc_with_icon .accordion_in .acc_head { padding-right: 48px;}
.prod-accordion .smk_accordion .accordion_in .acc_head .acc_icon_expand { border: none; background: url(../images/acc-plus.svg) center 0; width: 48px; height: 48px; margin-top: 0; top: 50%; transform: translateY(-50%); right: 0;}
.prod-accordion .smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand { border: none; background: url(../images/acc-minus.svg) center 0; width: 48px; height: 48px; margin-top: 0; top: 50%; transform: translateY(-50%); right: 0;}
.prod-accordion .smk_accordion .accordion_in.acc_active > .acc_head { background: none;}
.prod-accordion .smk_accordion .accordion_in .acc_content { float: left; width: 100%; background: none;}
.prod-accordion .smk_accordion .accordion_in .acc_content .prd-acc-cnt {float: left; width: 100%;}
.prod-accordion .smk_accordion .accordion_in .acc_content .prd-acc-cnt p { float: left; width: 100%; color: #1A1A1A; font-size: 16px; line-height: 23px; letter-spacing: 0.07px; padding-bottom: 15px;}
.prod-accordion .smk_accordion .accordion_in .acc_content .prd-acc-cnt p:last-child { padding-bottom: 0;}
.prod-accordion .smk_accordion .accordion_in.acc_active .acc_head { border-bottom: none; color: #006EB6;}
.prod-accordion .smk_accordion .accordion_in.acc_active .acc_content { border-bottom: 1px solid #E1E1E1;}
.prod-accordion .smk_accordion .accordion_in .acc_content .prd-acc-cnt ul { float: left; width: 100%; padding-right: 50px; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap:10px; }
.prod-accordion .smk_accordion .accordion_in .acc_content .prd-acc-cnt ul li { flex: 0 1 auto;}

.prod-content { float: left; width: 100%;}
.prod-content .tab-cnt { float: left; width: 100%; display: none;}
.prod-content .tab-cnt.current { display: block;}

.prod-tab { float: left; width: 100%; margin-top: 20px;}
.prod-tab ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 5px;}
.prod-tab ul li { flex: 0 1 auto;}
.prod-tab ul li span { float: left; width: auto; cursor: pointer;}
.prod-tab ul.tab-list li span.prod-list1 { background: url("../images/360-g.svg") no-repeat scroll 0 0; width: 70px; height: 70px; background-size: contain;}
.prod-tab ul.tab-list li.current span.prod-list1 { background: url("../images/360.svg") no-repeat scroll 0 0; width: 70px; height: 70px; background-size: contain;}
.prod-tab ul.tab-list li span.prod-list2 { background: url("../images/foto-g.svg") no-repeat scroll 0 0; width: 70px; height: 70px; background-size: contain;}
.prod-tab ul.tab-list li.current span.prod-list2 { background: url("../images/foto.svg") no-repeat scroll 0 0; width: 70px; height: 70px; background-size: contain;}

.comp-projectes { float: left; width: 100%; background: #F8F8F8; padding-bottom: 115px;}
.comp-slide { float: left; width: 100%;}
.comp-main { float: left; width: 100%;}
.comp-main .comp-img { float: left; width: 100%; overflow: hidden;}
.comp-main .comp-img img { float: left; width: 100%; transition:all .5s ease; }
.comp-main:hover .comp-img img { transform: scale(1.03);}
.comp-main .comp-cnt { float: left; width: 100%; text-align: center; padding-top: 20px;}
.comp-main .comp-cnt h3 { float: left; width: 100%; font-family: 'Gilroy-SemiBold'; color: #000000; font-size: 24px; line-height: 36px; letter-spacing: -0.1px; transition:all .5s ease;}
.comp-main:hover .comp-cnt h3 { color: #006EB6;}

.comp-slide .owl-carousel .owl-item img { width: 100%;}
.comp-slide .owl-carousel .owl-stage { padding: 0px !important;}
.comp-slide .owl-carousel .owl-item { opacity: 0.7; }
.comp-slide .owl-carousel .owl-item.active { opacity: 1; }
.comp-slide .owl-carousel .owl-controls { margin: 35px 0px 10px; padding-right: 15px; display: flex; align-items: center; justify-content: space-between;}
.comp-slide .owl-carousel .owl-controls .owl-dots { position: relative; bottom: auto; text-align: left;} 
.comp-slide .owl-carousel .owl-controls .owl-dots .owl-dot { width: 15px; height: 15px; background: #cce1f2; border: none; margin: 0px 20px 0px 0px; }
.comp-slide .owl-carousel .owl-controls .owl-dots .owl-dot.active, 
.comp-slide .owl-carousel .owl-controls .owl-dots .owl-dot:hover { background: #006eb6;}
.comp-slide .owl-nav { position: relative; top:auto; display: flex; justify-content: right; column-gap: 10px; order: 2; width: 110px;}
.comp-slide .fa-chevron-left { left: 0px; position: relative; background:url(../images/prod-arrow-lft.svg) no-repeat; height: 50px; width:50px; background-size: contain; border: none; cursor: pointer; padding: 0; box-shadow: 0px 2px 5px #b3b3b3; border-radius: 50px;}
.comp-slide .fa-chevron-right { right: 0px; position: relative; background:url(../images/prod-arrow-rgt.svg) no-repeat; height: 50px; width:50px; background-size: contain; border: none; cursor: pointer; padding: 0; box-shadow: 0px 2px 5px #b3b3b3; border-radius: 50px;}

.vols-mes { float: left; width: 100%; background: #F8F8F8; padding-bottom: 90px;}
.vols-mes-cnt { float: left; width: 100%; background: #FFFFFF; position: relative; padding: 80px 0 75px; box-shadow: 0px 10px 30px -15px rgba(0,0,0,0.16); z-index: 1;}
.vols-mes-cnt::before { position: absolute; content: ""; left: 0; bottom: 0; background: url("../images/vols-bg-1.svg") no-repeat left bottom; width: 208px; height: 207px; z-index: -1;}
.vols-mes-cnt::after { position: absolute; content: ""; right: 0; top: 0; background: url("../images/vols-bg-2.svg") no-repeat left bottom; width: 145px; height: 145px; z-index: -1;}
.vols-mes-cnt h1 { float: left; width: 100%; text-align: center; font-family: 'Gilroy-Bold'; color: #000000; font-size: 62px; line-height: 62px; letter-spacing: -2.46px; padding-bottom: 20px;}
.vols-mes-cnt p { float: left; width: 100%; text-align: center; color: #767676; font-size: 20px; line-height: 26px; letter-spacing: 0.09px; padding-bottom: 30px;}
.veu-tot { float: left; width: 100%; display: flex; align-items: center; justify-content: center;}
.veu-tot a { float: left; width: 110px; height: 33px; display: flex; align-items: center; justify-content: center; font-family: 'Gilroy-SemiBold'; color: #FFFFFF; background: #006EB6; font-size: 14px; line-height: 18px; border-radius: 25px; transition:all .5s ease;}
.veu-tot a:hover { background: #000000;}

.mob-blog-slide { float: left; width: 100%; display: none;}
.mob-blog-items { float: left; width: 100%; padding-left: 15px; position: relative; margin-bottom: 50px;}
.mob-blog-items .owl-stage { padding: 0 !important;}
.mob-blog-items .owl-carousel .owl-controls { margin: 35px 0px 10px; padding-right: 15px; display: flex; align-items: center; justify-content: space-between;}
.mob-blog-items .owl-carousel .owl-controls .owl-dots { position: relative; bottom: auto; text-align: left;} 
.mob-blog-items .owl-carousel .owl-controls .owl-dots .owl-dot { width: 15px; height: 15px; background: #cce1f2; border: none; margin: 0px 20px 0px 0px; }
.mob-blog-items .owl-carousel .owl-controls .owl-dots .owl-dot.active, 
.mob-blog-items .owl-carousel .owl-controls .owl-dots .owl-dot:hover { background: #006eb6;}
.mob-blog-items .owl-nav { position: relative; top:auto; display: flex; justify-content: right; column-gap: 10px; order: 2; width: 110px;}
.mob-blog-items .owl-prev { left: 0px; position: relative; background:url(../images/prod-arrow-lft.svg) no-repeat; height: 50px; width:50px; background-size: contain; border: none; cursor: pointer; padding: 0; box-shadow: 0px 2px 5px #b3b3b3; border-radius: 50px;}
.mob-blog-items .owl-next { right: 0px; position: relative; background:url(../images/prod-arrow-rgt.svg) no-repeat; height: 50px; width:50px; background-size: contain; border: none; cursor: pointer; padding: 0; box-shadow: 0px 2px 5px #b3b3b3; border-radius: 50px;}