@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');

.container {
    max-width: 1350px!important;
}



body {
	background: #fff!important;
overflow-x: hidden!important;
 }

html {
	scroll-behavior: smooth;
	box-sizing: border-box;
}


h1, h2 {
	color: #353535!important;
    font-family: "Poppins", sans-serif!important;
}

h1 {
	font-weight: 800;
}

h2 {
	font-weight: 300;
}

h3 {
    font-family: "Poppins", sans-serif!important;
}

p {
	color: #6a6a6a!important;

}



.logo-main {
	float: left;
	width: 120px;
    margin-left: 35px;
    margin-top: 10px;
	position: fixed;
	z-index: 999;
	transition: 0.5s;
}







.logo-main-mobile {
	opacity: 0;
	float: right;
	width: 80px;
    margin-left: 0px;
    margin-top: -53px;
	position: relative;
	z-index: 999;
}


*,
*:before,
*:after {
	box-sizing: inherit;
	padding: 0;
	margin: 0;
	list-style: none;
	text-decoration: none;
}

nav {
	z-index: 99;
	position: fixed;
	align-items: center;
	padding: 0px 0px;
	width: 100%;
	border-bottom: solid 0px #999;
	background-color: #fff;
}

nav:before {
	content: "";
    height: 1px;
    background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
    display: block;
    margin-bottom: -78px;
    margin-top: 80px;
}

nav #menu {
	height: 40%;
	margin-top: 70px;
	left: -123px;
}

nav #menu li {
	padding: 0px 20px;
	cursor: pointer;
	line-height: 45px;
	transition: all 0.3s ease-out;
	transition: 0.5s!important;
}

nav #menu li a {
	padding: 10px;
    color: #717171!important;
    font-size: 14px;
    text-decoration: none;
    letter-spacing: 4px;
    transition: 0.5s;
    top: 100px;
    position: inherit;
}





nav #menu li a:hover {
	padding: 10px;
	text-decoration: none;
	color: #222!important;
	transition: 0.5s;
}









nav #menu-icons {
	position: relative;
	display: flex;
	height: 40%;
	top: 25px;
}

nav #menu-icons li {
	padding: 0px 20px;
	cursor: pointer;
	line-height: 55px;
	transition: all 0.3s ease-out;
}

nav #menu-icons li a {
	padding: 10px;
	color: #595461;
	font-size: 14px;
	text-decoration: none;
}

nav #menu-icons li a:hover {
	padding: 10px;
	font-size: 14px;
	text-decoration: none;
	color: #333;
}


nav #menu {
	display: flex;
    height: 48px;
    margin-top: 13px;
    margin-left: 0px!important;
    float: right;
	border-top: 0px solid;
	border-bottom: 0px solid;
}


#menu:before, #menu:after {
    content: "";
    height: 1px;
	background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
    display: block;
    margin-bottom: 0px;
    margin-top: 0px;
}



#hamburger {
	position: absolute;
	right: 10px;
	top: 14px;
	z-index: 999;
	width: 25px;
	height: 25px;
	cursor: pointer;
	transition: all 0.3s ease-out;
	visibility: hidden;
	opacity: 0;
}

#hamburger .line {
	height: 1px;
	background: #717171!important;
	margin: 10.5px auto;
	backface-visibility: hidden;
	transition: 0.75s;
}

#hamburger.active {
	position: fixed!important;
}

#hamburger.active #one {
	transform: rotate(45deg) translateX(6px) translateY(6px);
}

#hamburger.active #two {
	opacity: 0;
}

#hamburger.active #three {
	transform: rotate(-45deg) translateX(10px) translateY(-12px);
}

.mobile-menu {
	z-index: 100;
	position: absolute;
	top: 0px;
	background: #fff;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease-out;
	display: table;
}

.mobile-menu .mobile-menu__items {
	height: 50px;
	display: table-cell;
	vertical-align: middle;
}

