@import url("https://p.typekit.net/p.css?s=1&k=xys8elh&ht=tk&f=6781.6782.6785.6788.6789&a=54724075&app=typekit&e=css");

@font-face {
	font-family:"hypatia-sans-pro";
	src:url("https://use.typekit.net/af/14e069/00000000000000003b9ada9b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/14e069/00000000000000003b9ada9b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/14e069/00000000000000003b9ada9b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
	font-display:auto;font-style:normal;font-weight:700;
}

@font-face {
	font-family:"hypatia-sans-pro";
	src:url("https://use.typekit.net/af/197554/00000000000000003b9ada9c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/197554/00000000000000003b9ada9c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/197554/00000000000000003b9ada9c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
	font-display:auto;font-style:italic;font-weight:700;
}

@font-face {
	font-family:"hypatia-sans-pro";
	src:url("https://use.typekit.net/af/a40319/00000000000000003b9ada9f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/a40319/00000000000000003b9ada9f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/a40319/00000000000000003b9ada9f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
	font-display:auto;font-style:italic;font-weight:400;
}

@font-face {
	font-family:"hypatia-sans-pro";
	src:url("https://use.typekit.net/af/f8d87f/00000000000000003b9adaa2/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/f8d87f/00000000000000003b9adaa2/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/f8d87f/00000000000000003b9adaa2/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
	font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
	font-family:"hypatia-sans-pro";
	src:url("https://use.typekit.net/af/e1fc43/00000000000000003b9adaa3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/e1fc43/00000000000000003b9adaa3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/e1fc43/00000000000000003b9adaa3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
	font-display:auto;font-style:normal;font-weight:600;
}

.tk-hypatia-sans-pro { font-family: "hypatia-sans-pro",sans-serif; }


:root {
	--yellow: #ffe164;
	--green: #8AC700;
	--blue1: #1f356f;
	--blue2: #aac9f7;	
}
* {
	outline: 0 !important;
	transition: all 0.1s ease-in-out;
}
html, body {
	font-family: 'hypatia-sans-pro', sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: var(--blue1); 
	background: #fff;
	overflow-x: hidden;
	padding: 0 !important;
}
h1, h2, h3, h4, h5, h6 {	
	font-weight: 700;	
	font-family: 'hypatia-sans-pro', sans-serif;
}
a {
	color: var(--blue1); 
}
a:hover {
	color: var(--yellow); 
	text-decoration: none;
}
p {
	margin-bottom: 5px;
}

::selection {
	background: #99aaf0; /* WebKit/Blink Browsers */
	color: #ffffff;
}
::-moz-selection {
	background: #99aaf0; /* Gecko Browsers */
	color: #ffffff;
}
/*****************************************************************************************/
.btn-more {
	background: var(--blue1);
	color: #fff;
	border: 3px solid #fff;
	padding: 12px 25px 8px 25px;
	text-align: center;
	margin: 15px 0;
	display: inline-block;
	font-size: 0.9rem;
}

/*.btn-more-tr {
	background: transparent;
	color: #fff;
	border: 3px solid #fff;
	padding: 4px 7px 3px 7px;
	text-align: center;
	margin: 10px 0;
	display: block;
	font-size: 0.9rem;
	width: 36px;
	height: 36px;
} backup */
.btn-more-tr {
	background: transparent;
	color: #fff;
	border: 3px solid #fff;
	padding: 0px;
	text-align: center;
	margin: 10px 0;
	display: block;
	font-size: 0.9rem;
	width: 30px;
	height: 30px;
}
.btn-more-tiny {
	background: transparent;
	color: var(--blue1);
	border: 3px solid var(--blue1);
	padding: 7px 11px 3px 10px;
	text-align: center;
	margin: 15px 0;
	display: inline-block;
	font-size: 0.9rem;
}
.btn-more-tiny:hover {
	background: var(--blue1);
}
.btn-more:hover, .btn-more-tr:hover {
	border: 3px solid var(--blue1);
	background: var(--white);
	color: var(--blue1);
}
/*****************************************************************************************/
.navbar-brand.logo img {
	width: 180px;
}
#mainnav {
	flex-direction: row;
	justify-content: flex-end;
}
#mainnav ul li a.nav-link {
	padding: 8px 15px 8px 15px;
}
#mainnav ul li a.nav-link:hover, #mainnav ul li a.nav-link.active {
	background: var(--yellow);
	color: var(--blue1);
}
/*****************************************************************************************/
header {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 99;
	background: rgba(255, 255, 255, 0);
}
.mod_inx_banner {
	padding-top: 0px;
	position: relative;	
}
.mod_inx_banner .mod_inx_banner {
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
.mod_inx_banner .mod_inx_banner img {
	width: 100%;
}
.mod_inx_banner .bh {
	position: absolute;
	z-index: 22;
	left: 0;
	right: 0;
}
.banner_box {
	position: absolute;
	right: 50px;
	bottom: 0;
	background: rgba(31, 53, 111, 0.8);
	color: #fff;
	padding: 35px 75px 35px 35px;
}
.banner_box:before {
	content: "";
	position: absolute;
	right: -10px;
	top: 20px;
	width: 60px;
	height: 60px;
	background: rgba(249, 216, 75, 0.8);
	z-index: 2;
}
.banner_box h1 {
	font-size: 1.5rem;
	line-height: 2rem;
}
.banner_box .btn-more {
	position: absolute;
	right: 10px;
	bottom: 20px;
	width: 40px;
	height: 40px;
	padding: 10px;
}
.mod_inx_banner .tip {
	position: absolute;
	left: 25px;
	font-size: 1.15rem;
	line-height: 2rem;
	padding: 10px;
	top: 60px;
}
/*****************************************************************************************/
.mod_inx_about_us {
	padding: 100px 0 200px 0;
	background: #7A94D1;
	color: #fff;	
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
}
.about_us_box {
	padding-left: 50px;
}
.mod_inx_about_us h3 {
/*	margin-bottom: 50px;*/
}
.mod_inx_about_us .intro {
/*	padding: 50px 0;*/
}

.mod_inx_about_us .mtitle {
	transform: rotate(-90deg);
	position: absolute;
	left: 0;
	top: 32px;
}
.mod_inx_about_us .mtitle::before {
	content: "";
	width: 50px;
	border-top: 1px solid #fff;
	position: absolute;
	right: 75px;
	top: 13px;
	font-weight: 300;
}
/*****************************************************************************************/
.mod_inx_sectors {
	padding: 100px 0;
}
.sectors-title {
	padding-left: 50px;
	padding-bottom: 100px;
	position: relative;
}
.mod_inx_sectors .mtitle {
	transform: rotate(-90deg);
	position: absolute;
	left: 0;
	top: 25px;
}
.mod_inx_sectors .mtitle::before {
	content: "";
	width: 50px;
	border-top: 1px solid var(--blue1);
	position: absolute;
	right: 60px;
	top: 13px;
	font-weight: 300;
}
.mod_inx_sectors .sectors {
	margin: 0 50px;
}
.mod_inx_sectors .sector a {
	display: block;
	text-align: center;
	font-weight: 700;
	height: 100%;
	padding: 10px;
	border: 3px solid transparent;
	transition: all 0.3s ease-in-out;
}
.mod_inx_sectors .sector a:hover {
	color: var(--blue1);
	/*border: 3px solid var(--blue1);*/
}
.mod_inx_sectors .sector a:hover img.sicon {
	transform: scale(1.1);
}
.mod_inx_sectors .sector a:hover img.icon-bckg {
	transform: scale(0.9);
	bottom: -20px;
	right: -15px;
}
.mod_inx_sectors .sicons {
	position: relative;
	height: 100px;
	margin-bottom: 35px;
}
.mod_inx_sectors .icon-bckg {
	width: 50px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.mod_inx_sectors .sicon {
	height: 75px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	right: 0;
	margin: 0 auto;
}
.mod_inx_sectors .gi-0 .sicon {
	height: 75px;
	padding: 5px;
}
.mod_inx_sectors .gi-1 .sicon {
	height: 100px;
	margin-top: -10px;
}
.mod_inx_sectors .gi-3 .sicon {
	height: 100px;
	margin-top: -10px;
}
.mod_inx_sectors .gi-4 .sicon {
	height: 100px;	
}
.mod_inx_sectors .gi-5 .sicon {
	height: 70px;
}

.sectors-page .mod_inx_sectors .spi-0 .sicon {
	height: 105px;
	padding: 5px;
}
.sectors-page .mod_inx_sectors .spi-1 .sicon {
	height: 135px;
	margin-top: -20px;
}
.sectors-page .mod_inx_sectors .spi-2 .sicon {
	height: 105px;
	margin-left: 15px;
}
.sectors-page .mod_inx_sectors .spi-3 .sicon {
	height: 125px;
	margin-top: -10px;
}
.sectors-page .mod_inx_sectors .spi-4 .sicon {
	height: 135px;
	margin-top: -10px;
}
.sectors-page .mod_inx_sectors .spi-5 .sicon {
	height: 105px;
}

/*****************************************************************************************/

.mod_inx_services {
	padding: 100px 0 100px 0;
	background: #7A94D1;
	color: #fff;	
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
}
.mod_inx_services .services-title {
	padding-left: 50px;
	padding-bottom: 100px;
}
.mod_inx_services .services {
	margin: 0 50px;
}
.mod_inx_services .mtitle {
	transform: rotate(-90deg);
	position: absolute;
	left: 0;
	top: 27px;
}
.mod_inx_services .mtitle::before {
	content: "";
	width: 50px;
	border-top: 1px solid #fff;
	position: absolute;
	right: 68px;
	top: 13px;
	font-weight: 300;
}
.mod_inx_services .service .slink {
	display: block;
	text-align: center;
	font-weight: 700;
	background: #fff;
	height: 300px;
	position: relative;
	color: #1f356f;
}
.mod_inx_services .service .slink:hover {
	background: #546fb7;
}
.mod_inx_services .service .slink:hover img.sicon {
	transform: scale(1.1);
}
.mod_inx_services .service .slink:hover img.icon-bckg {
	transform: scale(0.3);
	right: -28px;
	bottom: -42px;
}
.mod_inx_services .stitle {
	position: absolute;
	bottom: 0;
}
.mod_inx_services .sicons {
	position: relative;
	height: 200px;
}
.mod_inx_services .icon-bckg {
	width: 80px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
}
.mod_inx_services .sicon {
	height: 250px;
	position: absolute;
	left: 0;
	top: -50px;
	z-index: 2;
	right: 0;
	margin: 0 auto;
}
.mod_inx_services .stitle h4 {
	z-index: 3;
	position: relative;
	font-size: 1.2rem;
	text-align: left;
	padding: 10px 25px;
}



/*****************************************************************************************/
.mod_inx_contact {
	padding: 75px 0;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.home-page .mod_inx_contact {
	background-image: none !important;
}

/*****************************************************************************************/
.mod_inx_team {
	padding: 75px 0;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.team-title {
	padding-left: 50px;
	padding-bottom: 50px;
	text-align: left;
}
.mod_inx_team .mtitle {
	transform: rotate(-90deg);
	position: absolute;
	left: 0;
	top: 32px;
}
.mod_inx_team .mtitle::before {
	content: "";
	width: 50px;
	border-top: 1px solid #1f356f;
	position: absolute;
	right: 75px;
	top: 13px;
	font-weight: 300;
}

/*****************************************************************************************/

.page-header {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 500px;
}
.page-header .container {
	height: 500px;
}
.page-header .page-title {
	height: 500px;
}
/*****************************************************************************************/
.squaris-page {
	position: relative;
}
.squaris-page .page-header {
	position: relative;
	min-height: 700px;
}
.squaris-page .page-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	text-align: right;	
	min-height: 700px;
}
.squaris-page .page-content {
	background: rgb(127,148,181);
	background: linear-gradient(176deg, rgba(147,173,244,1) 0%, rgba(255,255,255,1) 100%);
	padding: 100px 0;
}
.squaris-page .box {
	padding: 100px 100px 100px 100px;
	font-size: 21px;
	line-height: 26px;
	text-align: center;
	background: #fff;
	margin-top: -200px;
	z-index: 2;	
	box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}
.squaris-page .page_mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 00px;
	width: 100%;
	text-align: center;
}
.squaris-page .page_icon_left {
	position: absolute;
	left: -25px;
	bottom: 30px;
	width: 30%;
	max-width: 300px;
	text-align: left;
}
.squaris-page .page_icon_right {
	position: absolute;
	right: -25px;
	bottom: 0;
	width: 30%;
	max-width: 150px;
	text-align: right;	
}




/*****************************************************************************************/
.teams-title {
	padding-left: 50px;
	padding-bottom: 100px;
}
.mod_inx_our_team {
	padding: 100px 0;
}
.mod_inx_our_team .mtitle {
	transform: rotate(-90deg);
	position: absolute;
	left: 0;
	top: 34px;
}
.mod_inx_our_team .mtitle::before {
	content: "";
	width: 50px;
	border-top: 1px solid var(--blue1);
	position: absolute;
	right: 80px;
	top: 13px;
	font-weight: 300;
}
.asset-11 {
	width: 120%;
	max-width: inherit;
	margin-left: -10px;
}

.tcol1 {
	position: relative;
	margin-top: 200px;
}
.tcol1 .t1 {
	position: absolute;
	font-size: 1.25rem;
	width: 35%;
	left: 48%;
	top: 5%;
}
.tcol1 .t2 {
	position: absolute;
	font-size: 1.25rem;
	width: 35%;
	left: 56%;
	bottom: 0;
}
.tcol2 {
	position: relative;
	margin-top: -100px;
	width: 80%;
}
.tcol2 .t3 {
	position: absolute;
	font-size: 1.25rem;
	width: 35%;
	left: 28%;
	top: 4%;
	color: #fff;
}
.tcol2 .t4 {
	position: absolute;
	font-size: 1.25rem;
	width: 35%;
	left: 25%;
	bottom: 21%;
}
.tcol2 .t4 button {
	position: absolute;
	right: -40px;
}
.tcol3 {
	position: relative;
	margin-top: 200px;
}
.tcol3 .t5 {
	position: absolute;
	font-size: 1.25rem;
	width: 35%;
	left: 39%;
	top: 5%;
}
.tcol3 .t6 {
	position: absolute;
	font-size: 1.25rem;
	width: 35%;
	left: 16%;
	bottom: 2%;
	color: #fff;
}

.about-team .modal-header .close {
	padding: 5px 15px;
	margin: -1rem -1rem -1rem auto;
	font-size: 3rem;
	color: var(--blue1);
}

.about-team .modal-body {
	padding: 30px;
	font-size: 1.15rem;
}

/*****************************************************************************************/

.slick-prev::before, .slick-next::before {
	font-size: 40px;
	color: var(--blue1);
}
.slick-prev, .slick-next {
	width: 40px;
	height: 40px;
	z-index: 99;
}
.slick-dots li button::before {
	font-size: 1rem;
}
.slick-dots {
	margin: 10px 0;
	bottom: -50px;
}
.slick-prev {
	left: -40px;
}
.slick-next {
	right: -40px;
}
.mod_inx_testimonials {
	padding: 75px 0;
}
.teams-title {
	padding-left: 50px;
	padding-bottom: 100px;
}
.mod_inx_testimonials {
	padding: 100px 0;
}
.mod_inx_testimonials .mtitle {
	transform: rotate(-90deg);
	position: absolute;
	left: 0;
	top: 41px;
}
.mod_inx_testimonials .mtitle::before {
	content: "";
	width: 50px;
	border-top: 1px solid var(--blue1);
	position: absolute;
	right: 95px;
	top: 13px;
	font-weight: 300;
}

.testimonial {
	/*background: var(--blue1);*/
	background: #274492;
	color: #fff;
	padding: 30px;
	margin: 0 10px;
	position: relative;
}
.testimonial-text {
	padding: 40px 0 30px 0;
	font-style: italic;
}
.testimonial-person {
	padding: 10px 0;
	font-weight: bold;
}
.testimonial-position {
	font-style: italic;
}

.testimonial-header {
	position: relative;
}
.testimonial-header::before {
	content: " ";
	position: absolute;
	height: 15px;
	width: 15px;
	background: var(--yellow);
	margin: 0 auto;
	left: 0;
	right: 0;
}
.testimonial-header::after {
	content: " ";
	position: absolute;
	height: 5px;
	width: 70%;
	background: var(--yellow);
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 25px;
}
.testimonial-icon {
	position: absolute;
	bottom: 0;
	right: 0;
}

.testimonial-icon img {
	width: 100px;
	opacity: 0.2;
}

/*****************************************************************************************/
.location-title {
	padding: 50px;
	background: #FFEA92;
	margin-left: -300%;
	padding-left: calc(300% + 50px);
}
.mod_inx_location {
	padding: 100px 0;
}
.mod_inx_location .mtitle {
	transform: rotate(-90deg);
	position: absolute;
	left: 0;
	top: 77px;
}
.mod_inx_location .mtitle::before {
	content: "";
	width: 50px;
	border-top: 1px solid var(--blue1);
	position: absolute;
	right: 70px;
	top: 13px;
	font-weight: 300;
}
.mod_inx_location h3 {
	margin-bottom: 50px;
}
.img-location {
	margin-top: 100px;
	margin-left: -100px;
}
.mod_inx_location .maps {
	margin: 100px 0 50px 0;
}
.mod_inx_location .address {
	font-weight: bold;
}
.mod_inx_location .addressdescription {
	position: absolute;
	bottom: 10px;
	display: none;
}

/*****************************************************************************************/
.sectors-page-mask {
	background: rgb(127,148,181);
	background: linear-gradient(40deg, rgb(231 237 255) 0%, rgba(255,255,255,1) 100%);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.sectors-page {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: relative;
}
.sectors-page .page-header {
	min-height: 300px;
}
.sectors-page .page-header .container {
	height: 300px;
}
.sectors-page .page-header .page-title {
	height: 300px;
}
.sectors-page .page-title {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
}
.sectors-page h1 {
	font-size: 2rem;
}
.sectors-page .mod_inx_sectors .sectors {
	margin: 0 -15px;
}
.sectors-page .mod_inx_sectors {
	padding: 50px 0 100px 0;
}
.sectors-page .mod_inx_sectors .sicons {
	position: relative;
	height: 120px;
	margin-bottom: 50px;
}
.sectors-page .mod_inx_sectors .sicon {
	height: 100px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	right: 0;
	margin: 0;
}
.sectors-page .mod_inx_sectors .icon-bckg {
	width: 75px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	margin: 0 auto;
	left: 30px;
}
.sectors-page .sector {
	background: #3C5085;
	color: #fff;
	display: block;
	height: 100%;
	padding: 20px 50px 20px 20px;
	font-weight: bold;
	font-size: 1.2rem;
}
.sectors-page .sector:hover {
	background: var(--blue1);
}
.sectors-page .btn-more {
	padding: 5px 10px;
	position: absolute;
	right: 30px;
	bottom: 0;
}

/*****************************************************************************************/

.sector-page .page-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.sector-page .box {
	padding: 100px 0;
	position: relative;
}
.sector-page .page-content {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}

.sector-page .mtitle {
	transform: rotate(-90deg);
	position: absolute;
	left: -50px;
	top: 125px;
}
.sector-page .mtitle::before {
	content: "";
	width: 50px;
	border-top: 1px solid var(--blue1);
	position: absolute;
	right: 60px;
	top: 13px;
	font-weight: 300;
}
.sector-related {
	margin: 125px 0;
	background: #FFEA92;
	color: var(--blue1);
	padding: 25px;
}

.sector-related .related {
	padding-right: 50px;
	margin-bottom: 40px;
	position: relative;
	min-height: 100px;
}
.sector-related .related .btn-more-tiny {
	position: absolute;
	right: 0;
	bottom: 0;
}
.sectors-all {
	background: rgb(127,148,181);
	background: linear-gradient(45deg, rgba(222, 235, 255, 0.5) 0%, rgba(255,255,255,0.5) 100%); 
	padding: 50px 0;
}
.sector-page .sectors-all .mtitle {
	transform: rotate(-90deg);
	position: absolute;
	left: 0px;
	top: 20px;
}
.sectors-all .mod_inx_sectors {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	padding: 50px 0;
}


/*****************************************************************************************/

.mod_inx_projects .project {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	color: #fff;
	padding: 30px;
	margin: 0 10px;
	position: relative;
	height: 300px;
}
.mod_inx_projects #projects {
	height: 325px;
}
.mod_inx_projects .project_mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(78, 97, 126, 0.85); 
	transition: all 0.2s ease-in-out;
}
.mod_inx_projects .project:hover .project_mask {
	background: rgba(16, 28, 94, 0.85); 	
}
.mod_inx_projects .project h3 {
	font-size: 1.2rem;
	min-height: 50px;
	border-bottom: 3px solid var(--yellow);
	margin-bottom: 15px;
}
.mod_inx_projects .slick-dotted.slick-slider {
	/*margin: 50px 50px 100px 50px;*/
}
.mod_inx_projects .project .btn-more-tr {
	position: absolute;
	right: 15px;
	bottom: 0;
}
.mod_inx_projects .slick-prev::before, .mod_inx_projects .slick-next::before {
	font-family: initial;
	background: var(--yellow);
	padding: 0 20px;
}
.mod_inx_projects .slick-prev {
	left: -80px;
}
.mod_inx_projects .slick-next {
	right: -50px;
}
.projects-carousel .project a {
	color: #fff;
}
/*****************************************************************************************/
.services-page {
	position: relative;
}
.services-page::before {
	content: "";
	position: absolute;
	top: 55%;
	left: -40px;
	width: 200px;
	background-image: url('/squaris/images/svg/floral-2.svg') !important;
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	z-index: 111;
	height: 200px;
}
.services-page::after {
	content: "";
	position: absolute;
	top: 35%;
	right: -40px;
	width: 200px;
	background-image: url('/squaris/images/svg/floral-1.svg') !important;
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	z-index: 111;
	height: 500px;
}

.services-page .page-content {
	padding: 200px 0 0 0;
	background: linear-gradient(175deg, rgba(255,255,255,0.35) 0%, rgba(191, 206, 249, 1) 100%); 
}
.services-page .inside-contact {
	background: linear-gradient(0deg, rgba(191, 206, 249, 1) 0%, rgba(191, 206, 249, 0) 100%); 	
	padding-bottom: 50px;
}
.services_list > .row {
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
	padding: 100px 40px;
}
.services_list > .row:nth-child(2) .row {
	flex-direction: row-reverse;
}
.services_list > .row:nth-child(2) {
	background-image: url('/squaris/images/svg/shape_dark.svg') !important;
	background-position: left;
}

.services_list > .row.sr-1 {
	padding: 100px 40px;
}

.services-page .mod_inx_services_page {
	margin: 0 -30px;
}

.services_list .stitle {
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.services_list .stitle .title {
	position: relative;
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.services_list .stitle .title:before {
	content: " ";
	position: absolute;
	width: 80%;
	height: 10px;
	background: var(--yellow);
	left: -20px;
	bottom: 10px;
	z-index: 0;
}
.services_list .stitle .title h4 {
	position: relative;
	z-index: 22;
}
.services_list .sicons {
	text-align: center;
}
.services_list img.sicon {
	transition: all 0.2s ease-in-out;
}
.services_list img.sicon:hover {
	transform: scale(1.1);
}
.services_list .smenus {
	line-height: 1.5rem;
}
.services_list .smenus a {
	font-size: 22px;
	line-height: 2rem;
	font-weight: bold;
	border-bottom: 3px solid transparent;
}
.services_list .smenus a:hover {
	color: var(--blue1);
	border-bottom: 3px solid var(--yellow);
	text-decoration: none;	
}
.smenus img {
	width: 25px;
	margin-right: 5px;
}

/*****************************************************************************************/
.service-page .page-header	{
	min-height: 700px !important;
}
.service-page .page-header .container {
	height: 700px;
}
.service-page .page-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.service-page .box {
	padding: 35px;
	background: #fff;
	margin-top: -400px;
	z-index: 2;
	box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}
.service-page .page-content {
	background: rgb(127,148,181);
	background: linear-gradient(176deg, rgba(255,255,255,1) 0%, rgb(147 173 244 / 17%) 100%);
	padding: 100px 0 0 0 ;
}
.service-page .service-icon img {
	max-width: 150px;
	margin-left: 100px;
}

.service-carousel {
	padding: 50px 20px;
}
.service-carousel .slide {
	height: 200px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 30px;
	margin: 0 10px;
	position: relative;
}


/*****************************************************************************************/
.mod_inx_our_team {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.mod_inx_our_team::before {
	content: "";
	position: absolute;
	top: 70%;
	left: -170px;
	width: 300px;
	background-image: url('/squaris/images/svg/floral-1.svg') !important;
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	z-index: 111;
	height: 400px;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
.mod_inx_our_team::after {
	content: "";
	position: absolute;
	bottom: -10%;
	right: -40px;
	width: 200px;
	background-image: url('/squaris/images/svg/floral-2.svg') !important;
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	z-index: 111;
	height: 500px;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
/*****************************************************************************************/
#lottie1, #lottie2, #lottie3, .stitle {
	position: relative;
	z-index: 112;
}

/*****************************************************************************************/
.finfo {
	margin-top: -10px;
}

footer .mod_inx_footer {
	padding: 50px 0;	
	background: var(--blue1);
	color: #fff;
}
footer .subfooter {
	padding: 10px 0 20px 0;	
	background: #A6AFC6;
	color: #fff;
}
footer a {
	color: #fff;
}
.fmenu {
	text-align: right;
}
.fmenu ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.fmenu ul li a.nav-link {
	padding: 8px 15px 8px 15px;
}
.fmenu ul li a.nav-link:hover, .fmenu ul li.active a.nav-link {
	background: var(--yellow);
	color: var(--blue1);
}

/*****************************************************************************************/

@media all and (min-width: 992px) {
	
}	

#back-top {
	font-size: 1.15rem;
	line-height: 1.75rem;
	position: fixed;
	bottom: -80px;
	right: 15px;
	width: 40px;
	height: 0;
	background: var(--blue1);
	color: #fff;
	text-align: center;
	z-index: 99;
	transition: 0.3s ease all;	
	border: 3px solid #fff;
}
#back-top.showed {
	bottom: 45px;
	width: 40px;
	height: 40px;
	z-index: 10000;
}

.flogo, .finfo {
		padding-top: 10px;
}
/* Extra small devices (phones, 576px and down) */

@media only screen and (max-width: 576px) {
	h1 {font-size: 36px;}
	.mod_inx_banner {height: 80VH;}
	.mod_inx_services {padding: 100px 0 50px 0;}
	#video_intro {padding-top: 15VH; background-color: #fafbff;}
	.mt-5, .my-5 {margin-top: 0rem!important;}
	.col-12.col-md-4.service{padding-bottom: 100px;}
	.sector-page .box{padding: 100px 20px 50px 20px;}
	.sector-related{margin: 20px;}
	.sector-name{text-align: left;}
	.mod_inx_sectors .sectors {margin: 0 20px;}
	
	.fmenu ul {justify-content: flex-start;}
	.sectors-page .sector {font-size: 1rem !important;}
	.sectors-page .mod_inx_sectors .sicons {margin-bottom: 20px;}
	.btn-more {background: var(--blue1);color: #fff;border: 1px solid #fff;padding: 10px;text-align: center;margin: 15px 0;display: inline-block;font-size: 0.7rem;}
	.sectors-page .btn-more {padding: 0px 2px 0px 2px;}
	
	footer .mod_inx_footer {padding: 50px 0px 20px 0px;}
	.fmenu {padding-top: 10px;}
	.projects_intro {margin: 50px 20px 0px 20px;}
	.intro {margin-right: 40px;}
	.mod_inx_projects .project h3 {font-size: 1rem;}


	/****************** squaris page *****************/
	.squaris-page .page_icon_left {top: 150px;}
	.squaris-page .page-header {min-height: 600px;}
	.squaris-page .page_icon_right {top: 0;}
	.squaris-page .box {padding: 50px;}
	.tcol1 {margin-bottom: 200px; margin-top: unset;}
	.tcol2 {width: 70%;margin-left: auto;margin-right: auto;}
	.tcol3 {width: 80%;margin-top: 100px;margin-left:auto;margin-right:auto;}
	.tcol3 .t6 {left: 15%;}
	.tcol3 .t5 {left: 40%;}
	.tcol2 .t4 {bottom: 21%;}
	.img-location {margin-top: -50px;margin-left: unset;}
	.mod_inx_location .address {font-weight: bold;padding: 30px 0px 20px 0px;}
	.mod_inx_location .addressdescription {position: absolute;bottom: unset;}
	.tcol1 .t1, .tcol1 .t2, .tcol2 .t3, .tcol2 .t4, .tcol3 .t5, .tcol3 .t6 {
		font-size: 1.2rem;
		line-height: 1.25rem;
	}
}



@media only screen and (max-width: 768px) {

	.project h3 {font-size: 1rem;}
	.tcol1 .t1, .tcol1 .t2, .tcol2 .t3, .tcol2 .t4, .tcol3 .t5, .tcol3 .t6 {
		font-size: 1.2rem;
		line-height: 1.25rem;
	}
	.asset-11 {
		width: 100%;
		max-width: inherit;
	}
	.tcol1 .t1 {left: 40%;}
	.tcol1 .t2 {left: 47%;bottom: 2%;}
	.tcol3 .t6 {bottom: 5%;}
	footer .subfooter {
		padding: 10px 0 70px 0;
	}

	.fmenu ul li a.nav-link {
		padding: 5px 10px;
		font-size: 0.9rem;
	}	
	.fmenu ul {
		justify-content: center;
	}
	
	.finfo {
		margin: 20px 0;
	}
	
	#mainnav {
		background: #fff;
		box-shadow: 0 3px 15px rgba(0,0,0,0.2);
	}
	.mod_inx_banner .bh {
		padding: 0;
	}
	.mod_inx_banner {
		height: auto;
	}
	.banner_box {
		position: relative;
		right: 0;
		padding: 35px 75px 110px 35px;
	}
	.banner_box::before {
    right: 30px;
  }
  .banner_box .btn-more {
    right: 30px;
  }
  .mod_inx_banner .bh {
  	position: relative;
  }
	
	.mod_inx_about_us {
		background-position: bottom;
	}
	.mod_inx_about_us .intro {
		padding: 0 0 50px 0;
	}

	.img-location {margin-top: -50px;margin-left: unset;}
	.mod_inx_location .address {font-weight: bold;padding: 30px 0px 20px 0px;}
	.mod_inx_location .addressdescription {position: absolute;bottom: unset;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) { 
	.project h3 {font-size: 1rem;}
	.squaris-page .box {margin-top: -250px;}
	.mod_inx_about_us {background-size: 600px;}



}
@media only screen and (max-width: 986px) {
	.tcol1 .t1, .tcol1 .t2, .tcol2 .t3, .tcol2 .t4, .tcol3 .t5, .tcol3 .t6 {
		font-size: 16px;
		line-height: 17px;
	}
	.tcol2 .t4 button {
		position: absolute;
		right: -22px;
	}

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) { 
	.service-page .box {min-height: 350px;}
	.squaris-page .box {margin-top: -300px;}
	.mod_inx_about_us {background-size: 600px; background-position: 100% 10% !important;}
	.tcol1 .t1, .tcol1 .t2, .tcol2 .t3, .tcol2 .t4, .tcol3 .t5, .tcol3 .t6 {
		font-size: 1.2rem;
		line-height: 1.25rem;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) { 
	.tcol1 {width: 100%;}	
	.service-page .box {min-height: 350px;}
	.testimonial {height: auto;}
}

scroll-behavior: smooth;