.nav-menu > ul > li:last-child/**







* Template Name: Laura - v2.1.0







* Template URL: https://bootstrapmade.com/laura-free-creative-bootstrap-theme/







* Author: BootstrapMade.com







* License: https://bootstrapmade.com/license/







*/















/*--------------------------------------------------------------







# General







--------------------------------------------------------------*/







body {

	font-family: "Montserrat", sans-serif;

	color: #333;

}

a {

	color: #ffb727;

}

a:hover {

	color: #ffc85a;

	text-decoration: none;

}

h1, h2, h3, h4, h5, h6 {

	font-family: "Montserrat", sans-serif;

}

/*--------------------------------------------------------------







# Back to top button







--------------------------------------------------------------*/







.back-to-top {

	position: fixed;

	display: none;

	right: 15px;

	bottom: 15px;

	z-index: 99999;

}

.back-to-top i {

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 24px;

	width: 40px;

	height: 40px;

	border-radius: 4px;

	background: #ffb727;

	color: #fff;

	transition: all 0.4s;

}

.back-to-top i:hover {

	background: #ffc550;

	color: #fff;

}

/*--------------------------------------------------------------







# Header







--------------------------------------------------------------*/







#header {

	z-index: 997;

	transition: all 0.5s;

	height: 185px;

	background: rgba(25, 28, 31, 0.8);

}

#header .logo-kg {

	width: 250px;

}

#header.header-transparent {

	background: transparent;

}

#header.header-scrolled {

	height: 111px;

	background: rgba(25, 28, 31, 0.8);

}

#header.header-scrolled .logo-kg {

	width: 150px;

}

/*--------------------------------------------------------------







# Navigation Menu







--------------------------------------------------------------*/







/* Desktop Navigation */







.nav-menu, .nav-menu * {

	margin: 0;

	padding: 0;

	list-style: none;

}

.nav-menu > ul {

	display: flex;

}

.nav-menu > ul > li {

	position: relative;

	justify-content: center;

}

.nav-menu a {

	display: block;

	position: relative;

	color: #fff;

	padding: 10px 15px;

	transition: 0.3s;

	font-size: 12pt;

	font-family: 'Montserrat', sans-serif;

	;

	text-transform: uppercase;

	font-weight: 500;

	letter-spacing: 0px;

}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {

	color: #FF0000;

	text-decoration: none;

}

/*.nav-menu > ul > li:last-child {*/

/*	background-color: #F00;*/

/*	border-radius: 100px;*/

/*}*/

.nav-menu > ul > li:last-child a:hover {

	background-color: #FFF;

	border-radius: 100px;

}

.nav-menu .drop-down ul {

	display: block;

	position: absolute;

	left: 0;

	top: calc(100% + 30px);

	z-index: 99;

	opacity: 0;

	visibility: hidden;

	padding: 10px 0;

	background: #fff;

	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

	transition: ease all 0.3s;

}

.nav-menu .drop-down:hover > ul {

	opacity: 1;

	top: 100%;

	visibility: visible;

}

.nav-menu .drop-down li {

	min-width: 180px;

	position: relative;

}

.nav-menu .drop-down ul a {

	padding: 10px 20px;

	font-size: 14px;

	font-weight: 500;

	text-transform: none;

	color: #3b434a;

}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {

	color: #ffb727;

}

.nav-menu .drop-down > a:after {

	content: "\ea99";

	font-family: IcoFont;

	padding-left: 5px;

}

.nav-menu .drop-down .drop-down ul {

	top: 0;

	left: calc(100% - 30px);

}

.nav-menu .drop-down .drop-down:hover > ul {

	opacity: 1;

	top: 0;

	left: 100%;

}

.nav-menu .drop-down .drop-down > a {

	padding-right: 35px;

}

.nav-menu .drop-down .drop-down > a:after {

	content: "\eaa0";

	font-family: IcoFont;

	position: absolute;

	right: 15px;

}

 @media (max-width: 1366px) {

.nav-menu .drop-down .drop-down ul {

	left: -90%;

}

.nav-menu .drop-down .drop-down:hover > ul {

	left: -100%;

}

.nav-menu .drop-down .drop-down > a:after {

	content: "\ea9d";

}

}

/* Mobile Navigation */







.mobile-nav-toggle {

	position: fixed;

	right: 15px;

	top: 15px;

	z-index: 9998;

	border: 0;

	background: none;

	font-size: 24px;

	transition: all 0.4s;

	outline: none !important;

	line-height: 1;

	cursor: pointer;

	text-align: right;

}

.mobile-nav-toggle i {

	color: #fff;

}

.mobile-nav {

	position: fixed;

	top: 55px;

	right: 15px;

	bottom: 15px;

	left: 15px;

	z-index: 9999;

	overflow-y: auto;

	background: #fff;

	transition: ease-in-out 0.2s;

	opacity: 0;

	visibility: hidden;

	border-radius: 10px;

	padding: 10px 0;

}

.mobile-nav * {

	margin: 0;

	padding: 0;

	list-style: none;

}

.mobile-nav a {

	display: block;

	position: relative;

	color: #3b434a;

	padding: 10px 20px;

	font-weight: 500;

	outline: none;

}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {

	color: #ffb727;

	text-decoration: none;

}

