@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap');
/*
	Title # Cybernetikz Ecommerce
	Date #  25 November 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: #0c2140;
	font-family: "Rethink Sans", sans-serif;
	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:#ebf0f7; }
.body-full3{ width:100%; float:left; position:relative; background:#001638; }


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;
}

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 Top <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.top-full {
	width: 100%;
	float: left;
	position: relative;
	background: #0047b2;
}


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

	.top-nav-language{
					width:100%;
					padding: 15px 0px;
					position:relative;
					display: flex;
					flex-flow: wrap;
					justify-content: space-between;
					align-items: center;
					border-bottom:1px solid #4d7fc9;
					}

			.top-nav{
					width: auto;
					position: relative;
				}
				
				.top-nav ul{ padding: 0px;	margin: 0px; }							
				.top-nav ul li{ padding: 0px; margin: 0px; list-style: none; display: inline-block; width: auto; float: left; margin-left:20px; font-size:14px; font-weight:600; color:#FFF; line-height:20px; }
				.top-nav ul li:first-child{ margin-left:0px; }
					.top-nav ul li a{ color:#FFF; }
						.top-nav ul li a:hover{ color:#b3c8e8; }
				.top-nav ul li a:active{ color:#b3c8e8; }


			.top-language{
						width: auto;
						}
						
				.top-language .btn-primary.dropdown-toggle{ font-size:14px; font-weight:400; color:#FFF; line-height:20px; background-color:inherit; border-color:inherit; border:0px; margin-left:0px; box-shadow:none; padding:10px 0px; margin-left:20px; }
				.top-language .btn-primary.dropdown-toggle:active:focus{ box-shadow:none; background-color:inherit; border-color:inherit; border:0px; }
				.top-language .btn-primary.dropdown-toggle:focus{ box-shadow:none; }
						
				.top-language .dropdown-menu.show{ min-width: auto; border:0px; margin-left:12px; }

				.top-language ul{ padding: 0px;	margin: 0px; }							
				.top-language ul li{ padding: 0px; margin: 0px;	list-style: none; display: inline-block; width: auto; float: left; margin-left:15px; font-size:14px; font-weight:400; color:#5a6cb2; line-height:20px; }
				.top-language ul li:first-child{ margin-left:0px; }
					.top-language ul li a{ color:#5a6cb2; background:#eaf0f8; display:block; padding:15px 15px; border-radius:5px; }
						.top-language ul li a:hover{ color:#68294d; background:#eaf0f8; }
						
					
						
	.top-logo-search{
					width:100%;
					padding:20px 0px;
					position:relative;
					display: flex;
					flex-flow: wrap;
					justify-content: space-between;
					align-items: center;
					}
					
					
		.logo{
			 width:auto;
			 position:relative;
			 font-size:20px; font-weight:700; color:#FFF; line-height:25px;
			 }
			 
			.logo a{  color:#FFF; }
			 
		
		.search-all{
					width:55%;
					position:relative;
					z-index:9999;
					}
					
					
			.search-all .form-control{ font-size:16px; font-weight:400; color:#001638; line-height: 26px; width: 75%; border:0px; border-radius:0px; background: #FFF; height:55px; padding:15px 15px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; display:inline-block; }
			
				.search-all .form-control:hover{ border:0ox; }
				.search-all .form-control:active{ border:0px; box-shadow:none; }			
				.search-all .form-control:focus{ border:0px; box-shadow:none; }

		
				.search-all .form-control::-webkit-input-placeholder{ color:#001638; opacity:1; }
				.search-all .form-control:-moz-placeholder{ /* Firefox 18- */ color:#001638; opacity:1; }
				.search-all .form-control::-moz-placeholder{ /* Firefox 19+ */ color:#001638;opacity:1; }
				.search-all .form-control:-ms-input-placeholder{ color:#001638; opacity:1; }
					
			.search-all select.form-control{ font-size:16px; font-weight:500; color:#341638; line-height: 26px; width: 24%; float:left; border:0px; border-radius:0px; background: #eaf0f8; height:55px; padding:15px 15px; float:left; border-top-left-radius: 5px; border-bottom-left-radius: 5px; display:inline-block; }
			
				/*.search-all select.form-control:hover{ border: 1px solid #000; }
				.search-all select.form-control:active{ border:1px solid #1976d2; box-shadow: 0 0 0 1px #1976d2; }			
				.search-all select.form-control:focus{ border:1px solid rgb(255, 62, 29); }*/

		
				.search-all select.form-control::-webkit-input-placeholder{ color:#00167e; opacity:1; }
				.search-all select.form-control:-moz-placeholder{ /* Firefox 18- */ color:#00167e; opacity:1; }
				.search-all select.form-control::-moz-placeholder{ /* Firefox 19+ */ color:#00167e;opacity:1; }
				.search-all select.form-control:-ms-input-placeholder{ color:#00167e; opacity:1; }
				
				
				
.custom-select{
	width:25%;
	float:left;
  position: relative;
  background:#eaf0f8;
  height:55px;
  padding:0px 10px 0px;
  border:0px; display:inline-block; border-radius:0px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; }

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: DodgerBlue;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 25px;
  right: 25px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #001638 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #001638 transparent;
  top: 20px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  font-size:16px; font-weight:400; color:#001638; line-height: 26px; width:100%; border:0px; border-radius:0px; background: #eaf0f8; height:auto; padding:14px 10px; cursor: pointer; user-select: none;
}

.select-items div{ color: #ffffff; font-size:16px; font-weight:400; color:#001638; line-height:22px; padding:10px 10px; background:#FFF; }

/*style items (options):*/
.select-items {
  position: absolute;
  background: #FFF;
  border:1px solid #767676;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: #FFF;
}
				
				
				
				
		.top-cart{
				width:auto;
				position:relative;
				margin-right:20px;
				}
				
			.top-cart .fa{ font-size:25px; font-weight:400; color:#FFF; line-height:30px; }


@media (max-width: 991px) {

.logo{
	 width:auto;
	 font-size:15px;
	 }
	 
.search-all{
			width:62%;
			z-index:999;
			}
			
	.select-selected:after {
						  right:15px;
						}		
		
	 
.top-cart{
		margin-right:0px;
		}
		

}


@media (max-width: 767px) {
	
.search-all{
			width:58%;
			}

	.custom-select{ width:34%; padding:0px 5px 0px;  }
	
	.custom-select select {
	  display: none; /*hide original SELECT element:*/
	}
		
	.select-items div,.select-selected{ font-size:14px; padding:14px 5px; }
	
	.select-items div{ font-size:13px; padding:5px 10px; }
	
	.select-selected:after {
							 right:10px;
							}
							
	.search-all .form-control{ width:66%; }

}


@media (max-width: 479px) {
	
.top-nav ul li{ margin-left:10px; font-size:12px; }


.top-language .btn-primary.dropdown-toggle{ font-size:12px; }

.logo{
	 /*width:35%;*/
	 width:auto;
	 font-size:17px; line-height:20px;
	 margin-bottom:20px;
	 }	
	 
.search-all{
			/*width:65%;
			margin-bottom:20px;*/
			width:100%;
			margin:10px 0px 5px;		
			}
			
	.custom-select{ width:40%; }
			
	.search-all .form-control{ 
							width:60%;
							}
							
							
.top-cart{ 
		position:absolute;
		top:16px;
		right:60px;
		}

}


@media (max-width: 345px) {
	
.top-nav ul li{ margin-left:5px; }

.top-language .btn-primary.dropdown-toggle{ padding:0px 5px; margin-left:5px; }

}

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


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

.navigation-full {
	width: 100%;
	float: left;
	position: relative;
	background: #eaf0f8;
	/*box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.14);*/
	z-index: 999;
}


.navigation {
	width: 100%;
	padding: 0px 0px;
	position: relative;
}

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

#navbar {
	width: 100%;
	text-align:center;
}

.navbar {
	padding: 0px 0px;
}

.navbar-toggle {
	display: none;
}

.navbar-nav {
	width: 100%;
	display: inline-block;
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.navbar-nav li {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: 500;
	color: #0047b8;
	line-height: 25px;
	display: inline-block;
}

.navbar-nav li .fa, .navbar-nav li .fa-brands{ font-size:22px; font-weight:400; color:#0047b8; line-height:25px; vertical-align: sub; margin-right: 10px; }

.navbar-nav li a {
	color: #0047b8;
	display: block;
	cursor: pointer;
	padding:20px 18px;
}

.navbar-nav li a:hover {
	color: #252424;
	text-decoration: none;
	background:#FFF;
}

.navbar-nav li a.active {
	color: #252424;
}


/*.navbar-nav li:first-child{ display: none; }*/

.navbar ul.dropdown-menu {
	width: 100%;
	background: #FFF;
	border:0px;
	border-radius:0px;
	padding: 0px 0px;
	margin: 0px;
	box-shadow:0px;
}

.navbar-nav li ul li {
	padding: 0px;
	margin: 0px;
	width: 100%;
	float: left;
	color: #0047b8;
	font-size: 15px;
	font-weight: 400;
	line-height:25px;
}

.navbar-nav li ul li a {
	color: #0047b8;
	border-top:1px solid #eaf0f8;
	display: block;
	padding:15px 15px;
}


.navbar-nav li ul li a:hover {
	color: #0047b8;
	background:#eaf0f8;
}

.navbar-nav li:hover>ul.dropdown-menu {
	display: block;
}

/*.dropdown-submenu>.dropdown-menu {
   top:0;
   left:100%;
   margin-top:6px;
   margin-left:11px;
   -webkit-border-radius:0 6px 6px 6px;
   -moz-border-radius:0 6px 6px 6px;
   border-radius:0 6px 6px 6px;
 }

.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #272727;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;
  height: 0;
  margin-right: 0px;
  margin-top: 5px;
  width: 0;
}*/

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




@media (max-width: 1199px) {

.navbar-nav li{
	font-size:13px;
}

.navbar-nav li .fa, .navbar-nav li .fa-brands{ font-size:16px; margin-right:5px; }
	
.navbar-nav li a {
	padding:20px 12px;
}

}



@media (max-width: 991px) {

.navigation {
		padding:0px 0px;
	}


	#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 li {
		font-size: 17px;
		font-weight: 500;
		color: #FFF;
		line-height: 25px;
	}
	
	.navbar-nav li .fa, .navbar-nav li .fa-brands{	font-size: 16px; margin-right: 5px; }

	.navbar-nav li a{ padding:10px 25px; }


	.navbar ul.dropdown-menu {
		width: 100%;
		background: none;
		padding:0px 0px;
		margin: 0px;
		box-shadow: none;
		border: 0px;
		position: relative !important;
		float: left;
		/* display: inline-block; */
	}

	.navbar-nav li ul li {
		font-size: 14px;
		color: #FFF;
		font-weight: 400;
	}

	.navbar-nav li ul li a {
		padding: 5px 48px;
	}


	/*.dropdown-toggle::after {
		display: inline-block;
		vertical-align: middle;
		margin-left: 10px;
		content: "";
		border-top: 0;
		border-right: .4em solid transparent;
		border-bottom: .4em solid;
		border-left: .4em solid transparent;
		color: #FFCC07;
	}*/


	.navbar-collapse {
		width: 90%;
		padding:20px 0px 20px;
		background: #eaf0f8;
		position: fixed;
		overflow:auto;
		right: 0px;
		top: 0px;
		height: 100%;
		float: left;
		box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.1);
		z-index: 3;
	}

	.navbar-expand-sm .navbar-collapse {
		display: block !important;
	}


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

	.navbar-nav {
		padding: 0px 0px;
	}

	.navbar-nav li {
		width: 100%;
		font-size: 14px;
		font-weight: 500;
		margin: 0px;
		text-align: left;
	}


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

	.navbar-toggle {
		padding: 4px 5px 8px;
		background: none;
		border: 1px solid #000;
		border-radius: 5px;
		display: inline-block;
		position: fixed;
		top: 18px;
		right: 25px;
		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: #FFF;
	}

	.navbar-toggle .top-bar {
		transform: rotate(40deg);
		transform-origin: 4% 34%;
		width: 28px;
		background-color: #000;
		height: 2px;
	}

	.navbar-toggle .middle-bar {
		opacity: 0;
	}

	.navbar-toggle .bottom-bar {
		transform: rotate(-45deg);
		transform-origin: 10% 75%;
		width: 28px;
		background-color: #000;
		height: 2px;
	}

	.navbar-toggle.collapsed .top-bar {
		transform: rotate(0);
		width: 36px;
		background-color: #FFF;
		height: 4px;
	}

	.navbar-toggle.collapsed .middle-bar {
		opacity: 1;
		width: 36px;
	}

	.navbar-toggle.collapsed .bottom-bar {
		transform: rotate(0);
		width: 36px;
		background-color: #FFF;
		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;
					}*/



}



@media (max-width: 479px) {
	
.navbar-toggle.collapsed{
						position:absolute;
						right:0px;
						top:15px;
						}

}

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

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


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

.header-full{
	width: 100%;
	float: left;
	position: relative;
	background:url(../img/hero.jpg) center no-repeat;
	background-size: cover;
}

.header-full:after {
    width: 100%;
    position: absolute;
    background:rgba(0, 0, 0, 0.5);
    height: 100%;
    content: '';
    display: block;
    left: 0px;
    top: 0px;
}

header {
	width: 550px;
	padding:10% 0px;
	position: relative;
	z-index:2;
}

header h1 {
	font-size: 50px;
	line-height: 55px;
	font-weight: 500;
	color: #FFF;
	margin-bottom: 10px;
}

header p {
	font-size: 19px;
	font-weight: 400;
	color: #FFF;
	line-height: 25px;
	margin-bottom: 20px;
}

header p a{
	color: #FFF;
}


header .btn-primary {
	width:auto;
	padding: 15px 20px;
	background: #14c145;
	height: auto;
	border: 0;
	border-radius: 5px;
	font-family: "Rethink Sans", sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #FFF;
	line-height: 25px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	margin-right:15px;
	margin-bottom:15px;
}

header .btn-primary:hover {
	background: #149037;
	color: #FFF;
}

header .btn-primary:not(:disabled):not(.disabled):active {
	background: #149037;
	color: #FFF;
	border: 0px;
	box-shadow:none;
}

header .btn.focus,
.btn:focus {
	outline: 0;
	box-shadow:none;
}



header .btn-primary2{
	width:auto;
	padding: 15px 20px;
	background: none;
	height: auto;
	border: 0;
	border-radius:0px;
	font-family: "Rethink Sans", sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #FFF;
	line-height: 25px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	margin-bottom:15px;
}

header .btn-primary2:hover{ color:#FFF; }




@media (max-width: 767px) {

header{
	width:100%;
	padding:10% 0px;
	position: relative;
	z-index:2;
}

	header h1 {
		font-size: 35px;
		line-height: 40px;
		margin-bottom: 15px;
	}

	header p {
		font-size: 19px;
		line-height: 25px;
		margin-bottom: 20px;
	}

}

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


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

.header-title {
	width: 100%;
	padding: 28% 0px;
	float: left;
	position: relative;
	text-align: center;
}

.header-title h1 {
	font-family: 'Playfair Display', serif;
	font-size: 56px;
	line-height: 75px;
	font-weight: 400;
	color: #FFF;
	margin-bottom: 8px;
}


@media (max-width: 767px) {


}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Header Title <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Company Logo <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.company-product-full {
	width: 100%;
	float: left;
	position: relative;
	background: #FFF;
	border-bottom:1px solid #dbdbdb;
}

/*.company-logo-full .container { max-width: 1320px; }*/


.company-product {
	width: 100%;
	padding:40px 0px 20px;
	float: left;
	position: relative;
	text-align: center;
}


.company-product ul {
	padding: 0px;
	margin: 0px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
}

.company-product li{
	padding: 0px;
	margin: 0px;
	list-style: none;
	width:auto;
	display: inline-block;
	text-align: center;
	padding: 0px 2% 20px;
	vertical-align: middle;
	cursor:pointer;
	transition:all 0.2s ease 0s;
}

.company-product li:hover{ margin-top:-10px; transition:all 0.2s ease 0s; }

	.company-product li img{ width: 110px; height:auto; border-radius:50%; margin-bottom:10px; }

	.company-product h3{ font-size: 14px; font-weight:500; color: #001638; line-height: 19px; margin-bottom:0px; }




@media (max-width: 991px) {

.company-product li{ padding: 0px 5px 20px; }	

	.company-product li img{ width: 100px; }

}

@media (max-width: 767px) {

.company-product li{ padding: 0px 20px 20px; }	

}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Company Logo <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



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


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Products List <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


.products-list{
			width: 100%;
			display:inline-block;
			position: relative;
		}

	.products-list h2{ font-size: 19px;	font-weight:500; color: #001638; line-height: 25px; margin-bottom:20px;	}
		.products-list h2 a{ font-size: 14px; color: #001638; text-decoration:underline; float:right; }
			.products-list h2 a:hover{ color: #006cad; }

		.products-list h2 .btn-primary{
						width:auto;
						padding: 10px 20px;
						background: #14c145;
						height: auto;
						border: 0;
						border-radius: 5px;
						font-family: "Rethink Sans", sans-serif;
						font-size: 15px;
						font-weight: 500;
						color: #FFF;
						line-height: 25px;
						text-align: center;
						display: inline-block;
						cursor: pointer;
						float:right;
						text-decoration: none;
						margin-bottom: 20px;
					}
					
	.products-list h2 .btn-primary:hover{ background: #149037; color: #FFF; }					
	.products-list h2.banner-body .btn-primary:not(:disabled):not(.disabled):active{ background: #149037; color: #FFF;	border: 0px; box-shadow:none; }

	.products-list ul{ padding: 0px; margin: 0px; width: 100%; display: flex; flex-flow: wrap; /*justify-content: space-between;*/ }
					
	.products-list li{ padding: 0px; margin: 0px; list-style: none; width:23%; margin-left:2.6%; float:left; display: inline-block; padding:20px 20px 60px; background:#FFF; border:1px solid #dbdbdb; border-radius:6px; margin-bottom:30px; vertical-align: middle; cursor:auto; transition:all 0.2s ease 0s; position:relative; }
		.products-list li:hover{ margin-top:-10px; transition:all 0.2s ease 0s; }
		
	.products-list ul li:nth-child(4n+1){ margin-left:0px; }


		.products-list li .image{ width:100%; position:relative; margin-bottom:10px; }
			.products-list li .image img{ width:100%; border-radius:6px; }
		
		.products-list li .title{ width:100%; position:relative; }
		
			.products-list li .title h3{ font-size: 18px; font-weight:500; color: #001638; line-height: 25px; margin-bottom:10px; }
				.products-list li .title h3 a{ color: #001638; }
					.products-list li .title h3 a:hover{ color: #14c16f; }
					
			.products-list li .title p{ font-size: 14px; font-weight:500; color: #001638; line-height: 25px; margin-bottom: 15px; }
				.products-list li .title p a{ color: #001638; }
					.products-list li .title p a:hover{ color: #006cad; }
					
			/* .products-list li .title p span{ margin-right:8%; }
			
			.products-list li .title p bdi{ font-weight:400; text-decoration:line-through; font-size:14px; color:#dbdbdb; } */
					
			.products-list li .title .fa{ font-size:14px; font-weight:400; color:#14c145; line-height:25px; }
			
			
		.products-list li .products-button{
											width: 100%;
											padding:15px 0px;
											border-top:1px solid #dbdbdb;
											position: relative;
											}

			.products-list li .products-button h3{ font-size: 14px; font-weight:500; color: #001638; line-height: 25px; margin-bottom: 15px;	}
				.products-list li .products-button h3 a{ color: #001638; }
				
			
			.products-list li .products-button h4{ font-size:19px; font-weight:400; color: #006CAA; line-height: 25px; margin-bottom: 15px; display: none;	}
				.products-list li .products-button h4 span{ color: #001638; margin-left:15px; }
				
				
			.products-list li .products-button .gb{ font-size:14px; font-weight:400; color: #001638; line-height: 25px; margin-bottom:20px; }
				.products-list li .products-button .gb a{ color: #001638; border:1px solid #dbdbdb; padding:8px 8px; border-radius:5px; margin-right:4px; }
					.products-list li .products-button .gb a:hover{ color: #001638; border:1px solid #0047b2; }
					
					
			.products-list li .products-button .round{ border:1px solid #dbdbdb; width:20px; height:20px; padding:4px 4px; border-radius:50%; display:inline-block; margin-right:3px; }
				.products-list li .products-button .round a{ width:10px; height:10px; border-radius:50%; display:block; }
					.products-list li .products-button .round:hover{ border:1px solid #0047b2; }
			.products-list li .products-button .round.active{ border:1px solid #0047b2; }
					
				.products-list li .products-button .round a.black{ background:#000; }
				.products-list li .products-button .round a.yellow{ background:#f4d000; }
				.products-list li .products-button .round a.ash{ background:#f2f2f2; }
				.products-list li .products-button .round a.blue{ background:#1a75ff; }
				
				
			.products-list li .products-button .form-control{ font-size:14px; font-weight:400; color:#001638; line-height:30px; width: 100%; border:1px solid #dbdbdb; border-radius:5px; background: #FFF; height:auto; padding:10px 15px; border-radius:6px; margin-bottom:25px; }
			
				.products-list li .products-button .form-control:hover{ border:0ox; }
				.products-list li .products-button .form-control:active{ border:0px; box-shadow:none; }			
				.products-list li .products-button .form-control:focus{ border:0px; box-shadow:none; }

		
				.products-list li .products-button .form-control::-webkit-input-placeholder{ color:#001638; opacity:1; }
				.products-list li .products-button .form-control:-moz-placeholder{ /* Firefox 18- */ color:#001638; opacity:1; }
				.products-list li .products-button .form-control::-moz-placeholder{ /* Firefox 19+ */ color:#001638;opacity:1; }
				.products-list li .products-button .form-control:-ms-input-placeholder{ color:#001638; opacity:1; }	
				
				
			.products-list li .btn-primary{ width:86%; position:absolute; bottom:20px; padding: 10px 10px; background: #0047b2; height: auto; border: 0; border-radius: 5px; font-family: "Rethink Sans", sans-serif; font-size: 18px; font-weight: 500; color: #FFF; line-height: 22px; text-align: center; display: inline-block; cursor: pointer; }			
			.products-list li .btn-primary:hover{ background: #14c145; color: #FFF; }	
			.products-list li .btn-primary:not(:disabled):not(.disabled):active{ background: #14c145; color: #FFF;	border: 0px; box-shadow:none; }
			.products-list li .btn.focus, .btn:focus{ outline: 0; box-shadow:none;	}
			
				.products-list li .btn-primary .fa{ font-size:14px; font-weight:400; color:#FFF; line-height:25px; /*vertical-align: text-bottom;*/ margin-right:10px; }



@media (max-width: 1250px) {

.products-list li .btn-primary{ width:85%; }

}
		

@media (max-width: 1199px) {

.products-list li{ width:24%; margin-left:1.33%; }
.products-list ul li:nth-child(3n+1){ margin-left:1.33%; }
.products-list ul li:nth-child(4n+1){ margin-left:0px; }

.products-list li .btn-primary{ width:81%; }

}


@media (max-width: 991px) {

.products-list li{ width:48%; margin-left:4%; padding:20px 20px 60px; }
.products-list ul li:nth-child(3n+1){ margin-left:4%; }
.products-list ul li:nth-child(4n+1){ margin-left:4%; }
.products-list ul li:nth-child(2n+1){ margin-left:0px; }

.products-list li .btn-primary{ width:87%; }

}


@media (max-width: 767px) {

.products-list li .btn-primary{ width:83%; }

}

@media (max-width: 559px) {

.products-list li{ width:100%; margin-left:0px; padding:20px 20px; }
.products-list ul li:nth-child(3n+1){ margin-left:0px; }
.products-list ul li:nth-child(4n+1){ margin-left:0px; }
.products-list ul li:nth-child(2n+1){ margin-left:0px; }

.products-list li .btn-primary{ width:100%; left:0px; bottom:0px; position:relative; }

}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Products List <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Banner <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.banner-body{
			width: 100%;
			padding:4% 3%;
			float: left;
			position: relative;
			background:url(../img/banner.jpg) no-repeat;
			background-size:cover;
			border-radius:5px;
			margin-top:30px;
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
			justify-content: space-between;
			align-items: center;
			margin-bottom:40px;
			}
			
	.banner-body .float-left{ width:48%; }

	.banner-body h2{ font-size:36px; line-height:40px; font-weight: 400; color: #FFF; margin-bottom:15px; }
		.banner-body h2{ color: #FFF; }

	.banner-body p{ font-size:19px; font-weight: 400; color: #FFF; line-height:25px; margin-bottom:15px; }
		.banner-body p a{ color: #FFF;}


	.banner-body .btn-primary{
						width:auto;
						padding: 15px 20px;
						background: #14c145;
						height: auto;
						border: 0;
						border-radius: 5px;
						font-family: "Rethink Sans", sans-serif;
						font-size: 18px;
						font-weight: 500;
						color: #FFF;
						line-height: 25px;
						text-align: center;
						display: inline-block;
						cursor: pointer;
						float:right;
					}
					
	.banner-body .btn-primary:hover{ background: #149037; color: #FFF; }					
	.banner-body .btn-primary:not(:disabled):not(.disabled):active{ background: #149037; color: #FFF;	border: 0px; box-shadow:none; }


@media (max-width: 991px) {

.banner-body .float-left{ width:62%; }

.banner-body h2{ font-size:30px; line-height:35px; }
.banner-body p{ font-size:16px; line-height:25px;}

}

@media (max-width: 767px) {
	
.banner-body{
			padding:30px 20px 40px;
			display: inline-block;
			text-align:center;
			}

	.banner-body .float-left{ width:100%; }

	.banner-body h2{ font-size:30px; line-height:35px; }
	.banner-body p{ font-size:16px; line-height:25px;}
	
	.banner-body .btn-primary{ float:none; }

}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Banner <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Banner Block <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.banner-block{
			width: 100%;
			padding:30px 30px 10px;
			position: relative;
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
			justify-content: space-between;
			align-items: center;
			}
			
			
	.banner-block .thumb{
						 width: 49%;
						 position: relative;
						 transition: transform .2s;
						 overflow: hidden;
						 border-radius:5px;
						 height:auto;
						 display: flex;
						  flex-wrap: wrap;
						  box-sizing: border-box;
						  justify-content: space-between;
						  align-items: center;
						  margin-bottom:40px;
						}				
				
			.banner-block .thumb img{ font-size: 0; width: 100%; height:auto; transition: transform .2s; border-radius:5px; }
		
				.banner-block .thumb img:hover{ transform: scale(1.2); border-radius:5px; }			

	.banner-block .thumb h2{ font-size:50px; line-height:55px; font-weight:600; color: #FFF; margin-bottom:20px; }
		.banner-block .thumb h2{ color: #FFF; }

	.banner-block .thumb p{ font-size:19px; font-weight: 400; color: #FFF; line-height:25px; margin-bottom:20px; }
		.banner-block .thumb p a{ color: #FFF;}


	.banner-block .thumb .button{
								width:auto;
								position:absolute;
								left:30px;
								top:30px;
								z-index:1;
								}

		.banner-block .thumb .button .btn-primary{
										width:auto;
										padding: 10px 20px;
										background: #FFF;
										height: auto;
										border: 0;
										border-radius: 5px;
										font-family: "Rethink Sans", sans-serif;
										font-size: 14px;
										font-weight: 500;
										color: #001638;
										line-height: 25px;
										text-align: center;
										display: inline-block;
										cursor: pointer;
									}
						
		.banner-block .thumb .button .btn-primary:hover{ background: #434549; color: #FFF; }					
		.banner-block .thumb .button .btn-primary:not(:disabled):not(.disabled):active{ background: #434549; color: #FFF;	border: 0px; box-shadow:none; }
		
		
		
		.banner-block .thumb .content{									
									width:100%;
									padding:0px 0px;
									left:0px;
									bottom:0px;
									position:absolute;									
									z-index:1;
									}
									
			.banner-block .thumb .content p{ font-size:14px; font-weight: 400; color: #001638; line-height:22px; margin-bottom:0px; background:#FFF; padding:12px 10px; float:left; display:inline-block !important; }
				.banner-block .thumb .content p a{ color: #001638;}									
			
			
			.banner-block .thumb .content .btn-primary{
													width:auto;
													padding: 10px 20px;
													background:#0047b2;
													height: auto;
													border:0px;
													border-radius:0px;
													font-family: "Rethink Sans", sans-serif;
													font-size: 18px;
													font-weight: 500;
													color: #FFF;
													line-height: 25px;
													text-align: center;
													display: inline-block;
													cursor: pointer;
												}
						
		.banner-block .thumb .content .btn-primary:hover{ background:#0047b2; color: #FFF; border:0px; }					
		.banner-block .thumb .content .btn-primary:not(:disabled):not(.disabled):active{ background:#0047b2; color: #FFF;	border:0px; box-shadow:none; }
		
		
		.banner-block .thumb .content2{									
									width:65%;
									padding:0px 0px;
									left:10%;
									position:absolute;									
									z-index:1;
									}
									
			
			
			.banner-block .thumb .content2 .btn-primary{
													width:auto;
													padding: 10px 20px;
													background:none;
													height: auto;
													border: 1px solid #FFF;
													border-radius: 5px;
													font-family: "Rethink Sans", sans-serif;
													font-size: 18px;
													font-weight: 500;
													color: #FFF;
													line-height: 25px;
													text-align: center;
													display: inline-block;
													cursor: pointer;
												}
						
		.banner-block .thumb .content2 .btn-primary:hover{ background:none; color: #FFF; border:1px solid #FFF; }					
		.banner-block .thumb .content2 .btn-primary:not(:disabled):not(.disabled):active{ background:none; color: #FFF;	border:1px solid #FFF; box-shadow:none; }
			
			


@media (max-width: 1250px) {

.banner-block .thumb .content2{									
								width:75%;
								}

}

@media (max-width: 1199px) {
	
.banner-block .thumb .content2{									
								width:100%;
								padding:30px 30px;
								left:0px;
								}
	
	.banner-block .thumb h2{ font-size:40px; line-height:45px; }
	.banner-block .thumb p{ font-size:17px; line-height:25px; }

}



@media (max-width: 991px) {
	
.banner-block .thumb{
					 width: 100%;
					}

}


@media (max-width: 767px) {
	
.banner-block .thumb h2{ font-size:30px; line-height:35px; }
.banner-block .thumb p{ font-size:16px; line-height:22px; }

}


@media (max-width: 449px) {
	
.banner-block .thumb .content2{				
								padding:70px 30px 0px;
								}
	
	.banner-block .thumb h2{ font-size:25px; line-height:28px; margin-bottom:15px; }
	.banner-block .thumb p{ display:none; }
	
	.banner-block .thumb .content2 .btn-primary{ padding:10px 10px; }

}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Banner Block <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Product Details <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.gaming-product-full{ width:100%; float:left; position:relative; background:#ebf0f7; }

.gaming-product-block{
					width: 100%;
					padding:50px 5%;
					position: relative;
					display: flex;
					flex-wrap: wrap;
					box-sizing: border-box;
					justify-content: space-between;
					align-items: center;
					}
			
			
	.gaming-product-left{
						 width: 28%;
						 position: relative;
						 text-align:center;
						}						

		.gaming-product-left h2{ font-size:34px; line-height:40px; font-weight:500; color: #001638; margin-bottom:20px; }
			.gaming-product-left h2{ color: #001638; }
	
		.gaming-product-left p{ font-size:19px; font-weight: 400; color: #001638; line-height:25px; margin-bottom:20px; }
			.gaming-product-left p a{ color: #001638;}


		.gaming-product-left .btn-primary{
										width:auto;
										padding: 15px 20px;
										background: #14c145;
										height: auto;
										border: 0;
										border-radius: 5px;
										font-family: "Rethink Sans", sans-serif;
										font-size: 15px;
										font-weight: 500;
										color: #FFF;
										line-height: 25px;
										text-align: center;
										display: inline-block;
										cursor: pointer;
										margin-bottom:10px;
									}
							
		.gaming-product-left .btn-primary:hover{	background: #149037; color: #FFF; }							
		.gaming-product-left .btn-primary:not(:disabled):not(.disabled):active{	background: #149037; color: #FFF; border: 0px; box-shadow:none; }			
		.gaming-product-left .btn.focus, .btn:focus{ outline: 0; box-shadow:none; }
							
												
		.gaming-product-left .btn-primary2{
										width:auto;
										padding: 15px 20px;
										background: none;
										height: auto;
										border: 0;
										border-radius:0px;
										font-family: "Rethink Sans", sans-serif;
										font-size: 18px;
										font-weight: 500;
										color: #001638;
										line-height: 25px;
										text-align: center;
										display: inline-block;
										cursor: pointer;
									}
							
		.gaming-product-left .btn-primary2:hover{ color:#001638; }					
		
			
			
	.gaming-product-right{
						 width:67%;
						 position: relative;
						}
						
		.gaming-product-right .products-list li{ padding:20px 20px 60px; }	
		
			.gaming-product-right .products-list li .title h3{ font-size:16px; }	
			
			.gaming-product-right .products-list li .title p area{ display:inline-block; }
			
			.gaming-product-right .products-list li .btn-primary{ width: 81%; font-size: 16px; }
			


@media (max-width: 1400px) {
	
	
.gaming-product-left{
					 width:26%;
					}
					
.gaming-product-right{
					 width:70%;
					}
					
	.gaming-product-right .products-list li .title p span{ margin-right:5%; display:block; }

	.gaming-product-right .products-list li .btn-primary{ width: 78%; }


}

@media (max-width: 1265px) {

.gaming-product-left{
					 width:30%;
					}
	
.gaming-product-right{
					 width:68%;
					}

}



@media (max-width: 1199px) {
	
.gaming-product-left{
					 width:100%;
					 margin-bottom:30px;
					}
	
.gaming-product-right{
					 width:100%;
					}
					
	.gaming-product-right .products-list li .title p span{ display:inline-block; }
					
	.gaming-product-right .products-list li .btn-primary{ width:84%; }

}


@media (max-width: 1100px) {
					
.gaming-product-right .products-list li .btn-primary{ width:81%; }

}


@media (max-width: 991px) {
					
.gaming-product-right .products-list li .btn-primary{ width:90%; }

}


@media (max-width: 860px) {
					
.gaming-product-right .products-list li .btn-primary{ width:88%; }

}


@media (max-width: 767px) {
	
.gaming-product-right .products-list li .btn-primary{ width:85%; }

}


@media (max-width: 600px) {
	
.gaming-product-right .products-list li .btn-primary{ width:83%; }

}


@media (max-width: 559px) {
	
.gaming-product-right .products-list li{ padding:20px 20px; }	

}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Product Details <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Experience <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.experience-block{
				width: 100%;
				padding:60px 0px 30px;
				position: relative;
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				justify-content: space-between;
				align-items: center;
				}
				
	.experience-left{
					width:65%;
					position: relative;
				}	
			
		.experience-left ul{ padding:0px; margin:0px; display: flex; flex-wrap: wrap; box-sizing: border-box; justify-content: space-between; align-items: center; }	
		.experience-left li{ padding:0px; margin:0px; list-style:none; display:inline-block; width:48%; margin-bottom:40px; transition: transform .2s; overflow: hidden; }
		
		.experience-left li:hover{ transform: scale(1.01); }
			
		
		.experience-left li .image{ width:48%; float:left; }
			.experience-left li .image img{ border-radius:5px; }
		.experience-left li .details{ width:48%; float:right; }
		
		.experience-left .fa{ font-size:14px; font-weight:400; color:#14c145; line-height:25px; }
		
			
			.experience-left li h3{ font-size: 18px; font-weight:500; color: #001638; line-height: 22px; margin-bottom:0px; }
				.experience-left li h3 a{ color: #001638; }
					.experience-left li h3 a:hover{ color: #14c16f; }
					
			.experience-left li h4{ font-size: 14px; font-weight:500; color: #001638; line-height: 22px; margin-bottom: 15px; }
				.experience-left li h4 a{ color: #001638; }
					.experience-left li h4 a:hover{ color: #006cad; }
			
			.experience-left li h4 span{ font-weight:400; text-decoration:line-through; font-size:14px; color:#dbdbdb; }
					
			
						
			
	.experience-right{
					width:30%;
					position: relative;
					transition: transform .2s;
					overflow: hidden;
					height: auto;
					display: flex;
					flex-wrap: wrap;
					box-sizing: border-box;
					justify-content: space-between;
					align-items: center;
					margin-bottom:20px;
				}
				
		.experience-right img{ width: 100%; height:auto; transition: transform .2s; border-radius:5px; }
			.experience-right img:hover{ transform: scale(1.2); border-radius:5px; }

				
		.experience-right .title{									
								width:80%;
								padding:0px 0px;
								left:10%;
								position:absolute;									
								z-index:1;
								}
									
			.experience-right .title h2{ font-size:25px; line-height:30px; font-weight:500; color: #FFF; margin-bottom:20px; }
			.experience-right .title h2{ color: #FFF; }
	
			.experience-right .title p{ font-size:14px; font-weight:500; color: #FFF; line-height:24px; margin-bottom:20px; }
				.experience-right .title p a{ color: #FFF;}
									
			.experience-right .title .btn-primary{
												width:auto;
												padding: 15px 20px;
												background: #14c145;
												height: auto;
												border: 0;
												border-radius: 5px;
												font-family: "Rethink Sans", sans-serif;
												font-size: 18px;
												font-weight: 500;
												color: #FFF;
												line-height: 25px;
												text-align: center;
												display: inline-block;
												cursor: pointer;
												margin-top:20px;
											}
								
				.experience-right .title .btn-primary:hover{ background: #149037; color: #FFF; }					
				.experience-right .title .btn-primary:not(:disabled):not(.disabled):active{ background: #149037; color: #FFF;	border: 0px; box-shadow:none; }
				
				
@media (max-width: 1199px) {	

.experience-left li{ margin-bottom:20px; }

.experience-left li h4{ margin-bottom:5px; }

}

				
@media (max-width: 991px) {			
				
.experience-left{
				width:100%;
				margin-bottom:20px;
				}
				
	.experience-left li .image{ width:45%; }
	/* .experience-left li .details{ width:auto; } */
				
.experience-right{
				width:100%;
				margin-bottom:0px;
				}			
				
}


@media (max-width: 767px) {			
			
.experience-block{
				width: 100%;
				padding:40px 0px 30px;
				}	
				
	.experience-left li .image{ width:55%; }
	.experience-left li .details{ width:40%; }
							
				
}


@media (max-width: 559px) {				

.experience-left li{ width: 100%; }								
				
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Experience <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Tech Product <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.tech-product-full{
	width: 100%;
	float: left;
	position: relative;
	background:url(../img/hero.jpg) center no-repeat;
	background-size: cover;
}

.tech-product-full:after {
    width: 100%;
    position: absolute;
    background:rgba(0, 0, 0, 0.5);
    height: 100%;
    content: '';
    display: block;
    left: 0px;
    top: 0px;
}

.tech-product{
	max-width: 600px;
	margin: auto;
	padding:10% 0px;
	position: relative;
	z-index:2;
	text-align: center;
}

	.tech-product.tech-product-subpage{ max-width: 100%; }

.tech-product h2 {
	font-size: 50px;
	line-height: 55px;
	font-weight: 500;
	color: #FFF;
	margin-bottom: 10px;
}

.tech-product p {
	font-size: 19px;
	font-weight: 400;
	color: #FFF;
	line-height: 25px;
	margin-bottom: 20px;
}

.tech-product p a{
	color: #FFF;
}


.tech-product .btn-primary {
	width:auto;
	padding: 15px 20px;
	background: #14c145;
	height: auto;
	border: 0;
	border-radius: 5px;
	font-family: "Rethink Sans", sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #FFF;
	line-height: 25px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	margin: 10px 10px;
}

.tech-product .btn-primary:hover {
	background: #149037;
	color: #FFF;
}

.tech-product .btn-primary:not(:disabled):not(.disabled):active {
	background: #149037;
	color: #FFF;
	border: 0px;
	box-shadow:none;
}

.tech-product .btn.focus,
.btn:focus {
	outline: 0;
	box-shadow:none;
}



.tech-product .btn-primary2{
	width:auto;
	padding: 15px 20px;
	background: none;
	height: auto;
	border: 0;
	border-radius:0px;
	font-family: "Rethink Sans", sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #FFF;
	line-height: 25px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	margin: 10px 10px;
}

.tech-product .btn-primary2:hover{ color:#FFF; }




@media (max-width: 767px) {

.tech-product{
	width:100%;
	padding:10% 0px;
	position: relative;
	z-index:2;
}

	.tech-product h2 {
		font-size: 35px;
		line-height: 40px;
		margin-bottom: 15px;
	}

	.tech-product p {
		font-size: 16px;
		line-height: 25px;
		margin-bottom: 20px;
	}

}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Tech Product <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Tech Product Details <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.tech-product-details-full{
	width: 100%;
	float: left;
	position: relative;
	background:#FFF;
	border-bottom: 1px solid #dbdbdb;
}

.tech-product-details {
	width: 100%;
	padding:50px 0px 20px;
	position: relative;
	text-align: center;
}

	.tech-product-details ul{ padding:0px; margin:0px; display: flex; flex-wrap: wrap; box-sizing: border-box; justify-content: space-between; align-items: center; }	
	.tech-product-details li{ padding:0px; margin:0px; list-style:none; display:inline-block; width:32%; margin-bottom:20px; transition: transform .2s; overflow: hidden; }
	
	.tech-product-details li:hover{ transform: scale(1.02); }

	.tech-product-details li img{ margin-bottom:25px; border-radius: 5px; }

.tech-product-details li h3 {
	font-size: 23px;
	line-height: 25px;
	font-weight: 500;
	color: #001638;
	margin-bottom: 10px;
}

.tech-product-details li h3 a{ color:#001638 ; }

.tech-product-details li p {
	font-size: 17px;
	font-weight: 400;
	color: #001638;
	line-height: 22px;
	margin-bottom: 20px;
}

.tech-product-details li p a{
	color: #001638;
}



@media (max-width: 767px) {

.tech-product-details{
	padding:40px 0px 20px;
}

	.tech-product-details li{ width:100%; }

}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Tech Product Details <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Electronics Enrich <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.electronics-enrich{
					width: 100%;
					background: #e5ebf3;
					border-radius: 5px;
					display: inline-block;
					text-align: center;
					margin-bottom:40px;
}

.electronics-enrich h2 {
	font-size: 34px;
	line-height: 40px;
	font-weight: 500;
	color: #001638;
	margin-bottom: 10px;
}

.electronics-enrich p {
	font-size: 19px;
	font-weight: 400;
	color: #001638;
	line-height: 25px;
	margin-bottom: 20px;
}

.electronics-enrich p a{
	color: #001638;
}


.electronics-enrich .btn-primary {
	width:auto;
	padding: 15px 20px;
	background: #14c145;
	height: auto;
	border: 0;
	border-radius: 5px;
	font-family: "Rethink Sans", sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #FFF;
	line-height: 25px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	margin: 10px 10px;
}

.electronics-enrich .btn-primary:hover {
	background: #149037;
	color: #FFF;
}

.electronics-enrich .btn-primary:not(:disabled):not(.disabled):active {
	background: #149037;
	color: #FFF;
	border: 0px;
	box-shadow:none;
}

.electronics-enrich .btn.focus,
.btn:focus {
	outline: 0;
	box-shadow:none;
}

	.electronics-enrich ul{ padding:0px; margin:0px; display: flex; flex-wrap: wrap; box-sizing: border-box; justify-content: space-between; align-items: center; }	
	.electronics-enrich li{ padding:0px; margin:0px; list-style:none; display:inline-block; width:50%; }
	.electronics-enrich li:first-child img{ border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
	.electronics-enrich li:last-child{ width:42%; padding-right: 8%; }



@media (max-width: 991px) {

.electronics-enrich h2 { font-size: 28px; line-height: 32px; }

.electronics-enrich p { font-size: 16px; line-height: 25px; }

.electronics-enrich li{ width:100%; }
.electronics-enrich li:first-child img{ border-top-left-radius: 5px; border-bottom-left-radius:0px; border-top-right-radius: 5px; }
.electronics-enrich li:last-child{ width:100%; padding-right:0px; padding: 20px 20px; }

}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Electronics Enrich <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start New Products Arrival <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.new-products.products-list li{ width:32%; margin-left:2%; }
.new-products.products-list li:nth-child(3n+1){ margin-left:0px; }

.new-products.products-list li .btn-primary{ width: 90%; }



@media (max-width: 1199px) {

.new-products.products-list li .btn-primary{ width: 86%; }

}

@media (max-width: 991px) {

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

.new-products.products-list li .btn-primary{ width: 87%; }

}


@media (max-width: 767px) {

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

.new-products.products-list li .btn-primary{ width: 100%; position: relative; margin-top: 15px; }

}

@media (max-width: 559px) {

.new-products.products-list li{ padding: 20px 20px; }

.new-products.products-list li .btn-primary{ margin-top:0px; }

}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End New Products Arrival <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



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

.footer-full {
	width: 100%;
	float: left;
	position: relative;
	background: #0c2140;
}

footer {
	width: 100%;
	padding:50px 0px;
	float: left;
	position: relative;
}

footer .col-12{ width: 100%; padding: 0px 0px; display: flex; flex-wrap: wrap; box-sizing: border-box; justify-content: space-between; align-items: normal; }

	.footer-logo{
		width: 20%;
		position: relative;
		font-size: 20px;
		font-weight: 700;
		color: #FFF;
		line-height: 25px;
	}

		.footer-logo a{	color: #FFF; }

	.footer-menu{
				width: 20%;
				position: relative;
			}

		.footer-menu h3{ font-size:20px; font-weight:500; color: #FFF; line-height:24px; margin-bottom:20px; }
			.footer-menu h3 a{ color: #FFF;}

		.footer-menu ul{ padding: 0px; margin: 0px; margin-bottom: 50px; }
		.footer-menu li{ padding: 0px; margin: 0px; list-style: none; font-size:18px; font-weight:500; color: #b8bec7; line-height:24px; margin-bottom:10px; }
			.footer-menu li a{ color: #b8bec7;}
				.footer-menu li a:hover{ color: #FFF;}

			.footer-menu li p{ font-size:14px; font-weight:400; color: #FFF; line-height:22px; margin-bottom:20px; }
				.footer-menu li p a{ color: #FFF;}
				
		.footer-menu-body{
						width:100%;
						position: relative;
					}
				
				
	.footer-get-touch{
					width: 25%;
					position: relative;
					}

		.footer-get-touch h3{ font-size:20px; font-weight:500; color: #FFF; line-height:24px; margin-bottom:20px; }
			.footer-get-touch h3 a{ color: #FFF;}
			
			
		.footer-get-touch ul{ padding:0px; margin:0px; }
		.footer-get-touch li{ padding:0px; margin:0px; list-style:none; }
		.footer-get-touch li:first-child{ margin-bottom:16px; }

				
		.footer-get-touch .btn-primary {
										width:auto;
										padding: 15px 20px;
										background: #14c145;
										height: auto;
										border: 0;
										border-radius:30px;
										font-family: "Rethink Sans", sans-serif;
										font-size: 18px;
										font-weight: 500;
										color: #FFF;
										line-height: 25px;
										text-align: center;
										display: inline-block;
										cursor: pointer;
										margin-bottom:20px;
									}
									
		.footer-get-touch .btn-primary:hover{ background: #149037; color: #FFF; }									
		.footer-get-touch .btn-primary:not(:disabled):not(.disabled):active{	background: #149037; color: #FFF; border: 0px; box-shadow:none;	}
		.footer-get-touch .btn.focus, .btn:focus{ outline: 0; box-shadow:none; }
			
			.footer-get-touch .btn-primary .fa{ font-size:18px; font-weight:400; color:#FFF; line-height:25px; /*vertical-align: text-bottom;*/ margin-right:10px; }
			
		.footer-get-touch .btn-primary2{
										width:auto;
										padding: 15px 20px;
										background: #0047b2;
										height: auto;
										border: 0;
										border-radius:30px;
										font-family: "Rethink Sans", sans-serif;
										font-size: 18px;
										font-weight: 500;
										color: #FFF;
										line-height: 25px;
										text-align: center;
										display: inline-block;
										cursor: pointer;
										margin-bottom:30px;
									}
									
		.footer-get-touch .btn-primary2:hover{ background: #0047b2; color: #FFF; opacity: 0.7 }
			
			.footer-get-touch .btn-primary2 .fa{ font-size:18px; font-weight:400; color:#FFF; line-height:25px; /*vertical-align: text-bottom;*/ margin-right:10px; }
			
			
		.footer-get-touch .form-control{ font-family: "Rethink Sans", sans-serif; font-size:18px; font-weight:400; color:#FFF; line-height: 26px; width:70%; border:0px; border-bottom:1px solid #FFF; background: none; height:56px; border-radius:0px; padding:15px 18px; box-shadow:0px 0px; display:inline-block; }
			
			.footer-get-touch .form-control:hover{ border:0px; border-bottom:1px solid #064674; }
			.footer-get-touch .form-control:active{ border:0px; border-bottom:1px solid #064674; }			
			.footer-get-touch .form-control:focus{ border:0px; border-bottom:1px solid #064674; }
			
		.footer-get-touch .btn-primary3{
										width:auto;
										padding: 15px 20px;
										background: #FFF;
										height: auto;
										border: 0;
										border-radius:5px;
										font-family: "Rethink Sans", sans-serif;
										font-size: 18px;
										font-weight: 500;
										color: #041938;
										line-height: 25px;
										text-align: center;
										display: inline-block;
										cursor: pointer;
										margin-left:10px;
									}
									
		.footer-get-touch .btn-primary3:hover{ background: #FFF; color: #0047b2; }
		
		
	
	.footer-icon{ 
				width:auto;
				position:relative;
				margin-top:30px;
				}
	
		.footer-icon .fa, .footer-icon .fa-brands{ font-size:18px; font-weight:400; color:#FFF; line-height:34px; width:34px; height:34px; background:#001638; border-radius:5px; text-align:center; margin-right:10px; }
		.footer-icon .fa:hover, .footer-icon .fa-brands:hover{ color:#14c145; background:#FFF; }
		
		/*.footer-icon .fa-brands{ font-size:18px; font-weight:400; color:#FFF; line-height:34px; width:34px; height:34px; background:#001638; border-radius:5px; text-align:center; margin-right:10px; }
		.footer-icon .fa-brands:hover{ color:#14c145; background:#FFF; }*/

		.footer-icon ul{ padding: 0px; margin: 0px; margin-bottom: 50px; }
		.footer-icon li{ padding: 0px; margin: 0px; list-style: none; display: inline-block; font-size:normal; font-weight:400; color:none; line-height:normal; margin-bottom:0px; }
			.footer-icon li a{ color: normal;}
		
	.footer-copyright{ 
					width:auto;
					position:relative;
					text-align:right;
					margin-top:30px;
					}
					
		.footer-copyright p{ font-size:14px; font-weight:400; color: #FFF; line-height:22px; margin-bottom:20px; }
			.footer-copyright p a{ color: #FFF;}	
			
			
			
			

@media (max-width: 1250px) {

.footer-get-touch{
				width: 28%;
				}

}

@media (max-width: 1199px) {
	
.footer-logo{
		width:auto;
	}

.footer-menu{
			width: auto;
			}

.footer-get-touch{
				width: auto;
				}

}


@media (max-width: 991px) {
	
.footer-logo{
		width:100%;
		margin-bottom:50px;
	}

.footer-menu{
			width: 50%;
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
    		justify-content: space-between;
			}
			
	.footer-menu ul{ width:auto; float:left; margin-bottom:30px; }
	.footer-menu li{ font-size:16px; line-height:22px; }
	
	.footer-menu-body{
					width:50%;
					float:left;
					}

.footer-get-touch{
				width: 100%;
				}
				
	.footer-get-touch li{ width:50%; float:left; }
	.footer-get-touch li:first-child{ margin-bottom:0px; }
	
	

			
.footer-icon .fa, .footer-icon .fa-brands{ font-size:14px; line-height:28px; width:28px; height:28px; margin-right:5px; }
	
.footer-copyright{ 
				width:70%;
				}
				
	.footer-copyright p{ font-size:13px; }


}


@media (max-width: 767px) {
	
footer {
	width: 100%;
	padding:30px 0px;
}
	
.footer-logo{
		width:100%;
		margin-bottom:50px;
		font-size:30px; line-height:35px; text-align:center;
	}

.footer-menu{
			width:100%;
			}
			
	.footer-menu ul{ width:auto; float:left; margin-bottom:30px; }
	.footer-menu li{ font-size:18px; line-height:22px; }
	
	.footer-menu-body{
					width:32%;
					}

.footer-get-touch{
				width: 100%;
				text-align:center;
				}
				
	.footer-get-touch ul{ width: 280px;	margin: auto; }				
	.footer-get-touch li{ width:100%; float:left; }
	
	
	.footer-get-touch .form-control{ width:66%; }
	
	
.footer-icon{ 
			width:100%;
			text-align:center;
			margin-top:50px;
			}
			
.footer-icon .fa, .footer-icon .fa-brands{ margin:0px 5px; }
	
.footer-copyright{ 
				width:100%;
				text-align:center;
				}
				
	.footer-copyright p{ font-size:13px; }

}


@media (max-width: 574px) {

.footer-menu-body{
				width:100%;
				margin:auto;
				text-align:center;
				}
				
	.footer-menu ul{ width:100%; }
	

}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Footer <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



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

.heade-subpager-full{
					width: 100%;					
					float: left;
					position: relative;
					display: flex;
  					align-items: center;
					min-height:345px;
				}

.heade-subpager-full:after {
    width: 100%;
    position: absolute;
    background:rgba(0, 0, 0, 0.6);
    height: 100%;
    content: '';
    display: block;
    left: 0px;
    top: 0px;
}

.heade-subpager {
	width: 100%;
	/*padding:11% 0px 10%;*/
	padding:20px 0px;
	position: relative;
	z-index:2;
	text-align:center;
}

.heade-subpager h1 {
	font-size: 50px;
	line-height: 55px;
	font-weight: 500;
	color: #FFF;
	margin-bottom: 20px;
}


@media (max-width: 767px) {
	
.heade-subpager-full{
					min-height:230px;
				}

	.heade-subpager{
					width: 100%;
					/*padding:6% 0px 5%;*/
				}
	
		.heade-subpager h1{ font-size:35px; line-height:40px; }	
	
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Header Subpage <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Sub Page Header <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.subpage-header{
				width: 100%;
				padding:4% 3%;
				float: left;
				position: relative;
				background:url(../img/subpage-header.webp) center no-repeat;
				background-size:cover;
				border-radius:5px;
				margin-top:30px;
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				justify-content: space-between;
				align-items: center;
				margin-bottom:50px;
				border-radius:10px;
				}
				
.subpage-header:after{
					width: 100%;
					position: absolute;
					background:rgba(0, 0, 0, 0.6);
					height: 100%;
					content: '';
					display: block;
					left: 0px;
					top: 0px;
				}
			
	.subpage-header .z-index{ z-index:2; }		
			
	.subpage-header .float-left{ width:48%; }

	.subpage-header h2{ font-size:36px; line-height:40px; font-weight: 400; color: #FFF; margin-bottom:15px; }
		.subpage-header h2{ color: #FFF; }

	.subpage-header p{ font-size:19px; font-weight: 400; color: #FFF; line-height:25px; margin-bottom:15px; }
		.subpage-header p a{ color: #FFF;}


	.subpage-header .btn-primary{
						width:auto;
						padding: 15px 20px;
						background: #14c145;
						height: auto;
						border: 0;
						border-radius: 5px;
						font-family: "Rethink Sans", sans-serif;
						font-size: 18px;
						font-weight: 500;
						color: #FFF;
						line-height: 25px;
						text-align: center;
						display: inline-block;
						cursor: pointer;
						float:right;
					}
					
	.subpage-header .btn-primary:hover{ background: #149037; color: #FFF; }					
	.subpage-header .btn-primary:not(:disabled):not(.disabled):active{ background: #149037; color: #FFF;	border: 0px; box-shadow:none; }


@media (max-width: 991px) {

.subpage-header .float-left{ width:62%; }

.subpage-header h2{ font-size:30px; line-height:35px; }
.subpage-header p{ font-size:16px; line-height:25px;}

}

@media (max-width: 767px) {
	
.subpage-header{
			padding:30px 20px 40px;
			text-align:center;
			}
			
	.subpage-header .z-index{ width:100%; }	

	.subpage-header .float-left{ width:100%; }

	.subpage-header h2{ font-size:30px; line-height:35px; }
	.subpage-header p{ font-size:16px; line-height:25px;}
	
	.subpage-header .btn-primary{ float:none; }

}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Sub Page Header <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



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

.about-content{
			 width: 100%;
			 padding:50px 0px;
			 position: relative;
			 text-align:center;
			}						

		.about-content h2{ font-size:50px; line-height:60px; font-weight:500; color: #001638; margin-bottom:20px; }
			.about-content h2{ color: #001638; }
	
		.about-content p{ font-size:19px; font-weight: 400; color: #001638; line-height:25px; margin-bottom:25px; }
			.about-content p a{ color: #001638; }
			

		.about-content .btn-primary{
									width:auto;
									padding: 15px 30px;
									background: #14c145;
									height: auto;
									border: 0;
									border-radius: 5px;
									font-family: "Rethink Sans", sans-serif;
									font-size: 18px;
									font-weight: 500;
									color: #FFF;
									line-height: 25px;
									text-align: center;
									display: inline-block;
									cursor: pointer;
									margin-top:10px;
								}
							
		.about-content .btn-primary:hover{	background: #149037; color: #FFF; }							
		.about-content .btn-primary:not(:disabled):not(.disabled):active{	background: #149037; color: #FFF; border: 0px; box-shadow:none; }			
		.about-content .btn.focus, .btn:focus{ outline: 0; box-shadow:none; }
		
		

.about-partner-logo{	
				  width:100%;
				  padding:40px 0px 20px;
				  position:relative;
				  text-align:center;
				  }

	.about-partner-logo ul{ padding:0px; margin:0px; /*display: flex; flex-wrap: wrap; box-sizing: border-box; justify-content: space-between;*/ align-items: center; }
	.about-partner-logo li{ padding:0px; margin:0px; list-style:none; display:inline-block; width:auto; padding:0px 3%; margin-bottom:20px; }
	.about-partner-logo li img{ width:auto; height:48px; }




.about-details{
			width: 100%;
			padding:40px 0px;
			display: inline-block;
			text-align: center;
			}

.about-details h2{
	font-size: 48px;
	line-height:55px;
	font-weight: 500;
	color: #FFF;
	margin-bottom: 20px;
	text-align:left;
}


.about-details h3 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 500;
	color: #001638;
	margin-bottom: 10px;
}

.about-details h3.color{ font-size:24px; line-height:28px; color: #FFF; text-align:left; }

.about-details h4{
	font-size: 14px;
	line-height:20px;
	font-weight: 500;
	color: #FFF;
	margin-bottom: 10px;
	text-align:left;
}

.about-details p {
	font-size: 19px;
	font-weight: 400;
	color: #001638;
	line-height: 25px;
	margin-bottom: 20px;
}

.about-details p.color{	color: #FFF; text-align:left; }

.about-details p a{
	color: #001638;
}


/*.about-details .btn-primary {
	width:auto;
	padding: 15px 20px;
	background: #14c145;
	height: auto;
	border: 0;
	border-radius: 5px;
	font-family: "Rethink Sans", sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #FFF;
	line-height: 25px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
}

.about-details .btn-primary:hover {
	background: #149037;
	color: #FFF;
}

.about-details .btn-primary:not(:disabled):not(.disabled):active {
	background: #149037;
	color: #FFF;
	border: 0px;
	box-shadow:none;
}

.about-details .btn.focus,
.btn:focus {
	outline: 0;
	box-shadow:none;
}*/

	.about-details ul{ padding:0px; margin:0px; display: flex; flex-wrap: wrap; box-sizing: border-box; justify-content: space-between; align-items: center; }	
	.about-details li{ padding:0px; margin:0px; list-style:none; display:inline-block; width:46%; margin:30px 0px; }
	.about-details li img{ border-radius: 5px; }




@media (max-width: 991px) {
	
.about-partner-logo li{ padding:0px 5%; }


.electronics-enrich h2 { font-size: 28px; line-height: 32px; }

.electronics-enrich p { font-size: 16px; line-height: 25px; }


.about-details h2{ font-size:34px;	line-height:38px; }

.about-details h3{ font-size: 28px;	line-height:35px; }
.about-details h3 br{ display:none; }

.about-details h3.color{ font-size:20px; line-height:25px; }
		
.about-details p{ font-size: 16px; line-height: 24px; }
.about-details p br{ display:none; }
	
}
		
		
@media (max-width: 767px) {
	
.about-content{
			 width: 100%;
			 padding:30px 0px;
			}
			
	.about-content h2{ font-size:32px; line-height:36px; }	
	.about-content p{ font-size:16px; line-height:24px; }	
	.about-content p br{ display:none; }
	
	
	
.about-details{
			width: 100%;
			padding:20px 0px 50px;
			}

	.about-details li{ width:100%; margin:20px 0px 0px; }
	.about-details li:first-child{ margin:0px 0px 0px; }
	
	.about-details li:nth-child(2n+1){ margin-top:40px; }

		.about-details h3{ font-size: 28px;	line-height:35px; }
		.about-details h3 br{ display:none; }		
		.about-details p{ font-size: 16px; line-height: 24px; }
		.about-details p br{ display:none; }	
	
}
		
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End About <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



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

.blog-header{
			max-width:780px;
			margin:auto;
			position:relative;
			}

	.blog-header .form-control{ font-size:17px; font-weight:400; color:#FFF; line-height: 24px; width: 100%; border:3px solid #FFF; border-radius:10px; background:none; height:54px; padding:15px 15px 15px 50px; display:inline-block; }
					
		.blog-header .form-control::-webkit-input-placeholder{ color:#FFF; opacity:1; }
		.blog-header .form-control:-moz-placeholder{ /* Firefox 18- */ color:#FFF; opacity:1; }
		.blog-header .form-control::-moz-placeholder{ /* Firefox 19+ */ color:#FFF;opacity:1; }
		.blog-header .form-control:-ms-input-placeholder{ color:#FFF; opacity:1; }
		
		.blog-header .form-control:active{ box-shadow:none; }			
		.blog-header .form-control:focus{ box-shadow:none; }
		
		.blog-header .fa{ font-size:18px; font-weight: 400; color: #FFF; line-height:24px; position:absolute; left:14px; top:15px; z-index:1; }
		
		
		
.blog-left{
		  width:60%;
		  float:left;
		  position:relative;
		  }
		  
	.blog-left .col-12{ width:100%; display:inline-block; padding:0px 0px; margin-bottom:30px; }
		  
	.blog-title-image{
				  width:100%;
				  position:relative;
				  }
				  
		.blog-title-image img{ width:100%; height:auto; }
				  
	.blog-title{
			  width:80%;
			  padding:10% 5% 5%;
			  background:#FFF;
			  position:relative;
			  margin-top:-10%;
			  }	
			  
		.blog-title h3{ font-size:36px; line-height:42px; font-weight:500; color: #001638; margin-bottom:30px; }
			.blog-title h3 a{ color: #001638; }
				.blog-title h3 a:hover{ color: #006CAA; }
	
		.blog-title p{ font-size:19px; font-weight: 400; color: #001638; line-height:26px; margin-bottom:30px; }
			.blog-title p a{ color: #001638; }
				
		.blog-title .btn-primary {
								width:auto;
								padding: 15px 30px;
								background: #14c145;
								height: auto;
								border: 0;
								border-radius:5px;
								font-family: "Rethink Sans", sans-serif;
								font-size: 18px;
								font-weight: 500;
								color: #FFF;
								line-height: 25px;
								text-align: center;
								display: inline-block;
								cursor: pointer;
								margin-top:10px;
							}
									
			.blog-title .btn-primary:hover{ background: #149037; color: #FFF; }									
			.blog-title .btn-primary:not(:disabled):not(.disabled):active{	background: #149037; color: #FFF; border: 0px; box-shadow:none;	}
			.blog-title .btn.focus, .btn:focus{ outline: 0; box-shadow:none; }
						  
				  

.blog-right{
		  width:35%;
		  float:right;
		  position:relative;
		  }
		  
	.blog-right article{ padding:20px 20px; }
		  
	.blog-right ul{ padding:0px; margin:0px; }
	.blog-right li{ padding:0px; margin:0px; list-style:none; width:100%; background:#eaf0f8; display: inline-block; margin:30px 0px 30px; }
	.blog-right li:first-child{ margin-top:0px; }
	
		.blog-right li h3{ font-size:22px; line-height:28px; font-weight:500; color: #001638; margin-bottom:20px; }
			.blog-right li h3 a{ color: #001638; }
				.blog-right li h3 a:hover{ color: #006CAA; }
			
		.blog-right li h4{ font-size:17px; line-height:24px; font-weight:500; color: #006CAA; margin-bottom:15px; }
			.blog-right li h4{ color: #006CAA; }
				.blog-right li h4 a:hover{ color: #001638; }
	
		.blog-right li p{ font-size:16px; font-weight: 400; color: #001638; line-height:24px; margin-bottom:10px; }
			.blog-right li p a{ color: #001638; }
				.blog-right li p a:hover{ color: #006CAA; }
				
				
				
				
				
				
.blog-banner{
			width: 100%;
			padding:30px 30px 10px;
			position: relative;
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
			justify-content: space-between;
			align-items: center;
			}
			
	.blog-banner ul{ padding:0px; margin:0px; width:100%; display: flex; flex-wrap: wrap; box-sizing: border-box; justify-content: space-between; align-items: center; }
	.blog-banner li{ padding:0px; margin:0px; list-style:none; display:inline-block; width:33%; float:left; margin-left:0.5%; position: relative; transition: transform .2s; overflow: hidden; height:auto; margin-bottom:30px; }
	.blog-banner li:nth-child(3n+1){ margin-left:0px; }	
				
			.blog-banner li img{ font-size: 0; width: 100%; height:auto; transition: transform .2s; border-radius:0px; }
				.blog-banner li img:hover{ transform: scale(1.2); border-radius:0px; }
				
			/*.blog-banner li:after{ width: 100%; position: absolute; background:rgba(0, 0, 0, 0.6); height: 100%; content: ''; display: block; left: 0px; top: 0px; }*/
				
		
			.blog-banner li .content{									
								width:80%;
								padding:10px 10px;
								/*background:rgba(0, 0, 0, 0.6);*/
								left:10%;
								bottom:10%;
								position:absolute;	
								text-align:center;
								z-index:2;
								}			
				
			.blog-banner li .content h3{ font-size:28px; line-height:35px; font-weight:500; color: #FFF; margin-bottom:20px; }
				.blog-banner li .content h3 a{ color: #FFF; }
				
			.blog-banner li .content h4{ font-size:17px; line-height:24px; font-weight:500; color: #FFF; margin-bottom:0px; }
				.blog-banner li .content h4 a{ color: #FFF; }
		
			.blog-banner li .content p{ font-size:16px; font-weight: 400; color: #FFF; line-height:24px; margin-bottom:10px; }
				.blog-banner li .content p a{ color: #FFF; }
				
				
				
				
				
.latest-tips-tricks{
					width: 100%;
					padding:50px 0px;
					position: relative;
					}
					
	.latest-tips-tricks h2{ font-size: 17px; font-weight:500; color: #001638; line-height: 25px; margin-bottom:20px; }
		.latest-tips-tricks h2 a{ font-size: 14px; color: #001638; text-decoration:underline; float:right; }
			.latest-tips-tricks h2 a:hover{ color: #006cad; }

	.latest-tips-tricks ul{ padding:0px; margin:0px; display: flex; flex-wrap: wrap; box-sizing: border-box; justify-content: space-between; align-items: center; }	
	.latest-tips-tricks li{ padding:0px; margin:0px; list-style:none; display:inline-block; width:31%; margin-bottom:20px; transition: transform .2s; overflow: hidden; }

	.latest-tips-tricks li img{ width:100%; height:auto; margin-bottom:25px; border-radius:0px; }

	.latest-tips-tricks li h3{ font-size:24px; line-height:28px; font-weight:500; color: #001638; margin-bottom:20px; }
		.latest-tips-tricks li h3 a{ color: #001638; }
			.latest-tips-tricks li h3 a:hover{ color: #006CAA; }
		
	.latest-tips-tricks li h4{ font-size:18px; line-height:24px; font-weight:500; color: #006CAA; margin-bottom:15px; }
		.latest-tips-tricks li h4{ color: #006CAA; }
			.latest-tips-tricks li h4 a:hover{ color: #001638; }

	.latest-tips-tricks li p{ font-size:16px; font-weight: 400; color: #001638; line-height:24px; margin-bottom:10px; }
		.latest-tips-tricks li p a{ color: #001638; }
			.latest-tips-tricks li p a:hover{ color: #006CAA; }	
			
			
			
			
.tips-tricks-list{
				width: 100%;
				padding:60px 0px 20px;
				position: relative;
				}
				
	.tips-tricks-list ul{ padding: 0px; margin: 0px; width: 100%; display: flex; flex-flow: wrap; /*justify-content: space-between;*/ }
	.tips-tricks-list li{ padding: 0px; margin: 0px; list-style: none; width:23%; margin-left:2.6%; float:left; background: #eaf0f8; display: inline-block; margin-bottom:40px; position:relative; }	
	.tips-tricks-list ul li:nth-child(4n+1){ margin-left:0px; }

	.tips-tricks-list li img{ width:100%; height:auto; border-radius:0px; }
	
	.tips-tricks-list li article{ padding: 20px 20px; }

	.tips-tricks-list li h3{ font-size:22px; line-height:26px; font-weight:500; color: #001638; margin-bottom:20px; }
		.tips-tricks-list li h3 a{ color: #001638; }
			.tips-tricks-list li h3 a:hover{ color: #006CAA; }
		
	.tips-tricks-list li h4{ font-size:17px; line-height:24px; font-weight:500; color: #006CAA; margin-bottom:15px; }
		.tips-tricks-list li h4{ color: #006CAA; }
			.tips-tricks-list li h4 a:hover{ color: #001638; }

	.tips-tricks-list li p{ font-size:16px; font-weight: 400; color: #001638; line-height:24px; margin-bottom:10px; }
		.tips-tricks-list li p a{ color: #001638; }
			.tips-tricks-list li p a:hover{ color: #006CAA; }	
			
							
				
				
				
@media (max-width: 991px) {
			  
.blog-title h3{ font-size:28px; line-height:36px; }	
.blog-title p{ font-size:17px; line-height:24px; }
		
.blog-title .btn-primary {
						width:auto;
						padding: 15px 20px;
					}
					
					
					
.blog-banner ul{ justify-content: center; }					
	.blog-banner li{ width:49%; margin-left:2%; }
	.blog-banner li:nth-child(3n+1){ margin-left: 0px; }
	.blog-banner li:nth-child(2n+1){ margin-left: 0px; }
	
	
.tips-tricks-list li{ width:48%; margin-left:4%; margin-bottom:40px; }	
.tips-tricks-list ul li:nth-child(4n+1){ margin-left:4%; }	
.tips-tricks-list ul li:nth-child(2n+1){ margin-left:0px; }					  
				 	
	
}


@media (max-width: 767px) {
	
.blog-header .form-control{ display:none; }
.blog-header .fa{ display:none; }	

	
	
.blog-left{
		  width:100%;
		  }
		  
	.blog-left .col-12{ margin-bottom:30px; }
		  
		  
	.blog-title{
			  width:90%;
			  padding:10% 5% 5%;
			  margin-top:-10%;
			  }	
			  
		.blog-title h3{ font-size:28px; line-height:36px; }	
		.blog-title p{ font-size:17px; line-height:24px; }
				
		.blog-title .btn-primary {
								width:auto;
								padding: 15px 20px;
							}						  
				  

.blog-right{
		  width:100%;
		  }	
		  
		  
		  
		  
.blog-banner ul{ justify-content: center; }					
	.blog-banner li{ width:100%; margin-left:0px; }
	.blog-banner li:nth-child(3n+1){ margin-left: 0px; }
	.blog-banner li:nth-child(2n+1){ margin-left: 0px; }
	
	
	
	
	
.latest-tips-tricks{
					width: 100%;
					padding:30px 0px;
					}
				

	.latest-tips-tricks ul{ width:100%; display: flex; flex-wrap: wrap; }	
	.latest-tips-tricks li{ width:100%; margin-bottom:20px; }

	.latest-tips-tricks li h3{ font-size:20px; line-height:26px; }		
	.latest-tips-tricks li h4{ font-size:17px; line-height:24px; }
	.latest-tips-tricks li p{ font-size:14px; }	
	
	
	
.tips-tricks-list li h3{ font-size:18px; line-height:24px; }
	
	
}



@media (max-width: 479px) {
	
.blog-banner li .content{
						width:90%;
						padding: 10px 10px;
						left: 5%;
						bottom:0px;
					}
	
	.blog-banner li .content h3{ font-size:22px; line-height:28px; margin-bottom:10px;}	
	
	
.latest-tips-tricks h2{ font-size: 15px; }


.tips-tricks-list li{ width:100%; margin-left:0px; }	
.tips-tricks-list ul li:nth-child(4n+1){ margin-left:0px; }	
.tips-tricks-list ul li:nth-child(2n+1){ margin-left:0px; }
	
}

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



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

.blog-details{
			  width:65%;
			  float:left;
			  position:relative;
			  }	
			
	.blog-details .col-12{ width:100%; display:inline-block; padding:0px 0px; }
	
	.blog-details hr{ width:100%; border:0px; background:#434549; height:2px; margin-bottom:20px; }
	
	.blog-details img{ width:100%; height:100%; margin-bottom:25px; }
	
	/* .blog-details article{ width:100%; border:1px solid #434549; padding:5% 10% 3%; margin:30px 0px; text-align:center; } */
		
		.blog-details h2{ font-size:38px; line-height:45px; font-weight:500; color: #001638; margin-bottom:30px; }
			.blog-details h2 a{ color: #001638; }
				.blog-details h3 a:hover{ color: #006CAA; }
			  
		.blog-details h3{ font-size:30px; line-height:35px; font-weight:500; color: #001638; margin-bottom:20px; }
			.blog-details h3 a{ color: #001638; }
				.blog-details h3 a:hover{ color: #006CAA; }
				
		.blog-details h4{ font-size:24px; line-height:30px; font-weight:500; color: #001638; margin-bottom:20px; }
			.blog-details h4 a{ color: #001638; }
				.blog-details h4 a:hover{ color: #006CAA; }				
		.blog-details h4 strong{ font-weight:500; }
		
		.blog-details h5{ font-size:20px; line-height:24px; font-weight:500; color: #001638; margin-bottom:20px; }
			.blog-details h5 a{ color: #001638; }
				
		.blog-details h6{ font-size:16px; line-height:22px; font-weight:400; color: #006CAA; margin-bottom:15px; }
			.blog-details h6 a{ color: #006CAA; }
				.blog-details h6 a:hover{ color: #14c163; }
		.blog-details h6 strong{ font-weight:500; }
	
		.blog-details p{ font-size:19px; font-weight: 400; color: #001638; line-height:26px; margin-bottom:20px; }
			.blog-details p a{ color: #001638; }
			
			
		.blog-details .fa, .blog-details .fa-brands{ font-size:22px; font-weight:400; color:#001638; line-height:24px; margin-right:15px; margin-bottom:15px; }
		.blog-details .fa:hover, .blog-details .fa-brands:hover{ color:#001638;  }
		
		
		.blog-details .form-group .form-control{ font-family: "Rethink Sans", sans-serif; font-size:17px; font-weight:400; color:#1a2845; line-height:24px; width:32%; margin-right:2%; border:1px solid #eaf0f8; background: none; height:48px; border-radius:5px; padding:14px 15px; box-shadow:0px 0px; display:inline-block; }
					
			.blog-details .form-group .form-control:hover{ border:1px solid #14c145; color:#1a2845; }
			.blog-details .form-group .form-control:active{ border:1px solid #14c145; color:#1a2845; }			
			.blog-details .form-group .form-control:focus{ border:1px solid #14c145; color:#1a2845; }			
			.blog-details .form-group input::placeholder, .form-group textarea::placeholder{ color: #1a2845; }	
			
		.blog-details .form-group textarea.form-control{ width:100%; margin-right:0px; }
			
		
				
		.blog-details .btn-primary {
								width:auto;
								padding: 15px 30px;
								background: #14c145;
								height: auto;
								border: 0;
								border-radius:5px;
								font-family: "Rethink Sans", sans-serif;
								font-size: 18px;
								font-weight: 500;
								color: #FFF;
								line-height: 25px;
								text-align: center;
								display: inline-block;
								cursor: pointer;
								margin-top:10px;
							}
									
			.blog-details .btn-primary:hover{ background: #149037; color: #FFF; }									
			.blog-details .btn-primary:not(:disabled):not(.disabled):active{ background: #149037; color: #FFF; border: 0px; box-shadow:none;	}
			.blog-details .btn.focus, .btn:focus{ outline: 0; box-shadow:none; }
			
			
			
						  
				  

.blog-details-right{
				  width:30%;
				  float:right;
				  position:relative;
				  }
		
	.blog-details-follow{
						  width:100%;
						  position:relative;
						  margin-bottom:20px;
						  }	 
						  
		.blog-details-follow h3{ font-size:16px; line-height:22px; font-weight:500; color: #001638; margin-bottom:10px; }
			.blog-details-follow h3 a{ color: #001638; } 	
	
			.blog-details-follow .fa, .blog-details-follow .fa-brands{ font-size:18px; font-weight:400; color:#006caa; line-height:24px; margin-right:15px; margin-bottom:15px; }
				.blog-details-follow .fa:hover, .blog-details-follow .fa-brands:hover{ color:#006caa;  }
				
				
	.blog-details-banner{
						  width:100%;
						  position:relative;
						  transition: transform .2s;
						  overflow: hidden;
						  height:auto;
						  display: flex;
						  flex-wrap: wrap;
						  box-sizing: border-box;
						  justify-content: space-between;
						  align-items: center;
						  margin-bottom:40px;
						  }	
						  			
				
		.blog-details-banner img{ font-size: 0; width: 100%; height:auto; transition: transform .2s; }
			.blog-details-banner img:hover{ transform: scale(1.2); }			

		
		.blog-details-banner .content{									
									width:80%;
									padding:0px 0px;
									left:10%;
									position:absolute;									
									z-index:1;
									}
									
			.blog-details-banner .content h3{ font-size:24px; font-weight:500; color:#FFF; line-height:28px; margin-bottom:20px; }
				.blog-details-banner .content h3 a{ color: #FFF;}						
									
			.blog-details-banner .content p{ font-size:18px; font-weight:400; color:#FFF; line-height:24px; margin-bottom:20px; }
				.blog-details-banner .content p a{ color: #FFF;}													
			
			
			.blog-details-banner .content .btn-primary {
														width:auto;
														padding: 15px 30px;
														background: #14c145;
														height: auto;
														border: 0;
														border-radius:5px;
														font-family: "Rethink Sans", sans-serif;
														font-size: 18px;
														font-weight: 500;
														color: #FFF;
														line-height: 25px;
														text-align: center;
														display: inline-block;
														cursor: pointer;
													}
									
				.blog-details-banner .content .btn-primary:hover{ background: #149037; color: #FFF; }									
				.blog-details-banner .content .btn-primary:not(:disabled):not(.disabled):active{ background: #149037; color: #FFF; border: 0px; box-shadow:none;	}
				.blog-details-banner .content .btn.focus, .btn:focus{ outline: 0; box-shadow:none; }			  
						  
		
		
	
	.blog-latest-articles{
						  width:100%;
						  position:relative;
						  }
						  
		.blog-latest-articles h3{ font-size:16px; line-height:22px; font-weight:500; color: #001638; margin-bottom:30px; }
			.blog-latest-articles h3 a{ color: #001638; } 
			
		.blog-latest-articles ul{ padding:0px; margin:0px; }
		.blog-latest-articles li{ padding:0px; margin:0px; list-style:none; width:100%; float:left; border-top:1px solid #e5e7eb; padding:20px 0px; display:flex; flex-wrap: wrap; box-sizing: border-box; justify-content: space-between; align-items: center; }
		.blog-latest-articles li:first-child{ border-top:0px; padding-top:0px; }
		
			.blog-latest-articles li h3{ font-size:17px; line-height:22px; font-weight:500; color: #004782; margin-bottom:0px; }
				.blog-latest-articles li h3 a{ color: #004782; } 
					.blog-latest-articles li h3 a:hover{ color: #2fc85a; } 
			
			.blog-latest-articles li h4{ font-size:14px; line-height:20px; font-weight:400; color: #001638; margin-bottom:5px; }
				.blog-latest-articles li h4 a{ color: #001638; } 
				
				
			.blog-latest-articles li .image{ width:30%; }
			.blog-latest-articles li .details{ width:65%; }
					  



@media (max-width: 1199px) {

.blog-details{
			  width:62%;
			  }
			  
			  
.blog-details-right{
				  width:34%;
				  }
				  
	.blog-latest-articles li h3{ font-size: 15px; line-height: 20px; }

}


@media (max-width: 991px) {

.blog-details{
			  width:100%;
			  margin-bottom:40px;
			  }
			  
			  
.blog-details-right{
				  width:100%;
				  }

}


@media (max-width: 767px) {

.blog-details h2{ font-size: 32px; line-height: 40px; }

.blog-details h3{ font-size: 26px; line-height: 34px; }

}


@media (max-width: 559px) {
	
.blog-details .form-group{ margin-bottom: 0px; }

	.blog-details .form-group .form-control{ width:100%; margin-right:0px; margin-bottom:20px; }

}


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



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

.contact-info {
            width:32%;
			float:left;
			position:relative;
			margin:30px 0px;
        	}

        .contact-info h2{ font-size:34px; line-height:40px; font-weight:500; color: #001638; margin-bottom:20px; }
			.contact-info h2{ color: #001638; }
	
		.contact-info p{ font-size:19px; font-weight: 400; color: #001638; line-height:26px; margin-bottom:25px; }
			.contact-info p a{ color: #001638; }
				.contact-info p a:hover{ color: #001638;  }
			
		.contact-info .fa, .contact-info .fab{ font-size:18px; font-weight:400; color:#434549; line-height:34px; margin-right:20px; }
		.contact-info .fa:hover, .contact-info .fab:hover{ color:#434549; }
			

.form-section {
			width:55%;
			padding:30px 30px 40px;
			background:#FFF;
			border-radius:5px;
			float:right;
			position:relative; 
			margin:30px 0px;
			}

	.form-group{
				margin-bottom:30px;
				}

        .form-group:last-of-type{
								margin-bottom:30px;
								}

        .form-group label{
						display: block;
						font-weight:400;
						font-family: "Rethink Sans", sans-serif; font-size:14px; color: #1a2845; font-weight:500; line-height:20px;
						margin-bottom: 12px;
						text-transform: uppercase;
					}
		
		.form-group .form-control{ font-family: "Rethink Sans", sans-serif; font-size:14px; font-weight:400; color:#1a2845; line-height:24px; width:100%; border:1px solid #eaf0f8; background: none; height:48px; border-radius:5px; padding:14px 15px; box-shadow:0px 0px; display:inline-block; }
			
			.form-group .form-control:hover{ border:1px solid #14c145; color:#1a2845; }
			.form-group .form-control:active{ border:1px solid #14c145; color:#1a2845; }			
			.form-group .form-control:focus{ border:1px solid #14c145; color:#1a2845; }
			
			.form-group input::placeholder, .form-group textarea::placeholder{ color: #1a2845; }

        .name-group {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
        }

        .form-group textarea {
            resize: vertical;
            min-height: 140px;
            font-family: inherit;
        }

        .form-section button {
							width: 100%;
							padding:15px 10px;
							background-color: #1e5dd6;
							border: none;
							border-radius: 5px;
							font-family: "Rethink Sans", sans-serif; font-size:18px; font-weight:400; color:#FFF; line-height:28px;
							cursor: pointer;
							transition: background-color 0.2s;
							letter-spacing: 0.3px;
						}

        .form-section button:hover{ background-color: #14c145; }
        .form-section button:active{ transform: translateY(1px); }
		
		
@media (max-width: 1199px) {
	
.contact-info {
            width:35%;
			margin:30px 0px;
        	}
	
}


@media (max-width: 767px) {
	
.contact-info {
            width:100%;
			margin:0px 0px;
        	}

        .contact-info h2{ font-size:28px; line-height:35px; }	
		.contact-info p{ font-size:16px; line-height:24px; }
			

.form-section {
			width:100%;
			padding:30px 20px 40px;
			margin:30px 0px 10px;
			}
	
}
		
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Contact <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Product Details <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.breadcrumb {
            padding:40px 0px 20px;
			background:none;
            font-size: 14px;
            color: #001638;
			line-height:22px;
			margin-bottom:0px;
        }

	.breadcrumb a{ color: #001638; text-decoration: none; }

        .breadcrumb a:hover{ color: #14c145; }


.product-details{
				width:100%;
				padding:0px 0px 50px;
				float:left;
				position:relative;
				}
				
.product-details .product-section {
								display: grid;
								grid-template-columns: 1fr 1fr;
								gap: 60px;
								padding:0px;
								margin-bottom: 30px;
							}

        /* Slider Styles */
       .product-details .slider-container {
            position: relative;
			padding:15px 15px;
			border-radius:5px;
			border:1px solid #dbdbdb;
        }

        .product-details .main-slider {
            position: relative;
            overflow: hidden;
            border-radius:0px;
            margin-bottom: 5px;
            border:0px;
        }

        .product-details .slider-images {
            display: flex;
            transition: transform 0.5s ease;
        }

        .product-details .slider-images img {
            width: 100%;
            flex-shrink: 0;
            display: block;
			border-radius:0px;
        }

        .product-details .slider-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(255,255,255,0.9);
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s;
            z-index: 10;
        }

        .product-details .slider-nav:hover {
            background: white;
            box-shadow: 0 2px 8px rgba(0,0,0,0.2);
        }

        .product-details .slider-prev {
            left: 15px;
        }

        .product-details .slider-next {
            right: 15px;
        }

        .product-details .thumbnail-container {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 10px;
        }

       .product-details .thumbnail {
            cursor: pointer;
            border: 0px;
            border-radius:0px;
            overflow: hidden;
            transition: all 0.3s;
        }

       .product-details .thumbnail:hover {
            border-color: #999;
        }

        .product-details .thumbnail.active {
            border-color: #0066cc;
        }

        .product-details .thumbnail img {
            width: 100%;
            display: block;
        }

        /* Product Info Styles */
        .product-details .product-info h2 {
            font-size: 50px;
            margin-bottom: 15px;
            color: #001638;
        }
		
		.product-details .product-info hr{ width:100%; height:1px; background:#eaf0f8; }

        .product-details .rating {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 20px;
        }

        .product-details .stars {
            color: #14c145;
            font-size: 25px;
        }

        .product-details .review-count {
            color: #001638;
            font-size: 16px;
        }

        .product-details .price {
            font-size: 24px;
            color: #14c145;
            font-weight: 400;
            margin-bottom: 20px;
        }

        .product-details .description {
            font-size:19px;
			color: #001638;
            margin-bottom: 30px;
            line-height: 26px;

        }

        .product-details .color-section {
            margin-bottom: 30px;
			display:flex;
			justify-content: space-between;
			align-items: center;
        }

        .product-details .color-section h3 {
            margin-bottom: 15px;
            font-size: 16px;
			line-height:24px;
            font-weight: 600;
            color: #0a1e42;
        }

        .product-details .color-options {
            display: flex;
            gap: 10px;
        }

        .product-details .color-option {
            width: 38px;
            height: 38px;
            border-radius: 50%;
            cursor: pointer;
            border: 1px solid transparent;
            transition: all 0.3s;
        }

        .product-details .color-option:hover {
            transform: scale(1.1);
        }

        .product-details .color-option.active {
            border-color: #14c145;
        }

        .product-details .color-black { background-color: #000; }
        .product-details .color-yellow { background-color: #ffd700; }
        .product-details .color-white { background-color: #f5f5f5; border: 1px solid #ddd; }

        .product-details .quantity-section {
            display: flex;
            gap: 15px;
            margin-bottom: 30px;
            align-items: center;
        }

        .product-details .quantity-control {
            display: flex;
            border: 1px solid #ddd;
            border-radius: 4px;
            overflow: hidden;
			width:140px;
        }

        .product-details .quantity-btn {
            width: 40px;
            height: 45px;
            background: white;
            border: none;
            cursor: pointer;
            font-size: 18px;
            transition: background 0.3s;
            color: #666;
        }

        .product-details .quantity-btn:hover {
            background: #f0f0f0;
        }

        .product-details .quantity-input {
            width: 60px;
            text-align: center;
            border: none;
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;
            font-size: 16px;
			height:45px;
        }

        .product-details .add-to-cart {
            flex: 1;
            background: #0052cc;
            color: white;
            border: none;
            padding: 12px 30px;
            font-size: 18px;
            font-weight: 500;
            border-radius: 4px;
            cursor: pointer;
            transition: background 0.3s;
        }

        .product-details .add-to-cart:hover {
            background: #14c145;
        }

        .product-details .categories {
            color: #001638;
            font-size: 16px;
        }

        .product-details .categories a {
            color: #006cca4;
            text-decoration: none;
        }

        .product-details .categories a:hover {
            text-decoration: none;
			color:#14c145;
        }






        /* Tab Section */
        .tab-section {
			width:100%;
			padding:60px 0px;
            overflow: hidden;
        }

        .tab-navigation {
            display: flex;
            background: #FFF;
            display:inline-block;
        }

        .tab-link {
            padding:15px 20px;
            cursor: pointer;
            background: transparent;
            border: none;
            color: #a0a1b2;
            font-weight: 400;
			font-size:19px;
            transition: all 0.3s;
            position: relative;
        }

        .tab-link:hover {
            color: #434549;
        }

        .tab-link.active {
            color: #434549;
            font-weight: 400;
			font-size:19px;
        }

        /*.tab-link.active::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            right: 0;
            height: 2px;
            background: #0066cc;
        }*/

        .tab-content {
            display: none;
            padding: 30px 30px;
			background:#FFF;
            animation: fadeIn 0.5s;
        }

        .tab-content.active {
            display: block;
        }

        @keyframes fadeIn {
           .product-details from { opacity: 0; transform: translateY(10px); }
           .product-details to { opacity: 1; transform: translateY(0); }
        }

        .tab-content h2 {
            color: #004782;
            margin-bottom: 20px;
            font-size:30px; line-height:35px; font-weight:500;
        }

        .tab-content p {
            color: #001638; font-size:19px;
            line-height:24px;
            margin-bottom: 15px;
        }
		
		 @media (max-width: 991px) {
			 
			 .product-details .product-section {
											gap: 40px;
										}

            .product-details .product-info h2 {
                font-size: 40px; line-height:45px;
            }
		 }

        /* Responsive Design */
        @media (max-width: 968px) {
            .product-details .product-section {
                grid-template-columns: 1fr;
                gap: 30px;
            }

            .product-details .product-info h2 {
                font-size: 32px; line-height:38px;
            }

            .tab-navigation {
                overflow-x: initial;
            }

            .tab-link {
                white-space: nowrap;
            }
        }

        @media (max-width: 640px) {
          
            .product-details .product-section {
                padding: 20px;
            }

            .product-details .product-info h2 {
                font-size: 1.6em;
            }

            .product-details .price {
                font-size: 1.6em;
            }

            .product-details .thumbnail-container {
                grid-template-columns: repeat(4, 1fr);
                gap: 8px;
            }

            .product-details .quantity-section {
                flex-direction: column;
                align-items: stretch;
            }

            .product-details .add-to-cart {
                width: 100%;
            }

            .tab-content {
                padding: 25px;
            }

            .tab-link {
                padding: 15px 20px;
                font-size: 14px;
            }

            .tab-content h2 {
                font-size: 1.4em;
            }
        }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Product Details <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Product Search <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.product-search-left{
					  width:49%;
					  float:left;
					  position:relative;
					  }
					  
.product-search-right{
					  width:49%;
					  float:right;
					  position:relative;
					  }
					  
					  
@media (max-width: 991px) {
	
.product-search-left{
					  width:100%;
					  }
					  
.product-search-right{
					  width:100%;
					  }	
	
}
		  
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Product Search <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Cart <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.cart-body{
		  width:100%;
		  padding:0px 0px 30px;
		  float:left;
		  position:relative;
		  display: grid;
          grid-template-columns: 1fr 400px;
          gap: 30px;
		  }
					  
	
	.cart-body .cart-section {
            background: #eaf0f8;
            border-radius: 12px;
            padding: 40px;
        }

        /* Cart Item */
        .cart-body .cart-item {            
            margin-bottom: 50px;
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .cart-body .item-image {
            width: 80px;
            height: 80px;
            background: #f5f5f5;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .cart-body .item-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .cart-body .item-details {
            flex: 1;
        }

        .cart-body .item-name {
            font-weight: 500;
            font-size: 18px;
            color: #001638;
            margin-bottom: 4px;
        }

        .cart-body .item-description {
            font-size: 14px;
            color: #001638;
        }

       .cart-body .item-controls {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .cart-body .item-price {
            font-weight: 400;
            font-size: 18px;
            color: #001638;
        }

        .cart-body .quantity-control {
            display: flex;
            align-items: center;
            gap: 10px;
            background: white;
            border: 1px solid #ddd;
            border-radius: 6px;
            overflow: hidden;
        }

        .cart-body .quantity-btn {
            width: 35px;
            height: 35px;
            border: none;
            background: transparent;
            cursor: pointer;
            font-size: 18px;
            color: #666;
            transition: background 0.3s;
        }

        .cart-body .quantity-btn:hover {
            background: #f5f5f5;
        }

        .cart-body .quantity-input {
            width: 45px;
            text-align: center;
            border: none;
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;
            font-size: 14px;
            padding: 8px 0;
        }

        .cart-body .remove-btn {
            width: 35px;
            height: 35px;
            border: none;
            background: transparent;
            cursor: pointer;
            font-size: 20px;
            color: #001638;
            transition: color 0.3s;
        }

        .cart-body .remove-btn:hover {
            color: #000;
        }

        /* Shipping Information */
        .cart-body .shipping-info {
            background: none;
        }

        .cart-body .shipping-info h2 {
            color: #0047B2;
            font-size: 26px;
            margin-bottom: 25px;
            font-weight: 600;
        }

        .cart-body .form-row {
            margin-bottom: 20px;
        }

        .cart-body .form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 15px;
        }

        .cart-body .form-input {
            width: 100%;
            padding: 14px 16px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            font-size: 14px;
            transition: all 0.3s;
            background: white;
			color: #0047B2;
        }

        .cart-body .form-input:focus {
            outline: none;
            border-color: #2563eb;
            box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
			color: #0047B2;
        }

        .cart-body .form-input::placeholder {
            color: #0047B2;
        }

        .cart-body .update-btn {
            background: #22c55e;
            color: white;
            border: none;
            padding: 14px 32px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
            margin-top: 5px;
			width: 150px;
        }

        .cart-body .update-btn:hover {
            background: #16a34a;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
        }

        /* Recommendations */
        .cart-body .recommendations {
            margin-top: 30px;
        }

		.cart-body .recommendations h2{ color: #0047B2; font-size: 24px; margin-bottom: 25px; font-weight: 600; }

        .cart-body .recommendations h3 {
            color: #2563eb;
            font-size: 20px;
            margin-bottom: 20px;
            font-weight: 600;
        }

        /* Right Column - Order Summary */
        .cart-body .order-summary {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .cart-body .summary-card {
            background:#eaf0f8;
			background-size:cover;
            border-radius: 8px;
            padding: 30px;
            color: #000;
            box-shadow: 0 4px 20px rgba(0,0,0,0.2);
        }

        .cart-body .summary-card h2 {
            font-size: 22px;
            margin-bottom: 25px;
            font-weight: 600;
        }

        .cart-body .summary-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 0;
        }

        .cart-body .summary-row:last-of-type {
            border-bottom: 2px solid rgba(255,255,255,0.2);
            padding-bottom: 20px;
            margin-bottom: 20px;
        }

        .cart-body .summary-label {
            font-size: 19px;
            color: #000;
        }

        .cart-body .summary-value {
            font-weight: 400;
            font-size: 19px;
        }

        .cart-body .shipping-note {
            font-size: 19px;
            color: #000;
            line-height: 1.6;
            text-align: right;
			width: 145px;
        }

        .cart-body .total-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 19px;
            font-weight: 500;
            margin-bottom: 20px;
        }

        .cart-body .cart-btn {
            width: 100%;
            padding: 14px;
            border: none;
            border-radius: 5px;
            font-size: 18px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
            margin-bottom: 12px;
        }

        .cart-body .update-cart-btn {
            background: white;
            color: #001638;
        }

        .cart-body .update-cart-btn:hover {
            background: #f5f5f5;
            transform: translateY(-1px);
        }

        .cart-body .checkout-btn {
            background: #22c55e;
            color: white;
        }

        .cart-body .checkout-btn:hover {
            background: #16a34a;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
        }

        /* Coupon Card */
        .cart-body .coupon-card {
            background:#eaf0f8;
            border-radius:8px;
            padding: 30px;
            color: #000;
            box-shadow: 0 4px 20px rgba(0,0,0,0.2);
        }

        .cart-body .coupon-card h3 {
            font-size: 18px;
            margin-bottom: 20px;
            font-weight: 600;
        }

        .cart-body .coupon-input {
            width: 100%;
            padding: 14px 16px;
            border: 1px solid rgba(255,255,255,0.2);
            border-radius: 5px;
            font-size: 14px;
            margin-bottom: 12px;
            background: #FFF;
            color: #7fa3d8;
        }

        .cart-body .coupon-input::placeholder {
            color: #7fa3d8;
        }

        .cart-body .coupon-input:focus {
            outline: none;
            border-color: rgba(255,255,255,0.4);
            background: #fff;
			color: #7fa3d8;
        }

        .cart-body .apply-coupon-btn {
            width: 100%;
            padding: 14px;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            background: #22c55e;
            color: #000;
            transition: all 0.3s;
        }

        .cart-body .apply-coupon-btn:hover {
            background: #16a34a;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
        }

        /* Responsive Design */
        @media (max-width: 1024px) {
            .cart-body  {
                grid-template-columns: 1fr;
            }

            .cart-body .order-summary {
                order: -1;
            }
        }

		@media (max-width: 767px) {
			.cart-body .update-btn {
				width: 100%;
			}
		}

        @media (max-width: 640px) {
           
            .cart-body .cart-section, .shipping-info, .cart-body .summary-card, .coupon-card {
                padding: 30px;
            }

            .cart-body .cart-item {
                flex-direction: column;
                align-items: flex-start;
            }

           .cart-body  .item-controls {
                width: 100%;
                justify-content: space-between;
            }

            .cart-body .form-grid {
                grid-template-columns: 1fr;
            }

            .cart-body .summary-card h2, .cart-body .coupon-card h3 {
                font-size: 18px;
            }
        }
					  


.cart-body .recommendations .new-products.products-list li{ width:48%; margin-left:4%; }
.cart-body .recommendations .new-products.products-list li:nth-child(3n+1){ margin-left:0px; }

.cart-body .recommendations .new-products.products-list li .btn-primary{ width: 88%; }



@media (max-width: 1199px) {
	
.cart-body{
		  padding:0px 0px 10px;
		  display: inline-block;
		  }

.cart-body .recommendations .new-products.products-list li .btn-primary{ width: 85%; }

}


@media (max-width: 1024px) {

.cart-body .recommendations .new-products.products-list li .btn-primary{ width: 90%; }

}


@media (max-width: 991px) {

.cart-body .recommendations .new-products.products-list li{ width:100%; margin-left:0px; padding:20px 20px; }

.cart-body .recommendations .new-products.products-list li .btn-primary{ width: 100%; position:relative; }

}


@media (max-width: 767px) {

.cart-body .recommendations .new-products.products-list li{ width:100%; margin-left:0px; padding: 20px 20px 10px; margin-left:0px; }
.cart-body .recommendations .new-products.products-list li:nth-child(2n+1){ margin-left:0px; }

.cart-body .recommendations .new-products.products-list li .btn-primary{ width: 100%; position: relative; margin-top: 15px; }

}


@media (max-width: 559px) {

.cart-body .recommendations .new-products.products-list li{ padding: 20px 20px; }

.cart-body .recommendations .new-products.products-list li .btn-primary{ margin-top:0px; }

}

		  
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Cart <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */