* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
a, a:link, a:active, a:focus, a:hover { text-decoration: none;}
@font-face {
 font-family:"expanded";
 src:url("fonts/expanded.woff") format("woff"),
  url("fonts/expanded.ttf") format("truetype");
  font-style:normal;
 font-weight:normal;
}
body {
 margin: 0 auto;
 padding: 0;
 overflow-x: hidden;
 font-family: "expanded";
}
.container , .container-fluid { direction: rtl; }

/* HEADER */
.main-hero-area-1 {
	width: 100%;
	height: 800px;
	background-color: #90e36a; /* For browsers that do not support gradients */
	/*background-image: linear-gradient(to top right, #91e36b 85% , #ffffff);*/
	position: relative;
}

/* Lemon Rotate */
.lemon1 {
	width: 200px;
	height: auto;
	position: absolute;
	left: -100px;
	top: 260px;
}
.lemon1 img {
	position: relative;
	animation: rotating-lemon 20s linear infinite;
}
@-keyframes rotating-lemon {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
@-webkit-keyframes rotating-lemon {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
@-moz-keyframes rotating-lemon {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
@-o-keyframes rotating-lemon {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.bubble2 {
	position: absolute;
	left: 140px;
	top: 330px;
}
.dropdown-menu {
	box-shadow: rgb(153, 150, 150) 0px 0.1px 5px;
}
.dropdown-menu div.dot {
	width: 5px;
	height: 5px;
	background-color: #f5bf48;
	display: inline-block;
	margin-left: 5px;
	opacity: 0;
	transition: .3s;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-o-border-radius: 50px;
}
.header {padding-top: 150px;}
.header-img {
	padding-right: 100px;
}
ul { list-style-type: none; }
.logo {
	width: 40px;
	height: 40px;
}
a.nav-link {
	color: #fff!important;
}
#active a {
	color: #f5bf48!important;
}
.navbar-nav .nav-item a.nav-link { margin: 0.5rem 0.6rem; }
#scrolled {color: #70da40!important;}
.about-us-img img {
	width: 300px;
	height: auto;
}
.title h5 { color: #f5bf48; }
.app-dl-btn {
	color: #fff;
	background-color: #f5bf48;
	font-size: 11px;
	padding: 12px 25px;
}
.app-dl-btn:hover {
	color: #fff;
	background-color: #f9d44d;
}
.mybtn {
	font-size: 13px;
	padding: 12px 60px;
}
.border-btn {
	color: #90e36a;
	background-color: #fff;
	border:2px solid #90e36a;
	padding: 12px 25px;
	font-size: 11px;
}
.header-btns {
display: flex;
}
.justify-content {justify-content: center }
.big-btns {
	font-size: 16px;
}
.right-btn {
	color: #fff;
	background-color: #55bb25;
	padding: 16px 30px;
}
.right-btn:hover {
	background-color: #fff;
	color: #55bb25;
}
.left-btn {
	background-color: transparent;
	border:2px solid #fff;
	padding: 15px 30px;
	color: #fff;
}
.left-btn:hover {
	color: #fff;
	background-color: #f5bf48;
	border-color: #f5bf48;
}
.right-btn, .left-btn {margin: 0 10px;}
.mr-r20 {margin-right: 20px; }
.border-btn:hover {
	color: #77A618;
	border: 2px solid #77A618;
}
@media only screen and (max-width: 768px) {
	.header {padding-top: 100px;}
	.right-btn, .left-btn {
		padding: 12px;
	    font-size: 13px;
	}
	.header-title h1 span {font-size: 20px;}
	.dropdown-menu { text-align: center;}
}
#mynav {
  padding: 15px 10px!important; /* Large padding which will shrink on scroll (using JS) */
  transition: 0.4s; /* Adds a transition effect when the padding is decreased */
  position: fixed; /* Sticky/fixed navbar */
  width: 100%;
  top: 0; /* At the top */
  z-index: 200;
}
@media only screen and (max-width: 768px) {
	.navbar-brand {
		flex-grow: 1;
		text-align: right;
	}
}
@media only screen and (max-width: 767px) {
	.main-hero-area-1 {
		height: 600px;
	}
}
.bg1 {
	width: 100%;
	height: 130px;
	background-image: url('images/ima.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: absolute;
	bottom: 0;
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
}
.justify-des , .center-des {
	color: #727272;
	font-size: 12px;
    text-align: justify;
    line-height: 2.3;
}
.center-des { text-align: center; padding: 0 20px; }
.mr-b25 { margin-bottom: 25px;}
.mr-b10 { margin-bottom: 10px;}
.mr-b15 { margin-bottom: 15px;}
.title h5 span { font-size: 14px; }
.about-app {
    padding: 90px 0;
}
.header-title {
	color: #fff;
}
.header-title span {
	font-size: 20px;
}
.header .justify-des {
	color: #fff;
	font-size: 12px;
}
.header .about-des { padding-top: 60px;}

 /* HOW IT WORK? */
.how-work {
	background-image: url("images/how.svg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
}
.mr-b60 { margin-bottom: 60px;}
.width-70 {
	width: 70%;
	margin: 0 auto;
 }
 .mr-b40 { margin-bottom: 40px; }
 .process__step { padding: 20px 10px; }
 .process__step h6 {
 	padding: 30px 0 10px 0;
 	color: #333333;
 }
.process__step img {
	width: 80px;
	height: 80px;
	background-color: transparent;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
}
 .mr-t20 {margin-top: 20px;}
@media only screen and (min-width: 768px) {
	.pb-50 {
		padding-bottom: 50px;
	}
}
@media only screen and (max-width: 768px)  {
.process__step h6 { padding: 10px 0;}
}
@media only screen and (max-width: 767px) {
	.app-dl-btn  { display: none;}
	.subscrb-sec {text-align: center!important;}
	.subscrb-sec .mr-b40 { margin-bottom: 0; }
	.subscrb-sec .title p {
		line-height: 2.3;
		padding: 10px 0 30px 0;
	}
	.subscrb { margin-bottom: 0; }
	.hidden {display: none;}
	.about-des { padding: 60px 15px 0 15px!important; }
}
.subscrb input::placeholder {
	color: #dadbdd;
}

/* APP SERVICES */
.app-services {
	background-image: url("images/bg23.svg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
}
.flex-container {
	display: flex;
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
}
.feature-icon1 img , .feature-icon2 img, .feature-icon3 img {
	width: 50px;
	height: 50px;
	margin: 10px;
}
.slider-links button p:first-child {
	color: #454343;
	font-size: 14px;
	margin-bottom: 10px;
}
.slider-links button {
	background-color: transparent;
	border: none;
	outline: none;
	line-height: 2;
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
    padding-right: 20px;
	text-align: right;
}
.slider-links .flex-container { padding: 10px;}
.slider-links .flex-container:hover {
	-webkit-box-shadow: 0 1px 8px 0 rgba(128,128,128,0.57);
	-moz-box-shadow: 0 1px 8px 0 rgba(128,128,128,0.57);
	box-shadow: 0 1px 8px 0 rgba(128,128,128,0.57);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	background-color: #fff;
}
.feature-title-1, .feature-title-2, .feature-title-3 {
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
}
.slider-links .flex-container:hover .feature-title-1 {color: #90e36a;}
.slider-links .flex-container:hover .feature-title-2 {color: #f5bf48;}
.slider-links .flex-container:hover .feature-title-3 {color: #994f3c;}
.slider-links button p:last-child {
	color: #727272;
	font-size: 11px;
	margin-bottom: 0;
}
.width-80 { width: 80%;}
.feature-icon {display: inline-block;}
.pd-t120 {padding-top: 120px;}
@media screen and (max-width: 768px){
	.mac-slider { padding-top: 60px;}
}


/* BUY REQUEST */
.buy-request {
	background-image: url("images/bg17.svg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
}
.request-form input {
	color: #929292;
}
.buy-request .title h2 span {
	font-size: 20px;
}
.buy-request .title { color: #ffffff; }
.buy-request p {
line-height: 2.4;
color: #ffffff;
}
.request-form input {
	width: 90%;
	height: 55px;
	margin: 5px auto;
	background-color: #fafafa;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
}
.request-form button {
	background-color: #f5bf48;
	font-size: 13px;
	padding: 15px 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}
.mr-t90 { margin-top: 90px;}
.pd-t90 { padding-top: 90px;}
.pd-b90 { padding-bottom: 90px;}
.pd-t130 { padding-top: 130px;}
.buy-target {
	position: relative;
	top: -120px;
}
@media only screen and (min-width: 768px) {
	.buy-request p {width: 60%;}
}
@media screen and (max-width: 768px) {
	.buy-request p {
		color: #57647c;
		text-align: center;
		padding: 0 10px;
	}
	.buy-request .title {
		color: #f5bf48;
		text-align: center!important;
	}
	.buy-request .buy-request-form {padding-top: 20px;}
}
/* PLANS */
.bg5 {
    width: 100%;
    height: 110px;
    background-image: url('images/photo14.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	transform:rotateX(180deg);
	-webkit-transform:rotateX(180deg);
	-moz-transform:rotateX(180deg);
	-o-transform:rotateX(180deg);
}
.plan , .center-plan {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	box-shadow: 0 2px 8px #999696;
	-webkit-box-shadow: 0 1px 5px #999696;
	-moz-box-shadow: 0 1px 5px #999696;
	-o-box-shadow: 0 1px 5px #999696;
	-ms-box-shadow: 0 1px 5px #999696;
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
}
.plan { box-shadow: none;}
.center-plan:hover , .plan:hover {
	box-shadow: 0 1px 9px #999696;
}
.price, .center-price  {
	background-image: url("images/plcc.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	color: #fff;
	padding: 50px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}
.center-price {
	background-image: url("images/plc.svg");
	color: #fff;
	border-radius: 10px;
}
.small { font-size: 12px; }
.plan-title {
	margin-bottom: 20px;
}
.plan-list {
	color: #57647c;
	font-size: 11px;
	line-height: 3;
	margin: 2rem 0;
}
.width-85 {
	width: 85%;
	margin: 0 auto;
}
.mr-t40 { margin-top: 40px; }
.center-plan .border-btn {
	color: #f5bf48;
	border-color: #f5bf48;
	font-size: 14px;
}
.center-plan .plan-list li { font-size: 12px; }
@media only screen and (max-width: 768px) {
	.plan {
		width: 85%;
		margin: 30px auto;
    }
	.plan-list { font-size: 11px; }
}
@media only screen and (max-width: 767px) {
   .center-des p { margin-bottom: 10px; }
}


/* APPLICATION DOWNLOAD */
.app-dl {
	background-image: url("images/bg23.svg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
}
.dl-btn {
	color: #56b7b1;
	background-color: #fff;
	margin: 0 6px;
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
}
.dl-btn img {
	width: 120px;
	height: auto;
}
.app-dl .title h5 { color: #f5bf48;}
.app-dl p {
	color: #727272;
	line-height: 2;
}
.dl-btns button {
	background-color: #90e36a;
}
.pd-t40 { padding-top: 40px;}
.dl-btn:hover {
	box-shadow: 0 2px 5px gray;
}
@media only screen and (max-width: 768px) {
	.app-dl .title h5 { text-align: center; }
	.text-justify { padding: 10px 15px 0 15px}
	.resp-mr-b60 { margin-bottom: 60px!important;}
}

/* Brand AREA */
.brand-area {
	background-color: #ffffff;
}
.brands { padding: 30px 0;}
.brnd-img {
	background-image: url("images/ph16.png");
	background-repeat: no-repeat;
	width: 130px;
	height: 100px;
	display: inline-block;
	padding: 10px;
	margin: 5px 15px;
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
}
.brnd-img img {
	width: 70px;
	height: 70px;
}
.brnd-img:hover {
	transform: rotate(8deg);
	-webkit-transform: rotate(8deg);
	-moz-transform: rotate(8deg);
	-o-transform: rotate(8deg);
}
/* SUBSCRIBE */
.subscribe .title {
	line-height: 4;
}
.subscribe p {
	font-size: 11px;
	color: #727272;
}
.post img {
	width: 350px;
	height: auto;
}
.pd-t70 { padding-top: 70px;}
.pd-b160 { padding-bottom: 160px;}
.pd-b50 { padding-bottom: 50px;}
.subscribe {
	background-color: #fefefe;
}
.subscrb input {
	font-size: 11px;
    width: 50%;
    display: inline-block;
    padding: 20px 0 20px 0;
    background-color: #fefefe;
	margin-left: 10px;
    border-bottom: 1px solid #dadbdd;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
}
.subscrb input:focus {
	border: none;
	border-bottom: 1px solid #91e36a;
	background-color: #fefefe!important;
	font-size: 12px;
	padding-right: 10px;
}
.subscrb .border-btn {
	background-color:#91e36a;
	color: #fff;
	border-color: #91e36a;
	margin-right: 7px;
}
.subscrb .border-btn:hover {
	background-color: #fafafa;
	color:#91e36a ;
}
.bg6 {
	width: 100%;
	height: 110px;
	background-image: url('images/photo14.svg');
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.social-icons { margin-bottom: 0;}
.social-box li {
	display: inline-block;
	margin: 0 3px;
}
.social-box li:first-child {
	margin-right: 0px;
}
.social-box li a i.flaticon-facebook-letter-logo, .social-box li a i.flaticon-twitter-black-shape,
.social-box li a i.flaticon-instagram-photo-camera-symbol,
.social-box li a i.flaticon-google-plus-logo {
	color: #ccd7eb;
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	background-color: rgba(204, 215, 235, 0.2);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-o-border-radius: 50px;
	padding: 5px 6px 0px 3px;
}
.social-box li a i.flaticon-facebook-letter-logo:before, .social-icons li a i.flaticon-twitter-black-shape:before,
.social-box li a i.flaticon-instagram-photo-camera-symbol:before,
.social-box li a i.flaticon-google-plus-logo:before { font-size: 13px;}

.social-box li a i.flaticon-facebook-letter-logo:hover, .social-box li a i.flaticon-twitter-black-shape:hover,
.social-box li a i.flaticon-instagram-photo-camera-symbol:hover,
.social-box li a i.flaticon-google-plus-logo:hover {
	color: #f9d44d;
	margin-top: 20px;
}
@media only screen and (max-width: 576px){
	.dl-btns button { margin: 10px; }
}
@media only screen and (max-width: 767px) {
	.subscribe { padding: 60px 15px 30px 15px!important; }
	.subscribe .row {
		padding-top: 0;
	}
	.subscrb input {width: 60%;}
	.post { margin-bottom: 70px;}
}

/* FOOTER */
.bg7, .bg8 {
	width: 100%;
	height: 110px;
	background-image: url('images/photo3.svg');
	background-color: #fefefe;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
}
.bg8 { background-color: #fff;}
.footer {background-color: #57647c;}
.contact-box li:first-child , .links li:first-child  {
	color: #ccd7eb;
	font-size: 13px;
 }
.contact-box li i.flaticon-placeholder-interface-symbol-for-maps:before,
.contact-box li i.flaticon-call-black-auricular-shape:before,
.contact-box li a i.flaticon-black-back-closed-envelope-shape:before { font-size: 15px; margin-left: 8px;}

.contact-box, .links {line-height: 2.5;}
 .footer-section ul li:first-child {
 	padding-bottom: 10px;
 }
 .footer-section ul li a, .footer-section ul li  {
 	color: #90a3c8;
 	font-size: 12px;
 }
 .footer-section ul li a:hover { color: #ccd7eb; }
 .footer-section {
 	display: inline-block;
 }
 .ports li { display: inline-block;}
 .footer hr { background-color: #90a3c8; }
 .copyright p {
 	color: #90a3c8;
 	font-size: 10px;
 }
 .copyright p a {
	 color:#ccd7eb ;
	 font-size: 15px;
 }
.copyright p a:hover { color: #90a3c8;}
 .pd-t80 { padding-top: 80px; }
 @media only screen and (max-width: 768px) {
 .footer-section { text-align: center!important;}
	 .footer-section{
		 margin-bottom: 40px;
	 }
	 .social-box li { text-align: center; display: inline-block;}
 }


/* LOGIN PAGE */
.login-hero-area {
	width: 100%;
	min-height: 100vh;
	background: url(images/login-bg.svg)no-repeat center center / cover;
	position: relative;
}
.login-box {
	position: relative;
	text-align: center;
	width: 32%;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 0 2px 9px #999696;
	z-index: 100;
	padding: 11px 0;
}
.login-box img {
	width: 80px;
	height: auto;
	margin: 50px 0;
}
.login-input,.contact-input {
	width: 75%;
	height: 45px;
	margin: 0 auto;
	background-color: #fafafa;
	border:none;
	box-shadow: none;
	padding-right: 17px;
}
.login-input::placeholder {
  color: #57647c;
  font-size: 10px;
}
.login-box .form-check-label {
	color: #57647c;
	font-size: 11px;
}
.form-check-input { position: relative; }
.login-box .form-check {
	width: 65%;
    position: relative;
    margin: 0 auto;
	text-align: right;
}
.login-btn {
	background-color: #90e36a;
	color: #fff;
}
.mrgn-btn { margin: 50px 0 9px 0; }
.login-btn:hover {
	color: #fff;
	background-color: #74D047;
	border-radius: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}
.login-box {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
}

.forget-pwd a {
	color: #86878a;
	font-size: 10px;
}
.forget-pwd a:hover { color: #74D047; }
.app-dl-btn, .mybtn, .forget-pwd a, .rtrn-home a , .footer-menu ul li a {
	transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
}


.rtrn-home a {
	color: #f9d44d;
	font-size: 13px;
    font-weight: bold;
}
.rtrn-home a:hover { color: #f5bf48; }
.rtrn-home { padding: 50px 0; }
.end-bg {
    position: absolute;
	bottom: 0;
	width: 100%;
}
.end-bg img { width: 100%;}
.full-screen {
	min-height: 100vh;
	position: relative;
	width: 100%;
	z-index: 1;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* TIMER COUNTER */
.counter a {
	font-size: 11px;
	color: #86878a;
	text-decoration: underline;
}
.counter span {
font-size: 13px;
	color: #86878a;
}

/* MEDIA QUERY FOR RESPONSIVE */
@media only screen and (max-width: 576px) {
	.login-box {
		width: 90%;
        height: auto;

	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.login-box {
		width: 50%;
	}
}
@media only screen and (min-width: 577px) and (max-width: 767px) {
	.login-box {
		width: 60%;
	}
}

/* ALERT media query */
@media only screen and (min-width: 767px) {
	.my-alert-danger {
		position: absolute;
		top: 30%;
		width: 30%;
	}
}
@media only screen and (min-width: 767px) and (max-width: 992px) {
	.my-alert-danger {
		left: 550px;
	}
}
@media only screen and  (width: 767px) {
	.my-alert-danger {
		left: 450px;
	}
}
@media only screen and  (width: 992px) {
	.my-alert-danger {
		left: 650px;
	}
}

/* ABOUT US PAGE */
.mr-b90 { margin-bottom: 90px; }
.about-us, .contact-us {
	position: relative;
	top:100px;
}
@media only screen and (max-width: 767px) {
	.about-us .mr-b90 {
       margin-bottom: 0;
	}
	.about-us .pad-t0 {
       padding: 20px 15px 0 15px;
	}
}
@media only screen and (max-width: 767px) {
	.white-bg { background-color: #fff!important;}
	.white-bg .nav-item a.nav-link {
		color: #90e36a!important;
		transition: .2s;
		-webkit-transition: .2s;
		-moz-transition: .2s;
		-o-transition: .2s;
		-ms-transition: .2s;
	}
	.green-bg .dropdown .dropdown-menu .nav-link a, .white-bg .dropdown .dropdown-menu  {
		color: #ffffff;
	}
	.white-bg { background-color: #fff!important;}
	.white-bg .nav-item a.nav-link {
		color: #90e36a!important;
		transition: .2s;
		-webkit-transition: .2s;
		-moz-transition: .2s;
		-o-transition: .2s;
		-ms-transition: .2s;
	}
	.white-bg .nav-item a.nav-link:hover { color: #f5bf48!important;}
	.white-bg .dropdown .dropdown-menu a, .white-bg .dropdown .dropdown-menu  {
		background-color: #91e36b;
		color: #ffffff;
	}
	.dropdown-menu div.dot { background-color: #ffffff;}

}

/* CONTACT US PAGE */
.main-hero-area-2 {
	width: 100%;
	height: 110px;
	background-image: url('images/nav-bg.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.contact-us .justify-des { width: 90%;}
.contact-input {
	width: 90%;
	margin: 0;
	font-size: 11px;
}
textarea.contact-input {
	padding-top: 12px;
}
.submit-mrgn { margin: 20px 0 9px 0; }
.cnt-img img {
	padding-top: 100px;
}
.contact p, .contact p a {
	color: #57647c;
	line-height: 2.3;
	font-size: 13px;
}
.about-page-img img {
	width: 410px;
	height: auto;
}
input:focus, textarea:focus {
	background-color: #f6f9f4!important;
}
button:focus { box-shadow: none!important; }
@media only screen and (max-width: 767px) {
	.main-hero-area-2 {
	width: 100%;
	height: 100px;
	background-image: none;
    }
    .main-hero-area-2 nav {
    	background-color: #ffffff;
		box-shadow: rgb(153, 150, 150) 0px 0.1px 5px!important;
    }
	.contact-us {top: 0; padding-bottom: 0;}
	.contact { height: 230px!important;}
	.resp-mr-b40 { margin-bottom: 40px;}
}
.contact img {
	width: 50px;
	padding: 50px 0 30px 0;
}
.contact {
	background-image: url("images/cntct-bg.svg");
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 250px;
	padding: 0 40px;
}
.contact p , .contact p a {
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
}
.contact:hover p , .contact:hover p a {
	color: #56ba26;
}



/* Table Page */
#tbl {
    width: 80%;
    border-collapse:separate;
}

#tbl tbody tr td:first-child {
    background-color: #57647c;
    color: #ffffff;
    border-top-right-radius:5px;
    border-bottom-right-radius: 5px;
}

#tbl thead tr th:not(:first-child) {
    background-color: #86df5d;
    color: #ffffff;
    padding: 20px 12px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

#tbl thead {
    font-size: 14px;
}

#tbl tbody {
    background-color: #fafafa;
}

#tbl tbody tr td {
    border: none;
    color: #727272;
    font-size: 12px;
}

.tbl-shopping-cart a {
    color: #70da40;
}

.tbl-check-mark i {
    color: #70da40;
}
.tbl-check-mark, .tbl-close i {
    font-size: 20px;
}

.tbl-close i {
    color: #db504a;
}

.tbl-inifinity span {
    width: 25px;
    height: auto;
    font-weight: bolder;
    font-size: x-large;
    color: #f5bf47;

}