.mobile-nav .drop-down > a:after {

	content: "\ea99";

	font-family: IcoFont;

	padding-left: 10px;

	position: absolute;

	right: 15px;

}

.mobile-nav .active.drop-down > a:after {

	content: "\eaa1";

}

.mobile-nav .drop-down > a {

	padding-right: 35px;

}

.mobile-nav .drop-down ul {

	display: none;

	overflow: hidden;

}

.mobile-nav .drop-down li {

	padding-left: 20px;

}

.mobile-nav-overly {

	width: 100%;

	height: 100%;

	z-index: 9997;

	top: 0;

	left: 0;

	position: fixed;

	background: rgba(36, 41, 46, 0.6);

	overflow: hidden;

	display: none;

	transition: ease-in-out 0.2s;

}

.mobile-nav-active {

	overflow: hidden;

}

.mobile-nav-active .mobile-nav {

	opacity: 1;

	visibility: visible;

}

.mobile-nav-active .mobile-nav-toggle i {

	color: #fff;

}

/*--------------------------------------------------------------







# Hero Section







--------------------------------------------------------------*/







#hero {

	width: 100%;

	height: 90vh;

	background: url("../img/hero-bg.jpg") top center;

	background-size: cover;

	position: relative;

}

#hero:before {

	content: "";

	background: rgba(0, 0, 0, 0.15);

	position: absolute;

	bottom: 0;

	top: 0;

	left: 0;

	right: 0;

}

#hero .hero-container {

	position: absolute;

	bottom: 0;

	top: 0;

	left: 0;

	right: 0;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-direction: column;

	padding: 0 15px;

}

#hero .hero-container .container {

	position: absolute;

	bottom: 0px;

}

#hero h1 {

	margin: 0 0 10px 0;

	font-size: 64px;

	font-family: "Satisfy", serif;

	color: #fff;

}

#hero h2 {

	color: #eee;

	margin-bottom: 50px;

	font-size: 25pt;

	font-weight: 700;

	letter-spacing: 0px;

	bottom: 0px;

	position: absolute;

}

 @media (max-width: 575px) {

#hero h2 {

	position: relative;

}

}

#hero .btn-scroll {

	transition: 0.4s;

	color: rgba(255, 255, 255, 0.6);

	animation: up-down 1s ease-in-out infinite alternate-reverse both;

}

#hero .btn-scroll i {

	font-size: 48px;

}

#hero .btn-scroll:hover {

	color: #ffb727;

}

 @media (min-width: 1024px) {

#hero {

	background-attachment: fixed;

}

}

 @media (max-width: 575px) {

#hero h1 {

	font-size: 40px;

}

#hero h2 {

	text-align: center;

	margin-bottom: 30px;

}

}

 @-webkit-keyframes up-down {

 0% {

 transform: translateY(5px);

}

 100% {

 transform: translateY(-5px);

}

}

 @keyframes up-down {

 0% {

 transform: translateY(5px);

}

 100% {

 transform: translateY(-5px);

}

}

h2 {

	font-weight: 600;

	font-size: 30pt;

	padding-bottom: 10px;

}

/*--------------------------------------------------------------







# Sections General







--------------------------------------------------------------*/







.collecting {

	background: #f7ad00 url(../img/collecting-img.jpg) no-repeat right;

	padding: 30px 0px;

	color: #fff;

}

.collecting p {

	padding-bottom: 10px;

	font-size: 15pt;

}



@media (max-width:571px) {

.collecting {

	background: #f7ad00 url(../img/collecting-img.jpg) no-repeat center bottom;

	padding:30px 0 384px 0px;

			}

 }



.b-button a {

	background-color: #000;

	border-radius: 50px;

	display: inline-block;

	padding: 25px 40px;

	text-transform: uppercase;

	font-weight: 700;

	color: #fff;

	font-size: 13pt;

}

.b-button a:hover {

	color: #fff;

	background-color: #f00;

}

.welcome {

	background: #f6f7f7 url(../img/welcome-img.jpg) no-repeat left;

	padding: 10px 0px;

	color: #333;

}

.welcome p {

	padding-bottom: 10px;

	font-size: 15pt;

}

@media (max-width:571px) {

	.welcome {

    background: #f6f7f7 url(../img/welcome-img.jpg) no-repeat center top;

    padding: 442px 0 30px 0px;

			 }

	}

.r-button a {

	background-color: #f00;

	border-radius: 50px;

	display: inline-block;

	padding: 17px 40px;

	text-transform: uppercase;

	font-weight: 700;

	color: #fff;

	font-size: 13pt;

}

.r-button a:hover {

	color: #fff;

	background-color: #000;

}

 [type="button"], [type="reset"], [type="submit"], button {

 background-color: #f00;

 border-radius: 50px;

 display: inline-block;

 padding: 17px 40px;

 text-transform: uppercase;

 font-weight: 700;

 color: #fff;

 font-size: 13pt;

 border:0px;

}