.mobile-menu .mobile-menu__items li {
	display: block;
	text-align: left;
	padding: 0px 38px;
	font-size: 20px;
	min-height: 30px;
	font-weight: normal;
	transition: all 0.3s ease-out;
    background-color: transparent!important;
    text-decoration: none;
}



.mobile-menu .mobile-menu__items li:hover {

	background: #212121;

}

.mobile-menu .mobile-menu__items li:hover a {
	transition: all 0.3s ease-out;
	color: #333!important;
    text-decoration: none;
    cursor: pointer!important;
}

.mobile-menu .mobile-menu__items li a {
	color: #333;
    letter-spacing: 4px;
}

.mobile-menu .mobile-menu__items li a:hover {
	color: #333!important;

}

.mobile-menu.active {
	visibility: visible;
	opacity: 0.99;
	position: fixed;
	z-index: 9;
}





.show {
	display: block;
}









#active {
	max-width: 250px;
    padding: 0px;
    color: white;
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
    height: 200px!important;
    margin-top: -100px;
	position: relative;
}




.click:hover {
	border-bottom: solid 0px #333;
	transition: 1s;
}







.mainText {
	margin-top: 125px;
	margin-left: 125px;
}


.landingText {
	font-size: 120px;
	justify-content: left;
	display: flex;
	text-align: left;	
}

.dotsbetween {
	justify-content: left;
	display: flex;
	text-align: left;	
}

ul.dotsbetween {
	display: inline-block;
	padding: 0;
	text-align: center;
	font-size: 36px;
  }
  ul.dotsbetween li {
	display: inline;
  }
  ul.dotsbetween li:after {
	content: " ";
	letter-spacing: 1em;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwAAADsABataJCQAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xMkMEa+wAAAAnSURBVBhXY/Dz89MA4sNA/B9Ka4AEYQIwfBgkiCwAxjhVopnppwEApxQqhnyQ+VkAAAAASUVORK5CYII=)
	  center center no-repeat;
  }
  ul.dotsbetween li a {
	white-space: nowrap;
	color: #353535!important;
  }
  ul.dotsbetween li a:not(:hover) {
	text-decoration: none;
  }


  .mainSubText {
	  font-size: 26px;
	  margin-top: 25px;
	  width: 40%;
	  line-height: 40px!important;
  }


.showMe_btn {
    margin: auto;
    background: transparent;
    border: solid 0px #353535;
    padding: 10px 15px 10px 15px;
    color: #353535;
    font-size: 20pt;
    cursor: pointer;
    margin-top: -530px;
    position: absolute;
	transition: 0.5s;
}

.showMe_btn a {
    color: #353535;
    font-size: 20pt;
    cursor: pointer;
	transition: 0.5s;
}

.showMe_btn:hover a {
    color: #fff;
    font-size: 20pt;
    cursor: pointer;
	transition: 0.5s;
}

.showMe_btn:hover {

	background-color: #353535;
	transition: 0.5s;
}



.emptyBox {
border-top: solid 0px;
    border-bottom: solid 0px;
    height: 60px;
    width: 100%;
    margin-left: -135px;
    margin-top: 55px;
    position: relative;
}


.emptyBox:before, .emptyBox:after {
    content: "";
    height: 1px;
	background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
    display: block;
    margin-bottom: 10px;
    margin-top: 59px;
}


.notEmptyBox {
	max-width: 223px;
    padding: 1rem;
    color: white;
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
    height: 1000px;
    margin-top: -530px;
}





