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

/*-------- TopSite sticky --------*/
#TopSite {
    position: relative;
    width: 100%;
    z-index: 1001;
}
#TopSite.top-site--fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.76);
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    animation: topSiteSlideDown 0.6s ease forwards;
    will-change: transform;
    z-index: 2000;
    padding-top: 10px;
    padding-bottom: 10px;
}
.top-site-placeholder {
    width: 100%;
    height: 0;
}
@keyframes topSiteSlideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
#TopSite.top-site--fixed .logo a img {
	width: 60px;
}
/********* top site *********/
.top-site {
	padding: 15px 25px;
}
.logo {
	margin-right: 135px;
}
.logo a img {
	transition-duration: 0.96s;
    -webkit-transition-duration: 0.96s;
    -moz-transition-duration: 0.96s;
    -o-transition-duration: 0.96s;
    -ms-transition-duration: 0.96s;
}
.logo a:hover img {
	opacity: 0.7;
}
.main-menu {}
.main-menu ul li {
	margin: 0 18px;
	position: relative;
}
.main-menu ul li a {
	color: #212121;
	font-weight: 500;
	padding: 18px 0;
}
.main-menu ul li.active a {
	text-decoration: underline;
}
.main-menu ul li.parent::after {
	content: "";
	position: absolute;
	top: 9px;
	right: -20px;
	background-image: url(../images/arrow-down-menu.svg);
	background-repeat: no-repeat;
	width: 16px;
	height: 9px;
	background-size: contain;
}
.main-menu ul li.parent ul {
	position: absolute;
    top: 35px;
    left: 0px;
    width: 260px;
    display: block;
    z-index: 100;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 1px 1px 24.7px 0 rgba(0, 0, 0, 0.13);
    transition: opacity 0.35s ease, visibility 0.35s ease;
}
.main-menu ul li.parent:hover ul {
	visibility: visible;
    opacity: 1;
}
.main-menu ul li.parent ul li {
	margin: 0;
}
.main-menu ul li.parent ul li a {
	padding: 13px 18px;
	display: block;
}
.main-menu ul li.parent ul li a:hover,
.main-menu ul li.parent ul li.active a {
	text-decoration: none !important;
	background-color: #F5F5F5;
}
.main-menu ul li.active.parent ul li a {
	text-decoration: none !important;
}
.top-btns {}
.top-btns a:hover,
.top-btns a:focus {
	text-decoration: none;
}
/********* home ***********/
/*------- header ---------*/
.titles-home {
	margin-bottom: 95px;
	background-image: url(../images/bg-header-home.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.titles-home .desc-header {}
.titles-home .desc-header .wrap {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.titles-home .desc-header .top-header {}
.titles-home .desc-header .top-header .h2 {
	font-weight: 500;
	margin-bottom: 30px;
}
.titles-home .desc-header .top-header .subtitle-1 {
	font-weight: 500;
	margin-bottom: 0;
}
.titles-home .desc-header .top-header .subtitle-2 {
	font-size: 20px;
	margin-bottom: 30px;
}
.titles-home .desc-header .top-header .link-anch {
	display: flex;
}
.titles-home .desc-header .top-header .link-anch a {
	display: flex;
	flex: 0 0 auto;
	height: 62px;
	padding: 18px 24px;
	justify-content: center;
	align-items: center;
	gap: 15px;
	border-radius: 60px;
	border: 1px solid rgba(33, 33, 33, 0.20);
	color: #212121;
	font-weight: 500;
	-webkit-transition-duration: 0.9s;
    transition-duration: 0.9s;
    -webkit-transition-property: transform;
    transition-property: transform;
    transition: opacity 0.9s;
    transition: background-color 0.9s, transform 0.9s;
}
.titles-home .desc-header .top-header .link-anch a:hover,
.titles-home .desc-header .top-header .link-anch a:focus {
	text-decoration: none;
	background-color: rgba(33, 33, 33, 0.20);
}
.titles-home .desc-header .bottom-header {
	margin-top: auto;
}
.titles-home .desc-header .bottom-header .block-count {}
.titles-home .desc-header .bottom-header .block-count .sppb-animated-number {
	color: #356F5C;
	font-size: 48px;
	font-weight: 500;
}
.titles-home .desc-header .bottom-header .block-count .sppb-animated-number-title {
	font-size: 16px;
	font-weight: 500;
}
.titles-home .img-header {}
.titles-home .img-header img {
	border-radius: 16px;
}
/*-------- services --------*/
.home .custom-grid-servs {
	padding: 95px 0;
	background-color: #212121;
	border-radius: 36px;
	margin: 0 25px;
	color: #ffffff;
	position: relative;
	z-index: 10;
}
.custom-grid-servs {}
.custom-grid-servs .h2 {
	margin-bottom: 15px;
}
.custom-grid-servs .h2 span {
	color: #356F5C;
}
.home .custom-grid-servs .h2 span {
	color: color: #FAE69E;;
}
.custom-grid-servs .subtitle {
	font-weight: 500;
	margin-bottom: 0;
}
.custom-grid-servs .subtitle-1 {}
.custom-grid-servs .subtitle-2 {
	margin-bottom: 40px;
}
.custom-grid-servs .block-serv {}
.custom-grid-servs .block-serv .wrap {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.custom-grid-servs .block-serv .img {
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 18px;
}
.custom-grid-servs .block-serv .img img {
	transition: transform 0.35s ease;
	border-radius: 18px;
}
.custom-grid-servs .block-serv:hover .img img {
	transform: scale(1.05);
}
.custom-grid-servs .block-serv .h4 {}
.custom-grid-servs .block-serv .h6 {
	font-weight: 400;
	margin-bottom: 20px;
}
.custom-grid-servs .block-serv .link-r-more {
	display: flex;
	margin-top: auto;
}
.home .custom-grid-servs .block-serv .link-r-more a {
	color: #ffffff;
}
.custom-grid-servs .block-serv .link-r-more a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	border-radius: 64px;
	border: 1px solid #356F5C;
	padding: 16px 28px;
	color: #212121;
	-webkit-transition-duration: 0.9s;
    transition-duration: 0.9s;
    -webkit-transition-property: transform;
    transition-property: transform;
    transition: opacity 0.9s;
    transition: background-color 0.9s, transform 0.9s;
}
.home .custom-grid-servs .block-serv .link-r-more a:hover,
.home .custom-grid-servs .block-serv .link-r-more a:focus {
	background-color: #356F5C;
	text-decoration: none;
}
.custom-grid-servs .block-serv .link-r-more a:hover,
.custom-grid-servs .block-serv .link-r-more a:focus {
	color: #ffffff;
	background-color: #356F5C;
	text-decoration: none;
}
.custom-grid-servs .block-serv .link-r-more a .name {
	margin-right: 15px;
}
.custom-grid-servs .block-serv .link-r-more a i {}
.link-page-servs {
	margin-top: -50px;
}
.link-page-servs .wrap a {
	border-radius: 0 0 36px 36px;
	padding: 70px 0 25px;
	background-color: #356F5C;
	margin: 0 25px;
	color: #ffffff;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-transition-duration: 0.9s;
    transition-duration: 0.9s;
    -webkit-transition-property: transform;
    transition-property: transform;
    transition: opacity 0.9s;
    transition: background-color 0.9s, transform 0.9s;
}
.link-page-servs .wrap a .name {
	margin-right: 5px;
}
.link-page-servs .wrap a:hover,
.link-page-servs .wrap a:focus {
	text-decoration: none;
	background-color: #295949;
}
/*-------- RoomSolutions --------*/
#RoomSolutions {}
.custom-room-solutions {}
.custom-room-solutions .row-top {
	align-items: flex-end;
}
.custom-room-solutions .titles-slider {}
.custom-room-solutions .titles-slider .h2 {
	color: #356F5C;
}
.custom-room-solutions .titles-slider .h5 {
	font-weight: 500;
}
.custom-room-solutions .nav-slider {}
.custom-room-solutions .nav-slider .swiper-btn {
	border-radius: 8px;
	border: 1px solid rgba(33, 33, 33, 0.20);
	display: flex;
	width: 62px;
	height: 62px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	-webkit-transition-duration: 0.9s;
    transition-duration: 0.9s;
    -webkit-transition-property: transform;
    transition-property: transform;
    transition: opacity 0.9s;
    transition: background-color 0.9s, transform 0.9s;
}
.custom-room-solutions .nav-slider .swiper-btn i {
	font-size: 38px;
}
.custom-room-solutions .nav-slider .swiper-btn:hover {
	background-color: #356F5C;
	color: #ffffff;
	border-color: #356F5C;
}
.custom-room-solutions .swiper-slide {}
.custom-room-solutions .swiper-slide article {}
.custom-room-solutions .swiper-slide article img {
	border-radius: 14px;
	margin-bottom: 15px;
}
.custom-room-solutions .swiper-slide article .desc-slide {}
.custom-room-solutions .swiper-slide article .desc-slide .h4 {}
.custom-room-solutions .swiper-slide article .desc-slide p {
	margin-bottom: 14px;
}
.custom-room-solutions .swiper-slide article .link-r-more {
	display: flex;
}
.custom-room-solutions .swiper-slide article .link-r-more a {
	color: #212121;
	font-weight: 500;
	border-radius: 58px;
	border: 1px solid rgba(33, 33, 33, 0.20);
	display: flex;
	flex: 0 0 auto;
	padding: 16px 25px;
	justify-content: center;
	align-items: center;
	gap: 16px;
	-webkit-transition-duration: 0.9s;
    transition-duration: 0.9s;
    -webkit-transition-property: transform;
    transition-property: transform;
    transition: opacity 0.9s;
    transition: background-color 0.9s, transform 0.9s;
}
.custom-room-solutions .swiper-slide article .link-r-more a .name {}
.custom-room-solutions .swiper-slide article .link-r-more a:hover,
.custom-room-solutions .swiper-slide article .link-r-more a:focus {
	background-color: #356F5C;
	color: #ffffff;
	border-color: #356F5C;
	text-decoration: none;
}
/*------- WorkProcess -------*/
#WorkProcess {}
.custom-process {}
.custom-process .head {
	margin-bottom: 48px;
}
.custom-process .head .h2 {}
.custom-process .head .h2 span {
	color: #356F5C;
}
.custom-process .head .h5 {}
.custom-process .work-process-item {
    padding: 20px 0;
    border-top: 1px solid #D3D3D3;
}
.custom-process .work-process-item .num-name-item {
	display: flex;
  	align-items: center;
  	border-right: 1px solid #D3D3D3;
  	gap: 16px;
}
.custom-process .work-process-item .num-name-item .work-process-num {
	color: #356F5C;
	font-size: 64px;
}
.custom-process .work-process-item .num-name-item .work-process-title {
	font-weight: 500;
}
.custom-process .work-process-item .text-item {
	padding-left: 35px;
}
.custom-process .work-process-item-last {
    border-bottom: 1px solid #D3D3D3;
}
/*-------- FormStart -------*/
#FormStart {}
.custom-form-srart {
	padding-top: 40px;
	background-image: url(../images/bg-img-form-start.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin: 0 25px;
	border-radius: 36px;
}
.custom-form-srart .row {
	align-items: center;
}
.custom-form-srart .img-form {}
.custom-form-srart .form-start {}
.custom-form-srart .form-start .h2 {}
.custom-form-srart .form-start p {}
.custom-form-srart .form-start .include-form {}
.custom-form-srart .form-start .include-form .cf-form-wrap {
	padding-left: 0;
	padding-right: 0;
}
.custom-form-srart .form-start .include-form .cf-form-wrap .cf-fields {
	align-items: flex-end;
}
.custom-form-srart .form-start .include-form .cf-form-wrap .confid {
	font-size: 14px;
	color: #212121;
}
.custom-form-srart .form-start .include-form .cf-form-wrap .confid a {
	color: #212121;
	text-decoration: underline;
}
.custom-form-srart .form-start .include-form .cf-form-wrap .confid a:hover {
	text-decoration: none;
}
/*-------- PortfolioHome -------*/
#PortfolioHome {}
.custom-portfolio {
	border-radius: 36px;
	background-color: #F4F4F4;
	padding: 95px 0;
	margin: 0 25px;
	position: relative;
	z-index: 10;
}
.custom-portfolio .head {
	margin-bottom: 45px;
}
.custom-portfolio .head .h2 {}
.custom-portfolio .head .h2 span {
	color: #356F5C;
}
.custom-portfolio .head .h5 {
	font-weight: 400;
}
.custom-portfolio .img-portfolio {}
.custom-portfolio .img-portfolio .wrap {
	overflow: hidden;
	border-radius: 14px;
}
.custom-portfolio .img-portfolio .wrap img {
	transition: transform 0.35s ease;
	border-radius: 14px;
}
.custom-portfolio .img-portfolio .wrap:hover img {
	transform: scale(1.05);
}
.green-line {
	margin-top: -50px;
}
.green-line .wrap {
	border-radius: 0 0 36px 36px;
	padding: 35px 0 25px;
	background-color: #356F5C;
	margin: 0 25px;
}
/*-------- ItalianTiles --------*/
#ItalianTiles {}
.custom-italy {
	background-color: #F5F5F5;
	border-radius: 36px;
	padding: 95px 0;
	margin: 0 25px;
}
.custom-italy .collection-desc {}
.custom-italy .collection-desc .head {
	margin-bottom: 35px;
}
.custom-italy .collection-desc .head .h4 {
	font-weight: 400;
}
.custom-italy .collection-desc .head .h2 {
	color: #356F5C;
}
.custom-italy .collection-desc .head p {
	font-weight: 500;
}
.custom-italy .feature-item {
    transition: background-color 0.5s ease;
}
.custom-italy .feature-icon {
    width: 72px;
    height: 72px;
    display: inline-block;
    position: relative;
    border-radius: 16px;
}
.custom-italy .feature-icon .icon {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transition: opacity 0.5s ease;
}
.custom-italy .feature-icon .icon-default {
    opacity: 1;
    z-index: 1;
    border-radius: 16px;
}
.custom-italy .feature-icon .icon-hover {
    opacity: 0;
    z-index: 2;
    border-radius: 16px;
}
.custom-italy .feature-item:hover .feature-icon .icon-hover {
    opacity: 1;
}
.custom-italy .feature-item:hover .feature-icon .icon-default {
    opacity: 0;
}
.custom-italy .feature-item .feature-body {}
.custom-italy .feature-item .feature-body .h5 {}
.custom-italy .feature-item .feature-body p {
	font-size: 14px;
}
.custom-italy .collection-desc .link-r-more {
	display: flex;
	margin-top: 35px;
}
.custom-italy .collection-desc .link-r-more a {
	flex: 0 0 auto;
	gap: 10px;
}
.custom-italy .collection-desc .link-r-more a:hover,
.custom-italy .collection-desc .link-r-more a:focus {
	text-decoration: none;
}
.custom-italy .collection-media {}
.custom-italy .collection-media img {
	border-radius: 14px;
}
/*--------- Choise ---------*/
#Choise {}
.custom-choise {}
.custom-choise .head {
	text-align: center;
	margin-bottom: 35px;
}
.custom-choise .h2 {
	margin-bottom: 18px;
}
.custom-choise .h2 span {
	color: #356F5C;
}
.custom-choise .h5 {
	margin-bottom: 0;
	font-weight: 400;
}
.custom-choise .block-choise
.custom-choise .block-choise .wrap {
	position: relative;
	transition: background-color 0.5s ease;
}
.custom-choise .block-choise .wrap .imgs {
    width: 72px;
    height: 72px;
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
}
.custom-choise .block-choise .wrap .imgs .icon {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transition: opacity 0.5s ease;
    border-radius: 14px;
}
.custom-choise .block-choise .wrap .imgs .icon-default {
    opacity: 1;
    z-index: 1;
    border-radius: 14px;
}
.custom-choise .block-choise .wrap .imgs .icon-hover {
    opacity: 0;
    z-index: 2;
    border-radius: 14px;
}
.custom-choise .block-choise .wrap:hover .imgs .icon-hover {
    opacity: 1;
}
.custom-choise .block-choise .wrap:hover .imgs .icon-default {
    opacity: 0;
}
.custom-choise .block-choise .wrap .h6 {}
.custom-choise .block-choise .wrap p {
	font-size: 14px;
}
/*-------- Form Consult Module-1 ------*/
.wrap-module-1 {
	margin-bottom: 95px;
}
.custom-form-cons {}
.custom-form-cons .cons-form .wrap {
	border-radius: 14px;
	background-color: #F5F5F5;
	box-shadow: 1px 13px 50.5px 0 rgba(0, 0, 0, 0.00);
	padding: 50px;
}
.custom-form-cons .cons-form .include-form .cf-form-wrap {
	padding-left: 0;
	padding-right: 0;
}
.custom-form-cons .cons-form .include-form .cf-form-wrap input {
	background-color: transparent;
}
.custom-form-cons .cons-form .include-form .cf-form-wrap button.cf-btn {
	font-weight: 700;
}
.custom-form-cons .cons-form .include-form .cf-form-wrap .confid {
	color: #212121;
	text-align: center;
	font-size: 14px;
}
.custom-form-cons .cons-form .include-form .cf-form-wrap .confid a {
	color: #212121;
	text-decoration: underline;
}
.custom-form-cons .cons-form .include-form .cf-form-wrap .confid a:hover {
	text-decoration: none;
}
.custom-form-cons .cons-form,
.custom-form-cons .map {
    display: flex;
}
.custom-form-cons .cons-form .wrap,
.custom-form-cons .map .map-wrap {
    width: 100%;
}
.custom-form-cons .map-wrap {
    border-radius: 14px;
    overflow: hidden;
}
.custom-form-cons .service-map {
    width: 100%;
    height: 100%;
    min-height: 550px;
}
/*-------- Trust Module-2 ------*/
.wrap-module-2 {
	margin-bottom: 40px;
}
.custom-trust {}
.custom-trust .left-trust {}
.custom-trust .left-trust .h2 {}
.custom-trust .left-trust .h3 {
	font-weight: 400;
}
.custom-trust .right-trust {}
.custom-trust .right-trust .sm-logos .wrap {
	position: relative;
	height: 100%;
}
.custom-trust .right-trust .sm-logos img.sm-logo-2 {
	position: absolute;
	bottom: 0;
	left: 0;
}
/*********** footer *********/
#Footer {}
#Footer .wrap {
	padding: 90px 0;
	border-radius: 36px;
	background-color: #212121;
	margin: 0 25px;
}
#Footer .vert-title {}
.footer-info {}
.footer-info .custom-footer-info {
	display: flex;
  	height: 100%;
}
.footer-info .wrap-info {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.footer-info .footer-block {}
.footer-info .footer-block .h5 {
	color: rgba(255, 255, 255, 0.5);
}
.footer-info .footer-block .h4,
.footer-info .footer-block .h4 a {
	color: #FAE69E;
	font-weight: 500;
}
.footer-info .footer-address {}
.footer-info .bottom-footer-info {
	margin-top: auto;
}
.footer-menus {}
.footer-menus-flex {
	display:flex;
	gap:24px;
	align-items:flex-start;
	flex-wrap:wrap;
}
.footer-menu-col {
	flex: 1 1 170px;
	min-width: 170px;
}
.footer-menu-col:first-child{
  	flex: 1.4 1 240px;
}
.footer-menus-flex ul {
	margin:0;
	padding:0;
	list-style:none;
}
.footer-menus-flex li {
  	margin:0 0 12px 0;
  	width: 100%;
}
.footer-menus-flex li:last-child {
	margin-bottom: 0;
}
.footer-menus-flex li span.title-menu {
	display: block;
	color: rgba(255, 255, 255, 0.5);
}
.footer-menus-flex li a {
	font-size: 14px;
	color: #ffffff;
}
.footer-menus-flex li.active a {
	text-decoration: underline;
}
#Copyright {
	margin-top: -60px;
}
#Copyright .wrap {
	border-radius: 36px;
	background: rgba(33, 33, 33, 0.07);
	margin: 0 25px;
	padding: 80px 0 30px;
}
.copyright {}
.privacy {
	text-align: right;
}
.privacy a {
	color: #212121;
}

/*--------- breadcrumbs -----------*/
.breadcrumb {
	margin: 0 0 24px;
}
.breadcrumb li {
    font-size: 14px;
    font-weight: 400;
}
.item-page-other .breadcrumb li a {
	color: #212121;
}
.item-page-other .breadcrumb a,
.item-page-other .breadcrumb .active span,
.item-page-other .breadcrumb-item + .breadcrumb-item::before {
	color: #212121;
}
.item-page-other .breadcrumb li.active span {
	color: #212121;
}
.breadcrumb li a {
    color: #ffffff;
    text-decoration: none;
}
.breadcrumb li a:hover {
    text-decoration: underline;
}
.breadcrumb li.active span {
    font-weight: 700;
    color: #ffffff;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    color: #ffffff;
}
/*------- header inside pages ----*/
#HeaderIns {}
.wrap-header {
	margin: 0 25px;
	padding: 40px 0 0;
	min-height: clamp(420px, 50vw, 782px);
	border-radius: 14px;
	position: relative;
}
.wrap-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 100%);
    z-index: 1;
    border-radius: 14px;
}
.wrap-header > * {
    position: relative;
    z-index: 2;
}
.wrap-header .breadcrumb {}
.wrap-header .titles-header {
	color: #ffffff;
	width: 100%;
	padding: 150px 0 170px;
}
.wrap-header .titles-header .h1 {}
.wrap-header .titles-header .h5.lite {}
.wrap-header .titles-header .h5.combi {
	display: flex;
	align-items: baseline;
	margin-bottom: 45px;
}
.wrap-header .titles-header .h5.combi .img {
	flex: 0 0 26px;
	margin-right: 7px;
}
.wrap-header .titles-header .h5.combi .img img {
	width: 26px;
}
.wrap-header .titles-header .h5.combi .text {
	font-weight: 700;
}
.wrap-header .titles-header .links-btns {}
.wrap-header .titles-header .links-btns .link-anch {
	display: flex;
}
.wrap-header .titles-header .links-btns .link-anch a {
	border-color: #ffffff;
	color: #ffffff;
}
/*------- title page services ----*/
.title-page-servs .wrap-header {
	background-image: url(../images/img-header-title-page-servs.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: inherit;
	background-position: 50% 50%;
}
.title-page-servs .wrap-header,
.title-page-servs .custom-grid-servs,
.title-page-servs .under-key,
.title-page-servs #Portfolio,
.title-page-servs #FAQ {
	margin-bottom: 100px;
}
.title-page-servs .wrap-header .titles-header .h5.lite {
	margin-bottom: 25px;
}
.title-page-servs .under-key .row {
	align-items: center;
}
.title-page-servs .under-key .img-key {}
.title-page-servs .under-key .img-key img {
	border-radius: 14px;
}
.title-page-servs .under-key .desc-key {}
.title-page-servs .under-key .desc-key .h2 {
	margin-bottom: 12px;
}
.title-page-servs .under-key .desc-key .h2 span {
	color: #356F5C;
}
.title-page-servs .under-key .desc-key .h6 {
	font-weight: 400;
}
.title-page-servs .under-key .desc-key .h5 {
	margin: 20px 0;
}
.title-page-servs .under-key .desc-key ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.title-page-servs .under-key .desc-key ul li {
	display: flex;
	align-items: baseline;
	margin-bottom: 12px;
}
.title-page-servs .under-key .desc-key ul li:last-child {
	margin-bottom: 0;
}
.title-page-servs .under-key .desc-key ul li .img {
	flex: 0 0 23px;
	margin-right: 10px;
}
.title-page-servs .under-key .desc-key ul li .img img {
	width: 23px;
	border-radius: 5px;
}
.title-page-servs .under-key .desc-key ul li p {}
.title-page .green-line {
	margin-top: -30px;
}
.title-page .green-line .wrap {
	padding: 35px 0;
}
/*------- page service ----------*/
#WhatWEDoing {}
.custom-doing {}
.custom-doing .h2 {}
.custom-doing .h2 span {
	color: #356F5C;
}
.custom-doing .left-doing .img-left img,
.custom-doing .right-doing .img-right img {
	border-radius: 14px;
}
.custom-doing .left-doing {}
.custom-doing .left-doing .h5 {}
.custom-doing .left-doing p {
	margin-bottom: 40px;
}
.custom-doing .right-doing {}
.custom-doing .right-doing .img-right {
	margin-bottom: 40px;
}
.custom-doing .right-doing ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.custom-doing .right-doing ul li {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}
.custom-doing .right-doing ul li:last-child {
	margin-bottom: 0;
}
.custom-doing .right-doing ul li .img {
	flex: 0 0 39px;
	margin-right: 10px;
}
.custom-doing .right-doing ul li .img img {
	width: 39px;
	border-radius: 5px;
}
.custom-doing .right-doing ul li p {
	font-weight: 500;
}
#ServiceProcess {}
.custom-serv-process {}
.custom-serv-process .process-block {
	display: flex;
}
.custom-serv-process .process-block .process-card {
    position: relative;
    height: 335px;
    border-radius: 18px;
	border: 1px solid #ADC3BC;
    padding: 20px;
    background: #fff;
    overflow: hidden;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    -webkit-transition-duration: 0.9s;
    transition-duration: 0.9s;
    -webkit-transition-property: transform;
    transition-property: transform;
    transition: opacity 0.9s;
    transition: background-color 0.9s, transform 0.9s;
}
.custom-serv-process .process-block .process-card-num {
    font-size: 64px;
    line-height: 1;
    color: #356F5C;
    margin-top: auto;
}
.custom-serv-process .process-block .process-card:hover {
    background: #356F5C;
    border-color: transparent;
}
.custom-serv-process .process-block .process-card:hover * {
    color: #fff !important;
}
#Materials {}
.custom-materials {}
.custom-materials .row {
	align-items: center;
}
.custom-materials .desc-material {}
.custom-materials .desc-material .h2 {
	margin-bottom: 18px;
}
.custom-materials .desc-material .h5 {
	font-weight: 400;
	margin-bottom: 0;
}
.custom-materials .desc-material .h4 {
	margin: 20px 0;
}
.custom-materials .desc-material .list-material {}
.custom-materials .desc-material .list-material ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.custom-materials .desc-material .list-material ul li {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}
.custom-materials .desc-material .list-material ul li:last-child {
	margin-bottom: 0;
}
.custom-materials .desc-material .list-material li .img {
	flex: 0 0 39px;
	margin-right: 10px;
}
.custom-materials .desc-material .list-material ul li .img img {
	width: 39px;
	border-radius: 5px;
}
.custom-materials .desc-material .list-material ul li .h5 {
	font-weight: 500;
}
.custom-materials .img-material {}
.custom-materials .img-material img {
	border-radius: 14px;
}
/*------- page about us ----------*/
#OurValues {}
.custom-our-values {}
.custom-our-values .h2 {
	margin-bottom: 50px;
}
.custom-our-values .h2 span {
	color: #356F5C;
}
.custom-our-values .block-value {}
.custom-our-values .block-value .value-card-icon {}
.custom-our-values .block-value .value-card-icon img {
	border-radius: 14px;
}
.custom-our-values .block-value .ic-text {}
.custom-our-values .block-value .ic-text .h5 {}
.custom-our-values .block-value .ic-text p {}
#OurTeam {}
.custom-our-team {}
.custom-our-team .row {
	align-items: center;
}
.custom-our-team .img-team {}
.custom-our-team .img-team img {
	border-radius: 14px;
}
.custom-our-team .desc-team {}
.custom-our-team .desc-team .h2 {}
.custom-our-team .desc-team .h3 {}
.custom-our-team .desc-team .h5 {
	font-weight: 400;
}
#StepsWork {}
.custom-steps-work {}
.custom-steps-work .block-step {}
.custom-steps-work .block-step .step-card {
	border-radius: 18px;
	border: 1px solid #ADC3BC;
	padding: 20px;
}
.custom-steps-work .block-step .numb {}
.custom-steps-work .block-step .numb .step-num {
	color: #356F5C;
	font-size: 64px;
}
.custom-steps-work .block-step .desc-numb {}
.custom-steps-work .block-step .desc-numb .h5 {}
.custom-steps-work .block-step .desc-numb p {}
#Standards {}
.custom-standards {}
.custom-standards .h2 {}
.custom-standards .block-garant {}
.custom-standards .block-garant .standard-card {
	border-radius: 14px;
	border: 1px solid #ADC3BC;
	padding: 20px;
}
.custom-standards .block-garant .img-garant {}
.custom-standards .block-garant .img-garant img {
	border-radius: 6px;
}
.custom-standards .block-garant .desc-garant {}
.custom-standards .block-garant .desc-garant .h5 {}
.custom-standards .block-garant .desc-garant p {}
#FAQ {}
.custom-faq {}
.custom-faq .head {}
.custom-faq .head .h2 {}
.custom-faq .head .h2 span {
    color: #356F5C;
}
.custom-faq .accordion .h5 {
    font-weight: 400;
}
.custom-faq .accordion-item:first-of-type > .accordion-header .accordion-button {
	border-top-left-radius: 18px; border-top-right-radius: 18px;
}
.custom-faq .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-bottom-right-radius: 18px; border-bottom-left-radius: 18px;
}
.custom-faq .accordion-button::after {
    display: none;
}
.custom-faq .accordion-item {
    border: 0;
    background: transparent;
    margin-bottom: 20px;
}
.custom-faq .accordion-button {
    border-radius: 18px;
    padding: 20px 30px;
    color: #212121;
    box-shadow: none;
}
.custom-faq .accordion-button.h5 {
    margin-bottom: 0;
}
.custom-faq .accordion-button.collapsed {
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #ffffff;
}
.custom-faq .accordion-item:has(.accordion-button:not(.collapsed)) {
    background: #356F5C;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 4px 12px 32.3px 0 rgba(0, 0, 0, 0.11);
}
.custom-faq .accordion-button:not(.collapsed) {
    background: transparent;
    color: #ffffff;
    border: 0;
    box-shadow: none;
    border-radius: 18px 18px 0 0;
}
.custom-faq .accordion-body {
    padding: 0 18px 18px;
    background: transparent;
    color: rgba(255,255,255,0.85);
    border-radius: 0 0 18px 18px;
    box-shadow: none;
}
.custom-faq .accordion-collapse.show {
    border-radius: 0;
    overflow: visible;
}
.custom-faq .faq-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0;
    font-size: 22px;
    line-height: 1;
}
.custom-faq .accordion-button.collapsed .faq-toggle .zmdi-plus {
    display: inline-block;
}
.custom-faq .accordion-button.collapsed .faq-toggle .zmdi-minus {
    display: none;
}
.custom-faq .accordion-button:not(.collapsed) .faq-toggle .zmdi-plus {
    display: none;
}
.custom-faq .accordion-button:not(.collapsed) .faq-toggle .zmdi-minus {
    display: inline-block;
}
.custom-faq .accordion-button .faq-toggle i {
    color: currentColor;
}
/*---------- thank-page -----------*/
.thank-page .item-page-other .article-body {
	padding: 15vh 0;
}
.img-thank {
	margin-bottom: 30px;
}
.link-home {
	display: flex;
  	justify-content: center;
}
.link-home a {
	flex: 0 0 auto;
}
.link-home a:hover {
	text-decoration: none;
}
/*-------- policy-page ---------*/
.policy-page {}
.policy-page .item-page-other {
	padding-bottom: 10vh;
}
/******** 404 ***********/
.error-page-inner {
    padding-top: 20px;
    padding-bottom: 80px;
}
.error-page-inner .img-error {
    text-align: center;
    margin-bottom: 30px;
}
.error-page-inner .img-error img {
    max-width: 25%;
}
.error-page-inner p {
    font-size: 18px;
    font-weight: 600;
}
.error-page-inner ul li {
    font-size: 16px;
}
.error-page-inner .right-error-page-inner ul li {
    list-style: none;
}
.error-page-inner a {
    color: #356F5C;
}