[type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover, button:hover {

	color: #fff;

	background-color: #000;

}

.b-att-kg p {

	margin: 0px;

}

.black-owned .row {

	margin: 0px;

}

.black-owned span {

	font-weight: 500;

	font-size: 17pt;

	padding-bottom: 10px;

	padding-left: 15px;

	position: absolute;

	margin-top: -6px;

	color: #050302;

}

.black-owned p {

	padding-left: 60px;

}

.black-owned i {

	background-color: #fac800;

	color: #fff;

	border-radius: 100px;

	padding: 3px 5px;

	font-size: 25pt;

}

.black-owned ul {

	list-style: none;

	padding: 0;

	margin-top: 20px;

}

.black-owned ul li {

	padding-bottom: 10px;

}

.black-owned-img {

	background: url(../img/black-owned-img.jpg) no-repeat;

	background-position: 50% 0%;

	background-size: cover;

	height: 500px;

}

.kg-pad {

	padding-left: 7%;

	padding-top: 3%;

}

.about-content .row {

	margin: 0px;

}

.about-left-img {

	background: url(../img/about-us-img.jpg) no-repeat;

	background-position: 50% 0%;

	background-size: cover;

	height: 500px;

}

.about-kg-pad {

	padding-left: 1%;

	padding-top: 1%;

}

.list-black-owners {

	background-color: #f8f8f8;

	padding: 50px 0px;

}

.list-black-owners img {

	width: 100%;

	padding: 15px 0px 25px 0px;

}

section {

	padding: 60px 0;

}

.section-bg {

	background-color: white;

}

.section-title {

	text-align: center;

	padding: 30px 0;

	position: relative;

}

.section-title h2 {

	font-size: 32px;

	font-weight: 700;

	text-transform: uppercase;

	margin-bottom: 20px;

	padding-bottom: 0;

	color: #3b434a;

	position: relative;

	z-index: 2;

}

.section-title span {

	position: absolute;

	top: 30px;

	color: #eef0f2;

	left: 0;

	right: 0;

	z-index: 1;

	font-weight: 700;

	font-size: 52px;

	text-transform: uppercase;

	line-height: 0;

}

.section-title p {

	margin-bottom: 0;

	position: relative;

	z-index: 2;

}

 @media (max-width: 575px) {

.section-title h2 {

	font-size: 28px;

	margin-bottom: 15px;

}

.section-title span {

	font-size: 38px;

}

}

/*--------------------------------------------------------------







# Breadcrumbs







--------------------------------------------------------------*/







.breadcrumbs {

	padding: 20px 0;

	background-color: #f4f5f6;

	min-height: 40px;

	margin-top: 78px;

}

 @media (max-width: 992px) {

.breadcrumbs {

	margin-top: 60px;

}

}

.breadcrumbs h2 {

	font-size: 24px;

	font-weight: 300;

	margin: 0;

}

 @media (max-width: 992px) {

.breadcrumbs h2 {

	margin: 0 0 10px 0;

}

}

.breadcrumbs ol {

	display: flex;

	flex-wrap: wrap;

	list-style: none;

	padding: 0;

	margin: 0;

	font-size: 14px;

}

.breadcrumbs ol li + li {

	padding-left: 10px;

}

.breadcrumbs ol li + li::before {

	display: inline-block;

	padding-right: 10px;

	color: #6c757d;

	content: "/";

}

 @media (max-width: 768px) {

.breadcrumbs .d-flex {

	display: block !important;

}

.breadcrumbs ol {

	display: block;

}

.breadcrumbs ol li {

	display: inline-block;

}

}

/*--------------------------------------------------------------







# About Me







--------------------------------------------------------------*/







.about .content h3 {

	font-weight: 700;

	font-size: 26px;

	color: #3b434a;

	text-transform: uppercase;

}

.about .content p {

	margin-bottom: 0;

}

.about .content ul {

	list-style: none;

	padding: 0;

	margin-top: 20px;

}

.about .content ul li {

	padding-bottom: 10px;

}

.about .content ul i {

	font-size: 20px;

	padding-right: 2px;

	color: #ffb727;

}

.about .content .count-box {

	width: 100%;

}

.about .content .count-box i {

	display: block;

	font-size: 36px;

	color: #ffb727;

	float: left;

}

.about .content .count-box span {

	font-size: 36px;

	line-height: 30px;

	display: block;

	font-weight: 700;

	color: #3b434a;

	margin-left: 50px;

}

.about .content .count-box p {

	padding: 15px 0 0 0;

	margin: 0 0 0 50px;

	font-family: "Raleway", sans-serif;

	font-size: 14px;

	color: #5d6a75;

}

.about .content .count-box a {

	font-weight: 600;

	display: block;

	margin-top: 20px;

	color: #5d6a75;

	font-size: 15px;

	font-family: "Satisfy", serif;

	transition: ease-in-out 0.3s;

}

.about .content .count-box a:hover {

	color: #82909c;

}

.about .image {

	background: url("../img/me.jpg") center center no-repeat;

	background-size: cover;

	min-height: 500px;

}

.about .skills-content {

	margin-top: 30px;

}

.about .skills-content .progress {

	height: 50px;

	display: block;

	background: none;

}

.about .skills-content .progress .skill {

	padding: 10px 0;

	margin: 0 0 6px 0;

	text-transform: uppercase;

	display: block;

	font-weight: 700;

	font-family: "Raleway", sans-serif;

	color: #3b434a;

}

.about .skills-content .progress .skill .val {

	float: right;

	font-style: normal;

}

.about .skills-content .progress-bar-wrap {

	background: #e6e8eb;

}

.about .skills-content .progress-bar {

	width: 1px;

	height: 10px;

	transition: .9s;

	background-color: #ffb727;

}

/*--------------------------------------------------------------







# My Resume







--------------------------------------------------------------*/







.resume .resume-title {

	font-size: 26px;

	font-weight: 700;

	margin-top: 20px;

	margin-bottom: 20px;

	color: #3b434a;

}

.resume .resume-item {

	padding: 0 0 20px 20px;

	margin-top: -2px;

	border-left: 2px solid #82909c;

	position: relative;

}

.resume .resume-item h4 {

	line-height: 18px;

	font-size: 16px;

	font-weight: 700;

	text-transform: uppercase;

	color: #ffb727;

	margin-bottom: 10px;

}

.resume .resume-item h5 {

	font-size: 16px;

	background: #eef0f2;

	padding: 5px 15px;

	display: inline-block;

	font-weight: 600;

	margin-bottom: 10px;

}

.resume .resume-item ul {

	padding-left: 20px;

}

.resume .resume-item ul li {

	padding-bottom: 10px;

}

.resume .resume-item:last-child {

	padding-bottom: 0;

}

.resume .resume-item::before {

	content: "";

	position: absolute;

	width: 16px;

	height: 16px;

	border-radius: 50px;

	left: -9px;

	top: 0;

	background: #fff;

	border: 2px solid #82909c;

}

/*--------------------------------------------------------------







# My Services







--------------------------------------------------------------*/







.services .icon-box {

	padding: 30px;

	position: relative;

	overflow: hidden;

	background: #fff;

	box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);

	transition: all 0.3s ease-in-out;

	text-align: center;

	border: 1px solid #fff;

}