.emptyBox2 {
    border-top: solid 0px;
    border-bottom: solid 0px;
    height: 106px;
    width: 80%;
    margin-left: -54px;
    margin-top: -54px;
    position: absolute;
	}
	
	
	.emptyBox2:before, .emptyBox2:after {
		content: "";
		height: 1px;
		background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
		display: block;
		margin-bottom: 10px;
		margin-top: 74px;
	}
	
	
	.notEmptyBox2 {
		width: 630px;
		padding: 1rem;
		color: white;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
		height: 535px;
		margin-top: -210px;
		margin-left: 66px;
		position: absolute;
	}



	.emptyBox3 {
		border-top: solid 0px;
		border-bottom: solid 0px;
		height: 100px;
		width: 100%;
		margin-left: -54px;
		margin-top: -54px;
		position: absolute;
		}
		
		
		.emptyBox3:before, .emptyBox3:after {
			content: "";
			height: 1px;
			background: -webkit-linear-gradient(left, grey 0%, white 12%, white 47%, grey 100%, grey 25%);
			display: block;
			margin-bottom: 10px;
			margin-top: 74px;
		}
		
		
		.notEmptyBox3 {
			width: 1342px;
			padding: 1rem;
			color: white;
			border-width: 1px;
			border-style: solid;
			border-image: linear-gradient(to bottom,LightGray, grey,white,grey, LightGray) 1 100%;
			height: 535px;
			margin-top: -210px;
			margin-left: 65px;
			position: absolute;
		}



		.emptyBox4:before, .emptyBox4:after {
			content: "";
			height: 1px;
			background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
			display: block;
			margin-bottom: -96px;
			margin-top: 170px;
		}

  
		.notEmptyBox4 {
			width: 1312px;
			padding: 1rem;
			color: white;
			border-width: 1px;
			border-style: solid;
			border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
			height: 535px;
			margin-top: -210px;
			margin-left: 66px;
			position: absolute;
		}






		.emptyBox5 {
			border-top: solid 0px;
			border-bottom: solid 0px;
			height: 100px;
			width: 100%;
			margin-left: -54px;
			margin-top: -54px;
			position: absolute;
			}
			
			
			.emptyBox5:before, .emptyBox5:after {
				content: "";
				height: 1px;
				background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
				display: block;
				margin-bottom: 10px;
				margin-top: 74px;
			}
			
			
			.notEmptyBox5 {
				width: 575px;
				padding: 1rem;
				color: white;
				border-width: 1px;
				border-style: solid;
				border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
				height: 535px;
				margin-top: -210px;
				margin-left: 65px;
				position: absolute;
			}



			.emptyBox6 {
				border-top: solid 0px;
				border-bottom: solid 0px;
				height: 106px;
				width: 80%;
				margin-left: -54px;
				margin-top: -54px;
				position: absolute;
				}
				
				
				.emptyBox6:before, .emptyBox6:after {
					content: "";
					height: 1px;
					background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
					display: block;
					margin-bottom: 10px;
					margin-top: 74px;
				}
				
				
				.notEmptyBox6 {
					width: 588px;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}






				.emptyBox7:before, .emptyBox7:after {
					content: "";
					height: 1px;
					background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
					display: block;
					margin-bottom: -96px;
					margin-top: 170px;
				}
		
		  
				.notEmptyBox7 {
					width: 1009px;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}



				.emptyBox8 {
					border-top: solid 0px;
					border-bottom: solid 0px;
					height: 106px;
					width: 80%;
					margin-left: -54px;
					margin-top: -54px;
					position: absolute;
					}
					
					
					.emptyBox8:before, .emptyBox8:after {
						content: "";
						height: 1px;
						background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
						display: block;
						margin-bottom: 10px;
						margin-top: 74px;
					}
					
					
					.notEmptyBox8 {
						width: 728px;
						padding: 1rem;
						color: white;
						border-width: 1px;
						border-style: solid;
						border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
						height: 535px;
						margin-top: -210px;
						margin-left: 66px;
						position: absolute;
					}




					.emptyBox9 {
						border-top: solid 0px;
						border-bottom: solid 0px;
						height: 106px;
						width: 80%;
						margin-left: -54px;
						margin-top: -54px;
						position: absolute;
						}
						
						
						.emptyBox9:before, .emptyBox9:after {
							content: "";
							height: 1px;
							background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
							display: block;
							margin-bottom: 10px;
							margin-top: 74px;
						}
						
						
						.notEmptyBox9 {
							width: 812px;
							padding: 1rem;
							color: white;
							border-width: 1px;
							border-style: solid;
							border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
							height: 535px;
							margin-top: -210px;
							margin-left: 66px;
							position: absolute;
						}






						.emptyBox10 {
							border-top: solid 0px;
							border-bottom: solid 0px;
							height: 106px;
							width: 80%;
							margin-left: -54px;
							margin-top: -54px;
							position: absolute;
							}
							
							
							.emptyBox10:before, .emptyBox10:after {
								content: "";
								height: 1px;
								background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
								display: block;
								margin-bottom: 10px;
								margin-top: 74px;
							}
							
							
							.notEmptyBox10 {
								width: 1333px;
								padding: 1rem;
								color: white;
								border-width: 1px;
								border-style: solid;
								border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
								height: 535px;
								margin-top: -210px;
								margin-left: 66px;
								position: absolute;
							}









							.emptyBox11 {
								border-top: solid 0px;
								border-bottom: solid 0px;
								height: 106px;
								width: 80%;
								margin-left: -54px;
								margin-top: -54px;
								position: absolute;
								}
								
								
								.emptyBox11:before, .emptyBox11:after {
									content: "";
									height: 1px;
									background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
									display: block;
									margin-bottom: 10px;
									margin-top: 74px;
								}
								
								
								.notEmptyBox11 {
									width: 613px;
									padding: 1rem;
									color: white;
									border-width: 1px;
									border-style: solid;
									border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
									height: 535px;
									margin-top: -210px;
									margin-left: 66px;
									position: absolute;
								}












								.emptyBox12 {
									border-top: solid 0px;
									border-bottom: solid 0px;
									height: 106px;
									width: 80%;
									margin-left: -54px;
									margin-top: -54px;
									position: absolute;
									}
									
									
									.emptyBox12:before, .emptyBox12:after {
										content: "";
										height: 1px;
										background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
										display: block;
										margin-bottom: 10px;
										margin-top: 74px;
									}
									
									
									.notEmptyBox12 {
										width: 623px;
										padding: 1rem;
										color: white;
										border-width: 1px;
										border-style: solid;
										border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
										height: 535px;
										margin-top: -210px;
										margin-left: 66px;
										position: absolute;
									}







									.emptyBox13 {
										border-top: solid 0px;
										border-bottom: solid 0px;
										height: 106px;
										width: 80%;
										margin-left: -54px;
										margin-top: -54px;
										position: absolute;
										}
										
										
										.emptyBox13:before, .emptyBox13:after {
											content: "";
											height: 1px;
											background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
											display: block;
											margin-bottom: 10px;
											margin-top: 74px;
										}
										
										
										.notEmptyBox13 {
											width: 824px;
											padding: 1rem;
											color: white;
											border-width: 1px;
											border-style: solid;
											border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
											height: 535px;
											margin-top: -210px;
											margin-left: 66px;
											position: absolute;
										}





										.emptyBox14 {
											border-top: solid 0px;
											border-bottom: solid 0px;
											height: 106px;
											width: 80%;
											margin-left: -54px;
											margin-top: -54px;
											position: absolute;
											}
											
											
											.emptyBox14:before, .emptyBox14:after {
												content: "";
												height: 1px;
												background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
												display: block;
												margin-bottom: 10px;
												margin-top: 74px;
											}
											
											
											.notEmptyBox14 {
												width: 1057px;
												padding: 1rem;
												color: white;
												border-width: 1px;
												border-style: solid;
												border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
												height: 535px;
												margin-top: -210px;
												margin-left: 66px;
												position: absolute;
											}




											.page-scroll .a {
												color: #fff!important;
											 }
											 
											 .page-scroll .a:hover {
												color: #1f9ad5!important;
											 }



											 #myBtn {
												display: none;
												position: fixed;
												bottom: 100px;
												right: -100px;
												z-index: 99;
												font-size: 24px;
												border: none;
												color: white;
												cursor: pointer;
												padding-top: 0px;
												padding-bottom: 2px;
												padding-left: 8px;
												padding-right: 8px;
												background: none;
												transform-origin: 0 0;
												transform: rotate(90deg);
												font-family: 'Poppins';
											 }




