/*
h1:after{
	content: "\f369";
	font-family: "Font Awesome 5 Brands";
}
*/


/*Global*/
* {
	font-family: 'Poppins', sans-serif;
	box-sizing: border-box !important;
	transition: 0.3s;
	margin: 0;
	padding: 0;
	color: #2c3e50;
}

a {
	text-decoration: none !important;
}

.clearfix {
	clear: both;
}

body {
	/*	height: 58525px*/
}

/*Start Code Css WebSite*/

/*Start Navbar*/
.navigationbar {
	position: fixed;
	z-index: 2;
	width: 100%;
	background-color: transparent;
}

.navigationbar.active {
	background-color: #fff;
	box-shadow: 0px 4px 14px 0px rgba(237, 237, 237, 1);
	padding: 10px 0;
}

.navigationbar .box .brand-logo {
	float: left;
	overflow: hidden;
}

.navigationbar .box .brand-logo img {
	height: 90px;
}

.navigationbar .box .menu-toggle {
	display: none;
}

.navigationbar .box .navbars {
	float: right;
}

.navigationbar .box .navbars ul {
	display: flex;
	margin: 0;
	padding: 0;
}

.navigationbar .box .navbars ul li {
	list-style: none;
	margin: 20px 5px;
	position: relative;
}

.navigationbar .box .navbars ul li a {
	display: block;
	margin: 10px 0;
	padding: 8px 20px;
	color: #2c3e50;
	font-size: 14px;
}

.navigationbar .box .navbars ul li a.active,
.navigationbar .box .navbars ul li a:hover {
	background-color: #1abc9c;
	color: #fff;
}

.navigationbar.active .box .navbars ul li a.active,
.navigationbar.active .box .navbars ul li a:hover {
	background-color: #1abc9c;
	color: #fff;
}

.navigationbar .box .navbars ul li ul.two {
	margin: 0;
	background-color: #fff;
	display: block;
	position: absolute;
	width: 165px;
	top: 60px;
	z-index: 5;
	border-top: 1px solid #1abc9c;
	box-shadow: 0px 0px 14px 0px rgba(237, 237, 237, 1);
	transform: scale(0);
}

.navigationbar .box .navbars ul li:hover ul.two {
	transform: scale(1);
}

.navigationbar .box .navbars ul li ul.two li {
	margin: 0;
}

.navigationbar .box .navbars ul li ul.two li a {
	color: #2c3e50;
	margin: 0;
}

.navigationbar .box .navbars ul li ul.two li:hover a {
	padding-left: 40px;
	background-color: #1abc9c;
	color: #fff;
}

/*End Navbar*/

/*Start Header*/
.header {
	overflow: hidden;
}

.header .carousel {
	height: 100%;
}

.header .carousel .carousel-inner {
	height: 100%;
}

.header .carousel .carousel-inner .carousel-item {
	height: 100%;
	transition: 1s;
}

.header .carousel .carousel-inner .carousel-item .container {
	height: 100%;
	position: relative;
}

.header .carousel .carousel-inner .carousel-item .container .header-info {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 45%;
	z-index: 2;
}

.header .carousel .carousel-inner .carousel-item .container .header-info h1 {
	font-weight: bold;
	font-size: 55px;
	line-height: 55px;
}

.header .carousel .carousel-inner .carousel-item .container .header-info p {
	margin-top: 25px;
	color: #777;
	font-size: 14px;
	line-height: 2em;
}

.header .carousel .carousel-inner .carousel-item .imging-box {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}

.header .carousel .carousel-inner .carousel-item .imging-box img {
	width: 75%;
	height: 50%;
	float: right;
}

.header .carousel .carousel-inner .carousel-item .box-img {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 400px;
}

.header .carousel-control-next,
.header .carousel-control-prev {
	width: auto;
	opacity: 1;
}

.header .carousel-control-next span,
.header .carousel-control-prev span {
	background-image: none;
	background-color: #1abc9c;
	width: 40px;
	height: 39px;
}

.header .carousel-control-next span i {
	color: #fff;
	font-size: 30px;
	line-height: 40px;
	padding-left: 4px;
}

.header .carousel-control-prev span i {
	color: #fff;
	font-size: 30px;
	line-height: 40px;
	padding-right: 4px;
}

/*End Header*/

/*Start Tool Marketing*/
.tool-marketing {
	overflow: hidden;
	background-color: #f6f6f6;
	padding: 80px 0;
}

.tool-marketing .text-box {
	text-align: center;
	padding: 50px 0;
}

.tool-marketing .text-box h2 {
	margin-bottom: 25px;
}

.tool-marketing .text-box h2 span {
	color: #1abc9c;
}

.tool-marketing .text-box p {
	color: #777;
}

.tool-marketing .box {
	background-color: #fff;
	text-align: center;
	padding: 80px 25px;
	margin-bottom: 30px;
}

.tool-marketing .box img {
	width: 105px;
	height: 105px;
}

.tool-marketing .box h3 {
	font-size: 16px;
	font-weight: 600;
	margin: 25px 0;
}

.tool-marketing .box h3 a {
	text-decoration: none;
	color: #2c3e50;
}

.tool-marketing .box h3:hover a {
	color: #1abc9c;
}

.tool-marketing .box p {
	color: #777;
	font-size: 14px;
	line-height: 1.8em;
}

.tool-marketing .box:hover {
	transform: translateY(-20px);
	box-shadow: 0px 4px 14px 0px rgba(237, 237, 237, 1);
}

/*End Tool Marketing*/

/*Start More Traffic Website*/

.more-traffic-website {
	overflow: hidden;
	padding: 80px 0;
	margin: 50px 0;
}

.more-traffic-website .img-box {
	overflow: hidden;
	margin: 20px 0;
}

.more-traffic-website .img-box img {
	width: 100%
}

.more-traffic-website .text-box h3 {
	font-weight: bold;
}

.more-traffic-website .text-box h3 span {
	color: #1abc9c;
}

.more-traffic-website .text-box p {
	color: #777;
	font-size: 14px;
	line-height: 1.8em;
	margin-bottom: 45px;
}

.more-traffic-website .text-box ul {
	list-style: none;
	margin: 0;
}

.more-traffic-website .text-box ul li {
	box-shadow: 0px 4px 14px 0px rgba(237, 237, 237, 1);
	margin: 20px 0;
}

.more-traffic-website .text-box ul li .head {
	padding: 20px 40px 20px 60px;
	position: relative;
	cursor: pointer;
}

.more-traffic-website .text-box ul li .head img {
	position: absolute;
	left: 18px;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
}

.more-traffic-website .text-box ul li .head h5 {
	margin: 0;
}

.more-traffic-website .text-box ul li .head i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	font-size: 18px;
	color: #777;
}

.more-traffic-website .text-box ul li .end {
	transition: none;
	display: none;
	padding: 15px 10px 30px 60px;
	color: #777;
}

/*End More Traffic Website*/

/*Start Project Gallary*/
.project-gallary {
	overflow: hidden;
	background-color: #f6f6f6;
	padding: 80px 0 0 0;
}

.project-gallary .portfolio h2 {
	margin-bottom: 25px;
	text-align: center;
	padding: 50px 0;
}

.project-gallary .portfolio .project-name {
	text-align: center;
}

.project-gallary .portfolio ul {
	list-style: none;
	background-color: #fff;
	display: inline-block;
	padding: 0 15px;
	border-radius: 4px;
	margin-bottom: 100px;
}

.project-gallary .portfolio ul li {
	display: inline-block;
	padding: 8px 10px;
	font-weight: bold;
	cursor: pointer;
}

.project-gallary .portfolio ul li.active {
	color: #1abc9c;
}

.project-gallary .row {
	margin: 0
}

.project-gallary .filter {
	transition: none;
	height: 350px;
	overflow: hidden;
	padding: 0;
	position: relative;
}

.project-gallary .filter a .img-box {
	width: 100%;
	height: 100%;
}

.project-gallary .filter a .img-box img {
	width: 100%;
	height: 100%;
}

.project-gallary .filter a .text-box {
	background-color: rgba(44, 62, 80, 0.85);
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 350px;
	transition: 0.4s;
}

.project-gallary .filter a:hover .text-box {
	top: 0;
}

.project-gallary .filter a .text-box i {
	font-size: 22px;
	color: #fff;
	border: 1px solid #fff;
	padding: 10px;
	margin: 5px;
	border-radius: 50%;
}