.services .icon {

	margin: 0 auto 20px auto;

	padding-top: 17px;

	display: inline-block;

	text-align: center;

	border-radius: 50%;

	width: 72px;

	height: 72px;

	background: #fff4df;

}

.services .icon i {

	font-size: 36px;

	line-height: 1;

	color: #ffb727;

}

.services .title {

	font-weight: 700;

	margin-bottom: 15px;

	font-size: 18px;

}

.services .title a {

	color: #111;

	transition: 0.3s;

}

.services .description {

	font-size: 15px;

	line-height: 28px;

	margin-bottom: 0;

}

.services .icon-box:hover {

	border-color: #ffb727;

}

.services .icon-box:hover .title a {

	color: #ffb727;

}

/*--------------------------------------------------------------







# Testimonials







--------------------------------------------------------------*/







.testimonials {

	padding: 80px 0;

	background: url("../img/testimonials-bg.jpg") no-repeat;

	background-position: center center;

	background-size: cover;

	position: relative;

}

.testimonials::before {

	content: "";

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	background: rgba(14, 16, 17, 0.7);

}

.testimonials .section-header {

	margin-bottom: 40px;

}

.testimonials .testimonial-item {

	text-align: center;

	color: #fff;

}

.testimonials .testimonial-item .testimonial-img {

	width: 100px;

	border-radius: 50%;

	border: 6px solid rgba(255, 255, 255, 0.15);

	margin: 0 auto;

}

.testimonials .testimonial-item h3 {

	font-size: 20px;

	font-weight: bold;

	margin: 10px 0 5px 0;

	color: #fff;

}

.testimonials .testimonial-item h4 {

	font-size: 14px;

	color: #ddd;

	margin: 0 0 15px 0;

}

.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {

	color: rgba(255, 255, 255, 0.4);

	font-size: 26px;

}

.testimonials .testimonial-item .quote-icon-left {

	display: inline-block;

	left: -5px;

	position: relative;

}

.testimonials .testimonial-item .quote-icon-right {

	display: inline-block;

	right: -5px;

	position: relative;

	top: 10px;

}

.testimonials .testimonial-item p {

	font-style: italic;

	margin: 0 auto 15px auto;

	color: #eee;

}

.testimonials .owl-nav, .testimonials .owl-dots {

	margin-top: 5px;

	text-align: center;

}

.testimonials .owl-dot {

	display: inline-block;

	margin: 0 5px;

	width: 12px;

	height: 12px;

	border-radius: 50%;

	background-color: rgba(255, 255, 255, 0.4) !important;

}

.testimonials .owl-dot.active {

	background-color: #ffb727 !important;

}

 @media (min-width: 1024px) {

.testimonials {

	background-attachment: fixed;

}

}

 @media (min-width: 992px) {

.testimonials .testimonial-item p {

	width: 80%;

}

}

/*--------------------------------------------------------------







# My Portfolio







--------------------------------------------------------------*/







.portfolio #portfolio-flters {

	list-style: none;

	margin-bottom: 20px;

}

.portfolio #portfolio-flters li {

	cursor: pointer;

	display: inline-block;

	margin: 0 10px 10px 10px;

	font-size: 15px;

	font-weight: 600;

	line-height: 1;

	padding: 7px 10px;

	text-transform: uppercase;

	color: #444444;

	transition: all 0.3s ease-in-out;

	border: 2px solid #fff;

}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {

	color: #f3a200;

	border-color: #ffb727;

}

.portfolio .portfolio-item {

	margin-bottom: 30px;

}

.portfolio .portfolio-item .portfolio-img {

	overflow: hidden;

}

.portfolio .portfolio-item .portfolio-img img {

	transition: all 0.8s ease-in-out;

}

.portfolio .portfolio-item .portfolio-info {

	opacity: 0;

	position: absolute;

	left: 15px;

	bottom: 0;

	z-index: 3;

	right: 15px;

	transition: all ease-in-out 0.3s;

	background: rgba(0, 0, 0, 0.5);

	padding: 10px 15px;

}

.portfolio .portfolio-item .portfolio-info h4 {

	font-size: 18px;

	color: #fff;

	font-weight: 600;

	color: #fff;

	margin-bottom: 0px;

}

.portfolio .portfolio-item .portfolio-info p {

	color: rgba(255, 255, 255, 0.8);

	font-size: 14px;

	margin-bottom: 0;

}

.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {

	position: absolute;

	right: 40px;

	font-size: 24px;

	top: calc(50% - 18px);

	color: #fff;

	transition: 0.3s;

}

.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover {

	color: #ffc041;

}

.portfolio .portfolio-item .portfolio-info .details-link {

	right: 10px;

}

.portfolio .portfolio-item:hover .portfolio-img img {

	transform: scale(1.2);

}

.portfolio .portfolio-item:hover .portfolio-info {

	opacity: 1;

}

/*--------------------------------------------------------------







# Portfolio Details







--------------------------------------------------------------*/







.portfolio-details {

	padding-top: 30px;

}

.portfolio-details .portfolio-details-container {

	position: relative;

}

.portfolio-details .portfolio-details-carousel {

	position: relative;

	z-index: 1;

}

.portfolio-details .portfolio-details-carousel .owl-nav, .portfolio-details .portfolio-details-carousel .owl-dots {

	margin-top: 5px;

	text-align: left;

}

.portfolio-details .portfolio-details-carousel .owl-dot {

	display: inline-block;

	margin: 0 10px 0 0;

	width: 12px;

	height: 12px;

	border-radius: 50%;

	background-color: #ddd !important;

}

.portfolio-details .portfolio-details-carousel .owl-dot.active {

	background-color: #ffb727 !important;

}

.portfolio-details .portfolio-info {

	padding: 30px;

	position: absolute;

	right: 0;

	bottom: -70px;

	background: #fff;

	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);

	z-index: 2;

}

.portfolio-details .portfolio-info h3 {

	font-size: 22px;

	font-weight: 700;

	margin-bottom: 20px;

	padding-bottom: 20px;

	border-bottom: 1px solid #eee;

}

.portfolio-details .portfolio-info ul {

	list-style: none;

	padding: 0;

	font-size: 15px;

}

.portfolio-details .portfolio-info ul li + li {

	margin-top: 10px;

}

.portfolio-details .portfolio-description {

	padding-top: 50px;

}

.portfolio-details .portfolio-description h2 {

	width: 50%;

	font-size: 26px;

	font-weight: 700;

	margin-bottom: 20px;

}

.portfolio-details .portfolio-description p {

	padding: 0 0 0 0;

}

 @media (max-width: 768px) {

.portfolio-details .portfolio-description h2 {

	width: 100%;

}

.portfolio-details .portfolio-info {

	position: static;

	margin-top: 30px;

}

}

/*--------------------------------------------------------------







# Pricing







--------------------------------------------------------------*/







.pricing .box {

	padding: 20px;

	background: #fff;

	text-align: center;

	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);

	border-radius: 5px;

	position: relative;

	overflow: hidden;

}

.pricing h3 {

	font-weight: 400;

	margin: -20px -20px 20px -20px;

	padding: 20px 15px;

	font-size: 16px;

	font-weight: 600;

	color: #777777;

	background: #f8f8f8;

}

.pricing h4 {

	font-size: 36px;

	color: #ffb727;

	font-weight: 600;

	font-family: "Open Sans", sans-serif;

	margin-bottom: 20px;

}

.pricing h4 sup {

	font-size: 20px;

	top: -12px;

	left: -3px;

}

.pricing h4 span {

	color: #bababa;

	font-size: 16px;

	font-weight: 300;

}

.pricing ul {

	padding: 0;

	list-style: none;

	color: #444444;

	text-align: center;

	line-height: 20px;

	font-size: 14px;

}

.pricing ul li {

	padding-bottom: 16px;

}

.pricing ul i {

	color: #ffb727;

	font-size: 18px;

	padding-right: 4px;

}

.pricing ul .na {

	color: #ccc;

	text-decoration: line-through;

}

.pricing .btn-wrap {

	margin: 20px -20px -20px -20px;

	padding: 20px 15px;

	background: #f8f8f8;

	text-align: center;

}

.pricing .btn-buy {

	background: #ffb727;

	display: inline-block;

	padding: 8px 35px;

	border-radius: 4px;

	color: #fff;

	transition: none;

	font-size: 14px;

	font-weight: 400;

	font-family: "Raleway", sans-serif;

	font-weight: 600;

	transition: 0.3s;

}