[data-ca3_icon]::before {
    font-weight: normal;
    content: attr(data-ca3_icon);


}

.ca3-scroll-down-arrow {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
	background-size: contain;
	background-repeat: no-repeat;

}

.ca3-scroll-down-link {
  cursor:pointer;
	height: 60px;
	width: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 70px;
    margin-top: -300px!important;
	margin: auto;
    display: flex;
    justify-content: center;
	text-decoration: none;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	-webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
	-moz-animation:    ca3_fade_move_down 2s ease-in-out infinite;
	animation:         ca3_fade_move_down 2s ease-in-out infinite;
	filter: invert(1) saturate(0) opacity(0.57)!important;
}


/*animated scroll arrow animation*/
@-webkit-keyframes ca3_fade_move_down {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-moz-keyframes ca3_fade_move_down {
  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,20px); opacity: 0; }
}
@keyframes ca3_fade_move_down {
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}





























.galtext p {
	font-size: 18px!important;
}




.icon {
	filter: grayscale(100%);
	transition: 0.5s;
}

.icon:hover {
	filter: grayscale(0%);
	transition: 0.5s;
	transform: rotate(30deg);

}


.icon, img {
	margin-top: 40px;
	padding-bottom: 25px!important;
}

.galcolumn:hover .icon {
	filter: grayscale(0%);
	transition: 0.5s;
	transform: rotate(30deg);
}

.galcolumn {
	transition: 0.25s!important;
border: solid 1px transparent;


} 

.galcolumn:hover {
border: solid 1px #353535;
box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);
	transition: 0.25s;
transform: scale(1.02);
} 

.galcolumn:hover .service-line {
	border-color: #1e9ad5;
	width: 80%;
	transition: 0.5s;
	} 


	.galcolumn:hover .learn_btn{
opacity: 1;
margin-bottom: 25px;
		} 


.nutshell-text {
	opacity: 0;
	transition: 0.25s;
}

.galcolumn:hover .nutshell-text {
	opacity: 1;
	transition: 0.25s;
}



.service-line {
	width: 0%;
	transition: 0.5s;
}
.learn_btn {
	border: solid #353535 1px;
    padding: 6px 15px 6px 15px;
    background: transparent;
    color: #212529;
    top: 15px;
    transition: 0.5s;
    position: relative;
	float: left;
	opacity: 0;
	margin-bottom: 25px;
}

.learn_btn:hover {
	border: solid #353535 1px;
    padding: 6px 15px 6px 15px;
    background: #353535;
	color: #fff;
    top: 15px;
    transition: 0.5s;
	position: relative;
	float: left;
}

.learn_btn, a:hover {
	text-decoration: none;
}





#review:hover .service-line {
	width: 75%;
	border-color: #1e9ad5;
	transition: 0.5s;
}

.reviewText {
	font-style: italic;
	font-size: 32px;
	line-height: 50px;
	color: #999!important;
	transition: 0.5s;
}

#review:hover .reviewText {
color: #000!important;
font-size: 32px!important;
transition: 0.5s;
}

.speech-open {
	margin-left: -50px;
	opacity: 0.86;
	width: 110px;
	transition: 0.5s;
}

.speech-closed {
	float: right;
	margin-top: -20px;
	margin-right: -50px;
	opacity: 0.86;
	 width: 110px;
	 transition: 0.5s;
}






.service-line2 {
	width: 0%;
	transition: 0.5s;
}

#review:hover .service-line2 {
	width: 35%;
	border-color: #1e9ad5;
	transition: 0.5s;
}

