$mobile: 600px; // Screen min
			$desktop: 1200px; // Screen max
			$font-min: 20px; 
			$font-max: 40px;
			$screen-diff: ($desktop / 1px - $mobile / 1px);
			$font-diff: ($font-max / 1px - $font-min / 1px);

			h1 {
			  // Mobile
			  @media (max-width: 599px) {
				font-size: $font-min !important;
			  }
			  
			  // Everything in between mobile (600px) to desktop (1200px)
			  @media (min-width: 600px) and (max-width: 1200px) {
				font-size: calc(#{$font-min} + (100vw - #{$mobile}) / #{$screen-diff} * #{$font-diff});
			  }

			  // Desktop
			  @media (min-width: 1201px) {
				font-size: $font-max;
			  }
			}
		
			/*h1 {font-family: 'Shadows Into Light', cursive; font-size: 50px;}*/
									
			p{font-size: 16px;}			
				.item-edit>img {
				-webkit-filter: grayscale(100%);
				filter: grayscale(100%);
				-webkit-transition: all 0.3s;
				transition: all 0.3s;
			}
			
				.item>img:hover {
				-webkit-filter: grayscale(0%);
				filter: grayscale(0%);
				-webkit-transition: all 0.3s;
				transition: all 0.3s;
			}
			
				#excellentHands{
				text-align:center;
				padding-top:30px;
				padding-bottom:30px;
				}
				
			#excellentHands .container h4{
				color:#27AE60;
				letter-spacing:-1px;
				font-size:18px;
				font-weight:500;
				margin-bottom:0px;
				}
				
			#excellentHands .container #footerLogos{
				padding-top:20px;
				}
					
			#excellentHands .container #footerLogos img{
				vertical-align:middle;
				margin:0 40px 0 40px;
				}
				
			#excellentHands .container #footerLogos img:first-of-type{
				margin-left:0px;	
				}
				
			#excellentHands .container #footerLogos img:last-of-type{
				margin-right:0px;	
				}
				
			#excellentHands .container h4{
					font-size:20px;
					margin-bottom:20px !important;
					}
				
				#excellentHands .container #footerLogos img{
					margin:0 40px 10px 40px !important;
					}
					
					
			@media all and (max-width: 992px) {
				
				#excellentHands .container #footerLogos img{
					margin:0 22px 0 22px;
					}
					
			}
			.primary-btn-portfolio
			{
			
				/*background: #8ab92d;*/
				border: 1px solid transparent;
				color: #fff;
				padding-left: 10px;
				padding-right: 10px;
				border-radius: 50px;
			}

			.portfolio-area .filters-content .item:hover >.fly {
				background-color: rgba(34, 34, 34, 0.8);
				z-index: 5; 
				width: 100%;
				height: 100%;
				border-radius: 10px;
				transition: all 0.85s ease-in-out;
				content: "none";
				
			}

			.portfolio-area .filters-content .fly{
				background-color: rgba(34, 34, 34, 0.0);
				z-index: 5; 
				width: 100%;
				height: 100%;
				border-radius: 10px;
				transition: all 0.85s ease-in-out;
				content: "none";
				display: transparent;
				
			}

			.portfolio-area .filters-content .item:hover > .fly p{
				margin-top: 20% auto; 
				position: absolute;
				padding-left: 30px;
				padding-right: 30px;
				
				padding-top: 10%;
				
				color: white;
				display: block;
				opacity: 1;
				transform: translate(0,10px);
				-webkit-transform: translate(0,10px);
				-o-transform: translate(0,10px);
				-moz-transform: translate(0,10px);
				transition: 0.85s;
				 -webkit-transition: ease .85s;	 	 
				 -moz-transition: ease .85s;	 	 
				 -o-transition: ease .85s;	 	 
				 -ms-transition: ease .85s;	 	 
				 transition: ease .85s;	 
				margin-bottom: 0px;
				margin-top: 0px;
				z-index: 7;
				
			}
			.portfolio-area .filters-content .fly p{
				margin-top: 20% auto; 
				position: absolute;
				padding-left: 30px;
				padding-right: 30px;
				display: block;
				padding-top: 10%;
				
				color: white;
				opacity: 0;
				transition:0.85s;
				 -webkit-transition: ease .85s;	 	 
				 -moz-transition: ease .85s;	 	 
				 -o-transition: ease .85s;	 	 
				 -ms-transition: ease .85s;	 	 
				 transition: ease .85s;	
				margin-bottom: 0px;
				width: 100%;
				margin-top: -20px;
				z-index: -2;
				
			}


			
				
			
			
			/*.portfolio-area .filters-content .fly a{
				margin-top: 20% auto; 
				position: absolute;
				color: white;
				display: -webkit-inline-box;
				opacity: 1;
				transition:0.85s;
				 -webkit-transition: ease .85s;	 	 
				 -moz-transition: ease .85s;	 	 
				 -o-transition: ease .85s;	 	 
				 -ms-transition: ease .85s;	 	 
				 transition: ease .85s;	
				margin-top: px;
				z-index: -6;
				opacity: 0;
				margin-top: -50px;
				
				
				
				
			}
			
			.portfolio-area .filters-content .fly:hover > a{
				margin-top: 20% auto; 
				position: absolute;
				color: white;
				display: -webkit-inline-box;
				opacity: 1;
				transform: translate(0,10px);
				-webkit-transform: translate(0,10px);
				-o-transform: translate(0,10px);
				-moz-transform: translate(0,10px);
				transition: 0.85s;
				 -webkit-transition: ease .85s;	 	 
				 -moz-transition: ease .85s;	 	 
				 -o-transition: ease .85s;	 	 
				 -ms-transition: ease .85s;	 	 
				 transition: ease .85s;	
				
				margin-top: -110px;
				z-index: 1;
				
				
			} */

			.portfolio-area .filters-content .fly div > a{
			display: flex;

align-items: center;

justify-content: center;

position: absolute;

width: 40%;

margin-left: 30%;

margin-right: 30%;
margin-top: -15%;
transform: translate(0,10px);
				-webkit-transform: translate(0,10px);
				-o-transform: translate(0,10px);
				-moz-transform: translate(0,10px);
				transition: 0.85s;
				 -webkit-transition: ease .95s;	 	 
				 -moz-transition: ease .95s;	 	 
				 -o-transition: ease .95s;	 	 
				 -ms-transition: ease .95s;	 	 
				 transition: ease .95s;
				 z-index: -1;
				 opacity: 0;
	}
	
	.portfolio-area .filters-content .item:hover > .fly .fish a{
			position:absolute;
			display: flex;

align-items: center;

justify-content: center;

position: absolute;

width: 40%;

margin-left: 30%;

margin-right: 30%;

margin-top: -25%;

transform: translate(0,10px);
				-webkit-transform: translate(0,10px);
				-o-transform: translate(0,10px);
				-moz-transform: translate(0,10px);
				transition: 0.85s;
				 -webkit-transition: ease .95s;	 	 
				 -moz-transition: ease .95s;	 	 
				 -o-transition: ease .95s;	 	 
				 -ms-transition: ease .95s;	 	 
				 transition: ease .95s !important;
				 z-index: 7;
				 opacity: 1;
	}
	
	.five > .owl-nav {margin-left: %;}
	.five > .owl-nav .owl-prev {width: 35px;height: 35px;background: #666;text-shadow: none;top: 4px;margin-top: -5%;border-radius: 0px; float: left; position: absolute; content: "\f077"; font-family: "FontAwesome"; text-align: center; vertical-align: baseline; padding-top: .4%; color: rgba(0, 0, 0, 0.5); font-weight: 1; padding-right: 2px; font-size: 35px;}
	
	.five > .owl-nav .owl-next {width: 35px;height: 35px;background: #666;text-shadow: none;top: 4px;margin-top: -5%;border-radius: 0px;float: left;position: absolute; margin-left: 4.5%; margin-right: 4.5%; font-family: "FontAwesome"; text-align: center; padding-top: .4%; font-size: 35px; padding-left: 2px; color: rgba(0, 0, 0, 0.5); vertical-align: baseline;}
	
	.six > .owl-nav .owl-nav {margin-top:;}
	.six > .owl-nav .owl-prev {width: 40px;height: 40px; background: rgba(102,102,102,0.9);text-shadow: none;top: 4px; margin-top: 6.5%;border-radius: 0px; float: left; position: absolute; content: "\f077"; font-family: "FontAwesome"; text-align: center; vertical-align: baseline; padding-top: 6.5px; color: rgba(0, 0, 0, 0.5); font-size: 40px; font-weight: 1; padding-right: 2px; font-size: 35px;}
	
	.six > .owl-nav .owl-next {width: 40px;height: 40px; background: rgba(102,102,102,0.9);text-shadow: none;top: 4px; margin-top: 6.5%;border-radius: 0px;float: left;position: absolute; margin-left: 97.27%; font-family: "FontAwesome"; text-align: center; padding-top: 6.5px; font-size: 40px; padding-left: 2px; color: rgba(0, 0, 0, 0.5); vertical-align: baseline;}
	
	.carousel-indicators li { display:none;}
	
	.owl-carousel .owl-item img {

    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    margin-right: auto;
    margin-left: 0px;
    padding-left: 0px !important;

}
	
	.owl-carousel {
	margin: 0px auto;
}
.owl-carousel .item {
	color: #999;
	overflow: hidden;
    min-height: 120px;
	font-size: 13px;
}
.owl-carousel .media {
	position: relative;
	padding: 0 0 0 20px;
	margin-left: 20px;
}
.owl-carousel .media img {
	width: 75px;
	height: 75px;
	display: block;
	border-radius: 50%;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    border: 2px solid #fff;
}
.owl-carousel .article {
    color: #fff;
    position: relative;    
    /* background: #9b9b9b; */
	padding: 0px 5px 0px 15px;
	margin: 0 auto;
	max-width: 390px;
}
.owl-carousel .testimonial {
    color: #fff;
    position: relative;    
    background: #9b9b9b;
	padding: 15px;
	margin: 0 0 20px 20px;
}
.owl-carousel .testimonial::before, .owl-carousel .testimonial::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: -20px;
	width: 0px !important;
	border-top: 20px solid !important;
	border-left: 20px solid transparent !important;
}
.owl-carousel .testimonial::before {
    width: 0px;
    height: 20px;#9b9b9b
	background:rgba(0,0,0,0.0) ;
	box-shadow: inset 12px 0 13px rgba(0,0,0,0.5);
}
.owl-carousel .testimonial::after {
    width: 0;
    height: 0;
    border-bottom-color: #fff;
    border-left-color: #fff;
}
.owl-carousel .item .row > div:first-child .testimonial {
	margin: 0 20px 20px 0;
}
.owl-carousel .item .row > div:first-child .media {
	margin-left: 0;
}
.owl-carousel .testimonial p {
	text-indent: 40px;
    line-height: 21px;
	margin: 0;
}
.owl-carousel .testimonial p::before {
	font-family: FontAwesome;
	content: '\f10d';
    color: "#fff";
    font-weight: bold;
    font-size: 28px;
    line-height: 70px;
    position: absolute;
    left: -25px;
    top: -13px;
}
.owl-carousel .overview {
	padding: 3px 0 0 15px;
}
.owl-carousel .overview .details {
	padding: 5px 0 8px;
}
.owl-carousel .overview b {
	text-transform: uppercase;
	color: #8ab92d;
}
.owl-carousel-custom-1 .flickity-prev-next-button {
	width: 30px;
	height: 30px;
    background: #666;
    text-shadow: none;
	top: 4px;
	margin-top: -5%;
	border-radius: 0px;
}

.owl-carousel-custom-2 .flickity-prev-next-button {
	width: 30px;
	height: 30px;
    background: #666;
    text-shadow: none;
	margin-top: -5%;
	border-radius: 0px;
}
.flickity-prev-next-button i {
	font-size: 16px;
}
.owl-carousel-control .previous {
	left: auto;
	right: 40px;
}
.owl-carousel-control .next {
	left: auto;
}
@media only screen and (max-width: 992px) {
.owl-carousel-custom-1.flickity-prev-next-button.previous {

    display: none;

}
}

@media only screen and (max-width: 992px) {
.owl-nav {

    display: none !important;

}
}

@media only screen and (max-width: 1199px) {
.owl-carousel-custom-1>.flickity-prev-next-button.previous {

    left: 91%%;
    margin-left: -15px;

}
}
.owl-carousel-custom-1>.flickity-prev-next-button.previous {
    left: 93%;
}

.owl-carousel-custom-1>.flickity-prev-next-button.next {

    right: 1%;
}

.owl-carousel-custom-2>.flickity-prev-next-button.previous {
    margin-left: -50px;
}

.owl-carousel-custom-2>.flickity-prev-next-button.next {

    margin-right: -50px;
}

.owl-carousel-indicators {
	bottom: -80px;
}
.owl-carousel-indicators li, .owl-carousel-indicators li.active {
	width: 18px;
    height: 18px;
	border-radius: 0;
	margin: 1px 4px;
}
.owl-carousel-indicators li {	
    background: #e2e2e2;
    border: 4px solid #fff;
	display: none;
}
.owl-carousel-indicators li.active {
	color: #fff;
    background: #ff5555;    
    border: 5px double;    
}
.star-rating li {
	padding: 0 2px;
}
.star-rating i {
	font-size: 14px;
	color: #ffdc12;
}
	
.price-head h1 {
text-align: center;
margin-top: 2em;
font-size: 3em;
color: #fff;
}
.price-head h3 {
	color: #404042;
	font-size: 3em;
	text-decoration: none;
	font-weight: 700;
}

/*----*/
.pricing-grid1,.pricing-grid2,.pricing-grid3 {
width: 31.5%;
float: left;
text-align: center;
margin-right: 2%;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
padding: 0;
border: none;
border-radius: 0.7em;
-webkit-border-radius: 0.7em;
-o-border-radius: 0.7em;
-moz-border-radius: 0.7em;
}
 .pricing-grid3{
 	margin-right: 0;
 }
.pricing-grid1:hover,.pricing-grid2:hover,.pricing-grid3:hover {
	transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
	z-index: 1;
	border: none;
}
.pricing-grid1:nth-child(3){
	margin-right:0;
}
.price-value h2 a,.price-value.two h3 a,.price-value.three h4 a{
	font-size: 1.8em;
	color:#fff;
}
.price-value,.price-value.two,.price-value.three {
	background: #512884;
	padding: 2.8em 1.8em 2em;
	border-bottom:2px solid#ffd500;
	border-top-left-radius:0.7em;
	-webkit-border-top-left-radius:0.7em;
	-o-border-top-left-radius: 0.7em;
	-moz-border-top-left-radius:0.7em;
	border-top-right-radius:0.7em;
	-webkit-border-top-right-radius:0.7em;
	-o-border-top-right-radius:0.7em;
	-moz-border-top-left-radius: 0.7em;
	position: relative;
}
.price-value.two{
	background:#2b2b33;
	border-bottom:2px solid#fd6e70;
}
.price-value.three {
	background: #04dbdd;
	border-bottom:2px solid#028f87;
}
.price-value ul,.pricing-grid1 ul,.pricing-grid2 ul,.pricing-grid3 ul{
	padding: 0;
}
.price-value ul li,.pricing-grid1,.pricing-grid2 ul li,.pricing-grid3 ul li {
	list-style: none;
}
.price-value ul li{
	list-style: none;
}
.price-value  h5 span{
color: #fbd707;
font-size: 19px;
}
.price-value lable{
color: #817d94;	
font-size: 17px;
}
.price-value.two h5 span{
	color:#fe6d72;
}
.price-value.two h5 lable{
	color:#8c8c94;
}
.price-value.three h5 span{
	color: #018f90;
}
.price-value.three h5 lable{
	color:#9CF7F8;
}
.price-value h5 {
padding: 11px 0;
}
.sale-box,.sale-box.two,.sale-box.three{
	position: absolute;
	top: 0;
	overflow: hidden;
	height: 88px;
	width: 110px;
	text-align: center;
	z-index: 0;
	right:0;
	border-top-right-radius: 0.7em;
	-o-border-top-right-radius: 0.7em;
	-moz-border-top-right-radius: 0.7em;
	-webkit-border-top-right-radius: 0.7em;
}
.sale-box span.on_sale{
font-size: 14px;
color: #444;
background: #ffd400;
text-transform: uppercase;
padding: 58px 35px 17px 40px;
width: 281px;
text-align: center;
display: block;
position: absolute;
left: -47px;
top: -41px;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: rotate(-44deg);
-ms-transform: rotate(-44deg);
transform: rotate(40deg);
box-shadow: 3px -4px 13px 3px rgba(0,0,0,0.75);
}
.sale-box.two.sale-box span.on_sale{
	background: #fa6e6f;
}
.sale-box.three.sale-box span.on_sale{
	background:#05AEA7;
}
.pricing-grid1 ul li a,.pricing-grid2 ul li a,.pricing-grid3 ul li a{
	color: #C7C4C4;
	font-size: 15px;
	text-align: center;
	display: block;
	padding: 16px 0;
	text-decoration: none;
	font-weight: 400;
}
.pricing-grid1 ul li.whyt a,.pricing-grid2 ul li.whyt a,.pricing-grid3 ul li.whyt a{
	background:#f4f4f4;
}
.pricing-grid1:hover div.price-bg ul li a,.pricing-grid1:hover div.price-value h3 a{
 color:#512884;
}
.pricing-grid2:hover div.price-bg ul li a,.pricing-grid2:hover div.price-value h3 a{
 color:#fa6e6f;
}
.pricing-grid3:hover div.price-bg ul li a,.pricing-grid3:hover div.price-value h3 a{
	color:#04dbdd;
}
.price-bg {
	background: #fff;
}
.price-bg ul {
	padding: 0;
}
.price-bg ul li{
	list-style: none;
}
.cart1,.cart2,.cart3{
	padding: 2.7em 0em 2.7em;
	display: block;
	border-bottom: 2px solid#ffd500;
}
.cart2{
border-bottom: 2px solid#f96d70;
}
.cart3{
border-bottom: 2px solid#04dbdd;
}
.cart1 a,.cart2 a,.cart3 a{
	color: #FFF;
	font-size: 0.9em;
	font-weight: 500;
	padding: 0.8em 2em;
	text-decoration: none;
	background: #f7d30b;
	text-transform:uppercase;
	-webkit-appearance:none;
	border-radius:1em;
	-webkit-border-radius:1em;
	-o-border-radius:1em;
	-moz-border-radius:1em;
	outline: none;
}
.cart2 a{
	background:#fa6e6f;
}
.cart3 a{
	background: #04dbdd;
}
.cart1 a:hover,.cart2 a:hover,.cart3 a:hover{
	color: #2b2b33;
}	

.price-value h2 a, .price-value.two h3 a, .price-value.three h4 a {
	font-size: 1.6em !important;
	}
h1>a {color: #ffffff; -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;}
h1>a:hover {color: #d4d4d4; -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;}

#container {
  height: 300px;
  width: 100%;
  overflow: hidden;
 /* background: url(../portfolio/img/p2.jpg) center center;*/
}

#triangle-topleft {
  width: 50%;
  height: 0%;
  border-top: 300px solid gray;
  border-right: 300px solid transparent;
}  

b{
color: #3498dc;
}

@media only screen and (min-width: 768px) {
.about-me .col-md-10 {

    flex: 0 0 70.33333%;
    max-width: 62.33333%;

}
}
@media only screen and (min-width: 768px) {
.about-me .col-md-3 {

    flex: 0 0 50% !important;
    max-width: 36%;

}
}

.resize {
    width: 400px;
    height: auto;
}

.resize {
    width: 300px;
    height: auto;
}

.section-top-border h2 {font-family:"Abril Fatface"; margin-bottom: 5px;}

.learn-more {

    position: absolute;
    z-index: 5;
    bottom: -12%;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    text-align: center;
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 12px;
    transition: margin .45s linear, opacity .5s ease;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 4s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 4s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;

}

.fp-header-images .learn-more span, .home-sog .learn-more span, .full-video .learn-more span {

    font-size: 32px;
    height: 24px;
    line-height: 24px;
    display: inline-block;

}

.fa-angle-down::before {

    content: "\f107";
	font-size: 30px;

}

.learn-more span::before {

    height: 24px;
    line-height: 24px;

}

.arrow:hover {}

.arrow {
  width: ;
  height: 60px;
  margin: ;
  border-radius: ;
  /*background-color: white;
  background: linear-gradient(to bottom, rgba(255,255,255,0), white 75%); */
  -webkit-animation: 3s soft-blink infinite alternate;
  animation: 3s soft-blink infinite alternate;
  position: ;
  opacity: 0;
}

@-webkit-keyframes soft-blink {
  0% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes soft-blink {
  0% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.arrow:after {
  content: '';
  position:absolute ;
  bottom: 0;
}

@keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translateY(0);
		-ms-transform:     translateY(0);
		transform:         translateY(0)
	}
	40% {
		-webkit-transform: translateY(-30px);
		-ms-transform:     translateY(-30px);
		transform:         translateY(-30px)
	}
	60% {
		-webkit-transform: translateY(-15px);
		-ms-transform:     translateY(-15px);
		transform:         translateY(-15px)
	}
}
.bounce:hover {  
  position: absolute;
  bottom: -12%;
  left: 50%;
  height: ;
  width: ;
  background-color: ;  
  border-radius: ;
  line-height: ;
  text-align: center;
  text-transform: uppercase;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  color: white;
}
.bounce {
  cursor: pointer;
  animation-name: bounce;
  -moz-animation-name: bounce;
}

form .primary-btn {background-color: rgba(43, 152, 240) !important}

*/.quote p::before {

    content: '\201C';

font-size: 2.5em;
font-weight: 700;
opacity: 1;
position: absolute;
left: -.2em;
text-shadow: none;
z-index: 10;
font-family: Calibri;
top: 7.3rem;

} */

.samples .owl-item > div {
  cursor: pointer;
  margin: 1% 2%;
  transition: margin 0.4s ease;
  position: relative;
  z-index: 10 !important;
}
.samples .owl-item.center > div {
  cursor: auto;
  margin: 0;
  position: relative;
  z-index: 10 !important;
  
}
.samples .owl-item:not(.center) > div:hover {
  opacity: .1;
  position: relative;
  z-index:-2;
}

.samples .owl-item:not(.center) > div {
  opacity: .1;
  position: relative;
  z-index: 0;
  margin-bottom: 3% !important;
}

#samples .overlay-bg {

    border-radius: 10px;
    background: rgba(255, 255, 255, 0.66);
	position: relative;
  z-index: 1;

}