.pricing .btn-buy:hover {

	background: #ffc85a;

}

.pricing .featured h3 {

	color: #fff;

	background: #ffb727;

}

.pricing .advanced {

	width: 200px;

	position: absolute;

	top: 18px;

	right: -68px;

	transform: rotate(45deg);

	z-index: 1;

	font-size: 14px;

	padding: 1px 0 3px 0;

	background: #ffb727;

	color: #fff;

}

/*--------------------------------------------------------------







# Contact Me







--------------------------------------------------------------*/







.contact .info-box {

	color: #444444;

	text-align: center;

	box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);

	padding: 20px 0 30px 0;

}

.contact .info-box i.bx {

	font-size: 24px;

	color: #ffb727;

	border-radius: 50%;

	padding: 15px;

	background: #fff6e4;

}

.contact .info-box h3 {

	font-size: 20px;

	color: #777777;

	font-weight: 700;

	margin: 10px 0;

}

.contact .info-box p {

	padding: 0;

	line-height: 24px;

	font-size: 14px;

	margin-bottom: 0;

}

.contact .social-links {

	margin-top: 15px;

	display: flex;

	justify-content: center;

}

.contact .social-links a {

	font-size: 18px;

	display: inline-block;

	color: #687683;

	line-height: 1;

	margin: 0 8px;

	transition: 0.3s;

	padding: 14px;

	border-radius: 50px;

	border: 1px solid #dde1e4;

}

.contact .social-links a:hover {

	color: #fff;

	border-color: #ffb727;

	background: #ffb727;

}

.contact .php-email-form {

	box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);

	padding: 27px;

}

.contact .php-email-form .validate {

	display: none;

	color: red;

	margin: 0 0 15px 0;

	font-weight: 400;

	font-size: 13px;

}

.contact .php-email-form .error-message {

	display: none;

	color: #fff;

	background: #ed3c0d;

	text-align: left;

	padding: 15px;

	font-weight: 600;

}

.contact .php-email-form .error-message br + br {

	margin-top: 25px;

}

.contact .php-email-form .sent-message {

	display: none;

	color: #fff;

	background: #18d26e;

	text-align: center;

	padding: 15px;

	font-weight: 600;

}

.contact .php-email-form .loading {

	display: none;

	background: #fff;

	text-align: center;

	padding: 15px;

}

.contact .php-email-form .loading:before {

	content: "";

	display: inline-block;

	border-radius: 50%;

	width: 24px;

	height: 24px;

	margin: 0 10px -6px 0;

	border: 3px solid #18d26e;

	border-top-color: #eee;

	-webkit-animation: animate-loading 1s linear infinite;

	animation: animate-loading 1s linear infinite;

}

.contact .php-email-form input, .contact .php-email-form textarea {

	border-radius: 0;

	box-shadow: none;

	font-size: 14px;

}

 .contact .php-email-form input::focus, .contact .php-email-form textarea::focus {

 background-color: #ffb727;

}

.contact .php-email-form input {

	padding: 20px 15px;

}

.contact .php-email-form textarea {

	padding: 12px 15px;

}

.contact .php-email-form button[type="submit"] {

	background: #ffb727;

	border: 0;

	padding: 10px 24px;

	color: #fff;

	transition: 0.4s;

	border-radius: 5px;

}

.contact .php-email-form button[type="submit"]:hover {

	background: #ffc85a;

}

 @-webkit-keyframes animate-loading {

 0% {

 transform: rotate(0deg);

}

 100% {

 transform: rotate(360deg);

}

}

 @keyframes animate-loading {

 0% {

 transform: rotate(0deg);

}

 100% {

 transform: rotate(360deg);

}

}

/*--------------------------------------------------------------







# Footer







--------------------------------------------------------------*/







#footer {

	background: url("../img/footer-bg.jpg") top center no-repeat;

	background-size: cover;

	color: #fff;

	font-size: 14px;

	text-align: center;

	padding: 80px 0;

	position: relative;

}

#footer::before {

	content: "";

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	background: rgba(0, 0, 0, 0.6);

}

#footer .container {

	position: relative;

}

#footer h3 {

	font-size: 36px;

	font-weight: 700;

	color: #fff;

	position: relative;

	font-family: "Satisfy", serif;

	padding: 0;

	margin: 0 0 15px 0;

}

#footer p {

	font-size: 12pt;

	padding: 0;

	margin: 0 0 10px 0;

}

#footer input {

	border: 1px solid #fff;

	width: 80%;

	background: none;

	background-color: transparent;

	border-radius: 5px;

	padding: 15px;

	margin-bottom: 35px;

	color: #fff;

	font-size: 12pt;

	margin-top: 30px;

}

#footer .social-links {

	margin: 0 0 20px 0;

}

#footer .social-links a {

	font-size: 35pt;

	display: inline-block;

	color: #fff;

	line-height: 1;

	padding: 8px 0px;

	margin-right: 4px;

	text-align: center;

	width: 36px;

	height: 36px;

	transition: 0.3s;

}

