html{box-sizing:border-box;}*,*:before,*:after{box-sizing:inherit}

.zt-wide{letter-spacing:4px}

.zt-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}


/*Table*/


.zt-table,.zt-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}
.zt-table-all{border:1px solid #ccc}
.zt-bordered tr,.zt-table-all tr{border-bottom:1px solid #ddd}
.zt-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.zt-table-all tr:nth-child(odd){background-color:#fff}
.zt-table-all tr:nth-child(even){background-color:#f1f1f1}
.zt-hoverable tbody tr:hover,.zt-ul.zt-hoverable li:hover{background-color:#ccc}
.zt-bared tr th,.zt-centered tr td{text-align:center}

.zt-table td,.zt-table th,.zt-table-all td,.zt-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.zt-table th:first-child,.zt-table td:first-child,.zt-table-all th:first-child,.zt-table-all td:first-child{padding-left:16px}


/*Button||Btn*/


.zt-btn,.zt-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.zt-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.zt-btn,.zt-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   

.zt-disabled,.zt-btn:disabled,.zt-button:disabled{cursor:not-allowed;opacity:0.3}
.zt-disabled *,:disabled *{pointer-events:none}

.zt-btn.zt-disabled:hover,.zt-btn:disabled:hover{box-shadow:none}

.zt-badge,.zt-tag{background-color:#000;color:#fff;display:inline-block;padding-left:16px;padding-right:16px;text-align:center;}
.zt-badge{border-radius:0%;width: 300px; }

.zt-badge-edit{background-color: rgba(149,41,131,0.5);color:#fff;display:inline-block;padding-left:16px;padding-right:16px;text-align:center;border-radius:50%;width: 300px; }

	.zt-badge-edit:hover{background-color:#671B58!important;}

/*Ul*/



.zt-ul{list-style-type:none;padding:0;margin:0}
.zt-ul li{padding:8px 16px;border-bottom:1px solid #ddd}
.zt-ul li:last-child{border-bottom:none}


/*Tooltip*/


.zt-tooltip,.zt-display-container{position:relative}
.zt-tooltip .zt-text{display:none}
.zt-tooltip:hover .zt-text{display:inline-block}


/*Ripple*/


.zt-ripple:active{opacity:0.5}
.zt-ripple{transition:opacity 0s}


/*Dropdown*/


.zt-dropdown-click,.zt-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.zt-dropdown-hover:hover .zt-dropdown-content{display:block}
.zt-dropdown-hover:first-child,.zt-dropdown-click:hover{background-color:#ccc;color:#000}
.zt-dropdown-hover:hover > .zt-button:first-child,.zt-dropdown-click:hover > .zt-button:first-child{background-color:#ccc;color:#000}
.zt-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}


/*Input Type*/


.zt-check,.zt-radio{width:24px;height:24px;position:relative;top:6px}

.zt-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}


/*Bar Block Hover||Click */


.zt-bar-block .zt-dropdown-hover,.zt-bar-block .zt-dropdown-click{width:100%}
.zt-bar-block .zt-dropdown-hover .zt-dropdown-content,.zt-bar-block .zt-dropdown-click .zt-dropdown-content{min-width:100%}
.zt-bar-block .zt-dropdown-hover .zt-button,.zt-bar-block .zt-dropdown-click .zt-button{width:100%;text-align:left;padding:8px 16px}


/*Modal*/


.zt-main,#main{transition:margin-left .4s}
.zt-modal-left{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:70%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(255,255,255,0.9)}
.zt-modal-right{z-index:3;display:none;padding-top:100px;position:fixed;right:0;top:0;width:70%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(255,255,255,0.9)}
.zt-modal-content{margin:auto;background-color:rgba(0,0,0,0);position:relative;padding:0;outline:0;width:600px}


/*Bar*/


.zt-bar{width:100%;overflow:hidden;}
.zt-center .zt-bar{display:inline-block;width:auto}
.zt-bar .zt-bar-item{padding:8px 16px; ; float:left;width:auto;border:none;display:block;outline:0}
.zt-bar .zt-dropdown-hover,.zt-bar .zt-dropdown-click{position:static;float:left}
.zt-bar .zt-button{white-space:normal;}


/*Bar Block*/


.zt-bar-block .zt-bar-item{
	width:100%;
	display:block;padding:8px 16px;
	text-align:left;border:none;
	white-space:normal;float:none;
	outline:0
}
.zt-bar-block.zt-center .zt-bar-item{text-align:center}

.zt-block{display:block;width:100%}
.zt-responsive{display:block;overflow-x:auto}


/*Grid Display*/


.zt-container:after,.zt-container:before,.zt-panel:after,.zt-panel:before,.zt-row:after,.zt-row:before,.zt-row-padding:after,.zt-row-padding:before,
.zt-cell-row:before,.zt-cell-row:after,.zt-clear:after,.zt-clear:before,.zt-bar:before,.zt-bar:after{content:"";display:table;clear:both}


/*Column Width*/


.zt-col,.zt-half,.zt-third,.zt-twothird,.zt-threequarter,.zt-quarter{float:left; width:100%}
.zt-col.s1{width:8.33333%}
.zt-col.s2{width:16.66666%}
.zt-col.s3{width:24.99999%}
.zt-col.s4{width:33.33333%}
.zt-col.s5{width:41.66666%}
.zt-col.s6{width:49.99999%}
.zt-col.s7{width:58.33333%}
.zt-col.s8{width:66.66666%}
.zt-col.s9{width:74.99999%}
.zt-col.s10{width:83.33333%}
.zt-col.s11{width:91.66666%}
.zt-col.s12{width:99.99999%}




/*Cell*/


.zt-rest{overflow:hidden}
.zt-stretch{margin-left:-16px;margin-right:-16px}
.zt-content,.zt-auto{margin-left:auto;margin-right:auto}
.zt-content{max-width:1840px}
.zt-auto{max-width:1140px}
.zt-cell-row{display:table;width:100%}
.zt-cell{display:table-cell}
.zt-cell-top{vertical-align:top}
.zt-cell-middle{vertical-align:middle}
.zt-cell-bottom{vertical-align:bottom}
.zt-hide{display:none!important}
.zt-show-block,.zt-show{display:block!important}
.zt-show-inline-block{display:inline-block!important}




/*Position*/


.zt-top,.zt-bottom{position:fixed;width:100%;z-index:1}
.zt-top{top:0}
.zt-bottom{bottom:0}


/*Overlay*/


.zt-overlay{position:fixed;display:none;
	width:100%;height:100%;top:0;left:0;right:0;bottom:0;
	background-color:rgba(0,0,0,0.5);z-index:2}


/*Display Position*/


.zt-display-topleft{position:absolute;left:0;top:0}
.zt-display-topright{position:absolute;right:0;top:0}
.zt-display-bottomleft{position:absolute;left:0;bottom:0}
.zt-display-bottomright{position:absolute;right:0;bottom:0}
.zt-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.zt-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.zt-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.zt-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.zt-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}


/*Display*/


.zt-display-container:hover .zt-display-hover{display:block}
.zt-display-container:hover span.zt-display-hover{display:inline-block}
.zt-display-hover{display:none}
.zt-display-position{position:absolute}


/*Border Radius*/


.zt-circle{border-radius:50%}
.zt-round-small{border-radius:2px}
.zt-round,.zt-round-medium{border-radius:4px}
.zt-round-large{border-radius:8px}
.zt-round-xlarge{border-radius:16px}
.zt-round-xxlarge{border-radius:32px}


/*Row Padding*/


.zt-row-padding,.zt-row-padding>.zt-half,.zt-row-padding>.zt-third,.zt-row-padding>.zt-twothird,.zt-row-padding>.zt-threequarter,.zt-row-padding>.zt-quarter,.zt-row-padding>.zt-col{padding:0 8px}


/*Panel*/


.zt-container,.zt-panel{padding:0.01em 16px}
.zt-panel{margin-top:16px;margin-bottom:16px}


/*Code*/



.zt-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.zt-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}


/*Card Colour*/


.zt-card,.zt-card-2{box-shadow:0 2px 5px 0 rgba(103,27,88,0.2),0 2px 10px 0 rgba(0,0,0,0.12)}
.zt-card-4,.zt-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}




/*Opacity*/


.zt-opacity-off,.zt-hover-opacity-off:hover{opacity:1}
.zt-opacity-60 {opacity:0.6}
.zt-opacity-60:hover {opacity:1;}


.zt-opacity-20{opacity:0.2}
.zt-opacity-max{opacity:0.25}
.zt-opacity-min{opacity:0.75}


/*Greyscale*/


.zt-greyscale-max,.zt-grayscale-max,.zt-hover-greyscale:hover,.zt-hover-grayscale:hover{filter:grayscale(100%)}
.zt-greyscale,.zt-grayscale{filter:grayscale(75%)}
.zt-greyscale:hover,.zt-grayscale:hover{filter:grayscale(0%)}
.zt-greyscale-min,.zt-grayscale-min{filter:grayscale(50%)}


/*Sepia*/


.zt-sepia{filter:sepia(75%)}
.zt-sepia-max,.zt-hover-sepia:hover{filter:sepia(100%)}
.zt-sepia-min{filter:sepia(50%)}


/*Font Size*/


.zt-tiny{font-size:10px!important}
.zt-small{font-size:12px!important}
.zt-medium{font-size:15px!important}
.zt-large{font-size:18px!important}
.zt-xlarge{font-size:24px!important}
.zt-xxlarge{font-size:36px!important}
.zt-xxxlarge{font-size:48px!important}
.zt-jumbo{font-size:64px!important}


/*Text Align*/


.zt-left-align{text-align:left!important}
.zt-right-align{text-align:right!important}
.zt-justify{text-align:justify!important}
.zt-center{text-align:center!important}


/*Border*/


.zt-border-0{border:0!important}
.zt-border{border:1px solid #ccc!important}
.zt-border-top{border-top:1px solid #ccc!important}
.zt-border-bottom{border-bottom:1px solid #ccc!important}
.zt-border-left{border-left:1px solid #ccc!important}
.zt-border-right{border-right:1px solid #ccc!important}


/*Border Bar*/


.zt-topbar{border-top:6px solid #ccc!important}
.zt-bottombar{border-bottom:6px solid #ccc!important}
.zt-leftbar{border-left:6px solid #ccc!important}
.zt-rightbar{border-right:6px solid #ccc!important}


.zt-section,.zt-code{margin-top:16px!important;margin-bottom:16px!important}


/*Margin*/


.zt-margin{margin:16px!important}
.zt-margin-top{margin-top:16px!important}
.zt-margin-bottom{margin-bottom:16px!important}
.zt-margin-left{margin-left:16px!important}
.zt-margin-right{margin-right:16px!important}


/*Padding*/


.zt-padding-small{padding:4px 8px!important}
.zt-padding{padding:8px 16px!important}
.zt-padding-large{padding:12px 24px!important}
.zt-padding-10{padding-top:10px!important;padding-bottom:10px!important}
.zt-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.zt-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.zt-padding-32{padding-top:32px!important;padding-bottom:32px!important}
.zt-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.zt-padding-64{padding-top:64px!important;padding-bottom:64px!important}


/*Float Position*/


.zt-left{float:left!important}
.zt-right{float:right!important}


/*Hover Decoration*/


.zt-button:hover{color:#FFF;background-color:rgb(244,116,33,0.75)!important;transition: 0.5s; border-radius: 15%;}
.zt-transparent,.zt-hover-none:hover{background-color:transparent!important}
.zt-hover-none:hover{box-shadow:none!important}


/*Trial and Error*/


.zt-title{color: rgba(103,27,88,1); font-size: 52px;}
.zt-img{ float:right!important ; position:relative;}
.zt-staff-button{float: right!important;}
.zt-purple-button{ color: rgba(103,27,88,1.00);}

.zt-landing {

  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  
}

.zt-landing-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	z-index: -100;
}

@media (min-aspect-ratio: 16/9) {
  .zt-landing-video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .zt-landing-video {
    width: 300%;
    left: -100%;
  }
}

@media (max-width: 767px) {
  .zt-landing {
    background: url("images/Water.PNG") center center / cover no-repeat;
  }

  .zt-landing-video {
    display: none;
  }
}


.zt-ourteam {
	top:auto;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  
}

.zt-ourteam-video {

  left: 0;
  width: 100%;
  height: 100%;
	z-index: -100;
}

@media (min-aspect-ratio: 16/9) {
  .zt-ourteam-video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .zt-ourteam-video {
    width: 300%;
    left: -100%;
  }
}

@media (max-width: 767px) {
  .zt-ourteam {

  }

  .zt-ourteam-video {
    display: none;
  }
}

/* Logos */

.zt-icon { max-height: auto; max-width: 100px; }

/* Scale */


.zt-scale-08{transform:scale(0.8);}
.zt-scale-08:hover{transform:scale(1);}


/* Shapes */


.zt-circle{border-radius: 50%;}
.zt-oval{border-radius:50%; width:100px; height:0px;}

.zt-trapezium{ border-left: 70px solid #671B58 ; border-top: 14px solid transparent;
	border-bottom: 35px solid transparent; height: 50px!important; width: 0px!important;}


.triangle{ width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 50px solid #555;
}



/* Our Team Image*/


.zt-team-image{
	box-shadow: 10px 10px 10px -1px rgba(0,0,0,0.5);
}


/* Slider */


.zt-slider-margin{
	margin-top: 96px!important;
}


/* Slider Buttons */



.zt-trapezium-left {
  position: relative;
  padding: 30px 10px;
}

.zt-trapezium-left:before {
  content: "";
  position: absolute;
background-color: #671B58;
  z-index:-1;
  top: -35%; bottom: -40%; left: -37.25%; right: -33.75%;
  -webkit-transform: perspective(50em) rotateY(-50deg);
  transform: perspective(50em) rotateY(-50deg);
	box-shadow: 0 10px 15px -5px black;
	transition:0.3s;
}
.zt-trapezium-left:hover{
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transition:0.3s;
}

.zt-trapezium-left:focus{
	transform: scale(1.5);
}

.zt-trapezium-right {
  position: relative;
  padding: 30px 10px;	
}

.zt-trapezium-right:before {
	content: "";
  	position: absolute;
	background-color: #952983;
  	z-index: -1;
	top: -35%; bottom: -40%; left: -33.75%; right: -37.25%;
	transform: perspective(50em) rotateY(50deg);
	-webkit-transform: perspective(50em) rotateY(50deg);
	box-shadow: 0 10px 15px -5px black;
}

.zt-trapezium-right:hover{
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transition:0.3s;
}


.zt-prev, .zt-next{cursor: pointer;
  position: absolute;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
	transform:scale(0.3);
	padding: 50px;
	margin: -25% 5% 0 -9%;
	z-index: 0;
	transition: 0.2s ease-in-out;
}

.zt-prev:hover, .zt-next:hover{
	transform:scale(0.5);
	transition-timing-function: ease-in-out;
}

.zt-next {
  right: 0;
	background-image:url(images/greater_than.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	overflow:hidden;
}

.zt-prev{
	background-image: url(images/lesser_than.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	overflow:hidden;
}

/* Nav Bar */

.zt-shadow{ box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.7);}

/* Slider */

.zt-slider-shadow{box-shadow: 0px 10px 20px -7px black;
}


/* Back-Top Button */
.zt-btn-backtop{
	width:70px; text-decoration: none; position:fixed; bottom:0; left:0;border:2px solid #671B58; box-shadow: 1px 3px 3px 2px rgba(0,0,0,0.7);transition: 0.3s ease-in-out; border-radius: 50%;
}


/* Feedback Column */


.zt-input{
	padding:8px;display:block;border:none;border-bottom:1px solid rgba(103,27,88,1);width:100%; color: rgba(103,27,88,1.00);
}

.zt-input:focus {
	padding:8px;display:block;border:none;border-bottom:2px solid rgba(103,27,88,1.00);width:100%; outline:none; transition: 0.6s ease-in-out;
}

.zt-select{
	padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc
}

::placeholder{
	color: rgba(103,27,88,0.5);
}

.zt-feedback-hover{
	transition: 0.4s ease;
}

.zt-feedback-hover:hover{transform:scale(1.05);transition: 0.5s ease-in-out;
	padding:8px;display:block;border:none;
	border-bottom:2px solid rgba(103,27,88,1.00);
	width:100%; outline:none;
	transition-timing-function:ease;box-shadow: 0 6px 12px -7px black;
}
.zt-feedback-hover:focus{
	transform:scale(1.05);
	box-shadow: 0 6px 12px -7px black;
}

.zt-send-button{
	display:inline-block; 
	border:none;
	padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap;
	transition: 0.4s ease;
}
.zt-send-button:hover{
	transform:scale(1.05);transition: 0.5s ease-in-out;
	border-bottom:2px solid rgba(103,27,88,1.00); outline:none;
	border-left:1px solid rgba(103,27,88,0.5); outline:none;
	border-right:1px solid rgba(103,27,88,0.5); outline:none;
	border-radius: 15%;
	transition-timing-function:ease;box-shadow: 0 6px 12px -7px black;
}

.zt-email-hover{
	text-decoration: none;
	transition: 0.4s ease;
}

.zt-email-hover:hover{transform:scale(1.05);transition: 0.5s ease-in-out;
	border:none;transition-timing-function:ease;
}

.zt-ourteam-img{
  	width: 100%;
  	margin: 0;
  	text-align: center;
  	padding-top: 120px;
	background:url("images/Bubbles.gif") fixed;
	background-repeat: no-repeat;
	background-size: auto;
	background-position:center;

}

.zt-mobile-button{
	border: solid 2px rgba(0,0,0,1);
	background-color: rgba(230,230,230,1);
	width:60px;
	height:60px;
	border-radius:50%;
	position:absolute;
	right:17%;
	top:40%;
}

.zt-mobile-appearance{
	background-color: rgba(0,0,0,1);
	width:10px;
	height:100px;
	border-radius:25%;
	position:absolute;
	left:18%;
	top:34%;
}
.zt-mobile-cam{
	background-color: rgba(0,0,0,1);
	width:15px;
	height:15px;
	border-radius:50%;
	position:absolute;
	left:17.8%;
	top:63%;
}

/* ::-webkit-scrollbar{
	opacity: 0;
	height:120%;

}

::-webkit-scrollbar-thumb{
	background: linear-gradient(rgba(103,27,88,0), rgba(103,27,88,0.7),rgba(103,27,88,0));

}

::-webkit-scrollbar-track{
	box-shadow: inset 0 0 3px rgba(0,0,0,1);
	background-color:rgba(0,0,0,0);
} */

.zt-navbar{
	transition:0.5s;
}

.zt-light-grey,.zt-hover-light-grey:hover,.zt-light-gray,.zt-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}

.zt-black,.zt-hover-black:hover{color:#fff!important;background-color:#000!important}



@media (max-width:600px){
	.zt-modal-content{margin:0 10px;width:auto!important}
	.zt-modal{padding-top:30px}
	.zt-dropdown-hover.zt-mobile .zt-dropdown-content,.zt-dropdown-click.zt-mobile .zt-dropdown-content{position:relative}	
	.zt-hide-small{display:none!important}
	.zt-mobile{display:block;width:100%!important}
	.zt-bar-item.zt-mobile,.zt-dropdown-hover.zt-mobile,.zt-dropdown-	click.zt-mobile{text-align:center}
	.zt-dropdown-hover.zt-mobile,.zt-dropdown-hover.zt-mobile .zt-btn,.zt-dropdown-hover.zt-mobile .zt-button,.zt-dropdown-click.zt-mobile,.zt-dropdown-	click.zt-mobile .zt-btn,.zt-dropdown-click.zt-mobile .zt-button{width:100%}}

@media (max-width:768px){
	.zt-modal-content{width:500px}
	.zt-modal{padding-top:50px}}

@media (min-width:993px){
	.zt-modal-content{width:900px}
	.zt-hide-large{display:none!important}
	.zt-sidebar.zt-collapse{display:block!important}}

@media (max-width:992px) and (min-width:601px){
	.zt-hide-medium{display:none!important}}