@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
/*
	Title # Cybernetikz
	Date #  10 May 2025
*/


html {
  scroll-behavior: smooth;
}


*{ padding: 0px; margin: 0px; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body{ padding: 0px; margin: 0px; background: #619e85; /*font-family: "Public Sans", sans-serif;*/ font-family:"Public Sans", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 400; font-style: normal; line-height:24px; }


.body-full{ width: 100%; float: left; position: relative; background: #FFF; }
.body-full2{ width: 100%; float: left; position: relative; background: #619e85; }
.body-full3{ width:100%; float:left; position:relative; background:#f0f0f0; border-top:15px solid #619e85; }
.body-full4{ width:100%; float:left; position:relative; background:#f5f5f9; border-top:15px solid #619e85; }
.body-full5{ width:100%; float:left; position:relative; background:#f5f5f9; }


img{ max-width:100%; height:auto; }


.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  /*width: 70%;*/
  margin: auto;
}

a{ text-decoration:none;outline: 0; transition: 0.2s linear; }
a:hover{ text-decoration:none;outline: 0; }
:focus {
outline: 0;
}
button:focus {
    outline: 0 !important;
}

.table > thead > tr > th{ border:none; font-size:12px; font-weight:normal; color:#666666; } 
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{ border:none; font-size:12px; font-weight:normal; color:#000; line-height:20px; } 



	
/* ================================================== Start Navigation ========================================================== */

.navigation-full{ width: 100%; float: left; position: relative; background:rgb(87, 142, 119); /*box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.11);*/ z-index: 999; }
	/*.navigation-full .container{ max-width: 1190px; }*/
	
	.navigation-full.sticky{ position: fixed; background:rgb(97, 158, 133); z-index: 999; }
	
		.navigation-full.sticky .navbar-nav li a.last{ background:rgb(129, 178, 158); }




.navigation{
			width:100%;
			padding:25px 0px;
			position:relative;
			display:flex;
			align-items: center;
			justify-content: space-between;
			}

	.logo{
		  width:180px;
		  float:left;
		  position:relative;
		  line-height:0px;
		 }

	.logo img{ width:auto; height:auto; }
	
	
	.mobile-logo{
			  width:100%;
			  padding:20px 10px;
			  background:rgb(87, 142, 119);
			  float:left;
			  position:absolute;
			  left:0px;
			  top:0px;
			  display:none;
			 }

		.mobile-logo img{ width:180px; height:auto; }


/* ---------- Start Sub Menu ---------- */ 

#navbar{
		width:auto;		
		float:right;
		}

		
.navbar{
	 	padding:0px 0px;
		}
		
.navbar-toggle{ display:none; }

.navbar-nav{ width:100%; display: inline-block; }

.navbar-nav li{ margin:0px; padding:0px; font-family: "Jost", sans-serif; font-size:16px; font-weight:400; color:rgb(255, 255, 255); line-height:22px; display: inline-block; text-transform:uppercase; margin-left:5px; }
	.navbar-nav li a{ color:rgb(255, 255, 255); display:block; padding:8px 16px; border-radius:6px; }
		.navbar-nav li a:hover{ color:rgb(255, 255, 255); background:rgba(50, 71, 92, 0.04); }
.navbar-nav li a.active{ color:rgb(194, 217, 208); }
.navbar-nav li a.fixed{ color:rgb(97, 158, 133); background:rgb(194, 217, 208); }
	.navbar-nav li a.fixed.dropdown-toggle::after{ color:rgb(97, 158, 133); }

.navbar-nav li a.last{ color:rgb(255, 255, 255); background:rgb(97, 158, 133); border-radius:6px; }


 
		.navbar ul.dropdown-menu{
								width: 315px;
								background:#81b29e;
								/*overflow: auto;
    							max-height: calc(-13rem + 100vh);*/
								border: 0px;
								border-radius: 6px;
								padding:10px 0px;		
								margin:0px;
								box-shadow: 0 0px 4px 0 rgba(0,0,0,0.2);
								}

	.navbar-nav li ul li{ padding: 0px; margin: 0px; width:100%; float:left; font-size:16px; font-weight:400; color:rgb(255, 255, 255); line-height:22px; }
		.navbar-nav li ul li a{ color:rgb(255, 255, 255); display:block; padding:10px 6px 10px 16px; }
			.navbar-nav li ul li a:hover{ color:rgb(255, 255, 255); }
	.navbar-nav li ul li a.fixed{ color:rgb(97, 158, 133); background:none; }

	.navbar-nav li ul li a.active{ color:rgb(97, 158, 133); }
	
 
 .navbar-nav li:hover > ul.dropdown-menu{ display: block; }
 
 
 
/* ------------------------- Start Sub Mebu Sub Menu ------------------------------ */
 
.navbar ul li ul li ul.dropdown-menu{
									width:100%;
									background:rgb(97, 158, 133);
									/*overflow: auto;
									max-height: calc(-13rem + 100vh);*/
									border: 0px;
									border-radius: 6px;
									padding:10px 0px;		
									margin:0px;
									box-shadow: 0 0px 4px 0 rgba(0,0,0,0.2);
									position:absolute !important;
									left:315px !important;
									top:0px;
									z-index:999;
									}

	.navbar ul li ul li ul li{ font-size:14px; }
		.navbar ul li ul li ul li a{ padding:5px 10px 5px 30px; }
 
 /* ------------------------- End Sub Mebu Sub Menu ------------------------------ */


.dropdown-toggle::after{
						display: inline-block;
						margin-left:10px;
						vertical-align: middle;
						content: "\f107";
						font-family: 'FontAwesome'; font-size:16px; font-weight:normal; color:rgb(255, 255, 255); line-height:16px; font-style:normal;
						border:0px;
						/*border-top: 0.4em solid;
						border-right: 0.4em solid transparent;
						border-bottom: 0;
						border-left: 0.4em solid transparent;*/
					}





.navbar-menu-open{
				width: 20px;
				position: absolute;
				right: 0px;
				top: 18px;
				z-index: 1;
				display: none;
				cursor:pointer;
				}
	

.navbar-menu-close{
				width: 15px;
				position: absolute;
				right: 15px;
				top: 22px;
				z-index: 99;
				display: none;
				cursor:pointer;
				}





@media (max-width: 1560px) {	

.navbar ul li ul li ul.dropdown-menu{																
									left:-100% !important;									
									}
									
}



	
@media (max-width: 991px) {	

.logo{
	  width:130px;
	 }
		 
	
.navbar-nav li{ font-size:14px; margin-left:0px; }	
	.navbar-nav li a{ padding:8px 10px; }

}


@media (max-width: 767px) {
	
	
.navigation{
	  padding:25px 0px;
	}
	
	
.logo{
	width: 220px;	
	}
		


	
#navbar{
    width: 100%;
	position: relative;
    padding: 0px 0px 0px;
    float: left;
	z-index: 3;
}
	
	
	
.navbar-collapse{ right: -100% !important; transition: all 0.3s ease; }
.navbar-collapse.show{ right: 0 !important; }	
	

.navbar{ width: 100%; float: left; padding:0px 0px; }
	
.navbar-nav{ padding: 0px 0px 20px; }	
	
	
	.navbar-nav li{ font-size:16px; font-weight:400; color:#FFF; line-height:22px; margin-left:0px; width: 100%; margin:0px 0px; }
		.navbar-nav li a{ color:#FFF; padding:5px 10px; }
		
	
	.navbar ul.dropdown-menu{
							width: 100%;
							background:#81b29e;
							overflow:inherit;
							max-height:inherit;
							padding:5px 10px 10px;		
							margin:0px;
							box-shadow:none;
							border: 0px;
							position: relative;
							float: left;
							}
	
		.navbar-nav li ul li{ font-size: 16px; color:#FFF; font-weight:400; }
			.navbar-nav li ul li a{ color:#FFF !important; padding:5px 10px; }
				.navbar-nav li ul li a:hover{ color: #FFF; }
				

/* ------------------------- Start Sub Mebu Sub Menu ------------------------------ */
 
.navbar ul li ul li ul.dropdown-menu{
									width:100%;
									display:inline-block;
									position:relative !important;
									left:0px !important;
									margin:5px 0px 15px;
									}
 
 /* ------------------------- End Sub Mebu Sub Menu ------------------------------ */
	
	
	

.navbar-collapse{ 
				width: 300px;
				background: #81b29e;
				position: fixed;
				overflow-y: auto;
    			max-height: calc(-13rem + 300vh);
				right: 0px;
				top: 0px;
				height: 100%;
				float: left;
				box-shadow: 0 0px 8px 0 rgba(0,0,0,0.1);
				padding:30px 15px 20px;
				z-index: 3;
				}
	
.navbar-expand-sm .navbar-collapse{
									display:block!important;
									}


.collapse:not(.show) {
	display:block !important;
}


.navbar-toggle.collapsed{ 
					  padding:5px 8px 8px;
					  background:none;
					  border:0px;
					  border-radius:5px;
					  display:inline-block;
					  position: absolute;
					  top: 15px;
					  right: 0px;
					  z-index: 2222;
					  width:45px;
					  height:auto;
					}

.navbar-toggle{ 
			  padding:4px 5px 8px;
			  background:none;
			  border:0px;
			  border-radius:5px;
			  display:inline-block;
			  position: fixed;
			  top:18px;
			  right: 10px;
			  z-index: 2222;
			  width:37px;
			  height:auto;
			}
			
.navbar-toggle.collapsed .icon-bar {
    margin-left: 0px;
}				
.navbar-toggle .icon-bar {
    margin-left:2px;
}
				
.icon-bar {
	width: 36px; 
	height: 4px;
	border-radius: 10px;
	background-color: #000;
	display: block;
	transition: all 0.2s;
	margin-top: 5px;
	margin-left: 0px;
}
.icon-bar {
	background-color:#242525;
}
.navbar-toggle .top-bar {
  transform: rotate(44deg);
  transform-origin: 4% 34%;
  	width: 28px;
  	background-color: #FFF;
 	height: 2px;
}
 
.navbar-toggle .middle-bar {
  opacity: 0;
}
 
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 75%;
	width: 28px;
  	background-color: #FFF;
 	height: 2px;
}
 
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
	width: 36px;
	background-color:#242525;
	height: 4px;
}
 
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
	width: 36px;
}
 
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
	width: 36px;
	background-color:#242525;
	height: 4px;
}
	
	

/*.dropdown-toggle true::after{
						display: inline-block;
						margin-left: 0.255em;
						vertical-align: middle;
						content: "";
						border-top: 0;
						border-right: .3em solid transparent;
						border-bottom: .3em solid;
						border-left: .3em solid transparent;
					}*/
	

	
.navbar-menu-open{
				display: inline-block;
				}
	

.navbar-menu-close{
				display: inline-block;
				}

	

}




@media (max-width: 479px) {
	
	
.navbar-nav li a:hover{ color:rgb(97, 158, 133); background:none; }
.navbar-nav li a.active{ color:rgb(97, 158, 133); }
.navbar-nav li a.fixed{ color:rgb(97, 158, 133); background:none; }
	.navbar-nav li a.fixed.dropdown-toggle::after{ color:rgb(97, 158, 133); }

.navbar-nav li a.last{ color:rgb(255, 255, 255); background:rgb(97, 158, 133); border-radius:6px; }	
	
.navbar-collapse{ background:#FFF; }

.dropdown-toggle::after{ color:rgba(50, 71, 92, 0.6); }

	
.navbar-nav li{ color:rgba(50, 71, 92, 0.6); }
.navbar-nav li a{ color:rgba(50, 71, 92, 0.6); padding:10px 0px; }
	
.navigation-full.sticky .navbar-nav li a.last{ background:none; }
.navbar-nav li a.last{ color:rgba(50, 71, 92, 0.6); background:none; }
	
.navbar-collapse{ right:0 !important; left: -100% !important; transition: all 0.3s ease; }
.navbar-collapse.show{ right: 0 !important; left: 0 !important; }		
	

.mobile-logo{
		    display:inline-block;
		    }
			
			
.navbar-collapse{ 
				width: 85%;
				padding:90px 15px 20px;				
				}

}


/* ---------- End Sub Menu ---------- */ 

/* ============================================= End Navigation ================================================= */


/* ================================================== Start Top ========================================================== */

/*.top-full{ width: 100%; float: left; position: relative; background:rgb(87, 142, 119); z-index: 999; }

	.top-full.sticky{ position: fixed; background:rgb(97, 158, 133); z-index: 999; }*/
	


.top{
	  width:100%;
	  position:relative;
	  float:left;
	 }	

	.logo-store{
			  width:auto;
			  padding:15px 5px;
			  position:relative;
			  float:left;
			 }
	
		.logo-store img{ width:180px; height:auto; }
		
	.top-contact{
				  width:auto;
				  padding:15px 0px 0px;
				  position:relative;
				  float:right;
				  font-family: "Jost", sans-serif; font-size:15px; line-height:20px; font-weight:400; color:rgb(255, 255, 255); text-transform: uppercase;
				 }
			 
		.top-contact a{ color:rgb(255, 255, 255); margin-left:15px; }
		
	
	
@media (max-width: 767px) {	

.top{
	  text-align:center;
	 }	

	.logo-store{
			  width:100%;
			  padding:15px 0px;
			 }
		
	.top-contact{
				  width:100%;
				  padding:5px 0px;
				}

}


/* ============================================= End Top ================================================= */





/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Index Header <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.index-header-full{ width:100%; float:left; position:relative; background:url(../img/index-header-bg.png) center bottom repeat-x rgb(97, 158, 133); min-height: 450px; }

.index-header{
			 max-width:900px;
			 margin:50px auto 0px;
			 position: relative;
			}
	
	.index-header h1{ font-family: "Jost", sans-serif; font-size:72px; line-height:92px; font-weight:700; color:rgb(51, 51, 51); margin-bottom:20px; text-transform:uppercase; }
		.index-header h1 a{ color:rgb(51, 51, 51); }
	
	.index-header h1 span{ color:rgb(255, 255, 255); }

	.index-header h2{ font-family: "Jost", sans-serif; font-size:24px; font-weight:700; line-height:30px; color:rgb(51, 51, 51); text-transform:uppercase; margin-bottom:0px; width: max-content; position: absolute; top: 65px; left: -100px; transform: rotate(-90deg); }
		.index-header h2 a{ color:rgb(51, 51, 51); }

	.index-header p{ font-family: "Jost", sans-serif; font-size:20px; font-weight:500; color:rgb(51, 51, 51); line-height:25px; margin-bottom:0px; }
		.index-header p a{ color:rgb(51, 51, 51); }


	


@media (max-width: 991px) {	

.index-header h1{ font-size:56px; line-height:76px; }
.index-header h2{ position: relative; top:0px; left:0px; transform: rotate(0deg); }

}


@media (max-width: 767px) {	

.index-header-full{ min-height: 400px; border-top:1px solid #86b4a2; }

.index-header{
			 max-width:900px;
			 margin:50px auto 100px;
			}
	
	.index-header h1{ font-size:44px; line-height:64px; }
	.index-header h2{ font-size:16px; line-height:24px; }
	.index-header p{ font-size:16px; line-height:24px; }

}




@media (max-width: 574px) {	

.index-header-full{ min-height:350px; }

.index-header{
			 max-width:900px;
			 margin:50px auto 100px;
			}
	
	.index-header h1{ font-size:30px; line-height:45px; }

}

				
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Index Header <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Header <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.header-full{ width:100%; float:left; position:relative; background:url(../img/header-bg.jpg) center center no-repeat; background-size:cover; border-bottom:15px solid #81b29e; }



.header-full header{
					 width:100%;
					 /*padding:150px 0px 80px;*/
					 padding:150px 0px 80px;
					 display: grid;
					 align-items: center;
					 float:left;
					 position:relative;
					 /*text-align:center;*/
					}

	
	.header-full header h1{ font-family: "Jost", sans-serif; font-size:40px; line-height:45px; font-weight:600; color:rgb(97, 158, 133); margin-bottom:20px; }
	
		.header-full header h1 span{ color:rgb(255, 255, 255); }
	
	.header-full header h2{ font-family: "Jost", sans-serif; font-size:28px; line-height:35px; font-weight:600; color:rgb(255, 255, 255); margin-bottom:10px; text-transform:uppercase; }
	
	.header-full header p{ font-size:18px; line-height:24px; font-weight:600; color:rgba(50, 71, 92, 0.6); margin-bottom:20px; }

	.header-full header .btn-primary{
									width:100%;
									padding:5px 10px;
									background:#619e85;
									height:auto;
									border:0;
									border-radius:0px;
									border-bottom-left-radius:6px;
									border-bottom-right-radius:6px;
									font-family: "Public Sans", sans-serif; font-size:14px; font-weight:500; color:#FFF; line-height:28px; text-align:center; display:inline-block; text-transform:uppercase; 
									cursor:pointer;
									}

		.header-full header .btn-primary:hover{ background:#619e85; color:#FFF; box-shadow: 0 0px 8px 0 rgba(0,0,0,0.0); }
		.header-full header .btn-primary:not(:disabled):not(.disabled):active{ background:#619e85; color:#FFF; border:0px; box-shadow:0 0 8px 0 rgba(0,0,0,0); }
		.header-full header .btn.focus, .btn:focus{ outline: 0; box-shadow: 0 0 8px 0 rgba(0,0,0,.0); }



@media (max-width: 1199px) {
	
.header-full header{
				 width:100%;
				 padding:40px 0px;
				 }

}


@media (max-width: 767px) {
	
.header-full header{
				 width:100%;
				 padding:40px 0px;
				 }
	
	.header-full header h1{ font-size:30px; line-height:35px; }	
	.header-full header h1 br{ display:none; }
	.header-full header h2{ font-size:24px; line-height:30px; }	
	.header-full header p{ font-size:16px; line-height:22px; }

}
				
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Header <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Technology Services <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.technology-services{
					width:100%;
					padding:40px 0px;
					float:left;
					position:relative;
					text-align:center;
					}
					
	.technology-services .col-12{ width:85%; display:inline-block; padding:0px 0px; }
	
	.technology-services hr{ max-width:500px; background:rgba(50, 71, 92, 0.12); height:1px; margin:0px auto 20px; }

	.technology-services h2{ font-family: "Jost", sans-serif; font-size:40px; line-height:45px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:20px; text-transform:uppercase; }
		.technology-services h2 a{ color:rgb(51, 51, 51); }
	
	.technology-services h2 span{ font-family: "Public Sans", sans-serif; color:rgb(97, 158, 133); }

	.technology-services p{ font-size:18px; font-weight:400; color:rgb(51, 51, 51); line-height:30px; margin-bottom:20px; }
		.technology-services p a{ color:rgb(51, 51, 51); }
		
		
		
	.technology-services ul{ padding:0px; margin:0px; display: flex; flex-flow: wrap; text-align:left; }
	.technology-services li{ padding:0px; margin:0px; list-style:none; width:49%; float: left; margin-left:2%; display:inline-block; background-color: rgb(255, 255, 255); box-shadow: rgba(50, 71, 92, 0.1) 0px 2px 10px 0px; padding:10px 10px 40px; border-radius:8px; margin-top:40px; position:relative; }
	
	.technology-services li:nth-child(2n+1){ margin-left:0px; }
	
		.technology-services li h3{ font-family: "Jost", sans-serif; font-size:20px; font-weight:500; color:rgb(51, 51, 51); line-height:30px; margin-bottom:10px; min-height:30px; }
			.technology-services li h3 a{ color:rgb(51, 51, 51); }
	
		.technology-services li p{ font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; margin-bottom:20px; }
			.technology-services li p a{ color:rgb(51, 51, 51); }
			
		/*.technology-services li:nth-child(9) p{ min-height:120px; }*/	
	
	
	.technology-services li .img{ width:auto; height: 220px; border-radius:8px; display: block; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; margin-bottom:15px; }	

	.technology-services li .btn-primary{
										width:100%;
										padding:5px 10px;
										background:#619e85;
										height:auto;
										border:0;
										border-radius:0px;
										border-bottom-left-radius:6px;
										border-bottom-right-radius:6px;
										font-family: "Public Sans", sans-serif; font-size:14px; font-weight:500; color:#FFF; line-height:28px; text-align:center; display:inline-block; text-transform:uppercase; 
										cursor:pointer;
										position:absolute;
										left:0px;
										bottom:0px;
										}

		.technology-services li .btn-primary:hover{ background:#619e85; color:#FFF; box-shadow: 0 0px 8px 0 rgba(0,0,0,0.0); }
		.technology-services li .btn-primary:not(:disabled):not(.disabled):active{ background:#619e85; color:#FFF; border:0px; box-shadow:0 0 8px 0 rgba(0,0,0,0); }
		.technology-services li .btn.focus, .btn:focus{ outline: 0; box-shadow: 0 0 8px 0 rgba(0,0,0,.0); }




@media (max-width: 1199px) {
	
.technology-services .col-12{ width:100%; }
	
.technology-services li h3{ min-height:30px; }
/*.technology-services li p{ min-height:110px; }*/
/*.technology-services li:nth-child(9) p{ min-height:144px; }*/
	
}



@media (max-width: 991px) {
	
.technology-services{
					padding:30px 0px;
					}
					
	.technology-services h2{ font-size:30px; line-height:35px; }

	
	.technology-services li{ width:100%; margin-left:0px; margin-top:30px; }
	
		.technology-services li h3{ min-height:inherit; }
		.technology-services li p{ min-height:inherit; }
		.technology-services li:nth-child(9) p{ min-height:inherit; }
	
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Technology Services <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Why Customers Choose <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.why-customers-choose-full{ width:100%; float:left; position:relative; background:url(../img/tech-why-bg.png) center bottom repeat-x rgb(240, 240, 240); }

.why-customers-choose{
					width:100%;
					padding:40px 0px;
					float:left;
					position:relative;
					text-align:center;
					}
					
	.why-customers-choose .col-12{ width:85%; display:inline-block; padding:0px 0px; }
	
	.why-customers-choose hr{ max-width:500px; background:rgba(50, 71, 92, 0.12); height:1px; margin:0px auto 20px; }

	.why-customers-choose h2{ font-family: "Jost", sans-serif; font-size:40px; line-height:45px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:20px; text-transform:uppercase; }
		.why-customers-choose h2 a{ color:rgb(51, 51, 51); }
	
	.why-customers-choose h2 span{ font-family: "Public Sans", sans-serif; color:rgb(97, 158, 133); }

	.why-customers-choose p{ font-size:18px; font-weight:400; color:rgb(51, 51, 51); line-height:30px; margin-bottom:20px; }
		.why-customers-choose p a{ color:rgb(51, 51, 51); }
		
		
		
	.why-customers-choose ul{ padding:0px; margin:0px; text-align:left; display: flex; align-items: center; justify-content: space-between; }
	.why-customers-choose li{ padding:0px; margin:0px; list-style:none; width:48%; float: left; margin-left:4%; display:inline-block; margin-top:40px; }
	
	.why-customers-choose li:nth-child(2n+1){ margin-left:0px; }
	
		.why-customers-choose li h3{ font-family: "Jost", sans-serif; font-size:20px; font-weight:500; color:rgb(51, 51, 51); line-height:30px; margin-bottom:10px; }
			.why-customers-choose li h3 a{ color:rgb(51, 51, 51); }
	
		.why-customers-choose li p{ font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; margin-bottom:0px; }
			.why-customers-choose li p a{ color:rgb(51, 51, 51); }	
	
	
	.why-customers-choose li img{ width:auto; height: auto; }
	
	.why-customers-choose li .background{ width:100%; padding:24px; box-shadow: rgba(50, 71, 92, 0.1) 0px 2px 10px 0px; background-color: rgb(255, 255, 255); border-radius:8px; margin:12px 0px; display:inline-block; }
	
		.why-customers-choose li .background2{ width:100%; padding:24px; box-shadow: rgba(50, 71, 92, 0.1) 0px 2px 10px 0px; background-color: rgb(129, 178, 158); border-radius:8px; margin:12px 0px; display:inline-block; }
		
			.why-customers-choose li .background2 h3{ color:rgb(255, 255, 255); }
			.why-customers-choose li .background2 p{ color:rgb(255, 255, 255); }





@media (max-width: 1199px) {
	
.why-customers-choose .col-12{ width:100%; }
	
}



@media (max-width: 991px) {
	
.why-customers-choose{
					padding:30px 0px;
					}
					
	.why-customers-choose h2{ font-size:30px; line-height:35px; }
	
	.why-customers-choose ul{ display:inline-block; }
	.why-customers-choose li{ width:100%; margin-left:0px; margin-top:30px; }

	
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Why Customers Choose <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */





/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Portfolio <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.recent-projects-full{ width:100%; float:left; position:relative; background:url(../img/index-header-bg.webp) center bottom repeat-x rgb(97, 158, 133); min-height: 450px; }

.recent-projects{
				width:100%;
				padding:40px 0px 150px;
				float:left;
				position:relative;
				}
	
	.recent-projects hr{ max-width:500px; background:rgb(255, 255, 255); height:1px; margin:0px auto 20px; }

	.recent-projects h2{ font-family: "Jost", sans-serif; font-size:40px; line-height:45px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:20px; text-transform:uppercase; text-align:center; }
		.recent-projects h2 a{ color:rgb(51, 51, 51); }
	
	.recent-projects h2 span{ font-family: "Public Sans", sans-serif; color:rgb(255, 255, 255); }


	.recent-projects .btn-primary{
									width:auto;
									padding:5px 22px;
									background:#2e5947;
									box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px;
									height:auto;
									border:0;
									border-radius:6px;
									font-family: "Public Sans", sans-serif; font-size:14px; font-weight:500; color:#FFF; line-height:28px; text-align:center; display:inline-block; text-transform:uppercase; 
									letter-spacing: 0.3px; cursor:pointer;
									transition: 0.2s ease-in-out;
									}

		.recent-projects .btn-primary:hover{ background:#619e85; color:#FFF; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
		.recent-projects .btn-primary:not(:disabled):not(.disabled):active{ background:#619e85; color:#FFF; border:0px; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
		.recent-projects .btn.focus, .btn:focus{ outline: 0; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }


	.recent-projects .bx-viewport{ margin:40px 0px 20px !important; }
			
	.recent-projects ul.bx-viewport{ padding:0px; margin:0px; width:100%; height:auto !important; overflow: hidden; justify-content: space-between; }
	.recent-projects li { padding: 0px; margin: 0px; list-style: none; width: 340px !important; height:430px !important; display: inline-block; margin:0px 25px !important; padding:15px 20px; background:rgb(129, 178, 158); border-radius:8px; overflow: hidden; }
	
	.recent-projects li img{ width:100%; height:auto; margin-bottom:5px; }
	
		.recent-projects li h3{ font-family: "Jost", sans-serif; font-size:20px; font-weight:500; color:rgb(255, 255, 255); line-height:30px; margin-bottom:10px; }
			.recent-projects li h3 a{ color:rgb(51, 51, 51); }
	
		.recent-projects li p{ font-size:16px; font-weight:400; color:rgb(255, 255, 255); line-height:24px; margin-bottom:0px; }
			.recent-projects li p a{ color:rgb(255, 255, 255); }
			
	.recent-projects li .b2c{ font-size:16px; font-weight:400; color:rgb(255, 255, 255); line-height:25px; width:auto; background:rgb(97, 158, 133); text-align:center; position:absolute; left:20px; top:15px; z-index:1; }
		.recent-projects li .b2c a{ color:rgb(255, 255, 255); padding:5px 10px; }






@media (max-width: 1199px) {	
	
.recent-projects li { width: 280px !important; margin:0px 16px !important; }
	
}


@media (max-width: 991px) {	
	
.recent-projects li { width: 308px !important; margin:0px 20px !important; }
	
}



@media (max-width: 767px) {	
	
.recent-projects{
				padding:0px 0px 100px;
				}
	
	.recent-projects h2{ font-size:30px; line-height:35px; }
	

	
	.recent-projects li{ width:235px !important; height:570px !important; margin: 0px 10px !important; }
	
}



@media (max-width: 574px) {	
	
.recent-projects li{ width:208px !important; height:auto !important; margin: 0px 10px !important; }
	
}


@media (max-width: 479px) {	
	
.recent-projects li{ width:390px !important; height:auto !important; margin: 0px 30px !important; }
	
}



@media (max-width: 460px) {	
	
.recent-projects li{ width:372px !important; height:auto !important; margin: 0px 30px !important; }
	
}


@media (max-width: 450px) {	
	
.recent-projects li{ width:362px !important; height:auto !important; margin: 0px 30px !important; }
	
}


@media (max-width: 440px) {	
	
.recent-projects li{ width:352px !important; height:auto !important; margin: 0px 30px !important; }
	
}


@media (max-width: 430px) {	
	
.recent-projects li{ width:380px !important; height:auto !important; margin: 0px 10px !important; }
	
}


@media (max-width: 420px) {	
	
.recent-projects li{ width:346px !important; height:auto !important; margin: 0px 20px !important; }
	
}


@media (max-width: 400px) {	
	
.recent-projects li{ width:334px !important; height:auto !important; margin: 0px 13px !important; }
	
}


@media (max-width: 389px) {	
	
.recent-projects li{ width:319px !important; height:auto !important; margin: 0px 13px !important; }
	
}


@media (max-width: 374px) {	
	
.recent-projects li{ width:312px !important; height:auto !important; margin: 0px 13px !important; }
	
}


@media (max-width: 360px) {	
	
.recent-projects li{ width:290px !important; height:auto !important; margin: 0px 20px !important; }
	
}


@media (max-width: 359px) {	
	
.recent-projects li{ width:262px !important; height:auto !important; margin: 0px 32px !important; }
	
}


@media (max-width: 340px) {	
	
.recent-projects li{ width:260px !important; height:auto !important; margin: 0px 25px !important; }
	
}


@media (max-width: 339px) {	
	
.recent-projects li{ width:255px !important; height:auto !important; margin: 0px 25px !important; }
	
}


@media (max-width: 335px) {	
	
.recent-projects li{ width:242px !important; height:auto !important; margin: 0px 25px !important; }
	
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Portfolio <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Top Brands <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.top-brands{
			width:100%;
			padding:50px 0px;
			float:left;
			position:relative;
			text-align:center;
			}
	
	.top-brands hr{ max-width:500px; background:rgba(50, 71, 92, 0.12); height:1px; margin:0px auto 20px; }

	.top-brands h2{ font-family: "Jost", sans-serif; font-size:40px; line-height:45px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:20px; text-transform:uppercase; }
		.top-brands h2 a{ color:rgb(51, 51, 51); }
	
	.top-brands h2 span{ font-family: "Public Sans", sans-serif; color:rgb(97, 158, 133); }



	.top-brands .bx-viewport{ margin:40px 0px 20px !important; height:64px !important; }
			
	.top-brands ul.bx-viewport{ padding:0px; margin:0px; width:100%; height:auto !important; overflow: hidden; justify-content: space-between; }
	.top-brands li { padding: 0px; margin: 0px; list-style: none; /*width:auto !important;*/ height:auto !important; display: inline-block; margin:0px 15px !important; padding:10px 10px; border:1px solid #000; border-radius:8px; overflow: hidden; }
	
	.top-brands li img{ width:100%; height:40px !important; max-width: inherit; display:inline-block; }
	
		
	.top-brands .bx-wrapper .bx-controls-direction{ display:none; }






@media (max-width: 767px) {	
	
.top-brands{
			padding:30px 0px;
			}
	
	.top-brands h2{ font-size:30px; line-height:35px; }
	
	.top-brands li{ width:200px !important; }
	
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Top Brands <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Get A Quote <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.get-quote{
			width:100%;
			padding:50px 0px;
			float:left;
			position:relative;
			}

	.get-quote h2{ font-family: "Jost", sans-serif; font-size:36px; line-height:42px; font-weight:600; color:rgb(255, 255, 255); margin-bottom:20px; }
		.get-quote h2 a{ color:rgb(255, 255, 255); }
		
	.get-quote .color{ color:rgb(51, 51, 51); }
	
	.get-quote p{ font-size:16px; font-weight:400; color:rgb(255, 255, 255); line-height:24px; margin-bottom:20px; }
		.get-quote p a{ color:rgb(255, 255, 255); }

	.get-quote .btn-primary{
							width:120px;
							padding:5px 5px;
							background:#71a891;
							box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px;
							height:auto;
							border:0;
							border-radius:6px;
							font-family: "Public Sans", sans-serif; font-size:14px; font-weight:500; color:#FFF; line-height:28px; text-align:center; display:inline-block; text-transform:uppercase; 
							letter-spacing: 0.3px; cursor:pointer;
							transition: 0.2s ease-in-out;
							}

		.get-quote .btn-primary:hover{ background:#619e85; color:#FFF; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
		.get-quote .btn-primary:not(:disabled):not(.disabled):active{ background:#619e85; color:#FFF; border:0px; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
		.get-quote .btn.focus, .btn:focus{ outline: 0; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
		
		
		.get-quote ul{ padding:0px; margin:0px; text-align:left; display: flex; align-items: center; justify-content: space-between; }
		.get-quote li{ padding:0px; margin:0px; list-style:none; width:auto; float: left; display:inline-block; }
		
		.get-quote li:nth-child(2){ width:auto; float:right; padding-left:10px; }



@media (max-width: 767px) {	
	
.get-quote{
			padding:30px 0px;
			}
	
	.get-quote h2{ font-size:30px; line-height:35px; }
	
	
	.get-quote ul{ display:inline-block; }
	.get-quote li{ width:100%; }
	
	.get-quote li:nth-child(2){ width:100%; text-align:center; padding-left:0px; }
	
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Get A Quote <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Our Clients Are Saying <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.clients-saying-full{ width:100%; float:left; position:relative; background:#f0f0f0; border-bottom:15px solid #75b59b; }

.clients-saying{
				width:100%;
				padding:80px 0px 50px;
				float:left;
				position:relative;
				text-align:center;
				}
				
	.clients-saying .col-12{ width:85%; display:inline-block; padding:0px 0px; }
	
	.clients-saying hr{ max-width:500px; background:rgba(50, 71, 92, 0.12); height:1px; margin:0px auto 20px; }

	.clients-saying h2{ font-family: "Jost", sans-serif; font-size:40px; line-height:45px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:20px; text-transform:uppercase; text-align:center; }
		.clients-saying h2 a{ color:rgb(51, 51, 51); }
	
	.clients-saying h2 span{ font-family: "Public Sans", sans-serif; color:rgb(97, 158, 133) !important; }
	
	.clients-saying p{ font-size:18px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; margin-bottom:0px; }
			.clients-saying p a{ color:rgb(51, 51, 51); }



	.clients-saying .bx-viewport{ margin:60px 0px 20px !important; height:auto !important; }
			
	.clients-saying ul.bx-viewport{ padding:0px; margin:0px; width:100%; height:auto !important; overflow: hidden; justify-content: space-between; }
	.clients-saying li { padding: 0px; margin: 0px; list-style: none; width: 550px !important; height:250px !important; display: inline-block; margin:0px 25px !important; padding:30px 0px 0px; overflow: hidden; text-align:left; position:relative !important; }
	
	.clients-saying li img{ width:auto; height:15px; }
	
		.clients-saying li h3{ font-size:20px; font-weight:500; color:rgb(51, 51, 51); line-height:30px; margin-bottom:0px; }
			.clients-saying li h3 a{ color:rgb(51, 51, 51); }
			
		.clients-saying li h4{ font-size:16px; font-weight:500; color:rgb(51, 51, 51); line-height:30px; margin-bottom:0px; }
			.clients-saying li h4 a{ color:rgb(51, 51, 51); }
	
		.clients-saying li p{ font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; margin-bottom:0px; min-height:140px; }
			.clients-saying li p a{ color:rgb(51, 51, 51); }
			
		.clients-saying li p::before{
									width:auto;
									position:absolute;
									display:inline-block;
									left:5px;
									top:0px;
									content: "\f10d";
									font-family: 'FontAwesome'; font-size:50px; font-weight:normal; color:#e7e7e7; line-height:50px; font-style:normal;
									z-index:-1;
									}


	.clients-saying .bx-wrapper .bx-controls-direction{ display:none; }



@media (max-width: 1199px) {	

.clients-saying .col-12{ width:100%; }
	
.clients-saying li { width: 450px !important; margin:0px 16px !important; }
	
}


@media (max-width: 991px) {	
	
.clients-saying li { width:340px !important; height:280px !important;  margin:0px 15px !important; }

	.clients-saying li p{ min-height:175px; }
	
}



@media (max-width: 767px) {	
	
.clients-saying{
				padding:30px 0px;
				}
	
	.clients-saying h2{ font-size:30px; line-height:35px; }
	

	
	.clients-saying li{ width:230px !important; height:360px !important; margin: 0px 20px !important; }
	
		.clients-saying li p{ min-height:250px; }
	
}



@media (max-width: 574px) {	
	
.clients-saying li{ width:350px !important; height:auto !important; margin: 0px 50px !important; }
	
}


@media (max-width: 574px) {	
	
.clients-saying li{ width:390px !important; height:auto !important; margin: 0px 35px !important; }

	.clients-saying li p{ min-height:inherit; margin-bottom:20px; }
	
}


@media (max-width: 479px) {	
	
.clients-saying li{ width:280px !important; height:auto !important; margin: 0px 35px !important; }

	.clients-saying li p{ min-height:inherit; }
	
}


@media (max-width: 359px) {	
	
.clients-saying li{ width:225px !important; height:auto !important; margin: 0px 32px !important; }
	
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Our Clients Are Saying <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start QUERIES GET IN TOUCH <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.faq-full{ width:100%; float:left; position:relative; background:rgb(240, 240, 240); }
.faq-full2{ width:100%; float:left; position:relative; background:#f5f5f9; }

.question-touch{
				width:100%;
				padding:50px 0px;
				float:left;
				position:relative;
				text-align:center;
				}
				
	.question-touch .col-12{ width:75%; display:inline-block; padding:0px 0px; }
	
	.question-touch hr{ max-width:500px; background:rgba(50, 71, 92, 0.12); height:1px; margin:0px auto 20px; }

	.question-touch h2{ font-family: "Jost", sans-serif; font-size:40px; line-height:45px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:20px; text-transform:uppercase; text-align:center; }
		.recent-projects h2 a{ color:rgb(51, 51, 51); }
	
	.question-touch h2 span{ font-family: "Public Sans", sans-serif; color:rgb(255, 255, 255); }



	.question-touch-left{
						width:50%;
						float:left;
						position:relative;
						margin-top:30px;
						}
						
		.question-touch-left h3{ font-family: "Jost", sans-serif; font-size:20px; line-height:24px; font-weight:700; color:rgb(255, 255, 255); margin-bottom:20px; }
			.question-touch-left h3 a{ color:rgb(255, 255, 255); }
					
					
					
		.question-tab{
					width:100%;
					padding:0px 30px;
					background:#2e5947;
					border-radius:6px;
					display:inline-block;
					position:relative;
					}
					
			.question-tab ul.bx-viewport{ padding:0px; margin:0px; width:100%; height:auto !important; overflow: hidden; justify-content: space-between; }
			.question-tab li { padding: 0px; margin: 0px; list-style: none; width:auto !important; height:72px !important; display: inline-block; margin:0px 14px !important; overflow: hidden; font-size:14px; font-weight:400; line-height:72px; color:#FFF; text-transform:uppercase; }
				.question-tab ul li a{ color:#FFF; display:block; }
					.question-tab ul li a:hover{ color:#6cb29e; }
			.question-tab ul li a.active{ color:#6cb29e; }	
			
			
			.question-tab .bx-wrapper .bx-controls-direction a{
															  top: 44%;
															  width:7px !important;
															  height:11px !important;
															  padding:5px 5px;
															}
															
				.question-tab .bx-wrapper .bx-prev{
												  left: -15px;
												  background:url(../img/left-arrow2.png) no-repeat;
												  background-size: 7px 11px;
												  }
												  
				.question-tab .bx-wrapper .bx-next{
												  right: -15px;
												  background:url(../img/right-arrow2.png) no-repeat;
												  background-size: 7px 11px;
												  }
												  
												  
												  
					.question-tab-body{
										width:100%;
										padding:20px 0px 0px;
										display:inline-block;
										position:relative;
										text-align:left;
										}
										
						.question-tab-body h3{ font-family: "Jost", sans-serif; font-size:24px; line-height:30px; font-weight:500; color:rgb(51, 51, 51); margin-bottom:5px; margin-left:20px; }
							.question-tab-body h3 a{ color:rgb(51, 51, 51); }
					
						.question-tab-body p{ font-size:14px; line-height:22px; font-weight:400; color:rgb(255, 255, 255); margin-bottom:20px; margin-left:20px; }
							.question-tab-body p a{ color:rgb(255, 255, 255); }
			
				
						
				
					
					.faqlink{
							width:100%;
							display:block;
							padding: 10px 30px 10px 20px;
							background:#81b29e;	
							position:relative;						
							border-radius:6px;
							cursor: pointer;
							font-family: "Jost", sans-serif; font-size:16px; line-height:30px; font-weight:500; color:rgb(51, 51, 51); text-align:left; margin-bottom:10px;
						  	}
							
						.faqlink i{ font-size:18px; line-height:20px; color: rgb(51, 51, 51); position:absolute; right:15px; top:15px; }
						
						.hidden-content{ 
										width:100%;
										display:block;
										padding: 10px 20px;
										background:#81b29e;
										border-radius:6px;
										text-align:left;
										margin-top:-20px;
										margin-bottom:10px;
										display: none;
										}
										
							.hidden-content p{ font-size:16px; line-height:24px; font-weight:400; color:rgb(255, 255, 255); margin-bottom:10px; margin-left:0px; }
							
					
					
					
					
					
						
						
	.question-touch-right{
						width:48%;
						float:right;
						position:relative;
						margin-top:30px;
						}
						
						
		.contact-form{
					width:100%;
					padding:20px 20px;
					background:rgb(255, 255, 255);
					box-shadow: rgba(50, 71, 92, 0.1) 0px 2px 10px 0px;
					border-radius: 8px;					
					float:left;
					position:relative;
					text-align:center;
					}
					
			.contact-form h3{ font-family: "Jost", sans-serif; font-size:24px; line-height:30px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:20px; }
				.contact-form h3 a{ color:rgb(51, 51, 51); }
		
			.contact-form p{ font-size:14px; line-height:22px; font-weight:400; color:rgba(50, 71, 92, 0.6); margin-bottom:20px; }
				.contact-form p a{ color:rgba(50, 71, 92, 0.6); }
				
				
			.contact-form form{ margin:10px 0px 0px; text-align:left; }

			.contact-form form .form-group{ width: 100%; display: inline-block; position:relative; margin:0px 0px 20px; text-align:center; }
		
			.contact-form form .form-group .fa{ font-size:16px; font-weight:400; color:rgba(50, 71, 92, 0.6); line-height:20px; position:absolute; left:15px; top:18px; }
		
			.contact-form form .form-group label{ font-family: "Jost", sans-serif; font-size:14px; font-weight:400; color:rgba(50, 71, 92, 0.6); line-height:20px; position:absolute; left:10px; top:-12px; background:#FFF; padding:2px 2px; }
		
			.contact-form form .form-control{ font-family: "Jost", sans-serif; font-size:16px; font-weight:400; color:#000; line-height: 26px; width: 100%; border: 1px solid #cacaca; background: #FFF; height:56px; border-radius:5px; padding:15px 15px 15px 50px !important; box-shadow:0px 0px; }
			
				.contact-form form .form-control:hover{ border: 1px solid #000; }
				.contact-form form .form-control:active{ border:1px solid #1976d2; box-shadow: 0 0 0 1px #1976d2; }			
				.contact-form form .form-control:focus{ border:1px solid rgb(255, 62, 29); }
				
					.contact-form form .form-control:focus label{ color: rgb(255, 62, 29); }
		
				.contact-form form .form-control::-webkit-input-placeholder{ color:#000; opacity:1; }
				.contact-form form .form-control:-moz-placeholder{ /* Firefox 18- */ color:#000; opacity:1; }
				.contact-form form .form-control::-moz-placeholder{ /* Firefox 19+ */ color:#000;opacity:1; }
				.contact-form form .form-control:-ms-input-placeholder{ color:#000; opacity:1; }
				
				
			
			.contact-form form select.form-control{ font-family: "Jost", sans-serif; font-size:16px; font-weight:400; color:#000; line-height: 26px; width: 100%; border: 1px solid #cacaca; background: #FFF; height:56px; border-radius:5px; padding:15px 15px 15px 50px !important; /*text-indent: 50px; text-align:left;*/ box-shadow:0px 0px; }
			
				.contact-form form select.form-control:hover{ border: 1px solid #000; }
				.contact-form form select.form-control:active{ border:1px solid #1976d2; box-shadow: 0 0 0 1px #1976d2; }			
				.contact-form form select.form-control:focus{ border:1px solid rgb(255, 62, 29); }
				
					.contact-form form select.form-control:focus label{ color: rgb(255, 62, 29); }
		
				.contact-form form select.form-control::-webkit-input-placeholder{ color:#000; opacity:1; }
				.contact-form form select.form-control:-moz-placeholder{ /* Firefox 18- */ color:#000; opacity:1; }
				.contact-form form select.form-control::-moz-placeholder{ /* Firefox 19+ */ color:#000;opacity:1; }
				.contact-form form select.form-control:-ms-input-placeholder{ color:#000; opacity:1; }
			
		
			.contact-form form textarea.form-control{ font-family: "Jost", sans-serif; font-size:16px; font-weight:400; color:#000; line-height: 21px; width: 100%; border: 1px solid #cacaca; background: #FFF; border-radius:8px; padding:15px 15px 15px 50px; height: 100px; resize: none; }
		
				.contact-form form textarea.form-control::-webkit-input-placeholder{ color:#000; opacity:1; }
				.contact-form form textarea.form-control:-moz-placeholder{ /* Firefox 18- */ color:#000; opacity:1; }
				.contact-form form textarea.form-control::-moz-placeholder{ /* Firefox 19+ */ color:#000;opacity:1; }
				.contact-form form textarea.form-control:-ms-input-placeholder{ color:#000; opacity:1; }


			.contact-form .btn-primary{
									width:100%;
									padding:5px 22px;
									background:#2e5947;
									box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px;
									height:auto;
									border:0;
									border-radius:6px;
									font-family: "Public Sans", sans-serif; font-size:14px; font-weight:500; color:#FFF; line-height:28px; text-align:center; display:inline-block; text-transform:uppercase; 
									letter-spacing: 0.3px; cursor:pointer;
									transition: 0.2s ease-in-out;
									}
		
				.contact-form .btn-primary:hover{ background:#619e85; color:#FFF; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
				.contact-form .btn-primary:not(:disabled):not(.disabled):active{ background:#619e85; color:#FFF; border:0px; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
				.contact-form .btn.focus, .btn:focus{ outline: 0; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }



.faq-full .get-quote{ text-align:center; }
.faq-full .get-quote h2{ font-size:24px; line-height:30px; color:rgb(51, 51, 51); }
.faq-full .get-quote p{ font-size:18px; line-height:24px; color:rgb(51, 51, 51); }
.faq-full .faqlink{ background:#FFF; }
.faq-full .hidden-content{ background:#FFF; }
.faq-full .faqlink{ font-size:20px; }
.faq-full .hidden-content p{ font-size:16px; color:rgb(51, 51, 51); }



.faq-full2 .get-quote{ text-align:center; }
.faq-full2 .get-quote h2{ font-size:24px; line-height:30px; color:rgb(51, 51, 51); }
.faq-full2 .get-quote p{ font-size:18px; line-height:24px; color:rgb(51, 51, 51); }
.faq-full2 .faqlink{ background:#FFF; }
.faq-full2 .hidden-content{ background:#FFF; }
.faq-full2 .faqlink{ font-size:20px; }
.faq-full2 .hidden-content p{ font-size:16px; color:rgb(51, 51, 51); }


@media (max-width: 1199px) {
				
.question-touch .col-12{ width:100%; }
	
}

	
@media (max-width: 767px) {
	
.question-touch{
				width:100%;
				padding:30px 0px;
				}
				

	.question-touch h2{ font-size:30px; line-height:35px; }
	
	
	.question-touch-left{
						width:100%;
						}
						
	.question-touch-right{
						width:100%;
						}
						
	
}

				
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End QUERIES GET IN TOUCH <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */







/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Footer <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.footer-full{ width: 100%; float: left; position: relative; background: #619e85 url(../img/footer-obj1.png) left bottom no-repeat; background-size:400px auto; border-top:15px solid #75b59b; }


.footer-full .bottom{
					width:100%;
					padding:40px 0px;
					float:left;
					position:relative;
					display:flex;
					justify-content: space-between;
					}
		
	.bottom-logo{
				width:24%;
				float:left;
				position:relative;
				}
				
		.bottom-logo img{ max-width:180px; height:auto; margin-bottom:50px; }
	
		.bottom-logo p{ font-size:16px; line-height:22px; font-weight:500; color:#FFF; margin-bottom:20px; }
			.bottom-logo p a{ color:#FFF; }
			
		.bottom-logo .fa{ font-size:16px; line-height:36px; color:#FFF; width:36px; height:36px; background:#2e5947; border-radius:8px; text-align:center; margin:0px 3px 10px; }
		.bottom-logo .fa-brands{ font-size:16px; line-height:36px; color:#FFF; width:36px; height:36px; background:#2e5947; border-radius:8px; text-align:center; margin:0px 3px 10px; }
			
			
	.bottom-links{
				width:18%;
				padding-left: 2%;
				float:left;
				position:relative;
				}
				
		.bottom-links h3{ font-size:20px; line-height:30px; font-weight:600; color:#FFF; margin-bottom:25px; position:relative; }
			.bottom-links h3 a{ color:#FFF; }			
		.bottom-links h3::after{ position: absolute; content: ""; height: 4px; width: 58px; left: 0px; bottom:-10px; border-radius:6px; background: rgb(46, 89, 71); }	
			
		.bottom-links ul{ padding:0px; margin:0px; }
		.bottom-links li { padding: 0px; margin: 0px; list-style: none; font-size:14px; font-weight:500; line-height:24px; color:#FFF; padding-left:15px; position:relative; }
			.bottom-links li a{ color:#FFF; }
				.bottom-links li a:hover{ color:#FFF; }
				
		.bottom-links li:before{ display: inline-block; vertical-align: middle; color:rgb(46, 89, 71) !important; content: "\f105"; font-family:'FontAwesome'; font-size:16px; font-weight:normal; line-height:16px; font-style:normal; left:0px; top:3px; position:absolute; }	
		
	
	
	.bottom-contact{
					width:22%;
					padding:0px 2% 0px 0px;
					float:left;
					position:relative;
					}
				
		.bottom-contact h3{ font-size:20px; line-height:30px; font-weight:600; color:#FFF; margin-bottom:25px; position:relative; }
			.bottom-contact h3 a{ color:#FFF; }			
		.bottom-contact h3::after{ position: absolute; content: ""; height: 4px; width: 58px; left: 0px; bottom:-10px; border-radius:6px; background: rgb(46, 89, 71); }		
	
		.bottom-contact p{ font-size:16px; line-height:22px; font-weight:500; color:#FFF; margin-bottom:20px; }
			.bottom-contact p a{ color:#FFF; }
		
		.bottom-contact ul{ padding:0px; margin:0px; }	
		.bottom-contact li{ padding:0px; margin:0px; list-style:none; font-size:16px; line-height:22px; font-weight:400; color:#FFF; margin-bottom:5px; }
			.bottom-contact li a{ color:#FFF; }
			
		.bottom-contact .fa{ font-size:18px; line-height:22px; color:#2e5947; margin-right:5px; }
			
			
	.bottom-newsletter{
						width:20%;
						float:right;
						position:relative;
						}
				
		.bottom-newsletter h3{ font-size:20px; line-height:30px; font-weight:600; color:#FFF; margin-bottom:25px; position:relative; }
			.bottom-newsletter h3 a{ color:#FFF; }			
		.bottom-newsletter h3::after{ position: absolute; content: ""; height: 4px; width: 58px; left: 0px; bottom:-10px; border-radius:6px; background: rgb(46, 89, 71); }			
	
		.bottom-newsletter p{ font-size:16px; line-height:22px; font-weight:500; color:#FFF; margin-bottom:20px; }
			.bottom-newsletter p a{ color:#FFF; }
			
			
		.bottom-newsletter .fa{ font-size:16px; line-height:40px; color:#FFF; width:40px; height:40px; background:#619e85; border-radius:8px; text-align:center; position:absolute; right:10px; top:8px; }	
			
		.bottom-newsletter .form-control{ font-family: "Jost", sans-serif; font-size:16px; font-weight:400; color:#869f94; line-height: 26px; width: 100%; border: 0px; background: #2e5947; height:56px; border-radius:5px; padding:15px 60px 15px 15px !important; box-shadow:0px 0px; }
					
			.bottom-newsletter .form-control:focus{ border:1px solid rgb(255, 62, 29); }
			
			.bottom-newsletter .form-control::-webkit-input-placeholder{ color:#869f94; opacity:1; }
			.bottom-newsletter .form-control:-moz-placeholder{ /* Firefox 18- */ color:#869f94; opacity:1; }
			.bottom-newsletter .form-control::-moz-placeholder{ /* Firefox 19+ */ color:#869f94;opacity:1; }
			.bottom-newsletter .form-control:-ms-input-placeholder{ color:#869f94; opacity:1; }
			
					



.footer-full footer{
				 width: 100%;
				 padding:25px 20px;
				 background:#2e5947;
				 border-top-left-radius:12px;
				 border-top-right-radius:12px;
				 float: left;
				 position: relative;
				 text-align:center;
				}

		
	.footer-full footer p{ font-size:13px; font-weight:300; color:#FFF; line-height:20px; margin-bottom:0px; }
		.footer-full footer p a{color:#FFF; }




@media (max-width: 1199px) {

.bottom-contact{
				padding:0px 1% 0px 0px;
				}
				
	.bottom-contact li{ font-size:14px; }
					
}


@media (max-width: 991px) {
	
.footer-full .bottom{
					width:100%;
					padding:40px 0px;
					display:inline-block;		
					}
		

	.bottom-logo{
				width:50%;	
				padding:0px 25px 30px 0px;
				}
				
		.bottom-logo img{ max-width:180px; height:auto; margin-bottom:25px; }
	
			
	.bottom-links{
				width:50%;
				padding:0px 0px 30px;
				float:right;
				}
	
	.bottom-contact{
					width:50%;
					padding:0px 0px;
					float:right;
					}
					
		.bottom-contact li{ font-size:16px; }		
		
	.bottom-newsletter{
						width:100%;
						margin-top:30px;
						}	
	
}



@media (max-width: 767px) {
	
.footer-full .bottom{
					text-align:center;	
					}
		
	.bottom-logo{
				width:100%;	
				padding:0px 0px 30px 0px;
				}
						
	.bottom-links{
				width:100%;
				padding:0px 0px 30px;
				}
				
		.bottom-links h3{ text-align:center; width:auto; display:inline-block; }
		
		.bottom-links ul{ width: 110px; margin:auto; text-align:left; }
	
	.bottom-contact{
					width:100%;
					padding:0px 0px 30px;
					}
					
		.bottom-contact h3{ text-align:center; width:auto; display:inline-block; }	
		
		
	.bottom-newsletter{
						width:100%;
						margin-top:0px;
						}		

		.bottom-newsletter h3{ text-align:center; width:auto; display:inline-block; }
	
}


@media (max-width: 479px) {
		
.bottom-links{
			width:100%;
			margin-bottom:30px;
			}

.bottom-contact{
				width:100%;
				}	
	
}
				
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Footer <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start About <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.who-we-are{
			width:100%;
			float:left;
			position:relative;
			display:flex;
			flex-flow: wrap;
			justify-content: space-between;
			align-items: center;
			}
			
	.who-we-are h2{ font-family: "Jost", sans-serif; font-size:40px; line-height:45px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:20px; text-transform:uppercase; }
		.who-we-are h2 a{ color:rgb(51, 51, 51); }
		
	.who-we-are h2 span{ color:rgb(97, 158, 133); }
	
	.who-we-are p{ font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; margin-bottom:20px; }
		.who-we-are p a{ color:rgb(51, 51, 51); }		
	.who-we-are p strong{ font-weight:700; }
		
	.who-we-are-left{ 
					width:38%;
					float:left;
					position:relative;
					}
					
	.who-we-are-left2{ 
					width:56%;
					float:left;
					position:relative;
					}
	
					
	.who-we-are-right{ 
					width:56%;
					float:right;
					position:relative;
					}
					
	.who-we-are-right2{ 
					width:38%;
					float:right;
					position:relative;
					}
					
	.who-we-are-right2a{ 
					width:100%;
					margin-bottom:20px;
					display:none;
					}
					
					
.project-experience{
					width:100%;
					padding:50px 0px;
					float:left;
					position:relative;
					text-align:center;
					}
					
	.project-experience h3{ font-family: "Jost", sans-serif; font-size:48px; line-height:50px; font-weight:500; color:rgb(46, 89, 71); margin-bottom:10px; text-transform:uppercase; }
		.project-experience h3 a{ color:rgb(46, 89, 71); }
	
	.project-experience p{ font-family: "Jost", sans-serif; font-size:20px; font-weight:500; color:rgb(255, 255, 255); line-height:25px; margin-bottom:0px; }
		.project-experience p a{ color:rgb(255, 255, 255); }
		
	.project-experience ul{ padding:0px; margin:0px; display:flex; flex-flow: wrap; justify-content: space-between; }
	.project-experience li{ padding:0px; margin:0px; list-style:none; display:inline-block; width:auto; float:left; }
	
	
	
	
.business-philosophy-tab{
						width:80%;
						margin:auto auto 10px;
						position:relative;
						text-align:center;
						}	
						
	.business-philosophy-tab ul{ padding:0px; margin:0px; display:inline-block; }
	.business-philosophy-tab li{ padding:0px; margin:0px; list-style:none; font-size:14px; font-weight:500; color:#FFF; line-height:24px; text-transform:uppercase; display:inline-block; width:auto; float:left; }
		.business-philosophy-tab li a{ color:#FFF; display:block; background:rgb(97, 158, 133); padding:8px 15px; }
			.business-philosophy-tab li a:hover{ color:#FFF; background:rgb(46, 89, 71); }
	.business-philosophy-tab li a.fixed{ color:#FFF; background:rgb(46, 89, 71); }
	
	
.business-philosophy-tab-body{
							width:100%;
							padding:25px 25px;
							background-color: rgb(255, 255, 255);
							box-shadow: rgba(50, 71, 92, 0.1) 0px 2px 10px 0px;
							border-radius:8px;					
							position:relative;
							display:flex;
							flex-flow: wrap;
							justify-content: space-between;
							align-items: center;
							}
					
		.business-philosophy-tab-body h3{ font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:20px; margin-bottom:20px; }
			.business-philosophy-tab-body h3 a{ color:rgb(51, 51, 51); }
	
		/*.business-philosophy-tab-body p{ font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; margin-bottom:20px; }
			.business-philosophy-tab-body p a{ color:rgb(51, 51, 51); }*/
		
		.business-philosophy-tab-body ul{ padding:0px; margin:0px; display:inline-block; }
		.business-philosophy-tab-body li{ padding:0px; margin:0px; list-style:none; font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; padding-left:25px; margin-bottom:5px; position:relative; }
			.business-philosophy-tab-body li a{ color:rgb(51, 51, 51); }
			
		.business-philosophy-tab-body li strong{ font-weight:700; }
		
		.business-philosophy-tab-body li:before{	
												font-family: 'FontAwesome'; font-size:16px; font-weight:normal; color:#619e85; line-height:24px; font-style:normal;							
												content: "\f05d";
												display: block;
												height: 0;
												position: absolute;
												left: 0px;
												top: 0;
												width: 0;
											}
		
		
		
	.business-philosophy-tab-body-image{
										width:30%;	
										float:left;			
										position:relative;
										}
				
	.business-philosophy-tab-body-details{
										width:65%;	
										float:right;			
										position:relative;
										}



@media (max-width: 1199px) {
	
.business-philosophy-tab{
						width:100%;
						}
		
	
}



@media (max-width: 991px) {
	
.who-we-are{
			width:100%;
			display:inline-block;
			}
	
	.who-we-are-left{ 
					width:100%;
					margin-bottom:20px;
					}
					
	.who-we-are-left2{ 
					width:100%;
					margin-bottom:20px;
					}
					
	.who-we-are-right{ 
					width:100%;
					}
					
	.who-we-are-right2{ 
					width:100%;
					display:none;
					}
					
	.who-we-are-right2a{ 
					display:inline-block;
					}	
					

.business-philosophy-tab{
						width:100%;
						display:inline-block;
						overflow:auto;
						}
						
	.business-philosophy-tab ul{ width:860px; display:inline-block; overflow:hidden; }	
	
		.business-philosophy-tab li{ width:auto; }
			.business-philosophy-tab li a{ padding:8px 10px; }	
					
/*.business-philosophy-tab li{ width:100%; }
	.business-philosophy-tab li a{ padding:8px 5px; }*/
	
}
					

@media (max-width: 767px) {
	
.who-we-are h2{ font-size: 30px; line-height: 35px; }	

.project-experience{
					width:100%;
					padding:10px 0px 30px;
					}
					
	.project-experience ul{ display:inline-block; }
	.project-experience li{ width:50%; float:left; margin-top:30px; }
					
					
.business-philosophy-tab-body{
							width:100%;
							padding:25px 25px;
							display:inline-block;
							}	
	
	.business-philosophy-tab-body-image{
										width:100%;
										margin-bottom:20px;
										}
				
	.business-philosophy-tab-body-details{
										width:100%;	
										}
	
}


@media (max-width: 479px) {
					
.project-experience li{ width:100%; }
	
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End About <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Service <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.service-block{
				width:100%;
				padding:60px 0px;
				float:left;
				position:relative;
				}
				
	.service-content{
					width:85%;
					position:relative;
					margin:auto;
					text-align:center;
					margin-bottom:80px;
					}
	
		.service-content hr{ max-width:500px; background:rgba(50, 71, 92, 0.12); height:1px; margin:0px auto 20px; }
		.service-content hr.one{ max-width:100%; background:rgba(50, 71, 92, 0.12); height:1px; margin:15px 0px 10px; }
	
		.service-content h2{ font-family: "Jost", sans-serif; font-size:40px; line-height:45px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:20px; text-transform:uppercase; }
			.service-content h2 a{ color:rgb(51, 51, 51); }
		
		.service-content h2 span{ font-family: "Public Sans", sans-serif; color:rgb(97, 158, 133); }
	
		.service-content p{ font-size:18px; font-weight:400; color:rgb(51, 51, 51); line-height:30px; margin-bottom:20px; }
			.service-content p a{ font-weight:600; color:rgb(51, 51, 51); }
			
			
		
	.service-details{
					width:100%;
					padding:25px 25px 10px;
					background-color: rgb(255, 255, 255);
					box-shadow: rgba(50, 71, 92, 0.1) 0px 2px 10px 0px;
					border-radius:8px;					
					position:relative;
					display:inline-block;
					margin-bottom:25px;
					}
					
		.service-details h3{ font-family: "Jost", sans-serif; font-size:20px; font-weight:500; color:rgb(51, 51, 51); line-height:30px; margin-bottom:10px; }
			.service-details h3 a{ color:rgb(51, 51, 51); }
			
		.service-details h3 strong{ font-family: "Public Sans", sans-serif; color:rgb(97, 158, 133); }
			
		.service-details h4{ font-family: "Jost", sans-serif; font-size:24px; font-weight:700; color:rgb(97, 158, 133); line-height:30px; margin-bottom:10px; }
			.service-details h4 a{ color:rgb(97, 158, 133); }
	
		.service-details p{ font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; margin-bottom:20px; }
			.service-details p a{ color:rgb(51, 51, 51); }
		
		.service-details ul{ padding:0px; margin:0px; margin:0px 0px 10px 30px; /*display:inline-block;*/ }
		.service-details li{ padding:0px; margin:0px; list-style:disc; font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; margin-bottom:10px; }
			.service-details li a{color:rgb(51, 51, 51); }
		.service-details li strong{ font-weight:700; }
		
			.service-details ul li ul{ margin:0px 0px 20px 20px; }
			.service-details ul li ul li{ list-style:circle; font-size:16px; font-weight:400; margin-bottom:5px; }
		
				.service-details ul li ul li ul{ margin:0px 0px 10px 20px; }
				.service-details ul li ul li ul li{ list-style:inherit; font-size:16px; font-weight:400; margin-bottom:5px; }
			
		
		
		.service-details .btn-primary{
							width:auto;
							padding:5px 20px;
							background:#71a891;
							box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px;
							height:auto;
							border:0;
							border-radius:6px;
							font-family: "Public Sans", sans-serif; font-size:14px; font-weight:500; color:#FFF; line-height:28px; text-align:center; display:inline-block; text-transform:uppercase; 
							letter-spacing: 0.3px; cursor:pointer;
							transition: 0.2s ease-in-out;
							margin:10px 0px 15px;
							}

		.service-details .btn-primary:hover{ background:#619e85; color:#FFF; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
		.service-details .btn-primary:not(:disabled):not(.disabled):active{ background:#619e85; color:#FFF; border:0px; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
		.service-details .btn.focus, .btn:focus{ outline: 0; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
		
		
		
	.technologies-list{
					width:100%;
					padding:25px 25px;
					background-color: #f9f9f9;
					box-shadow: rgba(50, 71, 92, 0.1) 0px 2px 10px 0px;
					border-radius:8px;					
					position:relative;
					display:inline-block;
					margin-bottom:25px;
					}
					
		.technologies-list h3{ font-family: "Jost", sans-serif; font-size:18px; font-weight:600; color:rgb(51, 51, 51); line-height:26px; margin-bottom:10px; }
			.technologies-list h3 a{ color:rgb(51, 51, 51); }
	
		
		.technologies-list ul{ padding:0px; margin:0px; text-align:center; }
		.technologies-list li{ padding:0px; margin:0px; list-style:disc; width:20%; float:left; display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; margin:10px 0px; }
		
		.technologies-list li img{ width:auto; /*max-width:40px;*/ max-width:inherit; height:50px; margin-bottom:10px; }
			
			.technologies-list li h4{ font-size:18px; font-weight:600; color:rgb(51, 51, 51); line-height:24px; margin-bottom:0px; }
				.technologies-list li h4 a{ color:rgb(51, 51, 51); }
				
				
				
				
		.service-solutions{
							width:100%;
							position:relative;
							display:inline-block;
							}
							
				.service-solutions h3{ font-family: "Jost", sans-serif; font-size:20px; font-weight:500; color:rgb(51, 51, 51); line-height:30px; margin-bottom:15px; }
					.service-solutions h3 a{ color:rgb(51, 51, 51); }
			
				.service-solutions p{ font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; margin-bottom:20px; }
					.service-solutions p a{ color:rgb(51, 51, 51); font-weight:600; }
					
				.service-solutions p strong{ font-weight:600; }
				
				.service-solutions ul{ padding:0px; margin:0px; margin:0px 0px 20px 0px; box-sizing: border-box; display:flex; flex-flow: wrap; text-align:center; justify-content: center; }
				.service-solutions li{ padding:0px; margin:0px; list-style:none; font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; background-color: rgb(255, 255, 255); box-shadow: rgba(50, 71, 92, 0.2) 0px 2px 1px -1px, rgba(50, 71, 92, 0.14) 0px 1px 1px 0px, rgba(50, 71, 92, 0.12) 0px 1px 3px 0px; background-image: none; transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 6px; width:32%; margin-left:2%; float:left; padding:25px 25px 5px; margin-bottom:20px; }
					.service-solutions li a{ color:rgb(51, 51, 51); }
					
				.service-solutions li:nth-child(3n+1){ margin-left:0px; }
				
				.service-solutions li img{ width:auto; height:50px; margin-bottom:20px; }
				
					.service-solutions li h3{ font-size:20px; font-weight:600; }
				
					.service-solutions li .btn-primary{
												width:auto;
												padding:5px 22px;
												background:#2e5947;
												box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px;
												height:auto;
												border:0;
												border-radius:6px;
												font-family: "Public Sans", sans-serif; font-size:14px; font-weight:500; color:#FFF; line-height:28px; text-align:center; display:inline-block; text-transform:uppercase; 
												letter-spacing: 0.3px; cursor:pointer;
												transition: 0.2s ease-in-out;
												}
			
					.service-solutions li .btn-primary:hover{ background:#619e85; color:#FFF; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
					.service-solutions li .btn-primary:not(:disabled):not(.disabled):active{ background:#619e85; color:#FFF; border:0px; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
					.service-solutions li .btn.focus, .btn:focus{ outline: 0; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
				
				
				
				.service-solutions ul li ul{ margin:0px 0px 10px 30px; text-align:left; }
				.service-solutions ul li ul li{ list-style:disc; font-size:16px; font-weight:400; line-height:24px; background-color:inherit; box-shadow:none; background-image: none; transition:none; border-radius:0px; width:100%; margin-left:0px; float:left; padding:0px 0px; margin-bottom:5px; }
		



@media (max-width: 1199px) {
	
.service-content{ 
				width:100%;
				margin-bottom:40px; 
				}
	
}



@media (max-width: 991px) {	
	
.technologies-list li{ width:25%; }


.service-solutions li{ width:49%; margin-left:2%; }
.service-solutions li:nth-child(3n+1){ margin-left:2%; }
.service-solutions li:nth-child(2n+1){ margin-left:0px; }
	
}


@media (max-width: 767px) {
	
.service-block{
				padding:40px 0px;
				}
				
					
	.service-content h2{ font-size:30px; line-height:35px; }
	
	
	.technologies-list li{ width:33%; }	
	.technologies-list li img{ max-width:40px; }
	
	
.service-solutions li{ width:100%; margin-left:0px; }
.service-solutions li:nth-child(3n+1){ margin-left:0px; }
.service-solutions li:nth-child(2n+1){ margin-left:0px; }

}


@media (max-width: 574px) {
	
.technologies-list li{ width:50%; }

}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Service <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */





/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Portfolio <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.portfolio-list{
				width:100%;
				padding:60px 0px;
				float:left;
				position:relative;
				text-align:center;				
				}
					
	.portfolio-list .col-12{ width:85%; display:inline-block; padding:0px 0px; }
	
	.portfolio-list hr{ max-width:500px; background:rgba(50, 71, 92, 0.12); height:1px; margin:0px auto 20px; }
	.portfolio-list hr.one{ max-width:100%; background:rgba(50, 71, 92, 0.12); height:1px; margin:15px 0px 10px; }

	.portfolio-list h2{ font-family: "Jost", sans-serif; font-size:40px; line-height:45px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:20px; text-transform:uppercase; }
		.portfolio-list h2 a{ color:rgb(51, 51, 51); }
	
	.portfolio-list h2 span{ font-family: "Public Sans", sans-serif; color:rgb(97, 158, 133); }

	.portfolio-list p{ font-size:18px; font-weight:400; color:rgb(51, 51, 51); line-height:30px; margin-bottom:20px; }
		.portfolio-list p a{ color:rgb(51, 51, 51); }
		
		
		
	.portfolio-list ul{ padding:0px; margin:0px; text-align:left; display: flex; flex-flow: wrap; }
	.portfolio-list li{ padding:0px; margin:0px; list-style:none; width:48%; float: left; margin-left:4%; display:inline-block; background-color: rgb(255, 255, 255); box-shadow: rgba(50, 71, 92, 0.1) 0px 2px 10px 0px; margin-top:20px; padding-bottom:215px; position:relative; border-radius:8px; }
	
	.portfolio-list li:nth-child(2n+1){ margin-left:0px; }
	
		.portfolio-list li h3{ font-family: "Jost", sans-serif; font-size:20px; font-weight:500; color:rgb(51, 51, 51); line-height:30px; margin-bottom:10px; min-height:45px; }
			.portfolio-list li h3 a{ color:rgb(51, 51, 51); }
				.portfolio-list li h3 a:hover{ color:rgb(97, 158, 133); }
				
		.portfolio-list li h4{ font-size:14px; font-weight:500; color:rgba(50, 71, 92, 0.6); line-height:24px; margin-bottom:5px; border-bottom:3px solid rgb(97, 158, 133); position:relative; }
			.portfolio-list li h4 a{ color:rgba(50, 71, 92, 0.6); }			
		.portfolio-list li h4::after{ display: inline-block; content: ""; width:12px; height:3px; background:#FFF; position:absolute; left:80px; bottom:-3px; z-index:1; }
			
		.portfolio-list li h5{ font-size:14px; font-weight:600; color:rgb(51, 51, 51); line-height:24px; margin-bottom:5px; }
			.portfolio-list li h5 a{ color:rgb(51, 51, 51); }
	
		.portfolio-list li p{ font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; margin-bottom:10px; min-height:105px; }
			.portfolio-list li p a{ color:rgb(51, 51, 51); }
			
		/*.portfolio-list li:nth-child(9) p{ min-height:120px; }*/	
	
	
	.portfolio-list li .img{ width:auto; height: 288px; border-top-left-radius:8px; border-top-right-radius:8px; display: block; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; margin-bottom:15px; }
	
	.portfolio-list li .content{ padding:0px 15px 5px; }
	
	.portfolio-list li .content-bottom{ width:100%; position:absolute; left:0px; bottom:20px; z-index:1; padding:15px 15px 0px; }
	
	.portfolio-list li .d-inline-block{ width:100%; }
	
	.portfolio-list li .fa{ font-size:16px; line-height:35px; color:#FFF; width:35px; height:35px; background:#81b29e; border-radius:5px; text-align:center; float:right; }	

	.portfolio-list li .b2c{ font-family: "Jost", sans-serif; font-size:16px; font-weight:400; color:rgb(255, 255, 255); line-height:25px; width:auto; padding:5px 10px; border-radius:5px; background:rgb(97, 158, 133); text-align:center; float:left; }
			.portfolio-list li .b2c a{ color:rgb(255, 255, 255); }




@media (max-width: 1199px) {
	
.portfolio-list .col-12{ width:100%; }

.portfolio-list li p{ min-height:125px; }
	
}



@media (max-width: 991px) {
	
.portfolio-list{
				padding:40px 0px;
				}
					
	.portfolio-list h2{ font-size:30px; line-height:35px; }

	
	.portfolio-list li{ width:100%; margin-left:0px; margin-top:30px; }
	
		.portfolio-list li h3{ min-height:inherit; }
		.portfolio-list li p{ min-height:inherit; }
	
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Portfolio <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */





/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Contact <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.contact-block{
				width:90%;
				padding:100px 0px;
				float:left;
				position:relative;
				margin:auto;
				}
				
	.contact-left{
				width:60%;
				float:left;
				position:relative;
				}
				
	.contact-right{
				width:38%;
				float:right;
				position:relative;
				}
				
		.contact-right ul{ padding:0px; margin:0px; }
		.contact-right li{ padding:0px; margin:0px; list-style:none; width:100%; float:left; background: rgb(255, 255, 255); box-shadow: rgba(50, 71, 92, 0.1) 0px 2px 10px 0px; border-radius: 8px; text-align:center; padding:30px 10px; margin-bottom:20px; }
				
		.contact-right .fa{ font-size:28px; line-height:52px; color:#FFF; width:52px; height:52px; background:#619e85; border-radius:50%; text-align:center; margin-bottom:10px; }

		.contact-right li h3{ font-family: "Jost", sans-serif; font-size:22px; line-height:26px; font-weight:600; color:rgb(97, 158, 133); margin-bottom:10px; }
			.contact-right li h3 a{ color:rgb(97, 158, 133); }
		
		.contact-right li p{ font-size:16px; font-weight:500; color:rgb(51, 51, 51); line-height:24px; margin-bottom:0px; }
				.contact-right li p a{ color:rgb(51, 51, 51); }



@media (max-width: 1199px) {	
	
.contact-block{
				width:100%;
				}
	
}



@media (max-width: 767px) {	
	
.contact-block{
				padding:40px 0px 20px;
				}
				
	.contact-left{
				width:100%;
				margin-bottom:30px;
				}
				
	.contact-right{
				width:100%;
				}
	
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Contact <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start 404 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


.blank-page{
			width:100%;
			padding:80px 0px;
			float:left;
			position:relative;
			text-align:center;
			}
			
	.blank-page img{ width:auto; height:487px; }

	.blank-page h2{ font-size:24px; line-height:30px; font-weight:500; color:rgb(51, 51, 51); margin-bottom:5px; }
		.blank-page h2 a{ color:rgb(51, 51, 51); }
	
	.blank-page p{ font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; margin-bottom:25px; }
			.blank-page p a{ color:rgb(51, 51, 51); }
			
			
	.blank-page .btn-primary{
							width:auto;
							padding:5px 22px;
							background:#2e5947;
							box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px;
							height:auto;
							border:0;
							border-radius:6px;
							font-family: "Public Sans", sans-serif; font-size:14px; font-weight:500; color:#FFF; line-height:28px; text-align:center; display:inline-block; text-transform:uppercase; 
							letter-spacing: 0.3px; cursor:pointer;
							transition: 0.2s ease-in-out;
							margin:0px 0px 20px;
							}

		.blank-page .btn-primary:hover{ background:#619e85; color:#FFF; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
		.blank-page .btn-primary:not(:disabled):not(.disabled):active{ background:#619e85; color:#FFF; border:0px; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
		.blank-page .btn.focus, .btn:focus{ outline: 0; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }




@media (max-width: 767px) {	
	
.contact-block{
				padding:40px 0px 20px;
				}
	
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End 404 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Pluging <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.pluging-block{
				width:100%;
				padding:60px 0px;
				float:left;
				position:relative;
				}


	.pluging-title{
					width:85%;
					position:relative;
					margin:auto;
					text-align:center;
					margin-bottom:80px;
					}
		
			.pluging-title hr{ max-width:500px; background:rgba(50, 71, 92, 0.12); height:1px; margin:0px auto 20px; }
			.pluging-title hr.one{ max-width:100%; background:rgba(50, 71, 92, 0.12); height:1px; margin:15px 0px 10px; }
		
			.pluging-title h2{ font-family: "Jost", sans-serif; font-size:40px; line-height:45px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:20px; text-transform:uppercase; }
				.pluging-title h2 a{ color:rgb(51, 51, 51); }
			
			.pluging-title h2 span{ font-family: "Public Sans", sans-serif; color:rgb(97, 158, 133); }
		
			.pluging-title p{ font-size:18px; font-weight:400; color:rgb(51, 51, 51); line-height:30px; margin-bottom:20px; }
				.pluging-title p a{ color:rgb(51, 51, 51); }
	
	.pluging-body{
					width:100%;
					padding:25px 25px;
					background-color: rgb(255, 255, 255);
					box-shadow: rgba(50, 71, 92, 0.1) 0px 2px 10px 0px;
					border-radius:8px;					
					position:relative;
					display:inline-block;
					margin-bottom:25px;
					}
					
			.pluging-body hr{ max-width:100%; background:rgba(50, 71, 92, 0.12); height:1px; margin:0px auto 20px; }
						
			.pluging-body h3{ font-family: "Jost", sans-serif; font-size:20px; font-weight:500; color:rgb(51, 51, 51); line-height:30px; margin-bottom:10px; }
				.pluging-body h3 a{ color:rgb(51, 51, 51); }
		
			.pluging-body p{ font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; margin-bottom:20px; }
				.pluging-body p a{ color:rgb(51, 51, 51); }
			
			.pluging-body ul{ padding:0px; margin:0px; margin:0px 0px 10px 0px; display:inline-block; }
			.pluging-body li{ padding:0px; margin:0px; list-style:none; font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; padding-left:25px; margin-bottom:10px; position:relative; }
				.pluging-body li a{ color:rgb(51, 51, 51); }
				
			.pluging-body li strong{ font-weight:700; }
			
			.pluging-body .icon{ font-size:14px; font-weight:400; color:rgba(50, 71, 92, 0.6); line-height:24px; margin-bottom:20px; width:100%; display:inline-block; }
				.pluging-body .icon a{ color:rgba(50, 71, 92, 0.6); }				
			.pluging-body .icon strong{ font-weight:400; display:inline-block; float:left; width:52%; border-right:1px solid rgba(50, 71, 92, 0.12); text-align:left; }
			.pluging-body .icon span{ display:inline-block; float:right; }
			
			.pluging-body .icon .fa{ font-size:24px; font-weight:400; color:rgb(97, 158, 133); line-height:24px; vertical-align:bottom; margin-right:10px; }
			
			.pluging-body li:before{	
									font-family: 'FontAwesome'; font-size:16px; font-weight:normal; color:rgb(51, 51, 51); line-height:24px; font-style:normal;							
									content: "\f0a4";
									/*content: "\f0a9";*/
									display: block;
									height: 0;
									position: absolute;
									left: 0px;
									top: 0;
									width: 0;
								}
			
			
			.pluging-body .btn-primary{
									width:auto;
									padding:5px 15px;
									background:#71a891;
									box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px;
									height:auto;
									border:0;
									border-radius:6px;
									font-family: "Public Sans", sans-serif; font-size:14px; font-weight:500; color:#FFF; line-height:28px; text-align:center; display:inline-block; text-transform:uppercase; 
									letter-spacing: 0.3px; cursor:pointer;
									transition: 0.2s ease-in-out;
									margin:10px 10px 0px 0px;
									}
	
			.pluging-body .btn-primary:hover{ background:#619e85; color:#FFF; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
			.pluging-body .btn-primary:not(:disabled):not(.disabled):active{ background:#619e85; color:#FFF; border:0px; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
			.pluging-body .btn.focus, .btn:focus{ outline: 0; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
			
			
			
		.pluging-image{
					width:47%;	
					float:left;			
					position:relative;
					}
					
		.pluging-details{
						width:50%;	
						float:right;			
						position:relative;
						}
						
						
						
@media (max-width: 767px) {	

.pluging-block{
				width:100%;
				padding:40px 0px;
				text-align:center;
				}
	
	.pluging-image{
				width:100%;
				margin-bottom:25px;
				}
				
	.pluging-details{
					width:100%;
					}
					
	
}


@media (max-width: 374px) {
	
.pluging-body hr{ margin:0px auto 10px; }
	
.pluging-body .icon{ margin-bottom:0px; }
	
.pluging-body .icon strong{ width:100%; border-right:0px; border-bottom:1px solid rgba(50, 71, 92, 0.12); padding:10px 5px; text-align:center; }
.pluging-body .icon span{ width:100%; padding:10px 5px; }
	
}
		
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Pluging <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */





/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Pricing Plans <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.monthly-annually{
				  width:100px;
				  position:relative;
				  margin:auto auto 50px;
				}
				
.monthly-annually-save{
					  width:125px;
					  padding:2px 5px;
					  background:#619e85;
					  border-radius:16px;
					  display:block ruby;
					  position:absolute;
					  right: -110px;
  					  top: -35px;
					  z-index:1;
					  font-family: "Public Sans", sans-serif; font-size:13px; font-weight:400; color:#FFF; line-height:20px; text-align:center; text-transform:uppercase;
					}
					
		.monthly-annually-save:before{ content: ''; width:16px; height:14px; background:url(../img/save-arrow.png) no-repeat; position:absolute; left:-25px; top:12px; z-index:2; }
		
				
.jumbotron { border-radius: 0;margin-bottom: 0;}

.jumbotron.df-bg-primary {
  background-color: #083386;
}
.df-switch {
  margin-top: 20px;
  padding: 12px 12px;
  text-align: center;
}
/*.btn-toggle {
  top: 50%;
  transform: translateY(-50%);
}*/
.btn-toggle {
  padding: 0;
  position: relative;
  border: none;
  height:16px;
  width:30px;
  border-radius:20px;
  background: #FFF;
  border:1px solid #b2bac2;
  margin-right:0px;
}
.btn-toggle:focus,
.btn-toggle.focus,
.btn-toggle:focus.active,
.btn-toggle.focus.active {
  outline: none;
}
.btn-toggle:before,
.btn-toggle:after {
  width: 4rem;
  text-align: center;
  font-weight: 600;
  font-size:14px; font-weight:600; color:rgba(50, 71, 92, 0.6); line-height:18px;
  position: absolute;
  bottom: 0;
}
.btn-toggle:before {
  content: 'Monthly';
  left: -68px;
  
}
.btn-toggle:after {
  content: 'Annually';
  right: -70px;
  top:-3px;
}
.btn-toggle > .inner-handle {
  border-radius: 13px;
  width: 65px;
  height: 13px;
  position: absolute;
  top: 6px;
  left: 8px;
  background-color: #0f71bd;
  box-shadow: inset 1px 1px 2px -1px black;	
}
.btn-toggle.active > .inner-handle {
  background-color: #BD4053;
}
.btn-toggle > .handle:before {
  content: "";
  position: absolute;
  height: 34px;
  width: 34px;
  top: 35%;
  left: 11px;
  background-image: radial-gradient(circle at center, #0785da 5px, transparent 5px);
  background-size: 10px 10px;
  background-repeat: no-repeat;
	
	display: none;
}
.btn-toggle.active > .handle:before {
  background-image: radial-gradient(circle at center, #F47280 5px, transparent 5px);
}
.btn-toggle > .handle {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 12px;
  height: 12px;
  background: #84919d;
  border-radius: 20px;
  transition: left 0.25s;
  border: 0px;
}
.btn-toggle.active {
  transition: background-color 0.25s;
}
.btn-toggle.active > .handle {
  left: 14px;
  transition: left 0.25s;
  background:#FFF;
}
.btn-toggle.active:before {
  opacity: 0.5;
}
.btn-toggle.active:after {
  opacity: 1;
  color: #272727;
}
.btn-toggle.active {
  background-color: #619e85;
}





.pricing-plans-tab{
				  width:100%;
				  float:left;
				  position:relative;
				  box-sizing: border-box;
				  display: flex;
				  flex-flow: wrap;
				  text-align: center;
				}
				
	.pricing-plans-tab .fixed{ border:1px solid #619e85 }
				
	.pricing-plans-tab h3{ font-family: "Jost", sans-serif; font-size:24px; font-weight:500; color:rgb(51, 51, 51); line-height:30px; margin-bottom:6px; }
		.pluging-body h3 a{ color:rgb(51, 51, 51); }
		
	.pricing-plans-tab h4{ font-size:32px; font-weight:600; color:rgb(97, 158, 133); line-height:35px; margin-bottom:10px; }
		.pricing-plans-tab h4 span{ font-size:14px; color:rgba(50, 71, 92, 0.6); }
	.pricing-plans-tab h4.margin-bottom{ margin-bottom:50px; }
		
	.pricing-plans-tab h5{ font-size:18px; font-weight:400; color:rgba(50, 71, 92, 0.6); line-height:24px; margin-bottom:10px; }
	
	.pricing-plans-tab p{ font-size:14px; font-weight:400; color:rgba(50, 71, 92, 0.6); line-height:22px; margin-bottom:20px; }
		.pricing-plans-tab p a{ color:rgba(50, 71, 92, 0.6); }
	
	.pricing-plans-tab ul{ padding:0px; margin:0px; margin-left:18px; text-align:left; }
	.pricing-plans-tab li{ padding:0px; margin:0px; list-style:disc; font-size:14px; font-weight:400; color:rgba(50, 71, 92, 0.6); line-height:20px; margin-bottom:10px; position:relative; }
	
	
	.pricing-plans-tab .btn-primary{
									width:86%;
									padding:5px 5px;
									background:#71a891;
									box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px;
									height:auto;
									border:0;
									border-radius:6px;
									position:absolute;
									left:7%;
									bottom:25px;
									font-family: "Public Sans", sans-serif; font-size:14px; font-weight:500; color:#FFF; line-height:28px; text-align:center; display:inline-block; text-transform:uppercase; 
									letter-spacing: 0.3px; cursor:pointer;
									transition: 0.2s ease-in-out;
									}
	
			.pricing-plans-tab .btn-primary:hover{ background:#619e85; color:#FFF; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
			.pricing-plans-tab .btn-primary:not(:disabled):not(.disabled):active{ background:#619e85; color:#FFF; border:0px; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
			.pricing-plans-tab .btn.focus, .btn:focus{ outline: 0; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
	
				
	.pricing-plans-silver{
						  width:32%;
						  padding:60px 25px 80px 25px;
						  border:1px solid #e6e9eb;
						  border-radius:6px;
						  float:left;
						  position:relative;
						  margin-top:30px;
						}
						
	.pricing-plans-gold{
					  width:32%;
					  padding:60px 25px 80px 25px;
					  border:1px solid #e6e9eb;
					  border-radius:6px;
					  float:left;
					  position:relative;
					  margin-left:2%;
					  margin-top:30px;
					}
					
		.popular{
				  width:auto;
				  padding:2px 6px;
				  background:#619e85;
				  border-radius:16px;
				  display:block ruby;
				  position:absolute;
				  right: 15px;
				  top: 15px;
				  z-index:1;
				  font-family: "Public Sans", sans-serif; font-size:13px; font-weight:400; color:#FFF; line-height:20px; text-align:center; text-transform:uppercase;
				}
				
				
				
				
	.magento-extension{
						width:100%;
						position:relative;
						display:inline-block;
						text-align:left;
						}
						
			.magento-extension hr{
								  max-width: 100%;
								  background: rgba(50, 71, 92, 0.12);
								  height: 1px;
								  margin: 0px auto 20px;
								}
						
			.magento-extension h3{ font-family: "Jost", sans-serif; font-size:20px; font-weight:500; color:rgb(51, 51, 51); line-height:30px; margin-bottom:15px; }
				.magento-extension h3 a{ color:rgb(51, 51, 51); }
				
			.magento-extension h4{ font-family: "Jost", sans-serif; font-size:20px; font-weight:600; color:rgb(51, 51, 51); line-height:38px; margin-bottom:20px; text-transform:uppercase; float:left; }
				.magento-extension h4 a{ color:rgb(51, 51, 51); }
		
			.magento-extension p{ font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; margin-bottom:20px; }
				.magento-extension p a{ color:rgb(51, 51, 51); }
			
			.magento-extension ul{ padding:0px; margin:0px; margin:0px 0px 20px 0px; box-sizing: border-box; display:flex; flex-flow: wrap; }
			.magento-extension li{ padding:0px; margin:0px; list-style:none; font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; background-color: rgb(255, 255, 255); box-shadow: rgba(50, 71, 92, 0.2) 0px 2px 1px -1px, rgba(50, 71, 92, 0.14) 0px 1px 1px 0px, rgba(50, 71, 92, 0.12) 0px 1px 3px 0px; background-image: none; transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 6px; width:32%; margin-left:2%; float:left; padding:25px 25px 130px; margin-bottom:20px; position:relative; }
				.magento-extension li a{ color:rgb(51, 51, 51); }
				
			.magento-extension li:nth-child(3n+1){ margin-left:0px; }
			
			.magento-extension li img{ width:auto; height:300px; margin-bottom:30px; }
			
			
			.magento-extension .icon{ font-size:14px; font-weight:400; color:rgba(50, 71, 92, 0.6); line-height:20px; margin-bottom:20px; width:100%; display:inline-block; border-bottom:1px solid rgba(50, 71, 92, 0.12); }
				.magento-extension .icon a{ color:rgba(50, 71, 92, 0.6); }				
			.magento-extension .icon strong{ font-weight:400; display:inline-block; float:left; width:50%; border-right:1px solid rgba(50, 71, 92, 0.12); text-align: left; }
			.magento-extension .icon span{ display:inline-block; float:right; }
			
			.magento-extension .icon .fa{ font-size:20px; font-weight:400; color:rgb(97, 158, 133); line-height:20px; vertical-align:bottom; margin-right:10px; }
			
			
			.magento-extension .btn-primary{
										width:auto;
										padding:5px 15px;
										background:#71a891;
										box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px;
										height:auto;
										border:0;
										border-radius:6px;
										position:relative;
										float:right;
										font-family: "Public Sans", sans-serif; font-size:14px; font-weight:500; color:#FFF; line-height:28px; text-align:center; display:inline-block; text-transform:uppercase; 
										letter-spacing: 0.3px; cursor:pointer;
										transition: 0.2s ease-in-out;
										}
		
			.magento-extension .btn-primary:hover{ background:#619e85; color:#FFF; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
			.magento-extension .btn-primary:not(:disabled):not(.disabled):active{ background:#619e85; color:#FFF; border:0px; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
			.magento-extension .btn.focus, .btn:focus{ outline: 0; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
			
			
			
			.magento-extension-button{
									width:86%;
									position:absolute;
									left:7%;
									bottom:0px;
									z-index:1;
									}
		
				


@media (max-width: 1199px) {		

.monthly-annually{
				  margin:70px auto 30px;
				}					

}
					
	
@media (max-width: 991px) {		
					
.pricing-plans-tab h4{ font-size:28px; line-height:30px; }


.magento-extension li{ width:49%; margin-left:2%; }
.magento-extension li:nth-child(3n+1){ margin-left:2%; }
.magento-extension li:nth-child(2n+1){ margin-left:0px; }

}
					
					
@media (max-width: 767px) {	

.pricing-plans-tab{
				  width:100%;
				  display: inline-block;
				}

	.pricing-plans-silver{
						  width:100%;
						  padding:30px 25px 80px;
						  margin-top:30px;
						}
						
	.pricing-plans-gold{
					  width:100%;
					  padding:30px 25px 80px;
					  margin-left:0px;
					  margin-top:30px;
					}
					
					
	.magento-extension li{ width:100%; margin-left:0px; text-align:center; }
	.magento-extension li:nth-child(3n+1){ margin-left:0px; }
	.magento-extension li:nth-child(2n+1){ margin-left:0px; }
	
}



@media (max-width: 374px) {	

.magento-extension li{ padding:20px 20px; }

.magento-extension hr{ margin:0px auto 10px; }

.magento-extension-button{
						width:100%;
						position:relative;
						left:0px;
						bottom:0px;
						}
			
	.magento-extension .icon strong{ width:100%; border-right:0px; border-bottom:1px solid rgba(50, 71, 92, 0.12); text-align:center; padding:5px 5px; }
	.magento-extension .icon span{ width:100%; padding:10px 5px; }
			
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Pricing Plans <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Blog <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.blog-body{
			width:100%;
			padding:40px 0px;
			float:left;
			position:relative;
			}
					
	/*.blog-body .col-12{ width:85%; display:inline-block; padding:0px 0px; }
	
	.blog-body hr{ max-width:500px; background:rgba(50, 71, 92, 0.12); height:1px; margin:0px auto 20px; }

	.blog-body h2{ font-family: "Jost", sans-serif; font-size:40px; line-height:45px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:20px; text-transform:uppercase; }
		.blog-body h2 a{ color:rgb(51, 51, 51); }
	
	.blog-body h2 span{ font-family: "Public Sans", sans-serif; color:rgb(97, 158, 133); }

	.blog-body p{ font-size:18px; font-weight:400; color:rgb(51, 51, 51); line-height:30px; margin-bottom:20px; }
		.blog-body p a{ color:rgb(51, 51, 51); }*/
		
		
		
	.blog-body ul{ padding:0px; margin:0px; text-align:left; display: flex; flex-flow: wrap; }
	.blog-body li{ padding:0px; margin:0px; list-style:none; width:49%; float: left; margin-left:2%; display:inline-block; box-shadow: rgba(50, 71, 92, 0.1) 0px 2px 10px 0px; background-color: rgb(255, 255, 255); padding:15px 15px; border-radius:8px; margin-top:40px; }
	
	.blog-body li:nth-child(2n+1){ margin-left:0px; }
	
		.blog-body li h3{ font-family: "Jost", sans-serif; font-size:20px; font-weight:500; color:rgb(51, 51, 51); line-height:30px; margin-bottom:10px; min-height:30px; }
			.blog-body li h3 a{ color:rgb(51, 51, 51); }
			
		.blog-body li h4{ font-size:14px; font-weight:500; color:rgb(97, 158, 133); line-height:20px; margin-bottom:0px; }
			.blog-body li h4 a{ color:rgb(97, 158, 133); }
	
		.blog-body li p{ font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; margin-bottom:10px; min-height:50px; }
			.blog-body li p a{ color:rgb(51, 51, 51); }
			
		/*.blog-body li:nth-child(9) p{ min-height:120px; }*/	
		
		.blog-body li hr{ max-width:100%; background:rgba(50, 71, 92, 0.12); height:1px; margin:10px 0px 20px; }
	
	
	.blog-body li .img{ width:auto; height: 220px; border-radius:8px; display: block; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; margin-bottom:15px; }	

	.blog-body li .btn-primary{
							width:100%;
							padding:5px 10px;
							background:#619e85;
							height:auto;
							border:0;
							border-radius:6px;
							font-family: "Public Sans", sans-serif; font-size:14px; font-weight:500; color:#FFF; line-height:28px; text-align:center; display:inline-block; text-transform:uppercase; 
							cursor:pointer;
							}

		.blog-body li .btn-primary:hover{ background:#619e85; color:#FFF; box-shadow: 0 0px 8px 0 rgba(0,0,0,0.0); }
		.blog-body li .btn-primary:not(:disabled):not(.disabled):active{ background:#619e85; color:#FFF; border:0px; box-shadow:0 0 8px 0 rgba(0,0,0,0); }
		.blog-body li .btn.focus, .btn:focus{ outline: 0; box-shadow: 0 0 8px 0 rgba(0,0,0,.0); }





.blog-details{
			width:100%;
			/*padding:25px 25px 10px;
			background-color: rgb(255, 255, 255);
			box-shadow: rgba(50, 71, 92, 0.1) 0px 2px 10px 0px;
			border-radius:8px;*/					
			position:relative;
			display:inline-block;
			margin-bottom:25px;
			}
	
	.blog-details img{ margin-bottom:25px; }
			
	.blog-details hr{ max-width:100%; background:rgba(50, 71, 92, 0.12); height:1px; margin:10px 0px 20px; }
					
	.blog-details h3{ font-family: "Jost", sans-serif; font-size:25px; font-weight:500; color:rgb(51, 51, 51); line-height:30px; margin-bottom:10px; }
		.blog-details h3 a{ color:rgb(51, 51, 51); }
		
	.blog-details h4{ font-size:14px; font-weight:500; color:rgb(97, 158, 133); line-height:20px; margin-bottom:0px; }
		.blog-details h4 a{ color:rgb(97, 158, 133); }

	.blog-details p{ font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; margin-bottom:20px; }
		.blog-details p a{ color:rgb(51, 51, 51); }
	
	.blog-details ul{ padding:0px; margin:0px; margin:0px 0px 10px 20px; /*display:inline-block;*/ }
	.blog-details li{ padding:0px; margin:0px; list-style:disc; font-size:14px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; margin-bottom:10px; }
		.blog-details li a{ color:rgb(51, 51, 51); }
	.blog-details li strong{ font-weight:700; }



	.blog-details-left{
					width:70%;
					padding:20px 20px;
					background-color: rgb(255, 255, 255);
					box-shadow: rgba(50, 71, 92, 0.1) 0px 2px 10px 0px;
					border-radius:8px;
					float:left;		
					position:relative;
					}
					
	.blog-details-right{
					width:28%;
					padding:20px 20px;
					background-color: rgb(255, 255, 255);
					box-shadow: rgba(50, 71, 92, 0.1) 0px 2px 10px 0px;
					border-radius:8px;
					float:right;		
					position:relative;
					}


.blog-pagination{
				width:100%;
				padding:0px 0px 50px;
				float:left;
				position:relative;
				}
				
	.blog-pagination ul{ padding:0px; margin:0px; }
	.blog-pagination li{ padding:0px; margin:0px; list-style:none; font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:25px; width:35px; height:35px; float:left; text-align:center; display:inline-block; margin:0px 5px 5px; }
		.blog-pagination li a{ color:rgb(51, 51, 51); display:block; padding:5px 0px; border-radius:6px; }
			.blog-pagination li a:hover{ color:#FFF; background:#619e85; }
	.blog-pagination li a.fixed{ color:#FFF; background:#619e85; }
	
	.blog-pagination li .fa{ font-size:16px; font-weight:400; color:rgb(51, 51, 51); }
		.blog-pagination li a:hover .fa{ color:#FFF; background:#619e85; }
		.blog-pagination li a.fixed .fa{ color:#FFF; background:#619e85; }



/*@media (max-width: 1199px) {
	
.blog-body .col-12{ width:100%; }
	
}*/



@media (max-width: 991px) {
	
.blog-body{
		padding:30px 0px;
		}
					
	.blog-body h2{ font-size:30px; line-height:35px; }
	
	.blog-body li{ width:100%; margin-left:0px; margin-top:30px; }
	
	
	.blog-details-left{
					width:100%;
					margin-bottom:30px;
					}
					
	.blog-details-right{
					width:100%;
					}
	
	.blog-pagination{
					width:100%;
					padding:0px 0px 50px;
					text-align:center;
					}
		.blog-pagination li{ float:none; margin:0px 5px 4px; }
	
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Blog <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Career <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.career-body{
			width:100%;
			position:relative;
			margin:auto;
			text-align:center;
			}
			
	.career-body img{ margin-bottom:30px; }
	
	.career-body h2{ /*font-family: "Jost", sans-serif;*/ font-size:78px; line-height:90px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:20px; }
		.career-body h2 a{ color:rgb(51, 51, 51); }
	
	.career-body h2 span{ font-family: "Public Sans", sans-serif; color:rgb(97, 158, 133); }

	.career-body p{ font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; margin-bottom:20px; }
		.career-body p a{ color:rgb(97, 158, 133); text-decoration:underline; }	
			.career-body p a:hover{ color:rgb(97, 158, 133); text-decoration:none; }	
	
	
	.career-body .btn-primary{
								width:auto;
								padding:5px 22px;
								background:#619e85;
								box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px;
								height:auto;
								border:0;
								border-radius:6px;
								font-family: "Public Sans", sans-serif; font-size:14px; font-weight:500; color:#FFF; line-height:28px; text-align:center; display:inline-block; text-transform:uppercase; 
								letter-spacing: 0.3px; cursor:pointer;
								transition: 0.2s ease-in-out;
								margin:0px 0px 15px;
								}

	.career-body .btn-primary:hover{ background:#2e5947; color:#FFF; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
	.career-body .btn-primary:not(:disabled):not(.disabled):active{ background:#2e5947; color:#FFF; border:0px; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
	.career-body .btn.focus, .btn:focus{ outline: 0; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
	
	
@media (max-width: 767px) {	

.career-body h2{ font-size:32px; line-height:35px; }
	
}
		
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Career <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Thank You <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.thankyou{
		background-color: rgb(255, 255, 255);
		color: rgb(51, 51, 51);
		box-shadow: rgba(50, 71, 92, 0.1) 0px 2px 10px 0px;
		background-image: none;
		max-width: 600px;
		text-align: center;
		transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
		border-radius: 8px;
		padding:30px 20px;
		text-align:center;
		margin:100px auto;
		}
			
	.thankyou .fa{ font-size:25px; line-height:50px; color:#FFF; width:50px; height:50px; background:rgb(46, 89, 71); border-radius:50%; text-align:center; margin-bottom:30px; }

	.thankyou h2{ font-family: "Jost", sans-serif; font-size:32px; line-height:40px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:20px; }
		.thankyou h2 a{ color:rgb(51, 51, 51); }
	
	.thankyou p{ font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; margin-bottom:25px; }
			.thankyou p a{ color:rgb(51, 51, 51); }
			
			
	.thankyou .btn-primary{
							width:auto;
							padding:5px 22px;
							background:#2e5947;
							box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px;
							height:auto;
							border:0;
							border-radius:6px;
							font-family: "Public Sans", sans-serif; font-size:14px; font-weight:500; color:#FFF; line-height:28px; text-align:center; display:inline-block; text-transform:uppercase; 
							letter-spacing: 0.3px; cursor:pointer;
							transition: 0.2s ease-in-out;
							margin:0px 0px 20px;
							}

		.thankyou .btn-primary:hover{ background:#619e85; color:#FFF; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
		.thankyou .btn-primary:not(:disabled):not(.disabled):active{ background:#619e85; color:#FFF; border:0px; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
		.thankyou .btn.focus, .btn:focus{ outline: 0; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }




@media (max-width: 767px) {	
	

	
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Thank You <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Store <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.store-header-full{ width:100%; float:left; position:relative; background:url(../img/index-header-bg.webp) center bottom repeat-x rgb(97, 158, 133); min-height: 450px; }

.store-header{
			 width:100%;
			 float:left;
			 position: relative;
			 justify-content: space-between;
    		 display: flex;
    		 align-items: center;
			 margin:70px auto;		 
			}			
			
	.store-header-title{
						 width:40%;
						 float:left;
						 position: relative;		 
						}
	
		.store-header-title h1{ font-family: "Jost", sans-serif; font-size:32px; line-height:42px; font-weight:800; color:rgb(51, 51, 51); margin-bottom:20px; text-transform:uppercase; }
			.store-header-title h1 a{ color:rgb(51, 51, 51); }
		
		.store-header-title h1 b{ color:rgb(255, 255, 255); }
		.store-header-title h1 span{ font-weight:400; }
	
		/*.store-header-title h2{ font-family: "Jost", sans-serif; font-size:24px; font-weight:700; line-height:30px; color:rgb(51, 51, 51); text-transform:uppercase; margin-bottom:0px; width: max-content; position: absolute; top: 65px; left: -100px; transform: rotate(-90deg); }
			.store-header-title h2 a{ color:rgb(51, 51, 51); }*/
	
		.store-header-title p{ font-family: "Jost", sans-serif; font-size:20px; font-weight:500; color:rgb(51, 51, 51); line-height:25px; margin-bottom:0px; }
			.store-header-title p a{ color:rgb(51, 51, 51); }
			
			
			
	.store-contact-form{
						width:50%;
						float:right;
						position:relative;
						padding:20px 20px;
						background:rgb(255, 255, 255);
						box-shadow: rgba(50, 71, 92, 0.1) 0px 2px 10px 0px;
						border-radius: 8px;						
						text-align:center;
						}
					
			.store-contact-form h3{ font-family: "Jost", sans-serif; font-size:24px; line-height:30px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:20px; }
				.store-contact-form h3 a{ color:rgb(51, 51, 51); }
		
			.store-contact-form p{ font-size:14px; line-height:22px; font-weight:400; color:#000; margin-bottom:20px; }
				.store-contact-form p a{ color:#000; }
				
				
			.store-contact-form form{ margin:10px 0px 0px; text-align:left; }

			.store-contact-form form .form-group{ width: 100%; display: inline-block; position:relative; margin:0px 0px 20px; }
		
			.store-contact-form form .form-group .fa{ font-size:16px; font-weight:400; color:rgba(50, 71, 92, 0.6); line-height:20px; position:absolute; left:15px; top:18px; }
		
			.store-contact-form form .form-group label{ font-family: "Jost", sans-serif; font-size:14px; font-weight:400; color:#000; line-height:20px; position:absolute; left:10px; top:-12px; background:#FFF; padding:2px 2px; }
		
			.store-contact-form form .form-control{ font-family: "Jost", sans-serif; font-size:16px; font-weight:400; color:#000; line-height: 26px; width: 100%; border: 1px solid #cacaca; background: #FFF; height:56px; border-radius:5px; padding:15px 15px 15px 50px !important; box-shadow:0px 0px; }
			
				.store-contact-form form .form-control:hover{ border: 1px solid #000; }
				.store-contact-form form .form-control:active{ border:1px solid #1976d2; box-shadow: 0 0 0 1px #1976d2; }			
				.store-contact-form form .form-control:focus{ border:1px solid rgb(255, 62, 29); }
				
					.store-contact-form form .form-control:focus label{ color: rgb(255, 62, 29); }
		
				.store-contact-form form .form-control::-webkit-input-placeholder{ color:#000; opacity:1; }
				.store-contact-form form .form-control:-moz-placeholder{ /* Firefox 18- */ color:#000; opacity:1; }
				.store-contact-form form .form-control::-moz-placeholder{ /* Firefox 19+ */ color:#000;opacity:1; }
				.store-contact-form form .form-control:-ms-input-placeholder{ color:#000; opacity:1; }
		
			.store-contact-form form textarea.form-control{ font-family: "Jost", sans-serif; font-size:16px; font-weight:400; color:#000; line-height: 21px; width: 100%; border: 1px solid #cacaca; background: #FFF; border-radius:8px; padding:15px 15px 15px 50px; height: 100px; resize: none; }
		
				.store-contact-form form textarea.form-control::-webkit-input-placeholder{ color:#000; opacity:1; }
				.contact-form form textarea.form-control:-moz-placeholder{ /* Firefox 18- */ color:#000; opacity:1; }
				.contact-form form textarea.form-control::-moz-placeholder{ /* Firefox 19+ */ color:#000;opacity:1; }
				.contact-form form textarea.form-control:-ms-input-placeholder{ color:#000; opacity:1; }


			.store-contact-form .btn-primary{
											width:100%;
											padding:5px 22px;
											background:#2e5947;
											box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px;
											height:auto;
											border:0;
											border-radius:6px;
											font-family: "Public Sans", sans-serif; font-size:14px; font-weight:500; color:#FFF; line-height:28px; text-align:center; display:inline-block; text-transform:uppercase; 
											letter-spacing: 0.3px; cursor:pointer;
											transition: 0.2s ease-in-out;
											}
		
				.store-contact-form .btn-primary:hover{ background:#619e85; color:#FFF; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
				.store-contact-form .btn-primary:not(:disabled):not(.disabled):active{ background:#619e85; color:#FFF; border:0px; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
				.store-contact-form .btn.focus, .btn:focus{ outline: 0; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }


	
		.store-contact-form form .form-group .inputbox{ width: 48%; float:left; position:relative; }
		.store-contact-form form .form-group .inputbox2{ width: 48%; float:right; position:relative; }


@media (max-width: 991px) {	

.store-header-title{
					 width:45%;	 
					}


.store-contact-form{
					width:45%;
					}

}


@media (max-width: 767px) {	

.store-header-full{ border-top:1px solid #86b4a2; }


.store-header{
			 width:100%;
    		 display:inline-block;
			 margin:30px auto 70px;		 
			}


.store-header-title{
					 width:100%;
					 margin-bottom:30px;	 
					}


.store-contact-form{
					width:100%;
					}
			
			
	.store-contact-form form .form-group .inputbox{ width: 100%; margin-bottom:20px; }
	.store-contact-form form .form-group .inputbox2{ width: 100%; }	

}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Store <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Description <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.description{
			width:100%;
			padding:40px 0px;
			float:left;
			position:relative;			
			}
					
	.description .col-12{ width:100%; display:inline-block; padding:0px 0px; }
	
	.description hr{ max-width:500px; background:rgba(50, 71, 92, 0.12); height:1px; margin:0px auto 20px; }

	.description h2{ font-family: "Jost", sans-serif; font-size:36px; line-height:40px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:20px; text-transform:uppercase; text-align:center; }
		.description h2 a{ color:rgb(51, 51, 51); }
	
	.description h2 span{ font-family: "Public Sans", sans-serif; color:rgb(97, 158, 133); }

	.description p{ font-size:18px; font-weight:400; color:rgb(51, 51, 51); line-height:30px; margin-bottom:20px; }
		.description p a{ color:rgb(51, 51, 51); }
		
	
	.description .table-responsive{ margin-top:20px; overflow:inherit; }
	
	.description .table-responsive .dropdown-toggle::after{ display:none; }
	
	.description .table-responsive table thead tr th{ border:1px solid #619e85; padding:5px 10px; font-size:15px; font-weight:700; color:rgb(51, 51, 51); line-height:22px; vertical-align:middle; position:relative; text-align:center; }
		.description .table-responsive table thead tr th a{ color:#000; }
	
	.description .table-responsive table thead tr th span{ font-size:18px; }	
		
			/*.description .table-responsive table thead tr th:hover{ color:#72777a; background:#f0f1f3;  cursor:pointer; }*/
			
	.description .table-responsive table tbody tr td{ border:1px solid #619e85; padding:5px 10px; font-size:14px; font-weight:400; color:rgb(51, 51, 51); line-height:22px; vertical-align:middle; position:relative; }
	.description .table-responsive table tbody tr td strong{ font-size:17px; font-weight:600; }
	.description .table-responsive table tbody tr td b{ font-weight:600; }
	.description .table-responsive table tbody tr td span{ font-size:17px; font-weight:600; color:rgb(97, 158, 133); }

	
	/*.description .table-responsive table tfoot tr td{ border:1px solid #e9ecef; padding:10px 8px; font-size:14px; font-weight:500; color:#72777a; line-height:22px; vertical-align:middle; }*/
	
	.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0,0,0,.05); }
	
	
	
		.description .table-responsive table tbody tr td h3{ font-size:15px; font-weight:500; color:#000; line-height:22px; margin-bottom:10px; }		
		.description .table-responsive table tbody tr td h4{ font-size:14px; font-weight:600; color:#000; line-height:22px; margin-bottom:10px; }
		
			.description .table-responsive table tbody tr td ul{ padding:0px; margin:0px; margin-left:30px; }
			.description .table-responsive table tbody tr td ul li{ padding:0px; margin:0px; list-style:disc; font-size:15px; font-weight:400; color:#000; line-height:20px; margin-bottom:2px; }
	
	
	.description .table-responsive table tbody tr td .fa.fa-check{ font-size:18px; font-weight:400; color:#00ef20; line-height:22px; vertical-align:middle; }
	.description .table-responsive table tbody tr td .fa.fa-close{ font-size:18px; font-weight:400; color:#f60000; line-height:22px; vertical-align:middle; }
	
	
	
	.description .table-responsive table tbody tr td .btn-primary{
																width:110px;
																padding:10px 10px;
																background:#71a891;
																box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px;
																height:auto;
																border:0;
																border-radius:6px;
																font-family: "Public Sans", sans-serif; font-size:14px; font-weight:500; color:#FFF; line-height:18px; text-align:center; display:inline-block; text-transform:uppercase; 
																letter-spacing: 0.3px; cursor:pointer;
																transition: 0.2s ease-in-out;
																margin:0px 0px;
																}

		.description .table-responsive table tbody tr td .btn-primary:hover{ background:#619e85; color:#FFF; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
		.description .table-responsive table tbody tr td .btn-primary:not(:disabled):not(.disabled):active{ background:#619e85; color:#FFF; border:0px; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
		.description .table-responsive table tbody tr td .btn.focus, .btn:focus{ outline: 0; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }


@media (max-width: 767px) {
	
.description{
			padding:0px 0px 30px;
			}
					
	.description h2{ font-size:30px; line-height:35px; }
	
	
	.description .table-responsive table thead tr th{ font-size:14px; line-height:22px; }			
	.description .table-responsive table tbody tr td{ font-size:13px; line-height:22px; }	
	
		.description .table-responsive table tbody tr td h3{ font-size:14px; line-height:22px; }		
		.description .table-responsive table tbody tr td h4{ font-size:13px; line-height:22px; }
	
			.description .table-responsive table tbody tr td ul li{ font-size:14px; line-height:20px; }
	
}



@media (max-width: 479px) {
	
	
.description .table-responsive table thead tr th{ padding:5px 5px; font-size:13px; line-height:18px; }	
	.description .table-responsive table thead tr th span{ font-size:13px; }	
		
	.description .table-responsive table tbody tr td{ padding:5px 5px; font-size:12px; }
	.description .table-responsive table tbody tr td strong{ font-size:14px; }
	.description .table-responsive table tbody tr td span{ font-size:14px; }

/*.description .table-responsive table tbody tr td .btn-primary{
																width:auto;
																padding:10px 10px;
																font-size:12px;
																}*/
																
																
.description .table-responsive table tbody tr td .btn-primary{
																width:auto;
																padding:5px 5px;
																font-size:9px;
																}


}


@media (max-width: 359px) {

.description .table-responsive table tbody tr td .btn-primary{
																width:auto;
																padding:5px 5px;
																font-size:9px;
																}


}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Description <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Slider Screenshots <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.slider-screenshots{
				width:100%;
				padding:50px 0px;
				float:left;
				position:relative;
				}
	
	.slider-screenshots hr{ max-width:500px; background:rgb(255, 255, 255); height:1px; margin:0px auto 20px; }

	.slider-screenshots h2{ font-family: "Jost", sans-serif; font-size:36px; line-height:40px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:30px; text-transform:uppercase; text-align:center; }
		.slider-screenshots h2 a{ color:rgb(51, 51, 51); }
	
	.slider-screenshots h2 span{ font-family: "Public Sans", sans-serif; color:rgb(255, 255, 255); }


	.slider-screenshots .btn-primary{
									width:auto;
									padding:5px 22px;
									background:#2e5947;
									box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px;
									height:auto;
									border:0;
									border-radius:6px;
									font-family: "Public Sans", sans-serif; font-size:14px; font-weight:500; color:#FFF; line-height:28px; text-align:center; display:inline-block; text-transform:uppercase; 
									letter-spacing: 0.3px; cursor:pointer;
									transition: 0.2s ease-in-out;
									}

		.slider-screenshots .btn-primary:hover{ background:#619e85; color:#FFF; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
		.slider-screenshots .btn-primary:not(:disabled):not(.disabled):active{ background:#619e85; color:#FFF; border:0px; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
		.slider-screenshots .btn.focus, .btn:focus{ outline: 0; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }


	.product-slide{
					width:100%;						
					float:left;
					position:relative;
					border: 5px solid #000;
					}

		.product-slide ul{ padding: 0px; margin: 0px; }
		.product-slide li{ padding: 0px; margin: 0px; list-style: none; display: inline-block; width: 30%; float: left; margin-left: 0px; }
		.product-slide li:first-child{margin-left: 0px; }

		.product-slide li img{ width: 100%; height:auto; }


		.product-slide #bx-pager{ margin:15px 0px; text-align: center; }
		.product-slide #bx-pager a{ padding: 0px; margin: 0px; list-style: none; display: inline-block; width:10%; margin-left:0px; }
		.product-slide #bx-pager a:first-child{margin-left: 0px; }

		.product-slide #bx-pager a img{ /*border: solid 4px #a5aab0;*/ width: auto; height: auto; /*height: 156px;*/ }

		.product-slide #bx-pager a.active img{ border: solid 2px #000; }

		.product-slide .bx-wrapper .bx-controls-direction a{ top: 50%; }
		


@media (max-width: 767px) {	
	
.slider-screenshots{
				padding:40px 0px;
				}
	
	.slider-screenshots h2{ font-size:30px; line-height:35px; }
	
	
.product-slide .bx-wrapper .bx-controls-direction a{ top: 40%; }
	
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Slider Screenshots <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Easy Social Icon <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.easy-social-icon{
					width:100%;
					padding:50px 0px;
					float:left;
					position:relative;
					text-align:center;
					}
	
	/*.easy-social-icon hr{ max-width:500px; background:rgba(50, 71, 92, 0.12); height:1px; margin:0px auto 20px; }*/

	.easy-social-icon h2{ font-family: "Jost", sans-serif; font-size:35px; line-height:45px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:20px; text-transform:uppercase; }
		.easy-social-icon h2 a{ color:rgb(51, 51, 51); }	
	.easy-social-icon h2 span{ font-family: "Public Sans", sans-serif; color:rgb(97, 158, 133); }

		
	.easy-social-icon ul{ padding:0px; margin:0px; text-align:left;  margin-left:20px; }
	.easy-social-icon ul li{ padding:0px; margin:0px; list-style:decimal; font-size:16px; font-weight:700; color:rgb(51, 51, 51); line-height:24px; margin-bottom:15px; }
	
		.easy-social-icon ul li ul{ margin-left:15px; }
		.easy-social-icon ul li ul li{ list-style:circle; font-size:14px; font-weight:400; color:rgb(51, 51, 51); line-height:22px; margin-bottom:2px; }
		
		.easy-social-icon ul li ul li strong{ font-weight:700; }
	

@media (max-width: 991px) {
	
.easy-social-icon{
					padding:40px 0px;
					}
					
	.easy-social-icon h2{ font-size:30px; line-height:35px; }
	
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Easy Social Icon <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start StoreStore Brands <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.store-brands{
			width:100%;
			padding:50px 0px;
			float:left;
			position:relative;
			text-align:center;
			}
	
	.store-brands hr{ max-width:500px; background:rgba(50, 71, 92, 0.12); height:1px; margin:0px auto 20px; }

	.store-brands h2{ font-family: "Jost", sans-serif; font-size:40px; line-height:45px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:20px; text-transform:uppercase; }
		.store-brands h2 a{ color:rgb(51, 51, 51); }
	
	.store-brands h2 span{ font-family: "Public Sans", sans-serif; color:rgb(97, 158, 133); }



	.store-brands .bx-viewport{ margin:40px 0px 20px !important; height:auto !important; }
			
	.store-brands ul.bx-viewport{ padding:0px; margin:0px; width:100%; height:auto !important; overflow: hidden; justify-content: space-between; }
	.store-brands li { padding: 0px; margin: 0px; list-style: none; width:auto !important; height:auto !important; display: inline-block; margin:0px 15px !important; padding:10px 10px; border:1px solid #000; border-radius:8px; overflow: hidden; }
	
	.store-brands li img{ width:100%; height:115px; }
	
		
	.store-brands .bx-wrapper .bx-controls-direction{ display:none; }






@media (max-width: 767px) {	
	
.store-brands{
			padding:30px 0px;
			}
	
	.store-brands h2{ font-size:30px; line-height:35px; }
	
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Store Brands <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Html Conversion <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


.html-conversion-block{
					width:100%;
					padding:40px 0px 10px;
					float:left;
					position:relative;
					}
				
	.html-conversion-content{
							max-width:100%;
							position:relative;
							margin:auto;							
							margin-top:20px;
							margin-bottom:30px;
							text-align:center;
							}
							
		.html-conversion-content .col-12{ width:100%; display:inline-block; padding:0px 0px; }
	
		.html-conversion-content hr{ max-width:500px; background:rgba(50, 71, 92, 0.12); height:1px; margin:0px auto 30px; }
	
		.html-conversion-content h2{ font-family: "Jost", sans-serif; font-size:40px; line-height:45px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:20px; }
			.html-conversion-content h2 a{ color:rgb(51, 51, 51); }
		
		.html-conversion-content h2 span{ font-family: "Public Sans", sans-serif; color:rgb(97, 158, 133); }
		
		.html-conversion-content h3{ font-family: "Jost", sans-serif; font-size:30px; line-height:40px; font-weight:500; color:rgb(51, 51, 51); margin-bottom:20px; }
			.html-conversion-content h3 a{ color:rgb(51, 51, 51); }
	
		.html-conversion-content p{ font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:26px; margin-bottom:30px; }
			.html-conversion-content p a{ color:rgb(51, 51, 51); font-weight:600; }
			
		.html-conversion-content p strong{ font-size:18px; font-family: "Public Sans", sans-serif; color: rgb(97, 158, 133); font-weight:600; }
		
		.html-conversion-content p i{ font-size:14px; font-weight:600; font-style:italic; }
		
		
		.html-conversion-content ul{ padding:0px; margin:0px; margin:0px auto 20px; max-width:760px; display: flex; flex-flow: wrap; justify-content:left; text-align:left; }
		.html-conversion-content li{ padding:0px; margin:0px; list-style:none; font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; width:50%; float:left; padding-left:20px; margin-bottom:15px; position:relative; }
			.html-conversion-content li a{ color:rgb(51, 51, 51); }
		.html-conversion-content li strong{ font-weight:700; }
		
		.html-conversion-content li:before{
										display: inline-block;
										vertical-align: middle;
										color: rgb(46, 89, 71) !important;
										content: "\f105";
										font-family: 'FontAwesome';
										font-size: 20px;
										font-weight: normal;
										line-height: 16px;
										font-style: normal;
										left: 5px;
										top: 3px;
										position: absolute;
										}
		
			.html-conversion-content ul li ul{ margin:10px auto 0px; display:block; }
			.html-conversion-content ul li ul li{ font-size:14px; font-weight:400; width:100%; float:left; margin-bottom:5px; padding-left:20px; }
			
		
				.html-conversion-content ul li ul li ul{ margin:0px 0px 10px; }
				.html-conversion-content ul li ul li ul li{ font-size:14px; font-weight:400; width:100%; float:left; margin-bottom:5px; padding-left:20px; }
				
				
				
	.html-conversion-content .btn-primary{
										width:auto;
										padding:5px 20px;
										background:#71a891;
										box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px;
										height:auto;
										border:0;
										border-radius:6px;
										font-family: "Public Sans", sans-serif; font-size:14px; font-weight:500; color:#FFF; line-height:28px; text-align:center; display:inline-block; text-transform:uppercase; 
										letter-spacing: 0.3px; cursor:pointer;
										transition: 0.2s ease-in-out;
										margin:10px 0px 0px;
										}

		.html-conversion-content .btn-primary:hover{ background:#619e85; color:#FFF; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
		.html-conversion-content .btn-primary:not(:disabled):not(.disabled):active{ background:#619e85; color:#FFF; border:0px; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
		.html-conversion-content .btn.focus, .btn:focus{ outline: 0; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
		
		
		
		
		
		
.html-conversion-content2{
							width:100%;
							position:relative;
							margin:auto;
							text-align:center;
							margin-bottom:30px;
							}
							
		.html-conversion-content2 .col-12{ width:100%; display:inline-block; padding:0px 0px; }
	
		.html-conversion-content2 hr{ max-width:500px; background:rgba(50, 71, 92, 0.12); height:1px; margin:0px auto 20px; }
	
		.html-conversion-content2 h2{ font-family: "Jost", sans-serif; font-size:40px; line-height:45px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:30px; }
			.html-conversion-content2 h2 a{ color:rgb(51, 51, 51); }
		
		.html-conversion-content2 h2 span{ font-family: "Public Sans", sans-serif; color:rgb(97, 158, 133); }
		
		.html-conversion-content2 p{ font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:26px; margin-bottom:30px; }
			.html-conversion-content2 p a{ color:rgb(51, 51, 51); }
			
		/*.html-conversion-content2 p strong{ font-size:18px; font-family: "Public Sans", sans-serif; color: rgb(97, 158, 133); font-weight:600; }
		.html-conversion-content2 p i{ font-size:14px; font-weight:300; font-style:italic; }
		
		.html-conversion-content2 h3{ font-family: "Jost", sans-serif; font-size:25px; line-height:30px; font-weight:500; color:rgb(51, 51, 51); margin-bottom:20px; }
			.html-conversion-content2 h3 a{ color:rgb(51, 51, 51); }*/
		
		
		.html-conversion-content2 ul{ padding:0px; margin:0px; display: flex; flex-flow: wrap; justify-content: left; text-align:left; }
		.html-conversion-content2 li{ padding:0px; margin:0px; list-style:none; width:32%; float:left; margin-left:2%; background:#f0f0f0; box-shadow:0px 0px 5px 0px rgba(50, 71, 92, 0.5); border-radius:10px; padding:20px 30px 10px; margin-bottom:30px; position:relative; }
		.html-conversion-content2 li:nth-child(3n+1){ margin-left:0px; }			
				
					
			.html-conversion-content2 li h3{ font-family: "Jost", sans-serif; font-size:18px; line-height:24px; font-weight:500; color:rgb(51, 51, 51); margin-bottom:5px; position:relative; }
				.html-conversion-content2 li h3 a{ color:rgb(51, 51, 51); }
			.html-conversion-content2 li h3:before{
													display: inline-block;
													vertical-align: middle;
													color: rgb(46, 89, 71) !important;
													content: "\f105";
													font-family: 'FontAwesome';
													font-size: 22px;
													font-weight: normal;
													line-height: 16px;
													font-style: normal;
													left: -13px;
													top: 4px;
													position: absolute;
													}

	
			.html-conversion-content2 li p{ font-size:15px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; margin-bottom:10px; }
				.html-conversion-content2 li p a{ color:rgb(51, 51, 51); }								
				
				
			.html-conversion-content2 .btn-primary{
												width:auto;
												padding:5px 20px;
												background:#71a891;
												box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px;
												height:auto;
												border:0;
												border-radius:6px;
												font-family: "Public Sans", sans-serif; font-size:14px; font-weight:500; color:#FFF; line-height:28px; text-align:center; display:inline-block; text-transform:uppercase; 
												letter-spacing: 0.3px; cursor:pointer;
												transition: 0.2s ease-in-out;
												margin:10px 0px 20px;
												}
		
				.html-conversion-content2 .btn-primary:hover{ background:#619e85; color:#FFF; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
				.html-conversion-content2 .btn-primary:not(:disabled):not(.disabled):active{ background:#619e85; color:#FFF; border:0px; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
				.html-conversion-content2 .btn.focus, .btn:focus{ outline: 0; box-shadow: rgba(50, 71, 92, 0.42) 0px 4px 8px -4px; }
		
		
		
	
	
		.html-conversion-content2-left{
									width:56%;
									position:relative;
									float:left;
									text-align:left;
									margin-top:20px;
									}
									
				.html-conversion-content2-left ul{ padding:0px; margin:0px; display:block; margin-left:30px; flex-flow: wrap; justify-content: left; text-align:left; }
				.html-conversion-content2-left li{ padding:0px; margin:0px; list-style:disc; width:100%; float:left; margin-left:0px; background:none; box-shadow:none; border-radius:0px; padding:0px 0px; margin-bottom:5px; position:relative; }
				.html-conversion-content2-left li:nth-child(3n+1){ margin-left:0px; }			
						
							
					.html-conversion-content2-left li h3{ font-family: "Jost", sans-serif; font-size:18px; line-height:24px; font-weight:500; color:rgb(51, 51, 51); margin-bottom:5px; position:relative; }
						.html-conversion-content2-left li h3 a{ color:rgb(51, 51, 51); }
					.html-conversion-content2-left li h3:before{ display: none;	}		
			
					.html-conversion-content2-left li p{ font-size:15px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; margin-bottom:10px; }
						.html-conversion-content2-left li p a{ color:rgb(51, 51, 51); }
						
									
		.html-conversion-content2-right{
									width:40%;
									position:relative;
									float:right;
									margin-top:20px;
									}
	
	
	
	
	

.html-conversion-content3{
						width:100%;
						position:relative;
						margin:auto;
						text-align:center;
						margin-top:20px;
						margin-bottom:30px;
						}

	.html-conversion-content3 hr{ max-width:500px; background:rgba(50, 71, 92, 0.12); height:1px; margin:0px auto 20px; }

	.html-conversion-content3 h2{ font-family: "Jost", sans-serif; font-size:40px; line-height:45px; font-weight:600; color:rgb(51, 51, 51); margin-bottom:20px; }
		.html-conversion-content3 h2 a{ color:rgb(51, 51, 51); }
	
	.html-conversion-content3 h2 span{ font-family: "Public Sans", sans-serif; color:rgb(97, 158, 133); }
	
	.html-conversion-content3 h3{ font-family: "Jost", sans-serif; font-size:25px; line-height:30px; font-weight:500; color:rgb(51, 51, 51); margin-bottom:20px; }
		.html-conversion-content3 h3 a{ color:rgb(51, 51, 51); }
	
	.html-conversion-content3 p{ font-size:16px; font-weight:400; color:rgb(51, 51, 51); line-height:26px; margin-bottom:30px; }
		.html-conversion-content3 p a{ color:rgb(51, 51, 51); }
		
	/*.html-conversion-content3 p strong{ font-size:18px; font-family: "Public Sans", sans-serif; color: rgb(97, 158, 133); font-weight:600; }
	.html-conversion-content3 p i{ font-size:14px; font-weight:300; font-style:italic; }*/
	
	
	
	
	.html-conversion-content3 ul{ padding:0px; margin:0px; display: flex; flex-flow: wrap; justify-content: center; text-align:center; }
	.html-conversion-content3 li{ padding:0px; margin:0px; list-style:none; width:32%; float:left; margin-left:2%; background:#619e85; box-shadow:0px 2px 5px 2px rgba(50, 71, 92, 0.5); border-radius:0px; padding:20px 20px 10px; margin-bottom:30px; position:relative; /*border:1px solid #cacaca;*/ }
	.html-conversion-content3 li:nth-child(3n+1){ margin-left:0px; }
			
		.html-conversion-content3 li .fa{ font-size:20px; font-weight:400; color:#000; line-height:50px; width:50px; height:50px; border-radius:50%; background:#FFF; border:1px solid #cacaca; margin-bottom:15px; }
		
		.html-conversion-content3 li .number{ font-size:12px; font-weight:600; color:#619e85; line-height:20px; border-radius:50%; background:#f0f0f0; width:20px; position:absolute; right:20px; top:15px; text-align:center; }
				
		.html-conversion-content3 li h3{ font-family: "Jost", sans-serif; font-size:18px; line-height:24px; font-weight:500; color:#FFF; margin-bottom:5px; position:relative; }
			.html-conversion-content3 li h3 a{ color:#FFF; }

		.html-conversion-content3 li p{ font-size:15px; font-weight:400; color:#FFF; line-height:24px; margin-bottom:10px; }
			.html-conversion-content3 li p a{ color:#FFF; }	
	
		
		
		
		
		
		
		
.html-conversion-form{
						max-width:600px;
						position:relative;
						margin:50px auto;
						}
						
	.html-conversion-form .contact-form .btn-primary{ width:250px; padding:5px 10px; float:none; }		
		






.wordprss-content{
				width:100%;
				position:relative;
				}

	.wordprss-content ul{ padding:0px; margin:0px; display: flex; flex-flow: wrap; justify-content: left; text-align:left; }
	.wordprss-content li{ padding:0px; margin:0px; list-style:none; width:49%; float:left; margin-left:2%; background:#f0f0f0; box-shadow:0px 0px 5px 0px rgba(50, 71, 92, 0.5); border-radius:10px; padding:20px 30px 10px; margin-bottom:30px; position:relative; }
	.wordprss-content li:nth-child(3n+1){ margin-left:2%; }
	.wordprss-content li:nth-child(2n+1){ margin-left:0px; }			
			
				
		.wordprss-content li h3{ font-family: "Jost", sans-serif; font-size:18px; line-height:24px; font-weight:500; color:rgb(51, 51, 51); margin-bottom:5px; position:relative; }
			.wordprss-content li h3 a{ color:rgb(51, 51, 51); }
		.wordprss-content li h3:before{
									display: inline-block;
									vertical-align: middle;
									color: rgb(46, 89, 71) !important;
									content: "\f105";
									font-family: 'FontAwesome';
									font-size: 22px;
									font-weight: normal;
									line-height: 16px;
									font-style: normal;
									left: -13px;
									top: 4px;
									position: absolute;
									}
	
	
		.wordprss-content li p{ font-size:15px; font-weight:400; color:rgb(51, 51, 51); line-height:24px; margin-bottom:10px; }
			.wordprss-content li p a{ color:rgb(51, 51, 51); }




@media (max-width: 991px) {	

.html-conversion-content2 li{ width:48%; margin-left:4%; padding:20px 30px 10px; }
.html-conversion-content2 li:nth-child(3n+1){ margin-left:4%; }
.html-conversion-content2 li:nth-child(2n+1){ margin-left:0px; }


	.html-conversion-content2-left{
									width:100%;
									margin-top:20px;
									}
									
		.html-conversion-content2-right{
									width:100%;
									margin-top:20px;
									}



.html-conversion-content3 li{ width:48%; margin-left:4%; }
.html-conversion-content3 li:nth-child(3n+1){ margin-left:4%; }
.html-conversion-content3 li:nth-child(2n+1){ margin-left:0px; }

}

			
			
@media (max-width: 767px) {	
	
.html-conversion-block{
					width:100%;
					padding:20px 0px 0px;
					}
					
	.html-conversion-content{
							width:100%;
							margin-bottom:30px;
							}
	
		.html-conversion-content h2{ font-size:30px; line-height:40px; }
		.html-conversion-content h3{ font-size:25px; line-height:35px; }
		
		
		
		.html-conversion-content li{ width:100%; }
		
		
		
		
		
		
.html-conversion-content2 h2{ font-size:30px; line-height:40px;  }
		
.html-conversion-content2 li{ width:100%; margin-left:0px; padding:20px 30px 10px; }
.html-conversion-content2 li:nth-child(3n+1){ margin-left:0px; }
.html-conversion-content2 li:nth-child(2n+1){ margin-left:0px; }


.wordprss-content li{ width:100%; margin-left:0px; padding:20px 30px 10px; }
.wordprss-content li:nth-child(3n+1){ margin-left:0px; }
.wordprss-content li:nth-child(2n+1){ margin-left:0px; }



.html-conversion-content3 h2{ font-size:30px; line-height:40px;  }

.html-conversion-content3 ul{ text-align:left; }
.html-conversion-content3 li{ width:100%; margin-left:0px; padding:20px 20px 10px 70px; }
.html-conversion-content3 li:nth-child(3n+1){ margin-left:0px; }
.html-conversion-content3 li:nth-child(2n+1){ margin-left:0px; }

.html-conversion-content3 li .fa{ font-size:18px; line-height:40px; width:40px; height:40px; margin-bottom:0px; text-align:center; position:absolute; left:15px; top:12px; }
		
	
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Html Conversion <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */