/*Fonts*/
@font-face {
	font-family: 'Raleway';
	src: url('../fonts/Raleway-Regular.woff2') format('woff2'),
		url('../fonts/Raleway-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Raleway';
	src: url('../fonts/Raleway-Bold.woff2') format('woff2'),
		url('../fonts/Raleway-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Raleway';
	src: url('../fonts/Raleway-Medium.woff2') format('woff2'),
		url('../fonts/Raleway-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Raleway';
	src: url('../fonts/Raleway-Light.woff2') format('woff2'),
		url('../fonts/Raleway-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Raleway';
	src: url('../fonts/Raleway-SemiBold.woff2') format('woff2'),
		url('../fonts/Raleway-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap');

* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

header,
nav,
section,
aside,
footer {
	display: inline-block
}

body {
	font-size: 14px;
	color: #333;
	font-family: 'Raleway';
	background: #e8e9ed;
	overflow-x: hidden
}

html,
body {
	height: 100%;
	margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	line-height: normal;
	margin: 0px 0px 10px 0px;
	font-family: 'Raleway';
}

h1 {
	font-size: 37px
}

h2 {
	font-size: 30px
}

h3 {
	font-size: 22px
}

h4 {
	font-size: 20px
}

h5 {
	font-size: 16px
}

label {
	font-family: 'Raleway';
	font-weight: normal
}

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

p {
	margin: 0px 0px 15px 0px;
	line-height: 20px;
}

b,
strong {
	font-family: 'Raleway';
	/*font-weight:normal*/
}

a {
	color: #3d80cc;
	cursor: pointer
}

a:hover {
	color: #215fa6
}

a,
input,
select,
textarea,
button,
input[type="submit"],
input[type="reset"],
label,
label:before,
label:after,
.icons:before,
.transition,
.transitions,
.transitions *,
.site_menu ul li a:after,
.fa {
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

a:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
select:focus,
input[type="button"],
input:focus,
textarea:focus {
	outline: 0 !important;
}

button,
input[type="submit"],
input[type="reset"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer
}

input,
select,
textarea,
button,
input[type="submit"],
input[type="reset"] {
	font-family: 'Raleway';
	font-size: 15px
}

.placeholder {
	color: #a2a2a2;
	font-family: 'Raleway';
}

::-webkit-input-placeholder {
	color: #a2a2a2;
	font-family: 'Raleway';
}

:-moz-placeholder {
	color: #a2a2a2;
	font-family: 'Raleway';
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

.reset:focus {
	outline: 0px;
	border: 0px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none
}

ul.reset {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.hidethis {
	display: none
}

.bold {
	font-weight: 500
}

.radius {
	border-radius: 200px !important;
	-webkit-border-radius: 200px !important;
	-moz-border-radius: 200px !important
}

.btns {
	display: inline-block;
	text-align: center;
	padding: 12px 30px 12px 30px;
	background: linear-gradient(to right, #94ca52 0%, #20bbba 100%);
	min-width: 100px;
	text-decoration: none;
	color: #fff;
	font-weight: 500;
	border: 0px;
	cursor: pointer;
	text-transform: capitalize;
	overflow: hidden;
	text-decoration: none !important;
	font-family: 'Raleway';
}

.btns:hover {
	background: linear-gradient(to right, #20bbba 0%, #94ca52 100%);
	color: #fff;
	text-decoration: none;
}

.up {
	text-transform: uppercase !important
}

.btns:focus {
	outline: 0px;
	border: 0px;
	color: #fff
}

.btns.full {
	width: 100%;
	max-width: 100%;
	min-width: inherit;
	padding: 12px 15px 12px 15px
}

.btns.shadow {
	box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
}

.btns.grey {
	background: #6f6f6f;
}

.btns.grey:hover {
	background: #464545;
}

.btns.white {
	background: #fff;
	box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
	color: #74112e
}

.btns.white:hover {
	background: #000000;
	color: #fff !important;
}

.btns .fa {
	margin-right: 4px
}

.btns.green {
	background: #94ca52;
	box-shadow: none;
}

.btns.green:hover {
	background: #94b025;
}

.ripple {
	position: relative;
	overflow: hidden;
	display: inline-block
}

.ripple:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
	background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
	background-repeat: no-repeat;
	background-position: 50%;
	transform: scale(10, 10);
	opacity: 0;
	transition: transform .5s, opacity 1s
}

.ripple:active:after {
	transform: scale(0, 0);
	opacity: .5;
	transition: 0s
}


a {
	text-decoration: none;
}

.fs-2 {
	font-size: 2em;
}

.mb10 {
	margin-bottom: 10px !important
}

.mb15 {
	margin-bottom: 15px !important
}

.mb20 {
	margin-bottom: 20px !important
}

.mt10 {
	margin-top: 10px !important
}

.mt20 {
	margin-top: 20px !important
}

.mt30 {
	margin-top: 30px !important
}

.mt0 {
	margin-top: 0px !important
}

.mb0 {
	margin-bottom: 0px !important
}

.mar0 {
	margin: 0px !important
}

.pad0 {
	padding: 0px !important
}

.pb0 {
	padding-bottom: 0px !important
}

.pt0 {
	padding-top: 0px !important
}

.pb10 {
	padding-bottom: 10px !important
}

.pr35 {
	padding-right: 35px !important
}

.pb20 {
	padding-bottom: 20px !important
}

.plr0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.plr15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.bt0 {
	border-top: 0px !important;
}

/*Checkbox*/
input.checkbox {
	display: none
}

input[type="checkbox"]+label.checkbox {
	cursor: pointer;
	position: relative;
	padding-left: 26px;
	margin: 0px;
	clear: both;
	display: inline-block;
	line-height: 18px;
	text-align: left;
	cursor: pointer
}

input[type="checkbox"]+label.checkbox:before {
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	top: 0px;
	left: 0px;
	font-family: FontAwesome;
	text-align: center;
	color: #fff;
	font-size: 0px;
	border-radius: 2px;
	border: 2px solid #757575;
	line-height: 16px;
	text-align: center;
	text-indent: 1px;
}

input[type="checkbox"]:checked+label.checkbox:before {
	content: "\f00c";
	background: #ff5645;
	border: 2px solid #ff5645;
	font-size: 13px;
}

/*Radio*/
input.radio {
	display: none
}

input[type="radio"]+label.radio {
	cursor: pointer;
	position: relative;
	padding-left: 26px;
	margin: 0px;
	clear: both;
	display: inline-block;
	line-height: 18px;
	text-align: left;
}

input[type="radio"]+label.radio:before {
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	top: 0px;
	left: 0px;
	font-family: FontAwesome;
	text-align: center;
	color: #fff;
	font-size: 0px;
	border-radius: 100px;
	border: 2px solid #757575;
	line-height: 15px;
}

input[type="radio"]:checked+label.radio:before {
	content: "\f111";
	border: 2px solid #0095c7;
	font-size: 10px;
	color: #0095c7;
}

.radio_group input[type="radio"]+label.radio,
.radio_group input[type="checkbox"]+label.checkbox {
	margin-right: 10px;
	margin-bottom: 5px
}

.form_control {
	height: 40px;
	padding: 0px 10px;
	line-height: 36px;
	border-radius: 4px;
	border: 1px solid #ccc;
	width: 100%;
	color: #333;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

textarea.form_control {
	height: 120px;
	line-height: 20px;
	padding: 10px;
	width: 100% !important;
	overflow: visible;
	white-space: normal;
}

.bordered .form_control {
	border: 1px solid #c1c1c1 !important
}

.form_group.icons {
	position: relative
}

.form_group.icons .fa {
	font-size: 18px;
	position: absolute;
	left: 12px;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	top: 50%;
	margin-top: -9px;
	color: #9a9796
}

.icons .form_control {
	padding: 0px 10px 0px 40px;
}

.clear {
	clear: both
}

.form-control {
	height: 40px;
	box-shadow: none;
	color: #000;
	font-weight: 500;
}

.error_msg {
	display: block;
	padding-top: 5px;
	font-size: 13px;
	color: #d44242;
}

p.error_msg {
	margin-bottom: 10px !important
}

.error_msg span {
	display: inline;
	padding: 5px 15px;
	font-size: 13px;
	color: #b53737;
	background: #ffefef;
	border-radius: 200px;
	border: 1px solid #e49e9e;
}

.error_text,
.success_text {
	display: block;
	font-size: 13px;
}

.error_text,
.success_text {
	margin-bottom: 10px !important
}

.error_text span,
.success_text span {
	display: block;
	padding: 6px 15px;
	font-size: 13px;
	border-radius: 4px;
}

.error_text span {
	color: #b53737;
	background: #ffefef;
	border: 1px solid #e49e9e;
}

.success_text span {
	color: #598e14;
	background: #f3ffef;
	border: 1px solid #b3d8a4;
}

.full_row,
.form_group {
	float: left;
	width: 100%
}

.section {
	float: left;
	width: 100%;
	background: #fff;
	padding: 30px 0;
}

.form_group {
	margin-bottom: 20px
}

.loader {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 999999
}

.loader:before {
	background: url(../images/spinner.gif);
	width: 60px;
	height: 60px;
	left: 50%;
	top: 50%;
	margin: -30px 0px 0px -30px;
	content: "";
	position: absolute;
}

.fa {
	font-size: 18px
}

.action .fa.right {
	margin-left: 5px;
}

/*Header*/
.site_header {
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	width: 100%;
	padding: 0;
	z-index: 999;
	background: #fff;
}

.site_header.fixed_header {
	background: #fff;
	padding: 0;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	position: fixed
}


.site_logo {
	float: left;
	padding: 10px 0;
}

.site_logo img {
	max-width: 200px
}

.site_menu {
	float: right;
	padding: 10px 0;
}

.logo_small {
	display: none
}

.site_menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-weight: bold;
}

.site_menu ul li {
	float: left;
	margin: 0px 0px 0px 15px;
	position: relative
}

.site_menu ul li a {
	display: block;
	padding: 0px 5px;
	color: #333;
	text-decoration: none;
	line-height: 66px;
	position: relative;
	font-size: 14px;
	font-family: 'Raleway';
	font-weight: 600;
	text-transform: uppercase;
}

/* .site_menu ul li a:after{left:0px; content:""; width:0px; height:3px; bottom:3px; position:absolute; background:#ff5645}
 */
.site_menu ul li a:hover,
.site_menu ul li a.active,
.site_menu ul li.active a {
	color: #8fc956
}

.site_menu ul li:hover a:after,
.site_menu ul li a.active:after,
.site_menu ul li.active a:after {
	width: 100%
}

.site_menu ul li a span.active,
.site_menu ul li.active a span.inactive {
	display: none
}

.site_menu ul li.active a span.active {
	display: block
}

.site_menu ul li.lang {
	margin-left: 30px;
	margin-top: 10px;
}

.site_menu ul li.lang a:after {
	display: none
}

.site_menu ul li.lang a:first-child {
	margin-right: 5px
}

.site_menu ul li.lang a {
	display: inline-block;
	margin-left: -4px;
	font-family: 'RobotoMedium';
	width: 22px;
	height: 22px;
	line-height: 22px;
	font-size: 10px;
	text-align: center;
	padding: 0px;
	border-radius: 3px
}

.site_menu ul li.lang a.active {
	background: #ff5645;
	color: #fff
}

#mobile_nav,
.mobile_logo {
	display: none
}

#mobile_nav {
	/*position: absolute; top: 15px; right: 10px; */
	float: right;
	width: 34px;
	height: 34px;
	text-align: center;
}

.page #mobile_nav {
	right: 15px
}

#mobile_nav .fa {
	font-size: 24px;
	color: #000;
	line-height: 34px
}

.page #mobile_nav .fa {
	color: #fff
}

.site_menu ul li.logout {
	top: 7px;
}

.site_menu ul li.logout a {
	line-height: 30px;
	padding: 0px 10px;
	border-radius: 4px;
	color: #ff5645;
	border: 1px solid #ff5645;
}

.site_menu ul li.logout a:after {
	display: none
}

.site_menu ul li.logout .fa {
	margin-right: 4px;
	position: relative;
	top: 2px
}

.site_menu ul li.logout a:hover {
	color: #fff;
	background: #ff5645
}

.page .site_menu ul li.logout a {
	line-height: 30px;
	padding: 0px 10px;
	border-radius: 4px;
	color: #fff;
	border: 1px solid #fff;
}

.page .site_menu ul li.logout a:hover {
	color: #ff5645;
	background: #fff
}

.site_menu ul li a.modal-menu {
	padding-right: 15px;
}

.site_menu ul li a.modal-menu:hover:before,
.site_menu ul li a.modal-menu.active:before {
	color: #8fc956
}

.site_menu ul li a.modal-menu:before {
	content: "\f078";
	position: absolute;
	right: -6px;
	top: 0;
	font-family: FontAwesome;
	color: #333;
	font-size: 13px;
}

.site_header.transitions .chosen-container,
.site_header.transitions .chosen-container * {
	-moz-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
	-webkit-transition: 0s;
	font-size: 13px;
}

.site_header .container {
	position: relative;
}

@media (min-width:1400px) {
	.container {
		max-width: 1170px;
	}
}

.site_header .chosen-container {
	position: absolute;
	right: 15px;
	top: -32px;
	width: 55px !important;
}

.site_header.fixed_header .chosen-container {
	top: -60px;
}

.page .site_header .chosen-container {
	right: 50px;
}

.site_header .chosen-container-single .chosen-single {
	border-radius: 4px;
	background: #fff;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	border: 0px;
	padding: 2px 5px 2px 0px;
	line-height: 20px;
	color: #ff5645
}

.site_header .chosen-container-single .chosen-single div b {
	background: url('../images/chosen-sprite.png') no-repeat 0px 3px
}

.site_header .chosen-container-active.chosen-with-drop .chosen-single div b {
	background-position: -16px 2px
}

.site_header .chosen-with-drop a span {
	padding-right: 0px
}

.site_header .chosen-container .chosen-drop {
	border: 0px;
	overflow: hidden
}

.site_header .chosen-with-drop .chosen-single {
	border-radius: 4px 4px 0px 0px
}

.site_header .chosen-container .chosen-results {
	margin: 0px;
	padding: 0px;
	overflow: hidden
}

.site_header .chosen-container .chosen-results li {
	border-radius: 0px;
	padding: 5px 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
}

.site_header .chosen-container-single .chosen-single span {
	margin-right: 15px;
	padding-left: 8px
}

.header-top {
	width: 100%;
	float: left;
	z-index: 1;
	position: relative;
	background: #94ca52;
	/* Old browsers */
	background: -moz-linear-gradient(top, #94ca52 0%, #20bbba 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #94ca52 0%, #20bbba 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #94ca52 0%, #20bbba 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94ca52', endColorstr='#20bbba', GradientType=0);
	/* IE6-9 */
}

.header-top p {
	color: #fff;
	display: inline-block;
	margin: 0;
	margin-right: 20px;
	font-size: 17px;
	padding: 10px 0;
	font-family: calibri;
}

.header-top p a {
	color: #fff;
}

.header-top p img {
	padding-right: 8px;
}

.social_links {
	float: right
}

.social_links li {
	float: left;
}

.social_links li a {
	color: #000000;
	text-decoration: none;
	width: 28px;
	height: 28px;
	margin: 5px 2px;
	display: inline-block;
	border-radius: 100px;
	text-align: center;
	background: #ffffff;
}

.social_links li a .fa {
	font-size: 14px;
	line-height: 28px;
}

.social_links li a:hover {
	background: #000000;
	color: #ffffff;
}

.login-btn {
	background: -webkit-linear-gradient(top, #94ca52 0%, #20bbba 100%);
	background: linear-gradient(to right, #94ca52 0%, #20bbba 100%);
	padding: 10px 25px;
	margin: 23px 0 23px 12px;
	float: right;
	border-radius: 100px;
	color: #fff;
	height: auto;
	text-transform: uppercase;
	font-size: 13px;
}

.login-btn img {
	padding-right: 5px;
}

.login-btn:hover,
.login-btn:focus,
.login-btn:active {
	text-decoration: none;
	color: #fff
}


.cart-btn {
	padding: 10px 0 10px 25px;
	margin: 23px 0;
	float: right;
	text-transform: uppercase;
	font-size: 14px;
	color: #000;
	font-weight: 600;
}

.cart-btn img {
	padding-right: 5px;
}

.cart-btn sup {
	padding-right: 5px;
	border-radius: 100px;
	padding: 3px 6px;
	margin: 0 0 0 -12px;
	text-align: center;
	top: -9px;
	color: #fff;
	background: rgb(217, 103, 76);
	background: -moz-linear-gradient(left, rgba(217, 103, 76, 1) 0%, rgba(239, 146, 63, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(217, 103, 76, 1) 0%, rgba(239, 146, 63, 1) 100%);
	background: linear-gradient(to right, rgba(217, 103, 76, 1) 0%, rgba(239, 146, 63, 1) 100%);
}

.cart-btn:hover,
.cart-btn:focus,
.cart-btn:active {
	text-decoration: none;
	color: #000
}

/*Banner*/
.home_banner {
	background: #ddd;
	width: 100%;
	float: left;
	position: relative;
	height: calc(100vh - 127px)
}

/* Banner  */
.home_banner .banner-content {
	position: absolute;
	top: 50%;
	text-align: left;
	width: 50%;
	display: table;
	margin-top: -120px;
	z-index: 1;
}

.home_banner .banner-content .banner-inn {
	display: table-cell;
	vertical-align: middle;
	color: #000;
}

.home_banner .banner-content p {
	font-size: 20px;
	color: #94ca52;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
}

.home_banner .banner-content h4 {
	font-size: 40px;
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 50px;
	margin-bottom: 15px;
}

.home_banner .banner-content span {
	font-size: 18px;
	color: #666666;
	font-weight: 100;
	margin-top: 15px;
	display: block;
}

.home_banner #banner .item {
	height: 100%;
	min-height: calc(100vh - 127px);
}

/* whatwedo */
#whatwe {
	background: url("../images/about-bg.jpg") center center no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding: 80px 0;
	color: #fff;
}

.whatleft {
	width: 35%;
	float: left
}

.whatright {
	width: 65%;
	float: left
}

.whatleft {
	padding-right: 20px;
}

.whatleft .abt-tit {
	font-weight: 600;
	font-size: 17px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.whatleft h5 {
	font-weight: 700;
	font-size: 40px;
	margin-bottom: 40px;
}

.whatright .tit {
	width: 100%;
	float: left;
	font-size: 18px;
	font-weight: 600;
}

.whatright .desc {
	width: 100%;
	float: left;
}

.whatright a {
	color: #fff;
	text-decoration: underline;
}

.whatright .sets {
	width: 33.33%;
	float: left;
	text-align: left;
	padding: 0 0 15px 15px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.whatright .sets .service {
	width: 90px;
	height: 90px;
	float: left;
	margin-bottom: 20px;
	border-radius: 100px;
	border: 2px solid #fff;
	-webkit-transition: all 280ms ease;
	-moz-transition: all 280ms ease;
	transition: all 280ms ease;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
}

.whatright .sets:hover .service {
	background-color: #fff !important;
	box-shadow: 0 0 0 10px #ffffff inset;
}

.whatright .sets .service.s1 {
	background: url("../images/service1.png") center center no-repeat;
}

.whatright .sets:hover .service.s1 {
	background: url("../images/service1a.png") center center no-repeat;
}

.whatright .sets .service.s2 {
	background: url("../images/service2.png") center center no-repeat;
}

.whatright .sets:hover .service.s2 {
	background: url("../images/service2a.png") center center no-repeat;
}

.whatright .sets .service.s3 {
	background: url("../images/service3.png") center center no-repeat;
}

.whatright .sets:hover .service.s3 {
	background: url("../images/service3a.png") center center no-repeat;
}

.whatright .sets .service.s4 {
	background: url("../images/service4.png") center center no-repeat;
}

.whatright .sets:hover .service.s4 {
	background: url("../images/service4a.png") center center no-repeat;
}

.whatright .sets .service.s5 {
	background: url("../images/service5.png") center center no-repeat;
}

.whatright .sets:hover .service.s5 {
	background: url("../images/service5a.png") center center no-repeat;
}

.whatright .sets .service.s6 {
	background: url("../images/service6.png") center center no-repeat;
}

.whatright .sets:hover .service.s6 {
	background: url("../images/service6a.png") center center no-repeat;
}

/* why choose */
#why {
	position: relative;
	padding: 115px 0px 75px 0;
}

#why h4 {
	font-size: 40px;
	font-weight: bold;
	padding-bottom: 65px;
	margin-left: 20px;
	position: relative;
}

#why h4:before {
	content: "";
	position: absolute;
	left: 5px;
	bottom: 30px;
	width: 50px;
	height: 4px;
	background: -webkit-linear-gradient(top, #94ca52 0%, #20bbba 100%);
	background: linear-gradient(to right, #94ca52 0%, #20bbba 100%);
}

#why ul li {
	float: left;
	width: 50%;
	padding: 0px 20px;
	margin-bottom: 25px
}

#why ul li:nth-child(2n+1) {
	clear: both
}

#why ul li:nth-child(2n) {
	clear: none
}

#why ul li h3 {
	display: inline-block;
	padding-left: 10px;
	font-weight: 600;
	font-size: 18px;
}

#why ul li p {
	padding: 5px 0 0 61px;
}

#why p.why-tit {
	color: #666666;
	font-size: 16px;
	margin-left: 20px;
	margin-bottom: 40px;
	line-height: 26px;
}

/* How we work */
#work {
	background: #F2F2F2;
	text-align: center;
	padding: 120px 0
}

#work h4 {
	font-size: 40px;
	font-weight: bold;
	padding-bottom: 40px;
	position: relative;
}

#work p.why-tit {
	color: #666666;
	font-size: 16px;
	margin-bottom: 40px;
	line-height: 26px;
	padding: 0 230px;
}

#work ul {
	width: 100%;
	margin: 0px auto
}

#work ul li.one {
	display: inline-block;
	background: url(../images/work-arrow1.png);
	background-size: cover;
	width: 292px;
	height: 325px;
	padding: 22px;
	text-align: center;
	vertical-align: middle;
	z-index: 3;
	position: relative;
}

#work ul li.two {
	display: inline-block;
	background: url(../images/work-arrow2.png);
	background-size: cover;
	width: 292px;
	height: 325px;
	padding: 22px;
	text-align: center;
	vertical-align: middle;
	z-index: 2;
	position: relative;
}

#work ul li.three {
	display: inline-block;
	background: url(../images/work-arrow3.png);
	background-size: cover;
	width: 325px;
	height: 325px;
	padding: 20px;
	text-align: center;
	vertical-align: middle;
	z-index: 1;
	position: relative;
}

#work ul li .inner {
	padding: 40px 25px;
	background: #fff;
	border-radius: 100%;
	width: 280px;
	height: 280px;
	margin: 2px 4px;
	box-shadow: 4px 0px 4px rgb(0 0 0 / 0.2);
}

#work ul li.three .inner {
	box-shadow: 0 0 4px rgb(0 0 0 / 0.2);
}

#work ul li .inner h3 {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 0;
	margin: 0
}


/* Design */
#design {
	position: relative;
	padding: 115px 0px 75px 0;
}

/*#design::after { content: ""; position: absolute; right: 0px; top: 0px; width: 50%; height: 100%; background: url("../images/design-bg.jpg") no-repeat left top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } */
#design h4 {
	font-size: 40px;
	font-weight: bold;
	padding-bottom: 65px;
	margin-right: 20px;
	position: relative;
}

#design h4:before {
	content: "";
	position: absolute;
	left: 5px;
	bottom: 30px;
	width: 50px;
	height: 4px;
	background: -webkit-linear-gradient(top, #94ca52 0%, #20bbba 100%);
	background: linear-gradient(to right, #94ca52 0%, #20bbba 100%);
}

#design ul li {
	float: left;
	width: 50%;
	padding-right: 20px;
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 24px;
}

#design ul li img {
	padding-right: 10px;
}

#design ul li:nth-child(2n+1) {
	clear: both
}

#design ul li:nth-child(2n) {
	clear: none
}

#design ul li h3 {
	display: inline-block;
	padding-left: 10px;
}

#design ul li p {
	padding: 5px 0 0 61px;
}

#design p.why-tit {
	color: #666666;
	font-size: 16px;
	margin-right: 20px;
	margin-bottom: 40px;
	line-height: 26px;
}

#design i {
	width: 100%;
	float: left;
	font-weight: 600;
	font-size: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
}


/* Our Team */
#team {
	text-align: center;
	padding: 120px 0;
	position: relative;
}

#team h4 {
	font-size: 40px;
	font-weight: bold;
	padding-bottom: 40px;
	position: relative;
}

#team p.why-tit {
	color: #666666;
	font-size: 16px;
	margin-bottom: 40px;
	line-height: 26px;
	padding: 0 230px;
}

#team ul {
	width: 100%;
	margin: 0px auto
}

#team ul li {
	float: left;
	width: 100%;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	z-index: 3;
	position: relative;
}

#team ul li .inner {
	width: 100%;
	float: left;
	padding: 5px;
	background: #fff;
	margin: 2px 4px;
}

#team ul li .inner h3 {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 0 10px 0;
	margin: 0
}

#team ul li .inner .social_links {
	opacity: 0;
	margin-bottom: 10px;
}

#team ul li .inner .social_links li a {
	border: 1px solid #000;
	background: #fff;
	color: #000;
}

#team ul li .inner .social_links li {
	display: inline-block;
	float: none !important;
	padding: 0 2px !important;
	width: auto;
}

#team ul li:hover .inner {
	box-shadow: 0 0 4px rgb(0 0 0 / 0.3)
}

#team ul li:hover .inner .social_links {
	opacity: 1
}

.team-carousel,
.team-carousel *,
.client,
.client *.owl-carousel,
.owl-carousel * {
	overflow: hidden;
	direction: initial !important
}

.team-carousel .owl-item,
.client .owl-item {
	float: left;
	text-align: center;
	padding: 0px 10px;
}

.team-carousel .owl-nav,
.client .owl-nav {
	float: left;
	width: 100%;
	text-align: right;
	margin-top: 0;
}

.team-carousel .owl-nav .owl-prev,
.team-carousel .owl-nav .owl-next,
.client .owl-nav .owl-prev,
.client .owl-nav .owl-next {
	text-indent: -9999999px;
	position: relative;
	display: inline-block;
	width: 40px;
	margin: 0px 10px;
	text-align: center;
	height: 44px;
}

.team-carousel .owl-nav .owl-prev:after,
.team-carousel .owl-nav .owl-next:after,
.client .owl-nav .owl-prev:after,
.client .owl-nav .owl-next:after {
	font-family: FontAwesome;
	color: #B2B2B2;
	cursor: pointer;
	position: absolute;
	left: 0px;
	top: 3px;
	text-indent: 0px;
	font-size: 46px;
	width: 38px;
	height: 38px;
	line-height: 35px;
	border: 2px solid #ffffff;
	background: #fff;
	border-radius: 3px;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.team-carousel .owl-nav .owl-prev:after,
.client .owl-nav .owl-prev:after {
	content: "\f104"
}

.team-carousel .owl-nav .owl-next:after,
.client .owl-nav .owl-next:after {
	content: "\f105"
}

.team-carousel .owl-nav .owl-prev:hover:after,
.team-carousel .owl-nav .owl-next:hover:after,
.client .owl-nav .owl-prev:hover:after,
.client .owl-nav .owl-next:hover:after {
	background: #fff;
	color: #002575
}

.team-carousel .owl-prev,
.client .owl-prev {
	position: absolute !important;
	left: -20px !important;
	top: 50%;
}

.team-carousel .owl-next,
.client .owl-next {
	position: absolute !important;
	right: -20px !important;
	top: 50%;
}

/* Our portfolio */
#portfolio {
	background: #f2f2f2;
	text-align: center;
	padding: 120px 0 90px 0;
	position: relative;
}

#portfolio h4 {
	font-size: 40px;
	font-weight: bold;
	padding-bottom: 40px;
	position: relative;
}

#portfolio ul {
	width: 100%;
	margin: 0px auto
}

#portfolio ul li {
	width: 25%;
	float: left;
	padding: 0 10px 30px 10px;
	text-align: center;
	vertical-align: middle;
	z-index: 3;
	position: relative;
}

#portfolio ul li:nth-child(4n+1) {
	clear: both
}

#portfolio ul li .inner {
	width: 100%;
	float: left;
	padding: 0;
	background: #fff;
}

#portfolio ul li .inner h3 {
	width: 100%;
	float: left;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 20px 30px 20px;
	margin: 0;
	text-align: left;
	min-height: 83px;
}

#portfolio ul li .inner h3 a {
	color: #000;
	text-decoration: none;
	position: relative;
}

#portfolio ul li .inner h3 a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 50px;
	height: 3px;
	background: -webkit-linear-gradient(top, #94ca52 0%, #20bbba 100%);
	background: linear-gradient(to right, #94ca52 0%, #20bbba 100%);
}

#portfolio ul li .inner h3 a img {
	max-height: 200px;
	overflow: hidden;
}

#portfolio ul li .inner p {
	width: 100%;
	float: left;
	text-align: left;
	padding: 0 30px 10px 20px;
	color: #666666;
	font-size: 15px;
}

#portfolio ul li .inner .post_thumbnail a {
	position: relative;
	width: 100%;
	float: left;
}

#portfolio ul li .inner .post_thumbnail a:hover:after {
	content: "";
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, #94ca52 0%, #20bbba 100%);
	background: linear-gradient(to right, #94ca52 0%, #20bbba 100%);
	opacity: 0.8;
}

#portfolio ul li .inner .post_thumbnail a:hover:before {
	content: "";
	left: 50%;
	top: 50%;
	position: absolute;
	width: 50px;
	height: 50px;
	margin: -25px 0 0 -25px;
	background: url(../images/plus.png) center center no-repeat;
	background-size: cover;
	z-index: 1;
}


/* Partner */
#partner {
	background: #fff;
	text-align: center;
	padding: 120px 0 0 0;
}

#partner h4 {
	font-size: 40px;
	font-weight: bold;
	padding-bottom: 40px;
	position: relative;
}

#partner p.why-tit {
	color: #666666;
	font-size: 16px;
	margin-bottom: 40px;
	line-height: 26px;
	padding: 0 230px;
}

#partner ul,
#partner .img {
	vertical-align: middle;
	display: inline-block;
	float: none;
	margin-left: -4px;
	width: 32.5%
}

#partner ul.text-right {
	padding-right: 15px !important
}

#partner ul.text-left {
	padding-left: 15px !important
}

#partner .img {
	width: 35%;
}

#partner ul li {
	float: left;
	position: relative;
	width: 100%;
	padding: 30px 70px 30px 0px;
	display: table;
	width: 100%;
	min-height: 60px;
}

#partner ul.last li {
	padding: 30px 0px 30px 70px;
}

#partner ul h4 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 500;
	display: inline-block;
	width: 80%;
	padding: 0px 15px 0 10px;
	margin: 0;
	vertical-align: middle;
	color: #666666;
}

#partner ul.last .fa {
	right: auto;
	left: -5px
}

#partner.style1 ul li {
	min-height: 115px;
	padding-top: 25px;
	padding-bottom: 25px;
}

#partner.style1 ul li:after {
	top: -40px;
	height: 60%
}

#partner ul.last li:after {
	left: 20px;
	right: auto
}

#partner ul li:first-child:after {
	display: none
}


/* Dedicated */
#dedicated {
	background: -webkit-linear-gradient(top, #94ca52 0%, #20bbba 100%);
	background: linear-gradient(to right, #94ca52 0%, #20bbba 100%);
	text-align: center;
	padding: 120px 0
}

#dedicated h4 {
	font-size: 40px;
	font-weight: bold;
	padding-bottom: 40px;
	position: relative;
	color: #fff;
}

#dedicated p.why-tit {
	color: #666666;
	font-size: 16px;
	margin-bottom: 40px;
	line-height: 26px;
	padding: 0 230px;
	color: #fff;
}

#dedicated ul {
	width: 100%;
	margin: 0px auto
}

#dedicated ul li {
	width: 25%;
	float: left;
	padding: 10px;
	text-align: center;
	position: relative;
}

#dedicated ul li .inner {
	width: 100%;
	float: left;
	border: 1px solid #fff;
	padding: 20px;
	color: #fff;
	background-image: linear-gradient(to left, transparent, transparent 50%, #ffffff 50%, #ffffff);
	background-position: 100% 0;
	background-size: 200% 100%;
	transition: all .25s ease-in;
}

#dedicated ul li .inner h3 {
	width: 100%;
	float: left;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 20px;
	margin: 0;
}

#dedicated ul li .inner p {
	width: 100%;
	float: left;
	font-size: 16px;
	min-height: 100px;
	line-height: 25px;
}

#dedicated ul li .inner .each-icon {
	width: 90px;
	height: 60px;
	display: block;
	margin: 0px auto;
	margin-bottom: 20px;
	bor-webkit-transition: all 280ms ease;
	-moz-transition: all 280ms ease;
	transition: all 280ms ease;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
}

#dedicated ul li .inner:hover {
	color: #000;
	background-position: 0 0;
}

#dedicated ul li .inner:hover p {
	color: #666
}

#dedicated ul li .inner .each-icon.i1 {
	background: url("../images/d-icon1.png") center center no-repeat;
}

#dedicated ul li .inner:hover .each-icon.i1 {
	background: url("../images/d-icon1a.png") center center no-repeat;
}

#dedicated ul li .inner .each-icon.i2 {
	background: url("../images/d-icon2.png") center center no-repeat;
}

#dedicated ul li .inner:hover .each-icon.i2 {
	background: url("../images/d-icon2a.png") center center no-repeat;
}

#dedicated ul li .inner .each-icon.i3 {
	background: url("../images/d-icon3.png") center center no-repeat;
}

#dedicated ul li .inner:hover .each-icon.i3 {
	background: url("../images/d-icon3a.png") center center no-repeat;
}

#dedicated ul li .inner .each-icon.i4 {
	background: url("../images/d-icon4.png") center center no-repeat;
}

#dedicated ul li .inner:hover .each-icon.i4 {
	background: url("../images/d-icon4a.png") center center no-repeat;
}

/* Getintouch */
#getintouch {
	position: relative;
	padding: 115px 0px 75px 0;
	color: #F2F2F2;
	background: #F2F2F2
}

#getintouch .smart-map {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50%;
	height: 100%;
	background: url("../images/whychoose-bg.jpg") no-repeat left top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#getintouch h4 {
	font-size: 40px;
	font-weight: bold;
	padding-bottom: 20px;
	margin-left: 20px;
	color: #000;
}

#getintouch ul li {
	float: left;
	width: 100%;
	padding: 0px 20px;
	margin-bottom: 25px
}

#getintouch ul li:nth-child(2n+1) {
	clear: both
}

#getintouch ul li:nth-child(2n) {
	clear: none
}

#getintouch ul li h3 {
	color: #000;
	display: inline-block;
	padding-left: 10px;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
}

#getintouch ul li p {
	padding: 5px 0 0 36px;
	color: #666;
}

#getintouch ul li p a {
	color: #666;
}

#getintouch p.why-tit {
	color: #666666;
	font-size: 16px;
	margin-left: 20px;
	margin-bottom: 40px;
	line-height: 26px;
}

#getintouch .col-sm-6.pull-right {
	padding-left: 80px;
}

/* Subscribe */
#subscribe {
	padding: 60px 0px;
	position: relative;
	background: rgb(217, 103, 76);
	/* Old browsers */
	background: -moz-linear-gradient(left, rgba(217, 103, 76, 1) 0%, rgba(239, 146, 63, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(217, 103, 76, 1) 0%, rgba(239, 146, 63, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(217, 103, 76, 1) 0%, rgba(239, 146, 63, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9674c', endColorstr='#ef923f', GradientType=1);
	/* IE6-9 */
}

#subscribe:after {
	content: "";
	position: absolute;
	left: 20%;
	top: 10px;
	width: 160px;
	height: 160px;
	background: url(../images/subscribe.png) no-repeat;
}

#subscribe h4 {
	font-size: 28px;
	color: #fff;
	width: 280px;
	text-transform: uppercase;
	font-weight: 100;
	float: left;
	margin: 0;
	line-height: 30px;
}

#subscribe h4 span {
	font-weight: 600;
	font-size: 40px;
}

#subscribe .subs {
	background: #000;
	border-radius: 100px;
	color: #fff;
	padding: 18px 42px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 17px;
}

#subscribe .form-group {
	margin: 0
}

#subscribe .form-control {
	height: 60px;
	border: none;
	border-radius: 100px;
	padding-left: 30px;
}

/* Footer */
.site_footer {
	float: left;
	width: 100%;
	position: relative;
	background: url(../images/footer-bg.png) bottom right no-repeat;
	background-color: #61bb1d;
	padding-bottom: 0;
	background-size: cover;
	padding: 120px 0;
	color: white;
}

.site_footer::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*background: #90cd59;*/
	background: url(../images/footer-bg.png) bottom right no-repeat;
	background: #61bb1d;
	/* background: linear-gradient(120deg, rgba(255, 255, 255, 1) 0%, rgba(207, 254, 158, 1) 100%); */
	opacity: 0.5
}

.site_footer h3 {
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 25px 0 48px 0;
	position: relative;
	padding-bottom: 10px;
}

.site_footer h3:after {
	content: "";
	position: absolute;
	left: 0px;
	top: 40px;
	height: 3px;
	width: 30px;
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
	background: linear-gradient(to right, #ffffff 0%, #ffffff 100%);
}

.site_footer a{
	color: #464646;
}

.site_footer .menu li a {
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 16px;
}

.site_footer .menu li a:hover,
ul.contact a:hover {
	padding-left: 10px;
}

.company p {
	line-height: 25px;
	margin-top: 30px;
	font-size: 16px;
	font-weight: 500;
	padding-right: 30px;
}

.company.last p {
	padding-right: 0;
}

ul.contact,
ul.contact a {
	color: #808080;
	opacity: 0.8;
}

ul.contact li {
	margin: 5px 0px 10px 0px;
	float: left;
	width: 100%;
	position: relative;
	padding-left: 30px
}

ul.contact li:first-child {
	margin-top: 0px
}

ul.contact .fa {
	position: absolute;
	left: 0px;
	top: 1px;
	width: 16px;
	text-align: center;
	font-size: 16px
}

ul.contact .fa-mobile {
	font-size: 20px
}

address {
	margin: 0px
}


.copyright {
	background: rgb(144, 255, 0);
	background: linear-gradient(158deg, rgba(144, 255, 0, 1) 0%, rgba(43, 80, 2, 1) 100%);
	padding: 30px 0;
	font-size: 16px;
	color: #fff;
	text-align: center;
}

.copyright a {
	color: #fff;
	text-decoration: none;
}


/* About Us */
.about-pattern {
	padding: 100px 0 50px;
	text-align: left;
	position: relative;
	text-align: center;
	padding: 70px 0 30px;
	background: url(../images/about-banner-pattern.svg) no-repeat center center/cover, linear-gradient(291deg, #29a3ff, #0266b3);
}

#about p {
	color: #fff;
	text-align: left;
	font-size: 16px;
	line-height: 30px;
}

.cms-title {
	font-size: 40px;
	color: #fff;
	font-weight: 700;
	line-height: 50px;
	margin-bottom: 15px;
}

.cms-title.sm {
	font-size: 30px;
	color: #000;
	position: relative;
	padding-bottom: 15px;
}

.cms-title.xs {
	font-size: 24px;
	color: #000;
	position: relative;
	padding-bottom: 5px;
	border-bottom: 2px solid #000;
}

.cms-title.sm:before {
	content: "";
	left: 50%;
	top: 100%;
	position: absolute;
	width: 60px;
	height: 8px;
	background: linear-gradient(276deg, #f8ab69, #f5821e);
	border-radius: 100px;
	margin: -8px 0 0 -30px;
}

.cms-title.sm.left:before {
	left: 0;
	top: 100%;
	margin: -8px 0 0 0;
}

.cms-title.sm.white {
	color: #fff;
	padding: 0;
}

.cms-title.sm.white:before {
	display: none;
}


/* About Content */
#abt-cnt {
	padding: 60px 0;
}

#abt-cnt p,
.section.about-cnt p {
	color: #4b4b4b;
	font-size: 16px;
	line-height: 30px;
}

#abt-cnt .row {
	padding-top: 50px;
}

#abt-cnt .row i.fa {
	font-size: 40px;
	padding-bottom: 10px;
}

#abt-cnt .row p {
	font-size: 18px;
}

a.read {
	color: #2499e5;
	font-weight: 500;
	text-decoration: underline;
	display: block;
	padding-bottom: 10px;
}

.about-pattern p,
.about-pattern i {
	color: #fff !important;
}

/* Innovations */
.section.about-cnt {
	padding: 40px 0 0 0;
}

.section.principles ul li .inner {
	box-shadow: 0 0 4px rgb(0 0 0 / 0.3);
}

#team ul li .inner h3 {
	color: #000;
	text-transform: capitalize;
	font-weight: 500;
}

#team ul li:hover .inner {
	text-decoration: none;
}

.section.principles .cms-title.sm {
	font-size: 30px !important;
}

.section.principles {
	padding: 40px 0 !important;
}

/* #principles */
.our-principles li {
	width: 50%;
	float: left;
	padding: 15px;
}

.our-principles li .princ-inn {
	width: 100%;
	position: relative;
	padding-left: 20px;
}

.our-principles li .princ-inn h5 {
	color: #000;
	font-size: 20px;
	font-weight: 500;
}

.our-principles li .princ-inn p {
	color: #666;
	line-height: 25px;
}

.princ-inn:before {
	content: "\f054";
	position: absolute;
	left: 0;
	top: 0;
	color: #000;
	font-family: FontAwesome;
}


/* Products */
#pro-header {
	padding: 50px 0;
	background: url(../images/products-top-bg.png) #2892E2 no-repeat center center/cover;
}

#pro-header p {
	color: #fff;
	text-align: center;
}

#pro-header .btns.white {
	color: #239ae6;
	font-weight: 600;
}

.product-tab {
	width: 100%;
	float: left;
	text-align: center;
	border: none;
	margin-bottom: 40px;
}

.product-tab li {
	float: none;
	margin: 0 -2px auto;
	margin-top: 20px;
	text-align: center;
	position: relative;
	display: inline-block;
}

.product-tab li:nth-child(1) a {
	border-radius: 4px 0 0 4px;
}

.product-tab li:last-child a {
	border-radius: 0 4px 4px 0;
}

.product-tab li a {
	padding: 12px 20px;
	background: #E7ECF1;
	color: #000;
	border: none;
	display: inline-block;
	margin: 0;
	border-radius: 0;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}

.product-tab li:hover a,
.product-tab li:focus a,
.product-tab li.active a {
	background: linear-gradient(276deg, #f8ab69, #f5821e);
	color: #fff !important;
	border: none !important;
}

/* my-products */
#my-products {
	padding: 50px 0;
}

#my-products p {
	color: #666;
	line-height: 25px;
	text-align: center;
}

.my-products {
	background: url(../images/products-bg.png) #ffffff top center;
	background-size: contain;
	background-repeat: repeat-y;
}

.my-products ul.pro-ul {
	width: 100%;
	float: left;
	margin-bottom: 40px;
}

.my-products ul li {
	width: 33.33%;
	float: left;
	padding: 40px 30px;
}

.my-products ul li:nth-child(3n+1) {
	clear: both;
}

.my-products ul li .pro-ul {
	width: 100%;
	float: left;
}

.my-products ul li .pro-div {
	width: 100%;
	box-shadow: 0px 13px 38.5px 11.5px rgba(54, 69, 61, 0.12);
	position: relative;
}

.my-products ul li:nth-child(3n+1) .pro-div:before {
	content: "";
	position: absolute;
	left: -18px;
	top: -18px;
	width: 90%;
	height: 90%;
	background: #DAE0E4;
	z-index: 0;
}

.my-products ul li:nth-child(3n+2) .pro-div:before {
	content: "";
	position: absolute;
	left: -18px;
	bottom: -18px;
	width: 90%;
	height: 90%;
	background: #DAE0E4;
	z-index: 0;
}

.my-products ul li:nth-child(3n) .pro-div:before {
	content: "";
	position: absolute;
	right: -18px;
	top: -18px;
	width: 90%;
	height: 90%;
	background: #DAE0E4;
	z-index: 0;
	left: inherit;
}

.my-products ul li .pro-div .pro-inn {
	width: 100%;
	background: #fff;
	padding: 30px;
	z-index: 2;
	position: relative;
}

.my-products ul li .pro-div .pro-img {
	max-width: 100%;
	height: 200px;
	position: relative;
}

.my-products ul li .pro-div .pro-img img {
	max-width: 100%;
	max-height: 180px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.my-products ul li .pro-div h5 {
	font-size: 16px;
	font-weight: bold;
	color: #242424;
}

.my-products ul li .pro-div p {
	text-align: left !important;
	margin-bottom: 10px;
	line-height: 20px;
}

.my-products ul li .pro-div a.btn-shop {
	font-size: 16px;
	color: #178dde;
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.my-products ul li .pro-div a.btn-shop:hover {
	text-decoration: none;
	padding-left: 10px;
}

.my-products ul li .pro-div a.btn-shop:before {
	content: "";
	position: absolute;
	font-family: FontAwesome;
	background: url(../images/arrow.png) no-repeat;
	background-size: cover;
	right: -15px;
	top: 3px;
	width: 9px;
	height: 13px;
}

.my-products ul li:hover .pro-div .pro-img img {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
}

/* Careers */
#work.careers {
	background: #fff;
	padding: 0 0 60px 0;
}

#work.careers h4 span {
	color: #94ca53;
}

#work.careers .career-inn {
	max-width: 650px;
	margin: 0px auto;
	background: #F1F1F1;
	padding: 40px;
	border-radius: 3px;
}

#work.careers .career-inn .form-group {
	margin-bottom: 20px;
}

#work.careers .career-inn .form-group label {
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	width: 100%;
	color: #181818;
}

#work.careers .career-inn .form-group label sup {
	color: #94ca53;
	top: 8px;
	padding-left: 3px;
	font-size: 30px;
}

#work.careers .career-inn .form-group .form-control {
	height: 46px;
	box-shadow: none;
	border: 1px solid rgba(24, 24, 24, .1);
	padding: 6px 16px;
	color: #000;
	font-weight: 500;
	border-radius: 100px;
}

#work.careers .career-inn .form-group #resume.form-control {
	padding: 13px 20px;
}

#work.careers .send-cv {
	background: -webkit-linear-gradient(top, #94ca52 0%, #20bbba 100%);
	background: linear-gradient(to right, #94ca52 0%, #20bbba 100%);
	padding: 10px 35px;
	font-weight: 500;
	font-size: 20px;
	border-radius: 100px;
}

#team.custom {
	padding: 40px 0;
}

.course-btn .btns {
	background: #8eca58;
	color: #fff;
	border: 1px solid #fff;
	box-shadow: none;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 12px;
}

.course-btn .btns:hover {
	background: #7db34c;
}

.enroll .btn {
	font-weight: 500;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 2px;
}


.filterField {
	color: #0e60c5;
	font-size: 12px;
	font-weight: 600;
}

.filterField option {
	padding: 10px;
	;
}



/* Enrollment */
#enroll .form-group label {
	font-weight: 500;
}

#enroll .form-group .form-control {
	box-shadow: none;
	height: 40px;
	color: #000;
	font-weight: 500;
}

#student .stu-register,
#staff .sta-register {
	display: none;
}

.reg-pad {
	padding-top: 210px
}

/* Contact */
.contact-det {
	margin: 60px 0
}

.contact-form .form-group textarea {
	height: 100px !important
}

.contact-det .col-sm-3 span {
	padding: 15px;
	border: 1px dashed #e47d46;
	width: 60px;
	height: 60px;
	margin-bottom: 20px;
	background: #fff9f4;
	display: inline-block;
}

.contact-det .col-sm-3 span i.fa {
	color: #e47d46;
	font-size: 20px;
	line-height: 24px;
}

.contact-det h3 {
	font-weight: 500;
}

.contact-det a {
	color: #000;
}

/* Driver login */
.driver-login,
.driver-login #student {
	background: #fbfbfb;
}

.driver-login .driver-inn {
	margin: 0px auto;
	float: none;
	max-width: 600px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	padding: 25px;
	border-radius: 3px;
}

/* Blog */
#blog {
	background: #f2f2f2;
	text-align: center;
	padding: 40px 0;
	position: relative;
}

#blog h4 {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 15px;
	position: relative;
}

.blog_ul {
	width: 100%;
	margin: 0px auto
}

.blog_ul li {
	width: 50%;
	float: left;
	padding: 0 15px 30px 15px;
	text-align: center;
	vertical-align: middle;
	z-index: 3;
	position: relative;
}

.blog_ul li:nth-child(2n+1) {
	clear: both
}

.blog_ul li .inner {
	width: 100%;
	float: left;
	padding: 0;
	background: #fff;
	border-radius: 4px;
	-webkit-transition: all .4s ease-in-out !important;
	-moz-transition: all .4s ease-in-out !important;
	transition: all .4s ease-in-out !important;
}

.blog_ul li .inner:hover {
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12), 0 2px 3px rgba(0, 0, 0, 0.24);
}

.blog_ul li .inner h3 {
	width: 100%;
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding: 20px 20px 10px 20px;
	margin: 0;
	text-align: left;
}

.blog_ul li .inner h3 a {
	color: #000;
	text-decoration: none;
	position: relative;
}

.blog_ul li .inner a.img-tit {
	position: relative;
	width: 100%;
	float: left;
	height: 200px;
	overflow: hidden;
	border-radius: 4px 4px 0 0;
	transition: transform .5s ease;
}

.blog_ul li .inner a.img-tit img {
	width: 100%;
	object-fit: cover;
	height: 200px;
	transition: transform .5s ease;
}

.blog_ul li .inner a.img-tit:hover img {
	transform: scale(1.2);
}

.blog_ul li .inner p {
	width: 100%;
	float: left;
	text-align: left;
	padding: 0 30px 10px 20px;
	color: #333;
	font-size: 12px
}

.blog_ul li .inner .designation {
	font-size: 13px;
	font-weight: 500;
	border-bottom: 1px solid #ddd;
	text-align: left;
	padding: 12px 0;
}

.blog_ul li .inner .share {
	font-weight: 600;
}

.blog_ul li .inner .share b {
	color: #FF5722;
	float: right;
	cursor: pointer;
	position: relative;
}

.blog_ul li .inner .share b .share-inn {
	display: none;
	opacity: 0;
	position: absolute;
	right: 0;
	background: #fff;
	bottom: 17px;
	width: 45px;
	padding: 5px;
	text-align: right;
	box-shadow: 0 0 4px rgb(0 0 0 / 0.3);
	border-radius: 3px;
}

.blog_ul li .inner .share b .share-inn i.fa {
	font-size: 13px;
	padding: 0 3px;
}

.blog_ul li .inner .share b .share-inn a:nth-child(1) i.fa {
	color: #174BD7
}

.blog_ul li .inner .share b .share-inn a:nth-child(2) i.fa {
	color: #1DA1F2
}

.blog_ul li .inner .share b:hover .share-inn {
	display: block;
	opacity: 1;
}

.right-blog {
	background: #fff;
	border-radius: 4px;
	margin-bottom: 15px;
	padding: 15px;
}

.right-blog p {
	text-align: left;
	width: 100%;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 12px;
}

.right-blog p:last-child {
	margin-bottom: 0;
}

.right-blog p a {
	font-weight: 500;
	color: #333
}

.right-blog p b {
	color: #2196F3;
	font-size: 12px;
	font-weight: 500;
}

.right-blog.news {
	background: linear-gradient(-68deg, #29A3FF 0%, #0266B3 100%);
	color: #fff;
}

.right-blog.news h4 {
	text-align: left
}

.right-blog.news p {
	font-size: 13px;
}


.blog_ul.news li {
	width: 33%;
}

.blog_ul.news li:nth-child(2n+1) {
	clear: none
}

.blog_ul.news li:nth-child(3n+1) {
	clear: both
}

#review {
	padding: 50px 0;
	background: url(../images/products-top-bg.png) #2892E2 no-repeat center center/cover;
}

.review-inn {
	padding: 20px;
	background: #fff;
	border-radius: 5px;
}

#review .cms-title.sm {
	color: #fff;
}

ul.contact-ul li {
	float: left;
	width: 100%;
	padding: 0px 20px;
	margin-bottom: 25px
}

ul.contact-ul li:nth-child(2n+1) {
	clear: both
}

ul.contact-ul li:nth-child(2n) {
	clear: none
}

ul.contact-ul li h3 {
	display: inline-block;
	padding-left: 5px;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 30px;
	margin: 0;
}

ul.contact-ul li p {
	padding: 5px 0 0 38px;
}

ul.contact-ul li p a {
	color: #fff;
}

ul.contact-ul li i.fa {
	font-size: 24px;
	width: 30px;
}

ul.contact-ul li {
	color: #fff;
}

#testimonial,
#testimonial .client {
	position: relative;
}

#testimonial ul.client li {
	width: 100%;
	padding: 0
}

#testimonial ul.client li .inner {
	background: #2892e2;
}

#testimonial ul.client li .inner img {
	padding: 15px;
	border-radius: 20px;
}

#testimonial ul.client li .inner div .heading {
	padding: 15px;
	border-radius: 20px;
}

#testimonial ul.client li .inner h3,
#testimonial ul.client li .inner p {
	background: #f9f9f9;
	margin: 0;
}

#testimonial ul.client li .inner h3,
#testimonial ul.client li .inner .designation {
	text-align: center
}

#testimonial ul.client li .inner p {
	border-radius: 0 0 4px 4px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	padding: 10px 40px;
	width: 100%;
	float: left;
	line-height: 2;
}

#testimonial .client .owl-dots {
	width: 100%;
	float: left;
	padding-top: 20px;
	text-align: center;
}

#testimonial .client .owl-dots span {
	border: 2px solid #94ca52;
}

#testimonial .client .owl-dots .active span {
	background: #94ca52;
}

/*Page*/
body.page:before {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	background: #ff5645;
	width: 100%;
	height: 50%;
	content: "";
}

body.page .site_menu ul li a {
	color: #ffcac5
}

body.page .site_menu ul li a:hover,
body.page .site_menu ul li a.active {
	color: #fff;
}

body.page .site_menu ul li a:after {
	background: #fff
}


a .fa {
	-moz-transition: 0s;
	-o-transition: 0se;
	transition: 0s;
	-webkit-transition: 0s;
}

.modal .user_box {
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	border-radius: 6px;
}

.modal .user_box .scrollbar {
	height: 318px;
}

.modal .user_list li {
	float: left;
	width: 100%;
	position: relative;
	padding: 30px 10px 10px 80px;
	height: 80px;
	border-bottom: 1px solid #dddddd
}

.modal .checkboxes li {
	padding-right: 50px
}

.modal .user_list li:hover {
	background: #f3f3f3;
}

.modal .user_list .user_name {
	margin: 0px;
	font-size: 17px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.modal .user_list .user_img {
	width: 60px;
	height: 60px;
	border-radius: 100px;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -30px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3)
}

.modal .user_list input[type="checkbox"]+label.checkbox {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -9px;
}

.modal .user_list input[type="checkbox"]+label.checkbox:before {
	width: 18px;
	height: 18px;
}

.tooltip,
.tooltip * {
	-moz-transition: 0s !important;
	-o-transition: 0s !important;
	transition: 0s !important;
	-webkit-transition: 0s !important;
}

.modal .search_input .form_control {
	height: 50px;
	padding-left: 45px;
	border-radius: 0px;
	border: 0px;
	border-bottom: 1px solid #ddd;
}

.modal .search_input {
	position: relative
}

.modal .search_input .fa {
	color: #a2a2a2;
	position: absolute;
	height: 18px;
	text-align: center;
	width: 18px;
	left: 15px;
	top: 50%;
	margin-top: -9px;
}


.owl-carousel .owl-dots {
	position: absolute;
	bottom: 10px;
	width: 100%;
	left: 0px;
	text-align: center
}

.owl-dots .owl-dot {
	display: inline-block
}

.owl-dots span {
	display: inline-block;
	width: 10px;
	margin: 0px 2px;
	height: 10px;
	border-radius: 100px;
	border: 2px solid #fff;
}

.owl-dots .active span {
	background: #fff;
}

/*Modal*/
.modal {
	z-index: 99999;
}

body .modal-center {
	display: table;
	height: 100%;
	width: 100%;
}

body .modal-center-inner {
	display: table-cell;
	vertical-align: middle;
}

body .modal-sm {
	width: 400px
}

body .modal-md {
	width: 1000px
}

body .modal-sm .form_group {
	float: left;
	width: 100%
}

.modal-content,
.modal-header,
.modal-body,
.modal-footer {
	display: inline-block;
	width: 100%;
	position: relative
}

body .modal-content {
	border: 0px;
}

body .modal-header {
	border: 0px;
	background: #0095c7;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

body .modal-title {
	color: #fff;
	font-family: 'Raleway';
	font-size: 17px;
	line-height: normal
}

body .modal-title.lg {
	font-size: 25px
}

body .modal-header .sub_head {
	font-family: 'RobotoLight';
	color: #ffd2ce;
	font-size: 16px;
	display: block;
	margin-bottom: 4px
}

body .modal-header .close {
	margin: 0px;
	position: absolute;
	right: 4px;
	top: 5px;
	color: #fff;
	opacity: 1;
	font-weight: normal;
	text-shadow: none;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
}

body .modal-header .close:hover {
	color: #fff
}

body .modal-body {
	padding: 25px 25px 10px 25px
}

body .modal-footer {
	background: #eee;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

body .modal-footer .btns {
	margin-left: 10px
}

body .modal_confirm .modal-body {
	padding: 0px 0px 10px 0px;
}

body .modal_confirm {
	overflow: hidden;
}

.modal_confirm {
	padding: 30px 20px 20px 20px;
	font-size: 16px;
	font-family: 'RobotoLight';
}

.modal_confirm button.close {
	position: absolute;
	top: 5px;
	right: 5px;
	line-height: 20px;
	width: 20px;
	text-align: center;
}

.modal .btns {
	padding: 10px 15px;
	font-size: 14px;
	margin: 8px 4px 0px 4px;
}

.modal .share.btns {
	margin: 0px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	width: 52px;
	height: 52px;
	min-width: inherit;
	position: absolute;
	bottom: -26px;
	right: 20px;
}

body .modal-dialog {
	margin-bottom: 40px
}

/* Modal Left Right */
.modal.left .modal-dialog,
.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 320px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
	border-radius: 0;
}

.modal.left .modal-body,
.modal.right .modal-body {
	padding: 30px;
}

/*Left*/
.modal.left.fade .modal-dialog {
	left: -320px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
	left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
	right: -320px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	-o-transition: opacity 0.3s linear, right 0.3s ease-out;
	transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
	right: 0;
}

.modal.right .modal-header {
	background: none;
	border-radius: 0;
}

.modal.right .modal-header .close {
	right: 30px;
	top: 20px;
	width: 24px;
}

.modal.right.lg-full .modal-dialog {
	width: 100%
}

/* Mega Modal */
/*.mega-modal .modal-content{background: #7BC768;background: -webkit-linear-gradient(top, #94ca52 0%,#20bbba 100%);
    background: linear-gradient(to right, #94ca52 0%,#20bbba 100%);}*/

.mega-modal .modal-content {
	height: 80% !important;
	background: #2892E2;
	background: -webkit-linear-gradient(top, #2892E2 0%, #2892E2 100%);
	background: linear-gradient(to right, #2892E2 0%, #2892E2 100%);
}


.mega-modal .w20 {
	width: 16.6%;
	float: left;
	padding-right: 15px;
}

.mega-modal .modal-header {
	padding: 0;
}

.mega-modal .modal-body {
	margin-top: 50px;
	padding: 0 30px 30px 30px;
}

.mega-modal .modal-body h5 {
	width: 100%;
	float: left;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	margin: 20px 0;
	text-transform: uppercase;
}

.mega-modal .modal-body h5 a {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.mega-modal .modal-body h5 a:hover,
.mega-modal .modal-body h5 a:focus,
.mega-modal .modal-body h5 a:active {
	color: #fff;
	text-decoration: none;
}

.mega-modal .modal-body ul li a {
	color: #fff;
	font-weight: 500;
	padding: 6px 0;
	float: left;
	width: 100%;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.mega-modal .modal-body ul li a:hover,
.mega-modal .modal-body ul li a:focus,
.mega-modal .modal-body ul li a:active {
	text-decoration: none;
	padding-left: 10px;
}

/* New code */
.wid100 {
	width: 100%;
	float: left
}

.plr5 {
	padding: 0 5px;
}

.plr10 {
	padding: 0 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.mt50 {
	margin-top: 50px
}


.mt-2 {
	margin-top: 1rem;
}

.white {
	color: #fff !important;
}

.coverLeftContainer {
	position: relative;
	width: 50%;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	overflow: hidden;
}

.coverRightContainer {
	position: relative;
	width: 50%;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	overflow: hidden;
}

.SideBarWrapper {
	background-color: #f7f7f7;
	font-family: 'Rubik', sans-serif;
	padding: 0px;
}

.SideBarWrapper #SidebarAcc {}

.SideBarWrapper #SidebarAcc .accordion-item {
	background-color: #f7f7f7;
	border-left: 0px;
	border-right: 0px;
	color: #000;
}

.SideBarWrapper #SidebarAcc .accordion-item:first-child {
	border-top: 0px;
}

.SideBarWrapper #SidebarAcc .accordion-item .accordion-header {}

.SideBarWrapper #SidebarAcc .accordion-item .accordion-header .accordion-button {
	font-family: 'Rubik', sans-serif;
	background-color: transparent;
	color: #000;
	font-weight: bold;
	font-size: 14px;
}

.SideBarWrapper #SidebarAcc .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
	background-repeat: no-repeat;
	transform: rotate(-180deg);
}

.SideBarWrapper #SidebarAcc .accordion-item .accordion-body {
	color: #000;
	font-size: 12px;
	padding: 12px 1.25rem;
}

.SideBarWrapper #SidebarAcc .accordion-item .accordion-body ul {
	padding-left: 2px;
	list-style-position: inside;
}

.SideBarWrapper #SidebarAcc .accordion-item .accordion-body a {
	color: #000;
}

.SideBarWrapper #SidebarAcc .accordion-item .accordion-body .active a {
	font-weight: bold;
}

.SideBarWrapper #SidebarAcc .accordion-item .accordion-item {
	border-top: 0px;
}

.SideBarWrapper #SidebarAcc .accordion-item .accordion-item .accordion-header .accordion-button {
	font-size: 12px;
	font-weight: normal;
	padding: 10px 1rem;
	box-shadow: none;
	border-bottom: 0px solid #dfdfdf;
}

.SideBarWrapper #SidebarAcc .accordion-item .accordion-item .accordion-header .accordion-button.collapsed {
	/*font-weight: normal;
	padding:0px 0rem 1rem 0rem;*/
	box-shadow: none;
}

.SideBarWrapper #SidebarAcc .accordion-item .accordion-item .accordion-body {
	padding: 0px 1rem;
}

.SideBarWrapper #SidebarAcc .accordion-item .accordion-item:last-child {
	border-bottom: 0px;
}

.SideBarWrapper .nobullet {
	list-style: none;
}

.SideBarWrapper .nobullet li {
	padding-bottom: 8px;
}

.SideBarWrapper input {
	vertical-align: middle;
}

.SideBarWrapper #price_from {
	width: calc(35% - 2px);
}

.SideBarWrapper #price_to {
	width: calc(35% - 2px);
	margin-left: 2px;
	margin-right: 2px;
}

.SideBarWrapper #price_filter {
	width: calc(30% - 2px);
	vertical-align: middle;
	background-color: #666666;
	color: #fff;
	border-color: #666666;
}

html {
	font-size: 12px;
}


.ProductsWrapper .ProductPriceWrap {
	font-size: 1.3rem;
	font-weight: bold;
	font-family: 'Rubik', sans-serif;
}

.ProductsWrapper .activePrice {
	color: #62ab00;
}

.ProductsWrapper .priceBefore {
	text-decoration: line-through;
	font-size: 1.1rem;
	color: #ccc;
	padding-left: 5px;
}

.ProductsWrapper .productTitle {
	font-size: 1.3rem;
	color: #000;
	font-weight: 500;
	font-family: 'Rubik', sans-serif;
}

.ProductsWrapper .productTitle a {
	color: #000;
}

.productWrap {
	border: 1px solid #f5f5f5;
	margin-top: 15px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	height: 100%;
}

.productListItemContent {
	padding: 15px 15px 0px 15px;
}

.productWrap .addToCart {
	/*margin: 0px -15px -15px -15px; */

	width: 100%;
	display: block;
	background-color: #fff;
	border: 0px;
	border-top: 1px solid #f5f5f5;
	text-align: center;
	color: #ccc;
	padding: 10px;
}

.productWrap .lastItem {
	margin-top: auto;
}

.lastItem .ProductPriceWrap {
	padding: 0px 15px;
}

.productWrap .addToCart:hover {
	color: #000;
	background-color: #fcfcfc;
}

.blue {
	color: #0e60c5;
}

.responsive {
	width: 100% !important;
	height: auto !important;
}

.breadCrumb {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
}

.breadCrumb li {
	display: inline-block;
	color: #000;
}

.breadCrumb li a {
	color: #a2a2a2;
}

.breadCrumb li a span {
	color: #a2a2a2;
}

.productSingle .addToCart {
	display: inline-block;
	background-color: #fc7413;
	color: #fff;
	font-size: 1.6rem;
	padding: 10px 25px;
	border-radius: 5px;
	font-weight: 600;
	font-family: 'Rubik', sans-serif;
	margin: 10px 0px !important;
}

.productSingle .qty {
	max-width: 60px;
	padding: 23px 0px;
	font-size: 1.5rem;
}

.productSingle .btn-increment,
.productSingle .btn-decrement {
	font-size: 2rem;
	padding: 5px 0px;
}

.productSingle .text-end .input-group {
	justify-content: flex-end;
}


.productSingle .ProductTitle {
	line-height: 1em;
}

.productSingle .ProductPriceWrap {
	padding: 25px 0px 10px 0px;
	font-family: 'Rubik', sans-serif;
}

.productSingle .activePrice {
	color: #fc7413;
	font-size: 2rem;
	font-weight: bold;
	vertical-align: middle;
}

.productSingle .priceBefore {
	color: #c1c1c1;
	font-size: 1.4rem;
	text-decoration: line-through;
	padding: 0px 15px;
	vertical-align: middle;
}

.productSingle .priceDiscount {
	color: #2fc179;
	font-size: 1.8rem;
	font-weight: 800;
	vertical-align: middle;
}

.productSingle hr {
	margin: 15px 0px 30px 0px;
}


@media (max-width:576px) {
	.productSingle .text-end .input-group {
		justify-content: center;
	}
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	font-weight: bold;
	font-size: 1.5rem;
	;
}

.productSingle .nav-link {
	color: #ccc;
	padding: 15px 30px;
}

.productSingle .tab-content {
	padding: 20px 15px;
}


#RelatedWrapper {}

.productSingle #RelatedWrapper .ProductPriceWrap {
	font-size: 1.3rem;
	font-weight: bold;
	font-family: 'Rubik', sans-serif;
}

.productSingle #RelatedWrapper .activePrice {
	color: #62ab00;
	font-size: 1.3rem;
}

.productSingle #RelatedWrapper .priceBefore {
	text-decoration: line-through;
	font-size: 1.1rem;
	color: #ccc;
	padding-left: 5px;
}

.productSingle #RelatedWrapper .productTitle {
	font-size: 1.3rem;
	color: #000;
	font-weight: 500;
	font-family: 'Rubik', sans-serif;
}

.productSingle #RelatedWrapper .productTitle a {
	color: #000;
}

.productSingle #RelatedWrapper .productWrap {
	border: 1px solid #f5f5f5;
	margin-top: 15px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	height: 100%;
}

.productSingle #RelatedWrapper .productListItemContent {
	padding: 15px 15px 0px 15px;
}

.productSingle #RelatedWrapper .addToCart {
	/*margin: 0px -15px -15px -15px; */
	font-size: 1.3rem;
	width: 100%;
	display: block;
	background-color: #fff;
	border: 0px;
	border-top: 1px solid #f5f5f5;
	text-align: center;
	color: #ccc;
	padding: 10px;
}

.productSingle #RelatedWrapper .lastItem {
	margin-top: auto;
}

.productSingle #RelatedWrapper .lastItem .ProductPriceWrap {
	padding: 0px 15px;
}

.productSingle #RelatedWrapper .addToCart:hover {
	color: #000;
	background-color: #fcfcfc;
}



.offcanvasMenu {
	height: 80% !important;
	background: #2892E2;
	background: -webkit-linear-gradient(top, #2892E2 0%, #2892E2 100%);
	background: linear-gradient(to right, #2892E2 0%, #2892E2 100%);
}

.offcanvasMenu .offcanvas-body {
	color: #fff;
	padding: 50px;
	;
}

.offcanvasMenu .offcanvas-body li {
	padding-bottom: 11px;
}

.offcanvasMenu .offcanvas-body h5 {
	padding-bottom: 11px;
	border-bottom: 1px solid #fff;
}

.offcanvasMenu button {
	color: #fff;
	font-size: 2rem;
	background: transparent url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>") center/1em auto no-repeat;
}

.offcanvasMenu .offcanvas-body a {
	color: #fff;
}

.offcanvasMenu h5 {
	font-weight: bold;
	padding-top: 10px;
}

#team .container {
	position: relative;
}

@media (max-width: 576px) {
	.offcanvasMenu .col {
		width: 100%;
		flex: 0 0 auto;
	}

	.offcanvasMenu h5 {
		font-weight: bold;
		padding-top: 15px;
	}
}


.form-group {
	padding-bottom: 12px;
}

#YoutudeContainer {
	background-color: #e8e9ed;
	padding: 100px 0px;
	display: block;
}

#YoutudeContainer h4 {
	font-size: 40px;
	font-weight: bold;
	padding-bottom: 40px;
	position: relative;
	text-align: center;
}

#YoutudeContainer h4.subtitle_tags {
	font-size: 14px;
	font-weight: normal;
	padding: 0px;
}

#YoutudeContainer img {
	border-radius: 5px;
}

a.play_icon.homeplay_icon {
	position: relative;
	padding-bottom: 12px;
	display: block;
}

a.play_icon.homeplay_icon:after {
	width: 45px;
	height: 45px;
	background-size: 30px;
	background-color: #00000073;
	border-radius: 50%;
}

a.play_icon:after {
	position: absolute;
	content: ' ';
	transition: transform .2s;
	background-size: cover;
	width: 60px;
	height: 60px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60px;
	background-image: url('video_play_icon.svg');
}


#robotcarousel {
	position: relative;
}

.bannerContent {
	position: absolute;
	top: 50%;
	margin-top: -120px;
	left: 0px;
	width: 100%;
}

#robotcarousel .bannerContent p {
	font-size: 20px;
	color: #94ca52;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
}

#robotcarousel .bannerContent h4 {
	font-size: 40px;
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 50px;
	margin-bottom: 15px;
}


.owl-theme .owl-nav {
	/*default owl-theme theme reset .disabled:hover links */
}

.owl-theme .owl-nav [class*=owl-] {
	transition: all 0.3s ease;
}

.owl-theme .owl-nav [class*=owl-].disabled:hover {
	background-color: #D6D6D6;
}

#sync1.owl-theme,
#sync2.owl-theme {
	position: relative;
}

#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev,
#sync2.owl-theme .owl-next,
#sync2.owl-theme .owl-prev {
	width: 22px;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
}

#sync1.owl-theme .owl-prev,
#sync2.owl-theme .owl-prev {
	left: 10px;
}

#sync1.owl-theme .owl-next,
#sync2.owl-theme .owl-next {
	right: 10px;
}

#sync2 {
	margin-top: 10px;
}

.owl-carousel .owl-item {
	border: 1px solid #ccc;
}


.resp-sharing-button__link,
.resp-sharing-button__icon {
	display: inline-block
}

.resp-sharing-button__link {
	text-decoration: none;
	color: #fff;
	margin: 0.3em
}

.resp-sharing-button {
	border-radius: 5px;
	transition: 25ms ease-out;
	padding: 0.5em 0.75em;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.resp-sharing-button__icon svg {
	width: 1em;
	height: 1em;
	margin-right: 0.4em;
	vertical-align: top
}

.resp-sharing-button--small svg {
	margin: 0;
	vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
	stroke: #fff;
	fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
	fill: #fff;
	stroke: none
}

.resp-sharing-button--twitter {
	background-color: #55acee
}

.resp-sharing-button--twitter:hover {
	background-color: #2795e9
}

.resp-sharing-button--pinterest {
	background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
	background-color: #8c0615
}

.resp-sharing-button--facebook {
	background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
	background-color: #2d4373
}

.resp-sharing-button--tumblr {
	background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
	background-color: #222d3c
}

.resp-sharing-button--reddit {
	background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
	background-color: #3a80c1
}

.resp-sharing-button--google {
	background-color: #dd4b39
}

.resp-sharing-button--google:hover {
	background-color: #c23321
}

.resp-sharing-button--linkedin {
	background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
	background-color: #046293
}

.resp-sharing-button--email {
	background-color: #777
}

.resp-sharing-button--email:hover {
	background-color: #5e5e5e
}

.resp-sharing-button--xing {
	background-color: #1a7576
}

.resp-sharing-button--xing:hover {
	background-color: #114c4c
}

.resp-sharing-button--whatsapp {
	background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
	background-color: #1da851
}

.resp-sharing-button--hackernews {
	background-color: #FF6600
}

.resp-sharing-button--hackernews:hover,
.resp-sharing-button--hackernews:focus {
	background-color: #FB6200
}

.resp-sharing-button--vk {
	background-color: #507299
}

.resp-sharing-button--vk:hover {
	background-color: #43648c
}

.resp-sharing-button--facebook {
	background-color: #3b5998;
	border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
	background-color: #2d4373;
	border-color: #2d4373;
}

.resp-sharing-button--twitter {
	background-color: #55acee;
	border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
	background-color: #2795e9;
	border-color: #2795e9;
}

.resp-sharing-button--tumblr {
	background-color: #35465C;
	border-color: #35465C;
}

.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
	background-color: #222d3c;
	border-color: #222d3c;
}

.resp-sharing-button--email {
	background-color: #777777;
	border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
	background-color: #5e5e5e;
	border-color: #5e5e5e;
}

.resp-sharing-button--pinterest {
	background-color: #bd081c;
	border-color: #bd081c;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
	background-color: #8c0615;
	border-color: #8c0615;
}




.bg-light-green {
	background-color: #eafaec;
}

.bg-light-gray {
	background-color: #fafafa;
}

.bg-light-blue {
	background-color: #f2f8ff;
	border-radius: 5px;
}

.font-i {
	background-color: #4c5b73;
	font-size: 3rem;
	color: #fff;
	font-weight: bold;
	min-width: 60px;
}

.font-i div {
	display: flex;
	align-items: center;
	justify-content: center;
}

.hsds-icon-wrap {
	width: 50px;
	height: 50px;
	position: relative;
	margin-bottom: 10px;
}

.hsds-icon {
	color: #8eca58;
	width: 36px;
	height: 36px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.hsds-icon-wrap:before {
	background: #fff;
	border-top-right-radius: 4px;
	content: "";
	display: block;
	height: 36px;
	position: absolute;
	top: 0px;
	right: 0px;
	right: 0;
	width: 36px;
	z-index: 0;
}

.greenGradient {
	background: -webkit-linear-gradient(top, #94ca52 0%, #20bbba 100%);
	background: linear-gradient(to right, #94ca52 0%, #20bbba 100%);
	padding: 35px 45px !important;
	font-size: 2rem !important;
	font-weight: bold;
	border: 0px;
	border-radius: 50px !important;
}

.greenGradient:hover {
	-webkit-box-shadow: 3px 2px 12px -1px rgba(0, 0, 0, 0.56);
	box-shadow: 3px 2px 12px -1px rgba(0, 0, 0, 0.56);
}





@media (min-width: 1199px) {
	.site_header.fixed_header .site_logo {
		padding: 8px 0;
	}

	.site_header.fixed_header .site_logo img {
		max-width: 80px;
	}

	.site_header.fixed_header .site_menu {
		padding: 8px 0;
	}

	.site_header.fixed_header .site_menu ul li a {
		line-height: 48px;
	}

	.site_header.fixed_header .login-btn {
		margin: 12px 0 12px 12px
	}

	.site_header.fixed_header .cart-btn {
		margin: 10px 0
	}
}

@media only screen and (max-width: 1199px) and (min-width: 769px) {
	.site_menu ul li {
		margin: 0px 0px 0px 5px;
	}

	.site_menu ul li a {
		padding: 0px 5px;
		line-height: 30px;
	}

	#partner ul,
	#partner .img {
		width: 34%;
	}

	#partner .img {
		width: 32%;
	}

	#partner ul li {
		padding: 20px 20px 20px 0px;
	}

	#partner ul.last li {
		padding: 20px 0px 20px 20px;
	}

	#partner ul li img {
		max-width: 40px;
	}
}

@media (max-width: 1199px) {
	.container {
		padding-left: 15px;
		padding-right: 15px
	}

	.home_banner,
	.home_banner #banner .item {
		min-height: auto;
	}

	.site_logo img {
		max-width: 50px;
	}

	.site_menu {
		padding-bottom: 0;
	}

	.login-btn {
		padding: 10px 25px;
		margin: 6px 0 0 6px;
	}

	.cart-btn {
		padding: 8px 0 0 10px;
		margin: 8px 0 0 6px;
	}

	#why ul li {
		width: 100%
	}

	#work p.why-tit,
	#team p.why-tit,
	#partner p.why-tit,
	#dedicated p.why-tit {
		padding: 0;
	}

	.home_banner .banner-content h4 {
		font-size: 30px;
		line-height: 40px;
	}

	#robotcarousel .bannerContent h4 {
		font-size: 30px;
		line-height: 40px;
	}

	.whatleft h5,
	#why h4,
	#work h4,
	#design h4,
	#team h4,
	#portfolio h4,
	#partner h4,
	#dedicated h4,
	#getintouch h4 {
		font-size: 30px
	}
}

@media (max-width: 1024px) {

	.home_banner,
	.home_banner #banner .item {
		height: 500px;
	}
}

@media (min-width: 901px) {
	.site_menu {
		display: block !important
	}
}

@media (max-width: 900px) {
	.section {
		padding: 50px 0px !important
	}

	.home .site_header {
		background: #fff;
		box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
		-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
		-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	}

	.site_menu ul li a.modal-menu:before {
		right: 20px;
	}

	#mobile_nav,
	#logout_nav {
		display: block
	}

	.site_menu,
	.site_menu * {
		-moz-transition: initial;
		-o-transition: initial;
		transition: initial;
		-webkit-transition: initial;
	}

	.site_menu nav,
	.site_menu nav * {
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}

	.site_menu ul li.mobile_logo {
		display: block;
		text-align: center;
		padding: 20px 0px 20px 0px
	}

	.site_menu ul li.mobile_logo a {
		position: fixed;
		top: 0px;
		left: -100%;
		max-width: 260px;
		width: 100%;
		text-align: right;
		z-index: 99;
	}

	.site_menu ul li.mobile_logo a .fa {
		position: absolute;
		top: 0px;
		left: 100%;
		margin-left: -30px;
		width: 30px;
		text-align: center;
		height: 30px;
		line-height: 30px;
		background: #fff;
		color: #bfbfbf;
	}

	.site_menu ul li.mobile_logo a .fa:hover {
		color: #0095c7
	}

	.site_menu.open ul li.mobile_logo a {
		left: 0px
	}

	.site_menu {
		display: none;
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.7);
		z-index: 9999;
	}

	.site_menu nav {
		position: fixed;
		left: -100%;
		height: 100%;
		top: 0px;
		width: 100%;
		max-width: 260px;
		background: #fff;
		overflow: auto;
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
		padding-top: 0px;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}

	.site_menu.open nav {
		left: 0px
	}

	.site_menu ul li {
		padding: 0px 0px;
		width: 100%;
		margin: 0px !important
	}

	.site_menu ul li a {
		padding: 0px 15px;
		line-height: 42px;
		color: #333 !important
	}

	.site_menu ul li a:hover,
	.site_menu ul li a.active,
	.site_menu ul li.active a {
		color: #8fc956 !important;
	}

	.site_menu ul li a:after {
		display: none
	}

	.site_menu ul li.logout a {
		line-height: 42px !important;
		padding: 0px 10px !important;
		border-radius: 0 !important;
		color: #fff !important;
		border: 0px;
		background: #ff5645 !important;
		border: 0px !important
	}

	.site_menu ul li.logout a:hover {
		background: #dc493a !important
	}


	#mobile_nav,
	.page #mobile_nav {
		top: 50%;
		margin-top: 8px;
	}

	.home .site_header .chosen-container {
		top: 50% !important;
		margin-top: -12px;
		right: 55px !important
	}

	.site_footer .wid50 {
		width: 100%
	}

	.my-products ul li:nth-child(3n+1) {
		clear: none;
	}

	.my-products ul li {
		width: 50%;
	}

	.my-products ul li:nth-child(2n+1) {
		clear: both;
	}

	.mega-modal .w20 {
		width: 33.33%;
	}

	.mega-modal .w20:nth-child(4) {
		clear: both;
	}

}

@media (max-width: 768px) {
	.site_menu {
		margin-top: 0
	}

	.home_banner,
	.home_banner #banner .item {
		height: 300px;
	}

	.cart-btn {
		margin-right: 30px;
	}

	.home_banner .banner-content {
		margin-top: -96px;
	}

	.home_banner .banner-content h4 {
		font-size: 30px;
		line-height: 34px;
	}

	.home_banner .banner-content img {
		max-width: 130px;
	}


	#robotcarousel .bannerContent {
		margin-top: -96px;
	}

	#robotcarousel .bannerContent h4 {
		font-size: 30px;
		line-height: 34px;
	}

	#robotcarousel,
	#robotcarousel .carousel-item {
		height: 350px;
	}

	#robotcarousel .carousel-item img.d-block {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	#design ul li,
	#subscribe h4 {
		width: 100%
	}

	#portfolio ul li,
	#dedicated ul li {
		width: 50%
	}

	#partner ul,
	#partner .img {
		width: 34%;
	}

	#partner .img {
		width: 32%;
	}

	#partner ul li {
		padding: 15px 20px 15px 0px
	}

	#partner ul.last li {
		padding: 15px 0px 15px 20px
	}

	#partner ul li img {
		max-width: 40px;
	}

	#partner ul h4 {
		font-size: 16px;
	}

	#getintouch .col-sm-6.pull-right {
		padding-left: 20px;
	}

	#subscribe h4 {
		margin-bottom: 30px;
	}
}

@media (max-width: 640px) {

	.header-top p img,
	#why::after,
	#design::after {
		display: none !important;
	}

	/*.banner-inn p, .banner-inn span, .banner-inn h4,*/
	#mobile_nav {
		margin-top: 12px;
	}

	#mobile_nav i.fa {
		line-height: 24px;
	}

	.header-top p {
		padding: 4px 0;
		font-size: 12px;
		margin: 0
	}

	.header-top p:nth-child(2) {
		float: right
	}

	.social_links li a {
		width: 24px;
		height: 24px;
		margin: 0 0 3px 3px;
	}

	.social_links li a .fa {
		font-size: 12px;
		line-height: 24px;
	}

	.login-btn {
		font-size: 0;
		padding: 10px;
	}

	.login-btn img {
		padding: 0
	}

	.home_banner .banner-content {
		margin-top: -17px;
	}

	#robotcarousel .bannerContent {
		margin-top: -17px;
	}

	.whatleft h5,
	#why h4,
	#work h4,
	#design h4,
	#team h4,
	#portfolio h4,
	#partner h4,
	#dedicated h4,
	#getintouch h4 {
		font-size: 20px
	}

	.whatleft,
	.whatright,
	#portfolio ul li,
	#dedicated ul li,
	#partner ul,
	#partner .img,
	.whatright .sets {
		width: 100%
	}

	#getintouch .smart-map {
		position: relative;
		width: 100%;
		height: auto;
	}

	.site_footer {
		background: #fff;
	}

	#subscribe .col-sm-6 {
		padding: 0
	}

	#subscribe .subs {
		margin-top: 20px;
		width: 100%
	}

	.home_banner .banner-content {
		margin-top: -57px;
		width: 80%;
		left: 20px;
	}

	.home_banner .banner-content img {
		max-width: 100px;
		margin-bottom: 10px;
		margin-left: 10px;
	}


	#robotcarousel .bannerContent {
		margin-top: -77px;
		width: 80%;
		left: 20px;
	}

	#robotcarousel .bannerContent img {
		max-width: 100px;
		margin-bottom: 10px;
		margin-left: 10px;
	}

	/*.home_banner, .home_banner #banner .item { height: 140px; }*/

	#work ul li img {
		max-width: 20px;
		max-height: 20px;
	}

	#work ul li.one,
	#work ul li.two,
	#work ul li.three {
		width: 145px;
		height: 145px;
		padding: 13px 20px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		font-size: 11px;
		clear: both !important;
	}

	#work ul li.three {
		padding: 13px;
	}

	#work ul li .inner {
		width: 120px;
		height: 120px;
		margin: 0px auto;
		padding: 8px;
	}

	#work ul li .inner h3 {
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bold;
		padding: 10px 0;
		margin: 0;
	}

	.team-carousel .owl-nav .owl-prev:after,
	.team-carousel .owl-nav .owl-next:after {
		border: none;
		background: transparent;
	}

	.team-carousel .owl-prev {
		left: 0px !important;
		margin: 0 !important;
	}

	.team-carousel .owl-next {
		right: 0px !important;
		margin: 0 !important;
	}

	.our-principles li,
	.my-products ul li,
	.mega-modal .w20 {
		width: 100%;
	}

	#work .col-sm-12.pull-right {
		padding: 10px;
		float: left !important;
		width: 100%;
	}

	#work.careers .career-inn {
		padding: 20px
	}

	.contact-form iframe,
	.blog_ul li,
	.blog_ul.news li {
		width: 100%
	}

	.contact-det {
		margin-bottom: 0;
	}

	.reg-pad {
		padding-top: 0;
	}
}

@media (min-width: 640px) {
	#banner .owl-stage-outer.owl-height {
		height: 100% !important
	}
}