/*@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700');*/

/*---Import Maestro PMS Fonts --*/
   /*fallback arial*/

/*---ZXCFIX Custom Styles --*/
html, body {
	height: 100%;
	width:100%;
	/*font-family: ,arial;*//* ZXCFIX ADD FONTS HERE */
	color:#222; /*softer black all text*/
	scroll-behavior: smooth;
}

.display-4 {
	font-size:2rem;
	line-height:1;
}

.container-fluid {
	/*max-width:1200px;*/
}

/* ZXCFIX container-fluid by adding .limit to problem areas instead of messing with .container-fluid*/

.container-fluid {
	max-width:100%; /* ZXCFIX.. NOT WORKING? */
}
header .container-fluid {
	max-width:100%;
}
footer .container-fluid {
	max-width:100%;

}

.mb {
	color:#00b7ce;
}

.wgb {
    background-color:white;
}

.wtxt {
    color: white;
}

.modtxt {
    filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
}

.modtxt a {
    color:orange;
    font-weight:400;
}

.modtxt a:hover {
    color:orange;
    font-weight:400;
}


.og {
    background-color:#f1f3f5;
}

.trbb {
    border-bottom:1px solid #f1f3f5;
}

td {
    padding-left:1rem;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    padding-right:0.5rem;
}
.padmod {
	margin-left:2px;
	margin-right:2px;
}

.jumbocontainer {
	width:100%;
	/*background-color:#00b7ce;*/
}

.card {
	transition: 0.4s ease-out;
}

.card-text {
	color: #777777!important;
}



.card-footer {
    background-color:#f1f3f5;
}
.card:hover {
	cursor: pointer;
}
.cardB:hover {
		transition: 0.4s ease-out;
		box-shadow: 0px 4px 4px rgba(0,0,0,0.3); /*#00b7ce*/
		/*box-shadow: 0px 0px 5px rgba(0,183,206,0.75);*/ /*#00b7ce*/
		/*outline: 3px solid #00b7ce;*/ /*#00b7ce*/
	 	/*transform: translateY(-7px);*/
        transform: translateY(-2.5%);
}
.cardW:hover {
		transition: 0.4s ease-out;
		/*box-shadow: 0px 0px 20px rgba(213,213,213,1);*/ /*#d5d5d5*/
    	outline: 3px solid white;
	 	transform: translateY(-2.5%);
}
.cardcontainer {
	max-width:1200px;
	/*background-color:#101d2c;*/
}
.newcard {
    border-bottom-left-radius:0.25rem;
    border-bottom-right-radius:0.25rem;
    min-height:375px
}
.newcardcon {
    border:none!important;
    width:100%;
    background-image: url(img/front_office_img.jpg);

    background-repeat:no-repeat;
    background-size:cover;
    border-bottom-left-radius:0.25rem;
    border-bottom-right-radius:0.25rem;
}

.titletext {
    padding-top:200px!important;
}



.newcarddiv {
    position:absolute;
    bottom:0px;
    /*background-color:rgba(256,256,256,0.2);*//*white*/
    background-color:rgba(128,128,128,0.2);/*grey*/
    /*background-color:rgba(0,0,0,0.2);*//*black*/
    width:100%;
    backdrop-filter:blur(5px);
    border-bottom-left-radius:0.25rem;
    border-bottom-right-radius:0.25rem;
    border-top:1px solid rgba(256,256,256,0.3);
}
.newcardhead {
    font-weight:400;
    color:white;
    padding-left:0.5rem;
    padding-right:0.5rem;
    filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
    /*filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.75));*/
}
.newcardheadnews {
    font-weight:400;
    color:white;
    padding-left:0.5rem;
    padding-right:0.5rem;
    filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.5));

    /*filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.75));*/
}
.newcardbut {
    filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
    /*filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.75));*/
}

.svg-tada:hover {
	/*transition: 0.4s ease-out;
	transform: translateY(-10px);*/
	animation: tada;
	animation-duration: 1s;
}

.svg-pulse:hover {
	animation: pulse;
	animation-duration: 1s;
}

.padding {
	padding-bottom:2rem;
}

/*fix footer extra padding on solutions pg only, changed div class on only that page to container-fluid paddingfootersolutions*/
.paddingfootersolutions {
	padding-bottom:0rem!important;
	padding-left:0rem!important;
	padding-right:0rem!important;
}
.toprem {
	padding-top:1rem;
}

.welcome {
	width:75%;
	margin: 0 auto;
}
.welcome hr {
	border-top:1px solid #b4b4b4;
	width:75vw;
	margin-top:0.3rem;
	margin-bottom:1rem;
}
.my-4 { /*connect hr*/
    width:75vw;
}
hr {
    width:75vw;
}
.centh {
    position:relative;
    left:50%;
    transform:translateX(-50%);
}

.fa-codepen, .fa-link, .fa-bell, .fa-mobile-alt, .fa-server, .fa-users, .fa-boxes, .fa-cloud-upload-alt, .fa-random {
	font-size:4em;
	margin: 1rem;
	color:#00b7ce;
}
.social a {
	font-size:4.5em;
	padding:3rem;
}
.fa-facebook {
	color:#3b5998;
}
.fa-twitter {
	color:#00aced;
}
.fa-instagram {
	color:#517fa4;
}
.fa-linkedin {
	color:#2867B2;
}
.fa-facebook:hover, .fa-twitter:hover, .fa-instagram:hover, .fa-linkedin:hover {
	color:#00b7ce; /*#d5d5d5;*/
}


header {
	width:100%;
	height:25rem;
	/*background: linear-gradient(rgba(16,29,44,0.95),rgba(16,29,44,0.95)), url("img/toronto.jpg") center no-repeat;*/
	/*background: linear-gradient(rgba(16,29,44,0.85),rgba(16,29,44,0.85)), url("") center no-repeat;*/
	background: linear-gradient(rgba(16,29,44,0.75),rgba(16,29,44,0.75)), url("") center no-repeat;
	background-size:cover;
	position:relative;
}

.modhead {
	/*background: linear-gradient(rgba(16,29,44,0.95),rgba(16,29,44,0.95)), url("img/multi_property_v1.jpg") !important;*/
	background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.headerRAD {
    position:absolute;
    left:50vw;
    bottom:25%;
    transform:translate(-50%, 50%);
}



.carofix {
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.brand-text {
	position:absolute;
	bottom:10%;
	right:50%;
	transform: translateX(50%);
}

.brand-textheader {
	position:absolute;
	top:50%;
	bottom:10%;
	right:50%;
	transform: translateX(50%);
}

.mod-text {
	position:absolute;
	bottom:50%;
	right:50%;
	transform: translateX(50%);
}

.navbar-mainbrand {
	position:absolute;
	width:100%;
	max-width:350px;
	/*max-width:450px;*/
	top: 50px;

	/*top: 25%;*/
	left: 50%;
	transform: translateX(-50%);
	/*transition: opacity 650ms;*/
}

/*.navbar-mainbrand:hover{
	opacity:0.8;
}*/

.navbar {
	/*padding: .8rem;*/
	padding: 0.25rem;
	z-index: 1000 !important;
  position: relative !important;

}

.navbar-nav li{
	padding-right:10px;

}

.nav-link {
	font-size: 1.1em !important;
}

.jumbotron {
	/*background-color:#00b7ce;*/
	color:white;
	padding:0rem;
	border-radius:0;
	margin-bottom:0;
}

.form-control {
	margin:4px;
}
.input-group-prepend {
    margin-right:-5px;
    padding-top:4px;
}
.checkadjust {
    transform: translateY(4px);
}
.imgWP {
    height:200px;
    width:auto;
    border:1px solid #101d2c;
    box-shadow:4px 4px #101d2c;
}



.imgWPalt {
    height:200px;
    width:auto;
    border:1px solid #00b7ce;
    /*outline:4px solid #00b7ce;*/
    box-shadow:4px 4px #00b7ce;
}
.fa-asterisk {
    color:#007bff;
    font-size: 6pt;
    transform: translateY(-10px);
    /*filter: drop-shadow(1px 1px 2px rgba(0,0,0,1));*/
}

/*--- EMBEDDED VIDEOS ---*/
.embvid {
    border:5px solid white;
    filter:drop-shadow(0px 0px 5px rgba(0,0,0,0.5));
}

/*--- CAROUSEL ---*/
.carousel {
	/*min-height:500px !important;
	max-height:500px !important;*/
}
@media (orientation: landscape) {
    .carousel-caption {
        bottom:50%;
        transform:translateY(50%);
    }
  .carousel, .carousel-item {
    /*height:400px;*/
      height:200px;
  }
}
@media (orientation: portrait) {
    .carousel-caption {
        bottom:50%;
        transform:translateY(50%);
    }
  .carousel, .carousel-item {
    /*height:600px;*/
      height:200px;
  }
}
.carousel-caption {
	/*min-height:500px !important;
	max-height:500px !important;
    position:absolute;
	top:0%;
	transform: translateY(-50%);*/
    padding-top:0px;
}
/*.carousel-inner img {
	height:100%;
	width:100%;
	min-height:500px !important;
	max-height:500px !important;
	min-width:3440px !important;
	max-height:3440px !important;
	display:block;
}*/
.carotitle {
    font-size:14pt;
}
blockquote {
    display:inline-block!important;
}
.blockquote {
    display:inline-block!important;
}
.carotxt {
    color:#121212;
    font-size:12pt;
}
.caroimg {
    background-color:#121212;
    padding-top:10px;
    height:130px;
    border:5px solid white;
    filter:drop-shadow(0px 0px 5px rgba(0,0,0,0.5));
    position:relative;
    left:50%;
    transform:translateX(-50%);
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
.carousel .carousel-indicators li {
    background-color: rgba(0,0,0,0.23);
}
.carousel .carousel-indicators li.active {
    background-color: rgba(0,0,0,0.5);
}
.carousel-item {
	/*min-height:500px !important;
	max-height:500px !important;*/
}
.cara {
	color:white;
}
.cara:hover {
	color:#00b7ce;
}

/*--- BUTTONS ---*/
.rowcard {
	background-color:white;
	border-radius:5px;
	text-align:left !important;
}

.btn {
	position:relative;
	overflow:hidden;
}
.bottompaddingbutton {
	padding-bottom:100px;
}

.btn-primary {
	background-color:#00b7ce;
	border:1px solid #00b7ce;
}

.btn-shimmer {
	background-color:#00b7ce;
	border:0;
	border-radius:0;
}

.btn-dark {
    background-color:#101d2c;
    border:2px solid #101d2c;
    color:#101d2c;
}

.btn-light {
    background-color:transparent;
    border:2px solid #fff;
    color:#fff;
}
.btn-index {
    background-color:transparent;
    border:2px solid #101d2c;
    color:#101d2c;
}

.btn-fill-dark {
    background-color:#101d2c;
    border:0;
    color:white;
}

.btn-outline-secondary {
	background-color:#00b7ce;
	border:2px solid #00b7ce;
	color:white;
}

.btn-shimmer:hover {
	background-color:#00b7ce;
	border:0;
	border-radius:0;
}

.btn-dark:hover {
    background-color:#101d2c;
    border:2px solid #101d2c;
    color:white;
}

.btn-fill-dark:hover {
    background-color:white;
    border:0;
    color:#101d2c;
}

.btn-outline-secondary:hover {
	background-color:#101d2c;
	border:2px solid #101d2c;
}

.btn-blue-white {
	background-color:#101d2c;
	color:white;
}

.btn-blue-white:hover {
	background-color:white;
	color:#101d2c;
}

.btn-mb-border {
    background-color:transparent;
    color:#00b7ce;
    border:2px solid #00b7ce;
}
.btn-mb-border:hover {
    background-color:#00b7ce;
    color:white;
    border:2px solid #00b7ce;
}
.btn-white-mb {
    background-color:white;
    border: 2px solid white;
    color:black;
}
.btn-white-mb:hover {
    background-color:#00b7ce;
    border: 2px solid #00b7ce;
    color:white;
}

.btn-close {
	background-color:#DB4437; /*'google red (219,68,55)*/

	color:white;
}

.btn-close:hover {
	background-color:#F3695E; /* from paletton lighter */
    /* background-color:#920E04;*/ /* from paletton darker */
	color:white;
}

.btn-confirm {
	background-color:#0F9D58; /*'google green (15,157,88)*/
	color:white;
}

.btn-confirm:hover {
	background-color:#52BA88; /* from paletton lighter*/
    /*background-color:#006132;*/ /* from paletton darker */
	color:white;
}

.btn-test {
	background-color:#00b7ce; /*'google green (15,157,88)*/
	color:white;
}

.btn-test:hover {
	background-color:#14DFFB; /* from paletton lighter*/
    /*background-color:#006132;*/ /* from paletton darker */
	color:white;
}

.btn-outline-light {
    border: 2px solid white;
}
.btn-blue-mb {
	background-color:#101d2c;
	color:white;
}
.btn-blue-mb:hover {
	background-color:#00b7ce;
	color:white;
}

.btn-mb-white {
	background-color:#00b7ce;
	color:white;
}
.btn-mb-white:hover {
	background-color:white;
	color:#101d2c;
    border: 1px solid #101d2c;
}

.btn-primary:hover {
	background-color:white;
	color:#101d2c;
	border:1px solid white;
}

.btn::before {
	content:"";
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent);
	transition:all 650ms;
}

.btn:hover::before {
	left:100%;

}

.nineteen {
	width:100%;
	background-color:black;
	cursor:pointer;
	color:white;
	border:0;
}

.exist {
	width:100%;
	background-color:#00b7ce;
	cursor:pointer;
	color:white;
	border:0;
}

.livechat {
	position:fixed;
	right:5%;
	bottom:5%;
	z-index:9999;
}

/*--- IMAGES & CLIPS/MASKS ---*/
.chatimg {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 75%, 25% 100%, 25% 75%, 0% 75%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 75%, 25% 100%, 25% 75%, 0% 75%);
}
.circimgdark {
    clip-path: circle(50%);
    border:5px solid #101d2c;
    border-radius:50%;
}
.circimgmb {
    clip-path: circle(50%);
    border:5px solid #00b7ce;
    border-radius:50%;
}

.modban {
    /*background-position: right;*/

    background-repeat: no-repeat;
    background-size: cover; /*contain*/
    border-top:3px solid #101d2c;
    border-bottom:3px solid #101d2c;

    /*background-attachment: fixed;*/
    background-position: center;
}

.modgrad {
    /*background-image: linear-gradient(to right, rgba(0,183,206,.75) 15%, rgba(0,0,0,0) 100%);*/
    /*background-image: linear-gradient(to right, rgba(0,183,206,.75) 15%, rgba(0,0,0,0) 100%);*/
    background-image:linear-gradient(to right, /*rgba(16,29,44,1) 0%,*/ rgba(0,183,206,0.9) 50%, rgba(0,0,0,0) 100%)
}

.chatdrop {
    filter:drop-shadow(0px 0px 5px rgba(0,0,0,0.5));
}

.outside {
  position: relative;
	width: 300px;
	height: 300px;
	background: #f1f3f5; /*#101d2c;*/ /*#00b7ce;*/
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 75%, 25% 100%, 25% 75%, 0% 75%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 75%, 25% 100%, 25% 75%, 0% 75%);
}