#samples > .owl-next {float: right; margin-top: -15% !important; content: "\f077"; font-family: "FontAwesome"; font-size: 501px !important; background: none !important;}
#samples > .owl-prev {float: left; margin-top: -15% !important; content: "\f077"; font-family: "FontAwesome"; font-size: 51px !important; background: none !important;}






.about-me .primary-btn {border-color:black; color:black; background:none;}
.about-me .primary-btn:hover {border-color:black; color:black !important; background:none;}

.is-sticky .default-header {

    background-color: #;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: absolute !important; 
	color: white !important;}
	
.is-sticky .default-header a {
	color: #ffffff;}
	
.is-sticky .default-header .blahh {
    /*background: url(https://cdn.discordapp.com/attachments/559960322874540047/676638217226682408/Final_Platform-_Daniels_Logo_White_Version_1.png) ;*/
}

.default-header .blahh {
    background: url(https://kloudzmarketing.com/instagram/vissionary-logo.png?width=860&height=809);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-right: 15px;
	}
	
.is-sticky .default-header a:hover {
	color: rgba(251,9,48,.8);}

.hover .guide-me {

	border-bottom: 5px solid rgba(185,185,185,0.4); 
	padding: 5px; border-radius: px; 
	width: 25%; 
	margin: 0 auto;
	
	}

.hover a:hover .single-service > .guide-me {
	
	border-bottom: 5px solid rgb(52,152,220) !important; 
	padding: 5px; 
	border-radius: px; 
	width: ;
	webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;25%; margin: 0 auto;
	
	}
	
.hover a {

	color: rgba(119, 119, 119, 1) !important;
	cursor: default;
	
	}

.hover a:hover > .single-service {
	
	background-color: #f9f9f8 !important; 
	webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
	
	}
.under h2::after {
    font-family: ;
    content: '';
    border-bottom: 2px solid rgba(52,152,220) !important;
    width: 90px;
    position: absolute;
    left: 16px;
    top: 50px;
    z-index: 1;
}

.navbar-light .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgb(255, 255, 255);
}

.is-sticky .navbar-light .navbar-toggler {
    color: rgba(255, 255, 255);
    border-color: rgb(255, 2555, 255);
}

.lnr-menu::before {

    content: "\e871";
	color: #ffffff;

}

.is-sticky .lnr-menu::before {

    content: "\e871";
	color: #ffffff;

}

.disable {
  color: #aaa4a4 !important;
  border: 1px solid transparent;
  cursor: not-allowed;
}

.footer-area {

    padding-top: 20px;
	padding-bottom: 20px;
    background-color: #ffffff;

}

.pull-right-edit { 
				
		float: right;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
    padding: .4rem 1rem;
				
}		
		
.pull-left-edit { 
				
		float: left;
				
}
		
@media only screen and (max-width: 768px) {
	.pull-right-edit { 
				
		float: none !important;
		text-align: center;
		justify-content: center;
				
}
}

@media only screen and (max-width: 768px) {
	.col-md-6-edit { 
		
		flex: 0 0 100% !important;		
		max-width: 100% !important;
		text-align: center		
}
}

@media only screen and (max-width: 768px) {
	.col-11-edit {
    flex: 0 0 100% !important;
    max-width: 100% !important;
	margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
}

@media only screen and (max-width: 768px) {
	.col-9-edit {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
}

@media only screen and (max-width: 768px) {
	.pull-left-edit { 
				
		float: none !important;
		text-align: center;
				
}
}

@media only screen and (max-width: 768px) {
	.footer-text { 
				
		float: left;
		text-align: center;
		max-width: 100% !important;
				
}
}

@media only screen and (max-width: 768px) {
	.visible-1 { 
				
		display: normal;
				
}
}

@media only screen and (min-width: 768px) {
	.visible-1 { 
				
		display: none;
				
}
}

@media only screen and (max-width: 768px) {
	.visible-2 { 
				
		display: none;
				
}
}

.small-scale { 
				
		padding: 0px 50px 40px 50px; 
		text-align: center;
				
}

.about-name{ 
				
		font-weight: 800;
		font-size: 23px !important;

				
}

@media only screen and (max-width: 767px) {
	.small-scale { 
				
		padding: 0px 105px 60px 105px !important; 
		text-align: center !important;
				
}
}

@media only screen and (max-width: 767px) {
	.about-name{ 
				
		font-size: 18px !important;
				
}
}



.about-quote-style {

    font-style: italic;
    color: ;
    font-weight: 425;
	
}


 {}
@media only screen and (max-width: 1199px) {
.more-padding {

    padding-top: 60px !important;
	padding-bottom: 60px !important;

}
}



@media only screen and (max-width: 981px) {
.card .primary-btn {

    display: block!important;

}
}

@media only screen and (max-width: 981px) {
..banner-area {
    margin-top: -167px !important;
    
}
}

@media only screen and (max-width: 981px) {
.testimonial {
    text-align: center;
    max-width: 700px;
    margin: 400px auto 130px auto !important;
    /* padding: 0 20px; */
}   
}


p{color: black}

h4{color: black;}

.ts-testimonial-slide p {color: white; text-align: center;}

h1 {
  color: #fff;
  padding: 10px 0;
}

.card {
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  border: none;
  margin: 0 auto;
  margin-bottom: 30px;
}
.card:hover {
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.4);
}
.card a {
  color: initial;
}
.card a:hover {
  text-decoration: initial;
}
.card .text-muted i {
  margin: 0 10px;
}

.card p {text-align: center;}

.card h4 {text-align: center;}

.card #services {text-align: center; display: inline-block; margin: 0 auto;}

.card .primary-btn {color: #ffffff !important; text-align: center; display: block; margin: px; position: relative; top: 50%; cursor: pointer;}

.article-1 .primary-btn {
}

.article-1 {    

	float: unset;
    position: unset;
    display: revert;
    flex-wrap: unset;
    align-items: self-start;
    justify-content: unset;
    padding: ;
	color: #ffffff;
}

@media only screen and (max-width: 981px) {
.article-1 {

    padding: 0px !important;

}
}

.article-2 .primary-btn {
    /* margin: 0 auto; */
    display: block;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding-left: 30px;
    padding-right: 30px;
}

.article-2  .primary-btn {
 
  margin: 0 auto;
  display: block;
  text-align: center;
}

.article-2 {
    float: unset;
    position: unset;
    display: flex;
    flex-wrap: unset;
    align-items: self-start;
    justify-content: center;
    /* padding: 0rem 17rem; */
    text-align: center;
    margin: 0 auto;
}

@media (min-width: 1199.98px) {
    .banner-area .fullscreen {
        height: 962px !important;
    }
}

.ts-testimonial-item h2 {text-align: center; margin-bottom: 15px; color: #ffffff; position: relative; z-index: 99;}
.ts-testimonial-item p {position: relative; z-index: 99;}

ul.social_icon li a {
    background: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    border-radius: 30px;
    margin: 0 3px;
    color: #000000;
}

ul.social_icon li a:hover {
    background-color: #fff;
    color: #165ea6;
}

ul.social_icon li {
    display: inline-block;
}

.footer-area-border {
    border-top: 1px solid rgba(127, 127, 127, 0.5);
    width: 90%;
    margin: 0 auto;
}

.card-img-top: { 300px;}

.owl-theme .owl-controls {
    margin-top: -190px;
    padding-bottom: 80px;
    text-align: center;
}

.ts-testimonial-slide p {
    font-size: 18px;
    line-height: 36px;
    font-style: ;
    /* font-family: 'Droid Serif'; */
    margin-bottom: 40px;
    font-weight: 500;
}

#testimonial-edit .owl-prev {
    float: left;
    margin-top: -9% !important;
    content: "\f077";
    font-family: "FontAwesome";
    font-size: 51px !important;
    background: none !important;
    z-index: 2;
    position: relative;
	margin-right: 30px;
}

#testimonial-edit .owl-next {
    float: right;
    margin-top: -9% !important;
    content: "\f077";
    font-family: "FontAwesome";
    font-size: 51px !important;
    background: none !important;
    z-index: 2;
    position: relative;
	margin-left: 30px;
}

.owl-carousel .owl-wrapper {
	background-color: rgba(0, 0, 0, 0.4);
	position: relative;
}

.ts-testimonial-slide .ts-testimonial-item {
    margin-bottom: 15px;
    padding: 0px 60px !important;
    margin: 0 auto;
    padding-top: 90px !important;
    padding-bottom: 20px !important;
	
}

.ts-testimonial-slide .ts-testimonial-item-bk-1 {
    
	background: url('../img/phase-two-auto-detailing-inc-31.jpg') ;
	background-size: cover !important;
	background-position: center center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-attachment: fixed; /* Keeps the background fixed during scrolling (optional) */
	
}

.ts-testimonial-slide .ts-testimonial-item-bk-2 {
    
	background: url('../img/How-to-Build-Consistent-Discipline.webp') ;
	background-size: cover !important;
	background-position: center center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-attachment: fixed; /* Keeps the background fixed during scrolling (optional) */
	
}

.ts-testimonial-slide .ts-testimonial-item-bk-3 {
    
	background: url('../img/usain.webp') ;
	background-size: cover !important;
	background-position: center center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-attachment: fixed; /* Keeps the background fixed during scrolling (optional) */
	
}

@media only screen and (max-width: 991px) {
	.ts-testimonial-slide .ts-testimonial-item-bk-1 {
		width: 150%;

	}
}

@media only screen and (max-width: 991px) {
	.ts-testimonial-slide .ts-testimonial-item-bk-2 {
		width: 150%;

	}
}

@media only screen and (max-width: 991px) {
	.ts-testimonial-slide .ts-testimonial-item-bk-3 {
		width: 150%;

	}
}

@media only screen and (max-width: 767px) {
	.ts-testimonial-slide .ts-testimonial-item-bk-1 {

	}
}

@media only screen and (max-width: 767px) {
	.ts-testimonial-slide .ts-testimonial-item-bk-2 {

	}
}

@media only screen and (max-width: 767px) {
	.ts-testimonial-slide .ts-testimonial-item-bk-3 {

	}
}

@media only screen and (max-width: 457px) {
	.ts-testimonial-slide .ts-testimonial-item-bk-1 {

	}
}

@media only screen and (max-width: 457px) {
	.ts-testimonial-slide .ts-testimonial-item-bk-2 {

	}
}

@media only screen and (max-width: 457px) {
	.ts-testimonial-slide .ts-testimonial-item-bk-3 {
		

	}
}


.articles {
    background-color: #000000;
    padding-bottom: 40px;
    padding-top: 0px; 
}

.article-2 .primary-btn {
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 80px;
}

.owl-theme .owl-controls .owl-page .active {
	color:rgb(255, 255, 255,0.5) !important;
	background-color: rgb(255, 255, 255, 0.5) !important;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0px;
    right: 0;
    background-color: rgba(0, 0, 0, .50);
    z-index: ;
    height: 100%%;
}

.banner-content h1 {
    color: #fff;
    font-size: 36px;
    /* font-weight: 700; */
    line-height: 1em;
    margin-top: 20px;
    margin-bottom: 10px;
}

.card-body h4 {text-transform: uppercase;}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity = 100);
    opacity: .999;
}

.banner-area .overlay-bg {
    border-radius: 0px;
    background-color: rgba(4, 9, 30, 0.2);
}

@media only screen and (max-width: 575px) {
    .card-img-top {
        width: 75%;
        border-top-left-radius: calc(0.25rem - 1px);
        border-top-right-radius: calc(0.25rem - 1px);
        margin: 0 auto;
        align-items: center;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        position: relative;
    }
}

@media only screen and (max-width: 575px) {
.article-1 {

	margin: 0% 15%;

}
}