/************ goTop **********/
#goTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #356F5C;
    color: #ffffff;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 18px;
}
#goTop i {
    font-size: 40px;
    color: #ffffff;
}
#goTop:hover {
    background-color: #295949;
}
#goTop:hover i {
	color: #ffffff;
}

/********** modal ********/
.form-modal-dialog {
	max-width: 580px;
}
.form-modal-dialog .modal-content {
	border-radius: 14px;
}
.form-modal-dialog .close-modal {
	position: relative;
}
.form-modal-dialog .close-modal .btn-close {
	float: right;
	position: absolute;
	right: 20px;
	padding-top: 20px;
	width: 30px;
	height: 30px;
}
.form-modal-dialog .modal-header {
	border-bottom: none;
	max-width: 430px;
  	margin: 0 auto;
  	padding: 40px 0 0;
  	display: inline;
}
.form-modal-dialog .modal-header .modal-title {
	font-weight: 500;
	line-height: normal;
	text-align: center;
	margin-bottom: 10px;
}
.form-modal-dialog .modal-header p {
	margin-bottom: 0;
}
.form-modal-dialog .modal-body .include-form {
	max-width: 430px;
  	margin: 0 auto;
  	padding-bottom: 30px;
}
.form-modal-dialog .modal-body .include-form .cf-form-wrap {
	padding: 0;
}
.form-modal-dialog .modal-body .include-form .convertforms .cf-control-group {
	padding-bottom: 0;
}
.form-modal-dialog .modal-body .include-form .cf-form-wrap .btn-submit {
	font-weight: 700;
}
.form-modal-dialog .modal-body .include-form .cf-form-wrap .confid {
	text-align: center;
	color: #212121;
}
.form-modal-dialog .modal-body .include-form .cf-form-wrap .confid a {
	text-decoration: underline;
	color: #212121;
}
.form-modal-dialog .modal-body .include-form .cf-form-wrap .confid a:hover,
.form-modal-dialog .modal-body .include-form .cf-form-wrap .confid a:focus {
	text-decoration: none;
}