.inside {
    background-size:cover;
    background-repeat: no-repeat;

  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 75%, 25% 100%, 25% 75%, 0% 75%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 73%, 49% 73%, 26% 96%, 26% 73%, 0% 73%);

}

/*--- ZXCFIX OPENCARD CARD CARDS --*/
.opencard {
	color:#222;
	position:fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	transition: 2s ease-in-out;
	cursor: auto;
	z-index: 999;
	background:rgba(16,29,44,0.95); /*16,29,44*/
	backdrop-filter: blur(3px);
	padding:4rem;
}
.opencardcenter {
	background:rgba(255,255,255,0.95);
	padding: 2rem;
	border-radius:5px;
	max-width:900px;
	height:100%;
	overflow:scroll;
}


/*-- LINKS  --*/
a {
	color:#00b7ce;
}
a:hover {
	color:#00b7ce;
	text-decoration: underline;
}

/*-- FOOTER --*/
footer {
	/*background-color:;*/
	color:#d5d5d5;
	/*padding-top:2rem;*/
}
footer h5 {
	color:#d5d5d5;
    margin:0;
}
footer a {
	color:#d5d5d5;
}
footer a:hover {
	color:#00b7ce;
}
footer a i {
	font-size:2em;
}

hr.light {
	width:75%;
	border-top:1px solid #d5d5d5;
}

hr.foothr {
    margin:0;
    width:75%;
    border-top:1px solid #d5d5d5;
}

hr.light-100 {
	width:100%;
	border-top:1px solid #d5d5d5;
}

.sidebar {
	display:block;
	position:fixed;
	left:15px;
}

/*---Media Queries --*/
@media (max-width: 1200px) {
 	.sidebar {display:none;}
	.card {height:auto;}
}
	@media (min-width: 1200px) {
	 	.primg{
			width:1000px!important;}


		}


		@media only screen and (max-width:991px){
				h1.nomobilepadding{
					padding-top:0px!important;
				}
}



@media (max-width: 992px) {
 	.sidebar {display:none;}
	.card {height:auto;}
	header .mobileheader{
		height:70vh!important;}
	header {
			height:70vh!important}
}
@media (max-width: 768px) {
 	.sidebar {display:none;}
	.card {height:auto;}
	header {
			height:70vh!important}
	header .mobileheader{
				height:70vh!important;}
}





		@media (max-width: 768px) {
		 	.openapifix {padding-left:200px;

			}

}



@media (max-width: 576px) {
 	.sidebar {display:none;}
	.card {height:auto;}
	.cardnews {height:400px;}
	header .mobileheader{
		height:80vh!important;}
	header {
			height:80vh!important}
}
@media (max-width: 576px) {
 	.rightalignmobile {padding-right:0px!important;
	}

}


@media (max-width: 576px) {
 	.newcardheadnews {
	    font-weight:400;
	    color:white;
	    padding-left:0.5rem;
	    padding-right:0.5rem;
	    filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
			font-size:17px!important;
			float:bottom
	    /*filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.75));*/
	}

}
@media (max-width: 430px) {
 	.newcardheadnews {
	    font-weight:400;
	    color:white;
	    padding-left:0.5rem;
	    padding-right:0.5rem;
	    filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
			font-size:15px!important;
			float:bottom
	    /*filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.75));*/
	}
}

@media screen and (min-width: 420px)  {
        .mobile-break { display: none!important}
    }

		@media screen and (min-width: 900px)  {
		        .tabletandmobile-break { display: none!important}
		    }

				@media screen and (max-width: 576px)  {
								.noshowmobile { display: none!important}
						}

						@media screen and (max-width: 576px)  {
										.smallmobileimg { width: 400px!important}
								}
		@media screen and (min-width: 420px)  {
		        .mobilepaddingright { display: none!important}
		    }

		@media (min-width: 430px) {
		 	.rightalignmobile {padding-right:20px!important;
			}

		}


		@media (max-width: 576px) {
		 	img.noshowmobile {display:none!important;
			}

		}
		@media (max-width: 576px) {
		 	div.noshowmobile {display:none!important;
			}

		}

@media (max-width: 430px) {
 	.news {
	    font-weight:400;
	    color:white;
	    padding-left:0.5rem;
	    padding-right:0.5rem;
	    filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
			font-size:11px!important;
			float:bottom
	    /*filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.75));*/
	}
}



	@media (max-width: 992px) {
	 	.embvid{
			max-width:600px!important;
		max-height:350px!important;}
		header .mobileheader{
			height:80vh!important;}
		header {
				height:80vh!important}

		}

		@media (max-width: 576px) {
		 	.embvid{
				max-width:370px!important;
			max-height:220px!important;}
			header .mobileheader{
				height:80vh!important;}
			header {
					height:80vh!important}

			}

			@media (max-width: 400px) {
				.embvid{
					max-width:300px!important;
				max-height:180px!important;}
				header .mobileheader{
					height:80vh!important;}
				header {
						height:80vh!important}

				}






				@media (max-width: 610px) {
					.videofeed{
					height:400px!important;


					}








							}






/*---Firefox Bug Fix --*/
.carousel-item {
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
/*--- Fixed Background Image --*/
figure {
  position: relative;
  width: 100%;
  height: 60%;
  margin: 0!important;
}
.fixed-wrap {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#fixed {
  background-image: url('img/mac.png');
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
}
/*--- Bootstrap Padding Fix --*/

[class*="col-"] {
    padding: 1rem;
}




/*
Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/