.project-gallary .filter a .text-box i:hover {
	background-color: #fff;
	color: #2c3e50;
}

/*End Project Gallary*/

/*Start Talk About*/
.talk-about {
	overflow: hidden;
	background: #2c3e50;
}

.talk-about .box {
	padding: 80px 0;
	background-image: url(../img/back-content.png);
	background-size: cover;
}

.talk-about h2 {
	text-align: center;
	color: #fff;
	margin-bottom: 45px;
}

.talk-about input {
	padding: 22px 10px;
	border-radius: 4px;
	margin-bottom: 25px;
	height: 46px;
}

.talk-about input:focus {
	outline: inherit;
}

.talk-about button {
	width: 100%;
	height: 46px;
	border-radius: 4px;
	border: none;
	color: #fff;
	background-color: #1abc9c;
	cursor: pointer;
	outline: inherit;
}

/*End Talk About*/

/*Start Our Services*/
.our-services {
	padding: 80px 0;
	margin: 50px 0;
	text-align: center;
}

.our-services h2 {
	margin-bottom: 25px;

}

.our-services p {
	color: #777;
	font-size: 14px;
	margin-bottom: 50px;
}

.our-services .box {
	border: 1px solid #f3f3f3;
	padding: 50px 25px;
	margin-bottom: 25px;
}

.our-services .box:hover {
	box-shadow: 0px 4px 14px 0px rgba(237, 237, 237, 1);
}

.our-services .box .img-box,
.our-services .box .text-box {
	display: table-cell;
}

.our-services .box .img-box {
	transform: translateY(20px);
}

.our-services .box .img-box img {
	width: 70px;
	height: 70px;
}

.our-services .box .text-box {
	text-align: left;
	padding-left: 10px;
}

.our-services .box .text-box h5 a {
	color: #2c3e50;
}

.our-services .box .text-box h5:hover a {
	color: #1abc9c;
}

.our-services .box .text-box p {
	margin-bottom: 20px;
}

.our-services .box .text-box a.more {
	color: #e8e8e8;
	font-weight: bold;
}

.our-services .box .text-box a.more i {
	color: #e8e8e8;
	margin-left: 5px;
}

.our-services .box .text-box a.more:hover {
	color: #1abc9c
}

.our-services .box .text-box a.more:hover i {
	color: #1abc9c
}

/*End Our Services*/
















/*Start Our Testimonials*/
.testimonials {
	overflow: hidden;
	background: #1abc9c;
}

.testimonials .box {
	padding: 80px 0;
	background-image: url(../img/back-content.png);
	background-size: cover;
	text-align: center;
}

.testimonials .box h2 {
	color: #fff;
	margin-bottom: 22px;
}

.testimonials .box p {
	font-size: 14px;
	color: #fff;
	margin-bottom: 30px;
}

.testimonials .box .owl-carousel .item {
	background-color: #fff;
	height: 350px;
	position: relative;
}

.testimonials .box .owl-carousel .item .content {
	position: absolute;
	top: 45%;
	left: 50%;
	width: 80%;
	transform: translate(-50%, -50%);
}

.testimonials .box .owl-carousel .item .img-box {
	display: table-cell;
	transform: translateY(65px);
}

.testimonials .box .owl-carousel .item .img-box img {
	width: 75px;
	height: 75px;
	border-radius: 50%;
}

.testimonials .box .owl-carousel .item .text-box {
	display: table-cell;
	text-align: left;
	padding-left: 10px;
}

.testimonials .box .owl-carousel .item .text-box h5 {
	color: #2c3e50;
	font-weight: bold;
}

.testimonials .box .owl-carousel .item .text-box p {
	color: #777;
	font-size: 17px;

}

.testimonials .owl-carousel .owl-nav button.owl-next,
.testimonials .owl-carousel .owl-nav button.owl-prev {
	background-color: rgba(255, 255, 255, 0.32);
}

.testimonials .owl-carousel .owl-nav button.owl-next span,
.testimonials .owl-carousel .owl-nav button.owl-prev span {
	padding: 0 10px;
	font-size: 20px;
	font-weight: bold;
	color: #fff
}