@media (max-width: 1280px) {
	.nutshell-text {
		opacity: 1!important;
		transition: 0.25s;
	}

	.learn_btn {
		opacity: 1!important;
	}
	.service-line {
		border-color: #1e9ad5!important;
		width: 80%;
	}
	.icon {
		filter: grayscale(0%);
		transition: 0.5s;
		transform: rotate(0deg);
	
	}
	.galcolumn {
		border: none;
		transition: 0.25s;
		transform: scale(1);
		} 


	.galcolumn:hover {
		border: none;
		box-shadow:
		  0 2.8px 2.2px rgba(0, 0, 0, 0),
		  0 6.7px 5.3px rgba(0, 0, 0, 0),
		  0 12.5px 10px rgba(0, 0, 0, 0),
		  0 22.3px 17.9px rgba(0, 0, 0, 0),
		  0 41.8px 33.4px rgba(0, 0, 0, 0),
		  0 100px 80px rgba(0, 0, 0, 0);
			transition: 0.25s;
		transform: scale(1);
		} 
		.galcolumn:hover .icon {
			filter: grayscale(0%);
			transition: 0.5s;
			transform: rotate(0deg);
			} 
}





.cog-cognito--styled .cog-button--primary, html .cog-cognito--styled .cog-page__navigation .cog-button, :root:root:root:root:root .cog-cognito--styled .cog-button--primary, :root:root:root:root:root .cog-cognito--styled .cog-page__navigation .cog-button:hover {
    border-radius: 0px!important;
    padding: 10px 15px 10px 15px!important;
	background: #353535;
	color: #fff;
}

.cog-cognito--styled textarea, html .cog-cognito--styled select, html .cog-cognito--styled input[type=text], html .cog-cognito--styled [type=tel], html .cog-cognito--styled [type=password], html .cog-cognito--styled [type=date], html .cog-cognito--styled [type=email], html .cog-cognito--styled [type=url], html .cog-cognito--styled [type=time], :root:root:root:root:root .cog-cognito--styled textarea, :root:root:root:root:root .cog-cognito--styled select, :root:root:root:root:root .cog-cognito--styled input[type=text], :root:root:root:root:root .cog-cognito--styled [type=tel], :root:root:root:root:root .cog-cognito--styled [type=password], :root:root:root:root:root .cog-cognito--styled [type=date], :root:root:root:root:root .cog-cognito--styled [type=email], :root:root:root:root:root .cog-cognito--styled [type=url], :root:root:root:root:root .cog-cognito--styled [type=time] {

    height: 75px!important;
    font-size: 32px!important;
	font-family: 'Poppins'!important;
}

html .cog-cognito--styled .cog-button__icon, html .cog-cognito--styled .cog-button__text, :root:root:root:root:root .cog-cognito--styled .cog-button__icon, :root:root:root:root:root .cog-cognito--styled .cog-button__text {
    padding: calc(var(--input__padding-v)*.25) calc(var(--input__padding-h)*.1);
    font-size: 20px!important;
}

#subscribe h3 {
	position: relative;
    margin-top: 2%!important;
    margin-left: -25%!important;
    opacity: 1!important;
    transition: all 0.4s ease-in-out;
    color: #353535!important;
	width: 100%!important;
}



#aboutText {
	font-size: 18px!important; 
	padding: 15px;
    margin: 0;
    position: relative;
    margin-top: 25%;
    left: 25%;
    transform: translate(-50%, -50%);
}

#aboutText {
	font-size: 18px!important; 
	padding: 15px;
    margin: 0;
    position: relative;
    margin-top: 25%;
    left: 25%;
    transform: translate(-50%, -50%);
}



#aboutImg {
    width: 100%;
	height: 545px;
    object-fit: cover;
    box-shadow: 60px 35px 0px 6px;
    margin-top: 0px!important;
    padding-bottom: 0px!important;
}