#footer .social-links a:hover {

	color: #fff;

	text-decoration: none;

}

#footer .copyright {

	margin: 0 0 5px 0;

}

#footer .credits {

	font-size: 13px;

}

#footer a {

	color: #fff;

}

#footer a:hover {

	color: #f00;

}

.copyright {

	font-size: 10pt;

	padding: 20px 0px;

	text-transform: uppercase;

}

.copyright a {

	color: #333;

}

.copyright a:hover {

	color: #f00;

}

#header-in {

	background-color: #000;

}

.sign-up {

	background-color: #f00;

	margin-top: 170px;

	padding: 25px 0px;

	color: #fff;

}
.bx-phone, .bx-mail-send, .bx-globe{color: red; font-size: 15pt;}
.sign-up-form {

	/*background: url(../img/sign-up.jpg) no-repeat;*/

	background-color: #fff;

	padding: 50px 0px;

	background-size: cover;

}

input[type="text"] {

	border: 2px solid #a6a5a5;

	border-radius: 30px;

	padding: 15px 30px;

	width: 100%;

	margin-bottom: 15px;

}

textarea {

	border: 2px solid #a6a5a5;

	border-radius: 30px;

	padding: 15px 30px;

	width: 100%;

	margin-bottom: 15px;

}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */

 color: #333;

 opacity:1;

 font-weight:500;

 font-size:14pt;

}

::-moz-placeholder { /* Firefox 19+ */

 color: #333;

opacity:1;

font-weight:500;

 font-size:14pt;

}

:-ms-input-placeholder { /* IE 10+ */

 color: #333;

opacity:1;

font-weight:500;

 font-size:14pt;

}

:-moz-placeholder { /* Firefox 18- */

 color: #333;

opacity:1;

font-weight:500;

 font-size:14pt;

}



.text-primary input::-webkit-input-placeholder { /* Chrome/Opera/Safari */

 color: #fff;

 opacity:1;

 font-weight:500;

 font-size:14pt;

}

.text-primary input::-moz-placeholder { /* Firefox 19+ */

 color: #fff;

opacity:1;

font-weight:500;

 font-size:14pt;

}

.text-primary input:-ms-input-placeholder { /* IE 10+ */

 color: #fff;

opacity:1;

font-weight:500;

 font-size:14pt;

}

.text-primary input:-moz-placeholder { /* Firefox 18- */

 color: #fff;

opacity:1;

font-weight:500;

 font-size:14pt;

}

input[type="password"] {

	border: 2px solid #a6a5a5;

	border-radius: 30px;

	padding: 15px 30px;

	width: 100%;

	margin-bottom: 15px;

}

input[type="file"] {

	border: 2px solid #a6a5a5;

	border-radius: 30px;

	padding: 15px 30px;

	width: 100%;

	margin-bottom: 15px;

	background-color: #fff;

	color:#333;

	font-weight:500;

	font-size:14pt;

}

#header-in label {

	color: #fff;

	font-size: 11pt;

	font-weight: 500;

	padding-top: 20px;

}

.kg-top-pad {

	padding-top: 50px;

}

.kg-lable {

	padding-right: 160px;

}

 @media (max-width: 768px) {

.kg-lable {

	padding-right: 0px;

	text-align: center;

}

.kg-top-pad {

	padding-top: 0px;

}

}

 @media (max-width: 575px) {

.kg-lable {

	padding-right: 10px;

}

.sign-up {

	margin-top: 220px;

}

}

[type="radio"]:not(:checked), [type="radio"]:checked {

	position: absolute;

	opacity: 0;

	pointer-events: none

}

[type="radio"]:not(:checked)+span, [type="radio"]:checked+span {

	position: relative;

	padding-left: 26px;

	cursor: pointer;

	display: inline-block;

	height: 25px;

	line-height: 25px;

	font-size: 1rem;

	-webkit-transition: .28s ease;

	transition: .28s ease;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none

}

 [type="radio"]+span:before, [type="radio"]+span:after {

 content:'';

 position:absolute;

 left:0;

 top:0;

 margin:4px;

 width:16px;

 height:16px;

 z-index:0;

 -webkit-transition:.28s ease;

 transition:.28s ease

}