.testimonials .owl-carousel .owl-dots {
	display: none;
}

/*End Our Testimonials*/

/*Start Our Pricing Plans*/
.pricing-plans {
	overflow: hidden;
	padding: 80px 0;
	text-align: center;
}

.pricing-plans h2 {
	margin-bottom: 22px;
}

.pricing-plans p {
	font-size: 14px;
	margin-bottom: 80px;
	color: #777
}

.pricing-plans .box {
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0px 4px 14px 0px rgba(237, 237, 237, 1);
	margin-bottom: 50px;
}

.pricing-plans .box .top {
	padding: 40px 0;
	border-bottom: 1px solid #f6f6f6;
}

.pricing-plans .box .top h3 {
	font-weight: bold;
}

.pricing-plans .box .top p {
	margin-bottom: 0;
}

.pricing-plans .box .down {
	padding: 40px 35px 0 35px;
}

.pricing-plans .box .down h2 {
	font-weight: bold;
	font-size: 60px;
	position: relative;
	display: inline-block;

}

.pricing-plans .box .down h2:after {
	content: "Per Month";
	font-size: 10px;
	position: absolute;
	bottom: -5px;
	right: 0;
}

.pricing-plans .box .down p {
	margin-bottom: 30px;
}

.pricing-plans .box .down button {
	padding: 10px 0;
	width: 170px;
	border: none;
	border-radius: 4px;
	background-color: #1abc9c;
	color: #fff;
	font-weight: bold;
	outline: inherit;
	cursor: pointer;
	transform: translateY(20px);
}

.pricing-plans .box:hover {
	background-color: #1abc9c;
	transform: translateY(-20px)
}

.pricing-plans .box:hover h2,
.pricing-plans .box:hover h3,
.pricing-plans .box:hover p {
	color: #fff;
}

.pricing-plans .box:hover .down button {
	background-color: #fff;
	color: #2c3e50;
}

/*End Our Pricing Plans*/

/*Start Number Count*/
.number-count {
	overflow: hidden;
	text-align: center;
	background-color: #2c3e50;
}

.number-count .box {
	padding: 80px 0;
	background-image: url(../img/back-content.png);
	background-size: cover;
}

.number-count .box-margin {
	margin-bottom: 25px;
}

.number-count .box img {
	width: 95px;
	margin-bottom: 25px;
}

.number-count .box p,
.number-count .box span {
	color: #fff;

}

.number-count .box span {
	font-weight: bold;
	font-size: 45px;
}

/*End Number Count*/









/*Start Blog*/
.blog {
	overflow: hidden;
	margin: 50px 0;
	padding: 80px 0;
	text-align: center;
}

.blog h2 {
	margin-bottom: 22px;
}

.blog p {
	font-size: 14px;
	margin-bottom: 80px;
	color: #777
}

.blog .box-blog {
	overflow: hidden;
	box-shadow: 0px 4px 14px 0px rgba(237, 237, 237, 1);
	margin-bottom: 50px;
}

.blog .box-blog .top {
	height: 350px;
	position: relative;
	overflow: hidden;
}

.blog .box-blog .top:before {
	content: "Feb 1, 2019";
	position: absolute;
	color: #fff;
	font-size: 14px;
	top: 10px;
	left: 20px;
}

.blog .box-blog .top img {
	width: 100%;
	height: 100%;
}

.blog .box-blog .down {
	padding: 10px;
}

.blog .box-blog .down .one,
.blog .box-blog .down .two {
	display: block;
	text-align: left;
}

.blog .box-blog .down .one {
	margin: 20px 0;
}

.blog .box-blog .down .one h4 {
	display: inline-block;
	width: 300px;
}

.blog .box-blog .down .one h4 a {
	color: #2c3e50;
}

.blog .box-blog .down .one button {
	display: inline-block;
	float: right;
	margin-top: 8px;
	padding: 8px 40px;
	border: 1px solid #e8e8e8;
	background-color: transparent;
	font-weight: bold;
	outline: inherit;
	cursor: pointer;
	border-radius: 4px;
	color: #e8e8e8;
}

.blog .box-blog .down .one button:hover {
	background-color: #1abc9c;
	border: 1px solid #1abc9c;
	color: #fff;
}