#aboutImg2 {
    width: 100%;
	height: 515px;
    object-fit: cover;
    box-shadow: -45px 35px 0px 6px;
    margin-top: 0px!important;
    padding-bottom: 0px!important;
}



.learnMore_btn {
border: solid #353535 1px;
padding: 6px 15px 6px 15px;
background: transparent;
color: #212529;
top: 15px;
transition: 0.5s;
position: relative;
float: left;
}

.learnMore_btn:hover {
	border: solid #353535 1px;
    padding: 6px 15px 6px 15px;
    background: #353535;
	color: #fff;
    top: 15px;
    transition: 0.5s;
	position: relative;
	float: left;
}

.learnMore2_btn {
	border: solid #353535 1px;
	padding: 6px 15px 6px 15px;
	background: transparent;
	color: #212529;
	top: 15px;
	transition: 0.5s;
	position: relative;
	float: left;

	}
	
	.learnMore2_btn:hover {
		border: solid #353535 1px;
		padding: 6px 15px 6px 15px;
		background: #353535;
		color: #fff;
		top: 15px;
		transition: 0.5s;
		position: relative;
		float: left;

	}






.social {
	font-size: 28px!important;
	margin-top: 10px;
}

#insta	{
color: white;
}

#face {
	color: white;
}

#insta-mob	{
	color: #333;
	font-size: 28px!important;
	}
	
	#face-mob {
		color: #333;
		font-size: 28px!important;
	}

	.dropdown-content {
		box-shadow:
		0 2.8px 2.2px rgba(0, 0, 0, 0.034),
		0 6.7px 5.3px rgba(0, 0, 0, 0.048),
		0 12.5px 10px rgba(0, 0, 0, 0.06),
		0 22.3px 17.9px rgba(0, 0, 0, 0.072),
		0 41.8px 33.4px rgba(0, 0, 0, 0.086),
		0 100px 80px rgba(0, 0, 0, 0.12);
		transition: 1s;
		}

	.dropdown-content a:hover{
	color: white!important;
	}


	
.dropdown {
	position: relative;
	display: inline-block;
	transition: 0.25s;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	z-index: 1;
	transition: 0.25s;
}

.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;

	display: block;
	transition: 0.25s;
}

.dropdown-content a:hover {
	color: #353535!important;
	transition: 0.25s;
}

.dropdown:hover .dropdown-content {
	display: block;
	transition: 0.25s;
}

.drop-menu {
	margin-top: -41px;
	margin-left: 70px;
	transition: 0.25s;
}

.drop-menu:hover {
	cursor: pointer;
}

.dropdown2 {
	position: relative;
	display: inline-block;
}

.dropdown2-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	margin-left: -90px;
	overflow: auto;
	z-index: 1;
}

.dropdown2-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown2 a:hover {
	background-color: #ddd;
}



.accordion {
	background-color: #fff;
	color: #212529!important;
	cursor: pointer;
	padding: 0px;
	width: 80%;
	border: none;
	text-align: left;
	outline: none;
	margin-top: 0px;
	margin-left: 37px;
	transition: 0.5s;
  }
  
  .go, .accordion:hover {
	transition: 0.5s;
	background-color: #fff; 
  }
  
  .panel {
	transition: 0.5s;
	padding: 0 18px;
	display: none;
	background-color: white;
	overflow: hidden;
  }

  .panel, a {
	transition: 0.5s;
	  color: black;
  }


  .contactText {
	margin-left: 90px;
  }


  footer a {

	transition: 0.25s;
}

  footer a:hover {
	  font-weight: 600;
	  transition: 0.25s;
  }

 a {

	transition: 0.25s;
}  
a:hover {

	transition: 0.25s;
}  

.logo-main-mobile.active {
	margin-top: 13px!important;
}




.dud {
  color: #757575;
}




.checked {
	color: lightgrey;

	font-size: 30px;
	transition: 0.25s;
  }

#review:hover .checked {
	color: orange;

	transition: 0.25s;
}


@media (max-width: 768px) {

	.checked {
		color: orange;
		font-size: 30px;
		transition: 0.25s;
	  }
	
}



#bg-img-seo {
	background-image: url("../img/seoPic.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
height: 800px;
}

#bg-img-bd {
	background-image: url("../img/bespoke_design.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
height: 800px;
}

#bg-img-domain {
	background-image: url("../img/domain.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
height: 800px;
}

#bg-img-sm {
	background-image: url("../img/social_media.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
height: 800px;
}

#bg-img-ld {
	background-image: url("../img/logo_design.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
height: 800px;
}

#bg-img-pl {
	background-image: url("../img/post_launch.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
height: 800px;
}

#bg-img-dg {
	background-image: url("../img/gallPic.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
height: 800px;
}

















.bespokeImg {
	width: 100%;
	height: 660px!important;
	object-fit: cover;
	margin-top: 0px!important;
    padding-bottom: 0px!important;
	box-shadow: 29px 33px;
	transition: 0.35s;
}

.bespokeImg:hover {

	transition: 0.35s;
}



.bespokeImg2 {
	width: 100%;
	height: 660px!important;
	object-fit: cover;
	object-position: right;
	margin-top: 0px!important;
    padding-bottom: 0px!important;
	box-shadow: -37px 37px;
	transition: 0.35s;
}

.bespokeImg2:hover {

	transition: 0.35s;
}


video {

		width: 100%;
		height: 660px!important;
		object-fit: cover;
		margin-top: 0px!important;
		padding-bottom: 0px!important;
		transition: 0.35s;
		box-shadow: -37px 37px;
	  }
	
	  video:hover {

		transition: 0.35s!important;
	}
	 
	


	.overlay {
		position: absolute;
		top: 0;
		bottom: 0px!important;
		left: 0;
		right: 0;
		opacity: 0;
		transition: .5s ease;

	  }

.overlay:hover, .bespokeImg {
	background-color: rgba(0, 0, 0, .5);
}

.overlay2:hover, video {
	background-color: rgba(0, 0, 0, .5);
}

	  .overlay2 {
		position: absolute;
		top: 0;
		bottom: 11px!important;
		left: 0;
		right: 0;
		opacity: 0;
		transition: .5s ease;

	  }

	  .overlay3 {
		position: absolute;
		top: 0;
		bottom: 35px;
		left: 0;
		right: 0;
		opacity: 0;
		transition: .5s ease;

	  }

	  .text {
		color: white;
		font-size: 40px;
		position: absolute;
		top: 35%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		text-align: center;
		font-family: 'Poppins';
		font-weight: 600;
	  }

.Image:hover .overlay {
	opacity: 1;
}

.Image:hover .overlay2 {
	opacity: 1;
}

.Image:hover .overlay3 {
	opacity: 1;
}


	#servicePages {
		margin-top: 175px;
		margin-bottom: 175px;
	}

	#bespokeRow {
		margin-bottom: 175px;
	}







	.copy2 {
		display:none;
	}


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

	.copy {
		display: none!important;
	}
	}

	@media screen and (max-width: 991px) {
	.copy2 {
		display:block!important;
	}
	#noGap {
		margin-bottom: -250px;
	}
}





.webSshot {
	width: 100%;
	height: 518px;
	object-fit: cover;
	border: solid 1px #999;
	transition: 1s;
	filter: grayscale(80%);
}

.webSshot:hover {
	filter: grayscale(0%);
transform: scale(1.025);
	transition: 1s;
	box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);
}


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

	.webSshot {
	filter: grayscale(0%)!important;
	transform: scale(1)!important;
	box-shadow: none!important;
	}
	.webSshot:hover {
		transform: scale(1)!important;
		box-shadow: none!important;
	}
}



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

.example-mainsite {
	display: none;
}

.webSshot {

	border: solid 1px white;

}

}

@media screen and (min-width: 414px) {

	.example-mobsite {
		display: none;
	}

	.webSshot {



	}

	}