[type="radio"]:not(:checked)+span:before, [type="radio"]:not(:checked)+span:after, [type="radio"]:checked+span:before, [type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {

	border-radius: 50%

}

[type="radio"]:not(:checked)+span:before, [type="radio"]:not(:checked)+span:after {

	border: 2px solid #ccc

}

[type="radio"]:not(:checked)+span:after {

	-webkit-transform: scale(0);

	transform: scale(0)

}

[type="radio"]:checked+span:before {

	border: 2px solid transparent

}

[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {

	border: 2px solid #ffcc00

}

[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {

	background-color: #ffcc00

}

[type="radio"]:checked+span:after {

	-webkit-transform: scale(1.02);

	transform: scale(1.02)

}

[type="radio"].with-gap:checked+span:after {

	-webkit-transform: scale(0.5);

	transform: scale(0.5)

}

[type="radio"].tabbed:focus+span:before {

	-webkit-box-shadow: 0 0 0 10px rgba(0,0,0,0.1);

	box-shadow: 0 0 0 10px rgba(0,0,0,0.1)

}

[type="radio"].with-gap:disabled:checked+span:before {

	border: 2px solid rgba(0,0,0,0.42)

}

[type="radio"].with-gap:disabled:checked+span:after {

	border: none;

	background-color: rgba(0,0,0,0.42)

}

[type="radio"]:disabled:not(:checked)+span:before, [type="radio"]:disabled:checked+span:before {

	background-color: transparent;

	border-color: rgba(0,0,0,0.42)

}

[type="radio"]:disabled+span {

	color: rgba(0,0,0,0.42)

}

[type="radio"]:disabled:not(:checked)+span:before {

	border-color: rgba(0,0,0,0.42)

}

[type="radio"]:disabled:checked+span:after {

	background-color: rgba(0,0,0,0.42);

	border-color: #949494

}

.input-title {

	clear: both;

	padding: 22px 0px 0px 0px;

	font-size: 16px;

	color: rgba(255,255,255,.6);

	font-weight: 300;

}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {

	position: absolute;

	left: -9999px;

}

[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {

	position: relative;

	padding-left: 1.95em;

	cursor: pointer;

}

/* checkbox aspect */







[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 1.25em;

	height: 1.25em;

	border: 2px solid #ccc;

	background: #fff;

	border-radius: 4px;

	box-shadow: inset 0 1px 3px rgba(0,0,0,.1);

}

/* checked mark aspect */







[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {

	content: '\2713\0020';

	position: absolute;

	top: .15em;

	left: .22em;

	font-size: 1.3em;

	line-height: 0.8;

	color: #09ad7e;

	transition: all .2s;

	font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;

}

/* checked mark aspect changes */







[type="checkbox"]:not(:checked) + label:after {

	opacity: 0;

	transform: scale(0);

}

[type="checkbox"]:checked + label:after {

	opacity: 1;

	transform: scale(1);

}

/* disabled checkbox */







[type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before {

	box-shadow: none;

	border-color: #bbb;

	background-color: #ddd;

}

[type="checkbox"]:disabled:checked + label:after {

	color: #999;

}

[type="checkbox"]:disabled + label {

	color: #aaa;

}

/* accessibility */







[type="checkbox"]:checked:focus + label:before, [type="checkbox"]:not(:checked):focus + label:before {

	border: 2px dotted blue;

}

/* hover style just for information */







label:hover:before {

	border: 2px solid #4778d9!important;

}

.select-css {

	display: block;

	line-height: 1.3;

	padding: .6em 1.4em .5em .8em;

	width: 100%;

	max-width: 100%; /* useful when width is set to anything other than 100% */

	box-sizing: border-box;

	margin: 0;

	color:#333;

	font-weight:500;

	font-size:14pt;

	border: 2px solid #a6a5a5;

	border-radius: 30px;

	-moz-appearance: none;

	-webkit-appearance: none;

	appearance: none;

	background-color: #fff;

	padding: 15px 30px;

	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%, #fff 100%);

	background-repeat: no-repeat, repeat;

	background-position: right .7em top 50%, 0 0;

	background-size: .65em auto, 100%;

	margin-bottom: 15px;

}







/* Hide arrow icon in IE browsers */







.select-css::-ms-expand {

 display: none;

}

/* Hover style */







.select-css:hover {

	border-color: #888;

}

/* Focus style */























/* Set options to normal weight */







.select-css option {

	font-weight: normal;

}

/* Support for rtl text, explicit support for Arabic and Hebrew */







*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {

	background-position: left .7em top 50%, 0 0;

	padding: .6em .8em .5em 1.4em;

}

/* Disabled styles */







.select-css:disabled, .select-css[aria-disabled=true] {

	color: graytext;

	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);

}

.select-css:disabled:hover, .select-css[aria-disabled=true] {

	border-color: #aaa;

}

.grayBox {

	position: fixed;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	background: #000;

	opacity: 0.5;

	filter: alpha(opacity=50);

	z-index: 1000;

}

.be-red {

	color: #f00;

}

.be-green {

	color: #00b050;

}

.be-yellow {

	color: #ffc000;

}

.bx.bx-star {

    font-size: 25pt;

    color: #ff0000;

}

.mar-bottom-kg{margin-bottom:20px;}



.sponsored-results a{color:#333;}

.sponsored-results img{width:100%;}



.gray-bg{background-color:#f1f1f1; padding:20px 0px;}

.red-bg{background-color:#f7ad00; padding:20px 0px;}

.kg-title h4{color:#fff;}

.kg-title h4 a{color:#f00;}
.review-paging .selected {
    background-color: #fff;
    border: 0px solid #ddd;
    color: #FF0000; !important;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 10px;
    padding: 0px 10px;
    position: relative;
    text-decoration: none;
    border: 0 solid #000;
    color: #FF0000; !important;
    padding: 3px;
    text-decoration: none;
}
.review-paging .links {
    border: 0 solid #000;
    color: #666;
    padding: 3px;
    text-decoration: none;
    background-color: #fff;
    border: 0px solid #ddd;
    color: #666 !important;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 10px;
    padding: 0px 10px;
    position: relative;
    text-decoration: none;
}