.blog .box-blog .down .two {
	margin: 10px 0;
}

.blog .box-blog .down .two a {
	font-size: 14px;
	color: #777
}

.blog .box-blog .down .two a:hover {
	color: #1abc9c
}

.blog .box-blog .down .two a:last-of-type {
	float: right;
}

.blog .box-blog .down .two a i {
	color: #1abc9c
}

.blog button.last {
	padding: 8px 40px;
	border: 1px solid #1abc9c;
	background-color: #1abc9c;
	font-weight: bold;
	outline: inherit;
	cursor: pointer;
	border-radius: 4px;
	color: #fff;
}

.blog button.last:hover {
	color: #1abc9c;
	border: 1px solid #1abc9c;
	background-color: transparent;

}

/*End Blog*/




/*Start Sponsor*/
.sponsor {
	overflow: hidden;
	text-align: center;
	border-top: 1px solid #e8e8e8;
	padding: 50px 0;
}

.sponsor .item {
	height: 150px;
	padding: 40px;
}

.sponsor .item img {
	height: 100%;
	width: 100%;
}

/*End Sponsor*/

/*Start Calling*/
.calling {
	overflow: hidden;
	background: #2c3e50;
}

.calling .calling-box {
	padding: 80px 0;
	background-image: url(../img/back-content.png);
	background-size: cover;
}

.calling .calling-box h3 {
	text-align: center;
	color: #fff;
	padding: 0 10px;
}

.calling .calling-box .box {
	text-align: center;
	margin: 50px 0;
}

.calling .calling-box .box div {
	display: inline-block;
	margin: 0 20px;
}

.calling .calling-box .box div i {
	display: inline-block;
	padding: 10px;
	background-color: #fff;
	color: #1abc9c;
	font-size: 18px;
	border-radius: 4px;
	margin-bottom: 20px;
}

.calling .calling-box .box div p {
	display: block;
	color: #fff;
}

/*End Calling*/

/*Start Footer*/
.footer {
	overflow: hidden;
}

.footer .box-footer {
	padding: 80px 0;
	background-image: url(../img/footer.png);
	background-size: cover;
}

.footer .box-footer .box {
	margin-bottom: 25px;
	position: relative;
}

.footer .box-footer .box img.logo {
	width: 150px;
	transform: translateY(-63px) translateX(-20px);
}

.footer .box-footer .box p {
	font-size: 14px;
	color: #777;
	margin-bottom: 25px;
	margin-top: -80px;
}

.footer .box-footer .box .icon {}

.footer .box-footer .box .icon a {
	width: 35px;
	height: 35px;
	background-color: #e8e8e8;
	line-height: 35px;
	display: inline-block;
	text-align: center;
}

.footer .box-footer .box .icon a i {
	color: #a6a6a6;
}

.footer .box-footer .box .icon a:hover {
	background-color: #1abc9c;
}

.footer .box-footer .box .icon a:hover i {
	color: #fff;
}

.footer .box-footer .box h5 {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 20px;
}

.footer .box-footer .box ul {
	list-style: none;
}

.footer .box-footer .box ul li {
	margin: 10px 0;
}

.footer .box-footer .box ul li a {
	color: #777;
}

.footer .box-footer .box ul li a:hover {
	color: #1abc9c;
}

.footer .box-footer .box ul li a i {
	color: #1abc9c;
	margin-right: 5px;
}

.footer .box-footer .box input {
	background-color: #f0f0f0;
	border: none;
	border-radius: 4px;
	padding: 15px 5px;
	margin-bottom: 25px;
	width: 100%;
	outline: inherit;
}

.footer .box-footer .box button {
	padding: 8px 40px;
	border: 1px solid #1abc9c;
	background-color: #1abc9c;
	font-weight: bold;
	outline: inherit;
	cursor: pointer;
	border-radius: 4px;
	color: #fff;
}

.footer .box-footer .box button:hover {
	color: #1abc9c;
	border: 1px solid #1abc9c;
	background-color: transparent;
}

/*End Footer*/




.reserved {
	background-color: #2c3e50;
	padding: 20px 0;
	text-align: center;
}

.reserved p {
	margin: 0;
	color: #fff;
}

/*End Code Css WebSite*/