@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900&display=swap');
body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400
}
a {
	outline: 0
}
.in-block {
	display: inline-block
}
.full-width {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%
}
.header {
	background-image: url(../images/header-home.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 695px
}
.white-top {
	background: #fff;
	float: left;
	width: 100%;
	margin-top: 10px;
	border-radius: 2px
}
.logo {
	border-right: 1px solid #f3f3f3
}
.logo a:hover {
	transform: scale(1)
}
.logo a {
	display: block;
	padding-top: 17px;
	padding-bottom: 17px;
	transform: scale(1);
	transition: all ease .5s
}
.top-bar ul {
	list-style-type: none;
	padding-left: 0;
	float: right;
	margin: 25px 0 0 0
}
.top-bar ul li {
	display: inline-block;
	padding-left: 32px;
	position: relative;
	color: #333;
	vertical-align: middle
}
.top-bar ul li a {
	color: #333;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none
}
.strp:hover:before {
	transform: scale(.8)
}
.top-bar ul li:hover {
	color: #67d29c
}
.top-bar ul li.sep {
	color: #f3f3f3;
	padding: 0 3px;
	font-size: 30px
}
.strp:before {
	content: "";
	background-image: url(../images/top-stripe.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	left: 0;
	top: 5px;
	width: 29px;
	height: 32px;
	transform: scale(1);
	transition: all ease .5s
}
.ic02:before {
	background-position: 0 -32px;
	top: -6px
}
.ic03:before {
	background-position: 0 -64px;
	top: 5px
}
.ic04:before {
	background-position: 0 -96px
}
.btn-sep {
	text-align: center
}
.btn-sep ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
	border-left: 1px solid #f3f3f3
}
.btn-sep ul li {
	display: block;
	padding: 8px 0
}
.btn-sep ul li a {
	display: inline-block;
	text-decoration: none;
	color: #313131
}
.btn-sep ul li:first-child {
	border-bottom: 1px solid #f3f3f3;
	font-size: 14px
}
.btn-sep ul li:first-child a {
	background-color: #fc5b4d;
	color: #fff;
	padding: 8px 30px;
	border-radius: 2px
}
.navbar-default {
	background-color: #393939;
	border: 0;
	margin-top: 6px;
	border-radius: 2px
}
.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-size: 15px;
	line-height: 30px;
	padding: 15px 32px;
}
.navbar-default .navbar-nav>.active a:after {
	content: "";
	background: #a8b083;
	position: absolute;
	bottom: 0;
	height: 3px;
	width: 100%;
	left: 0
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background-color: transparent;
	color: #fff
}
.navbar-default .navbar-nav>li>a {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden
}
.navbar-default .navbar-nav>li>a:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 51%;
	right: 51%;
	bottom: 0;
	background: rgba(23, 195, 126, 1);
	background: -moz-linear-gradient(left, rgba(23, 195, 126, 1) 0, rgba(46, 225, 144, 1) 50%, rgba(49, 228, 148, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0, rgba(23, 195, 126, 1)), color-stop(50%, rgba(46, 225, 144, 1)), color-stop(100%, rgba(49, 228, 148, 1)));
	background: -webkit-linear-gradient(left, rgba(23, 195, 126, 1) 0, rgba(46, 225, 144, 1) 50%, rgba(49, 228, 148, 1) 100%);
	background: -o-linear-gradient(left, rgba(23, 195, 126, 1) 0, rgba(46, 225, 144, 1) 50%, rgba(49, 228, 148, 1) 100%);
	background: -ms-linear-gradient(left, rgba(23, 195, 126, 1) 0, rgba(46, 225, 144, 1) 50%, rgba(49, 228, 148, 1) 100%);
	background: linear-gradient(to right, rgba(23, 195, 126, 1) 0, rgba(46, 225, 144, 1) 50%, rgba(49, 228, 148, 1) 100%);
	height: 4px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.navbar-default .navbar-nav>li>a:hover:before {
	left: 0;
	right: 0
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #fff!important
}
.caption {
	margin-top: 48px;
	padding-right: 14%
}
.caption h1 {
	font-size: 50px;
	color: #fff
}
.caption p {
	font-size: 18px;
	color: #fff;
	margin-top: 20px
}
.form-bg {
	border-radius: 5px;
	margin-top: 3rem;
	background-color: #fff;
	padding: 2rem 25px
}
.form-bg h3 {
	color: #f73f2e;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 8px;
	margin-top: 6px
}
.form-bg h4 {
	color: #5b5b5b;
	font-size: 16px;
	font-weight: 300;
	margin: 5px 0 22px
}
.form-bg p {
	font-size: 10px;
	margin: 6px 0 0
}
.form-bg .form-control {
	color: #fff;
	background-color: #b0bbb4;
	height: 40px;
	font-size: 12px
}
.form-bg .form-group {
	margin-bottom: 6px
}
.form-bg .btn {
	background-color: #e92f1f;
	color: #fff;
	padding: 10px 20px;
	margin: 10px 0 15px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500
}
.form-bg .btn:hover {
	background-color: rgba(23, 195, 126, 1)
}
.form-bg .form-control::-webkit-input-placeholder {
	color: #fff
}
.form-bg .form-control::-moz-placeholder {
	color: #fff
}
.form-bg .form-control:-ms-input-placeholder {
	color: #fff
}
.form-bg .form-control:-moz-placeholder {
	color: #fff
}
.offr-frm {
	position: relative
}
#offerFormResult {
	margin: 0;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 8px
}
.bg-red {
	background: #fc5b4d
}
.bg-green, .bg-red {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	cursor: pointer
}
.bg-green:before, .bg-red:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(23, 195, 126, 1);
	background: -moz-linear-gradient(left, rgba(23, 195, 126, 1) 0, rgba(46, 225, 144, 1) 50%, rgba(49, 228, 148, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0, rgba(23, 195, 126, 1)), color-stop(50%, rgba(46, 225, 144, 1)), color-stop(100%, rgba(49, 228, 148, 1)));
	background: -webkit-linear-gradient(left, rgba(23, 195, 126, 1) 0, rgba(46, 225, 144, 1) 50%, rgba(49, 228, 148, 1) 100%);
	background: -o-linear-gradient(left, rgba(23, 195, 126, 1) 0, rgba(46, 225, 144, 1) 50%, rgba(49, 228, 148, 1) 100%);
	background: -ms-linear-gradient(left, rgba(23, 195, 126, 1) 0, rgba(46, 225, 144, 1) 50%, rgba(49, 228, 148, 1) 100%);
	background: linear-gradient(to right, rgba(23, 195, 126, 1) 0, rgba(46, 225, 144, 1) 50%, rgba(49, 228, 148, 1) 100%);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.bg-green:hover:before, .bg-red:hover:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}
.bg-green {
	background: #90cc4e
}
.call-txt {
	padding-top: 20px;
	padding-bottom: 20px
}
.txt-inner {
	margin: 0 auto;
	width: 80%
}
.call-txt {
	color: #fff;
	display: block;
	font-size: 24px;
	font-weight: 600;
	text-decoration: none;
	line-height: 25px
}
.quote-icon {
	display: inline-block;
	background-image: url(../images/stripe-btm.png);
	background-repeat: no-repeat;
	background-position: 0 -64px;
	width: 29px;
	height: 32px;
	margin-top: 8px
}
.livechat-icon {
	display: inline-block;
	background-image: url(../images/stripe-btm.png);
	background-repeat: no-repeat;
	background-position: 0 -96px;
	width: 29px;
	height: 32px;
	margin-top: 8px
}
.mid-section {
	margin-top: -49px;
	background-image: url(../images/portfolio-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 48px
}
.work-section h4 {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 16px;
	color: #3d3d3d;
	margin-top: 25px
}
.work-section h2 {
	font-weight: 500;
	font-size: 34px;
	color: #3d3d3d;
	margin: 0 0 20px 0
}
.work-section p {
	color: #2e2e2e;
	font-size: 16px;
	font-weight: 500
}
.bg-white {
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15)
}
.bg-white h4 {
	color: #202020;
	font-size: 16px;
	font-weight: 600;
	margin: 25px 0 15px
}
.bg-white p {
	color: #2f2f2f;
	font-size: 14px;
	font-weight: 500
}
.red-btn {
	background-color: #e43728;
	color: #fff;
	text-decoration: none;
	padding: 10px 30px;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	border-radius: 2px;
	margin-right: 20px;
	margin-top: 15px
}
.btn-start, .green-btn, .red-btn, .red-btn1 {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: box-shadow, transform;
	transition-property: box-shadow, transform
}
.btn-start:hover, .green-btn:hover, .red-btn1:hover, .red-btn:hover {
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	color: #fff;
	text-decoration: none
}
.green-btn {
	background-color: #90cc4e;
	color: #fff;
	text-decoration: none;
	padding: 10px 30px;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	border-radius: 2px;
	margin-top: 15px
}
.bg-solution {
	background-image: url(../images/bg-solution.jpg);
	background-repeat: no-repeat;
	padding: 30px 0;
	background-size: cover
}
.bg-solution h2 {
	color: #fff;
	font-size: 32px;
	font-weight: 600;
	margin-top: 0
}
.bg-solution p {
	color: #fff;
	font-size: 22px;
	font-weight: 500
}
.filter-container, .filter-section h1, .portfolio-section figure .inner-overlay-content.with-icons {
	text-align: center
}
.portfolio-section {
	padding-bottom: 40px
}
.filter-section {
	padding-top: 40px
}
.filter-container {
	padding: 20px 0
}
ul.filter>li {
	padding-right: 15px;
	padding-left: 15px
}
ul.filter>li>a {
	color: #b6b6b6;
	font-size: 16px;
	font-weight: 500;
	line-height: 40px
}
ul.filter>li>a:focus, ul.filter>li>a:hover {
	text-decoration: none;
	color: #113c2e;
	outline: 0
}
ul.filter>li.active a {
	color: #113c2e;
	border-bottom: 2px solid #113c2e
}
ul.filter>li span {
	color: #ddd;
	font-size: 20px;
	display: inline-block;
	margin: 0 5px
}
.filter-section .filter-container .filter>li {
	padding: 0;
	margin: 0
}
.portfolio-section.port-col figure .overlay-background {
	background-color: #000;
	background-color: rgba(0, 0, 0, .4)
}
.portfolio-section figure {
	float: left;
	width: 100%;
	position: relative
}
.portfolio-section figure img {
	width: 100%;
	height: auto
}
.portfolio-section .article-title {
	text-align: center;
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 24px;
	padding: 10px 0 30px
}
.portfolio-section .article-title a {
	color: #000;
	text-decoration: none
}
.portfolio-section figure:hover .overlay {
	opacity: 1;
	visibility: visible
}
.portfolio-section figure:hover .overlay-background {
	opacity: .8;
	visibility: visible
}
.portfolio-section figure .overlay, .portfolio-section figure .overlay-background {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	height: 100%;
	width: 100%
}
.portfolio-section figure .overlay-background {
	z-index: 1;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.portfolio-section figure .overlay-background .inner {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: 11px;
	background-color: #c8e9c8;
	background-color: rgba(194, 231, 194, .9)
}
.portfolio-section figure .overlay {
	z-index: 2;
	transition: all .2s ease-in-out
}
.portfolio-section figure .inner-overlay {
	display: table;
	width: 100%;
	height: 100%
}
.portfolio-section figure .inner-overlay-content {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	padding: 20px 40px
}
.portfolio-section figure .inner-overlay-content.with-icons a {
	width: 40px;
	height: 40px;
	line-height: 42px;
	display: inline-block;
	margin: 0 10px;
	text-decoration: none;
	font-size: 20px;
	background: rgba(0, 0, 0, .9);
	color: #fff;
	border-radius: 0
}
.isotopeSelector img {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}
.isotopeSelector:hover img {
	-moz-transform: scale(1.5) rotate(2deg);
	-webkit-transform: scale(1.5) rotate(2deg);
	-o-transform: scale(1.5) rotate(2deg);
	-ms-transform: scale(1.5) rotate(2deg);
	transform: scale(1.5) rotate(2deg);
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease
}
.isotopeSelector figure {
	overflow: hidden;
	box-shadow: 0 0 2px rgba(0, 0, 0, .2)
}
.packages {
	background-image: url(../images/bg-package.jpg);
	background-repeat: no-repeat;
	padding: 60px 0;
	background-size: cover
}
.packages .nav-tabs>li {
	float: none;
	display: inline-block
}
.packages .nav-tabs {
	border-bottom: 0;
	margin-top: 40px
}
.packages .nav-tabs>li>a {
	font-size: 16px;
	font-weight: 600;
	color: #fff
}
.packages .nav-tabs>li.active>a, .packages .nav-tabs>li.active>a:focus, .packages .nav-tabs>li.active>a:hover {
	color: #113c2e;
	background-color: transparent;
	border: 0;
	border-bottom: 3px solid #113c2e
}
.packages .nav>li>a:focus, .packages .nav>li>a:hover {
	text-decoration: none;
	background-color: transparent;
	color: #113c2e
}
.packages .tab-content {
	margin-top: 50px
}
.pckg-txt h2 {
	color: #fff;
	font-size: 32px;
	font-weight: 600;
	margin: 0 0 24px 0
}
.pckg-txt p {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	margin: 0
}
.package-box {
	background-color: #fff;
	float: left;
	width: 100%;
	padding: 20px 5px;
	border-radius: 5px;
	border: 4px solid #43cea2;
	position: relative
}
.package-box h4 {
	color: #242424;
	font-size: 22px;
	font-weight: 500
}
.package-box p {
	color: #737272;
	font-size: 14px;
	font-weight: 500
}
.actual-price {
	color: #1bce95;
	font-size: 40px;
	font-weight: 500
}
.seller {
	position: relative;
	overflow: hidden
}
.seller::before {
	content: "BEST SELLER";
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	vertical-align: middle;
	padding: 7px 10px;
	display: block;
	text-indent: -17px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	height: 35px;
	width: 180px;
	background-color: red;
	position: absolute;
	border: 2px solid #b70000;
	box-shadow: 2px 1px 7px -1px #b70000;
	right: -65px;
	top: 20px
}
.sale-price {
	color: #f93221;
	font-size: 18px;
	font-weight: 500;
	text-decoration: line-through;
	margin-left: 15px
}
.package-box ul {
	list-style-type: none;
	padding-left: 0;
	float: left;
	margin: 20px 0 0 0;
	width: 100%;
	height: auto
}
ul.ul-50 {
	height: 45px!important;
	margin: 50px 0 0 0
}
.package-box ul li {
	font-size: 14px;
	color: #6a6a6a;
	font-weight: 500;
	line-height: 26px
}
.package-box .add-on {
	color: #24d193;
	font-size: 14px;
	font-weight: 500
}
.package-box:hover {
	background-color: transparent;
	border: 4px solid #fefff8
}
.package-box:hover h4 {
	color: #fff
}
.package-box:hover p {
	color: #fff
}
.package-box:hover ul li {
	color: #fff
}
.package-box:hover .btn-order {
	background-color: #393939
}
.package-box:hover .btn-view {
	color: #fff
}
.package-box:hover .ul-50 a li {
	color: #fff!important
}
.package-box:hover .actual-price {
	color: #065138
}
.package-box:hover h5 {
	color: #fff
}
.package-box:hover .share-icon:before {
	background-position: 0 -53px
}
.package-box:hover .discuss-icon:before {
	background-position: 0 -78px
}
.btn-order {
	display: inline-block;
	background-color: #24d193;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 20px;
	font-weight: 500;
	font-size: 14px;
	border-radius: 4px
}
.btn-order:hover {
	color: #fff;
	text-decoration: none
}
.btn-view {
	display: block;
	text-decoration: underline;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 500;
	color: #393939;
	width: 50%;
	margin: 10px auto
}
.btn-view:hover {
	color: #393939
}
.ul-50 {
	padding-left: 0
}
.ul-50 li {
	width: 50%;
	float: left;
	position: relative;
	padding-left: 36px;
	line-height: 15px!important;
	color: #333!important;
	text-align: left;
	font-size: 12px!important;
	transform: scale(1);
	transition: all ease .5s
}
.ul-50 li a {
	color: #333;
	text-decoration: none
}
.ul-50 li:hover:before {
	transform: scale(.8)
}
.share-icon:before {
	content: "";
	position: absolute;
	left: 0;
	width: 29px;
	height: 26px;
	background-image: url(../images/stripe-package.png);
	background-repeat: no-repeat;
	background-position: 0 0
}
.discuss-icon:before {
	content: "";
	position: absolute;
	left: 0;
	width: 29px;
	height: 26px;
	background-image: url(../images/stripe-package.png);
	background-repeat: no-repeat;
	background-position: 0 -25px
}
.btn-more {
	background-color: #8374ce;
	color: #fff;
	display: inline-block;
	padding: 12px 32px;
	margin: 30px 0 0 0;
	border-radius: 2px;
	font-size: 16px;
	font-weight: 500
}
.btn-more:hover {
	color: #fff;
	text-decoration: none
}
.btn-start {
	background-color: #f93221;
	color: #fff;
	display: inline-block;
	padding: 12px 32px;
	margin: 30px 0 0 10px;
	font-size: 16px;
	font-weight: 500
}
.btn-start:hover {
	color: #fff;
	text-decoration: none
}
.offer-section {
	background-image: url(../images/offer-bg.jpg);
	background-repeat: no-repeat;
	padding: 40px 0;
	background-size: cover;
	margin-bottom: 5rem;
}
.offer-section h2 {
	margin: 0 0 40px 0;
	font-size: 34px;
	font-weight: 500;
	color: #171717
}
.offer-section h4 {
	margin: 20px 0 10px 0;
	font-size: 16px;
	font-weight: 500;
	color: #363636
}
.offer-section h3 {
	color: #333;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 20px
}
.offer-section p {
	color: #999;
	font-size: 13px;
	font-weight: 500;
	margin: 0 0 30px 0
}
.offer-call {
	list-style-type: none;
	padding-left: 0
}
.offer-call li {
	display: inline-block;
	position: relative;
	padding-left: 35px;
	text-align: left;
	vertical-align: middle
}
.offer-call li a {
	color: #333;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none
}
.offer-call li a:hover {
	color: #67d29c
}
.sep-g {
	padding: 0 30px!important
}
.ourservc-section {
	background-image: url(../images/bg-package.jpg);
	background-repeat: no-repeat;
	padding: 40px 0;
	background-size: cover
}
.ourservc-txt h4 {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	text-transform: uppercase
}
.ourservc-txt h2 {
	color: #fff;
	font-size: 38px;
	font-weight: 500;
	margin: 10px 0 30px 0;
	text-transform: capitalize
}
.ourservc-txt p {
	color: #fff;
	font-size: 14px;
	font-weight: 500
}
.tabs-left {
	margin-top: 80px
}
.minus-top {
	margin-top: -65px
}
.white-bag {
	background: #fff;
	float: left;
	border-radius: 5px 5px 0 0;
	width: 91.3%
}
.white-bag h2 {
	color: #313131;
	font-size: 30px;
	font-weight: 500
}
.tab-mL {
	margin-left: 100px
}
.tabs-left .nav-tabs li a span {
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: 500
}
.tabs-left .nav-tabs li a small {
	display: block;
	color: #fff;
	font-size: 12px;
	font-weight: 500
}
.tabs-left>.tab-content {
	background: #fff;
	padding: 50px 0;
	min-height: 400px
}
.tabs-left>.nav-tabs {
	border-bottom: 0
}
.tabs-left .tab-content>.tab-pane {
	display: none
}
.tabs-left .tab-content>.active {
	display: block
}
.tabs-left .tab-content {
	padding-left: 20%;
	padding-right: 15px
}
.tabs-left .tab-content p {
	color: #484848;
	font-size: 14px;
	font-weight: 500
}
.tabs-left .tab-content ul {
	list-style-type: none;
	padding-left: 0
}
.tabs-left .tab-content ul li {
	line-height: 40px;
	padding-left: 40px;
	position: relative
}
.tabs-left .tab-content ul li:before {
	content: "";
	background-image: url(../images/stripe-img.png);
	background-repeat: no-repeat;
	width: 30px;
	background-position: -3px -62px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 5px
}
.tabs-left>.nav-tabs>li {
	float: none
}
.tabs-left>.nav-tabs>li>a {
	min-width: 74px;
	margin-right: 0;
	margin-bottom: 3px;
	text-align: right
}
.tabs-left>.nav-tabs {
	float: left;
	margin-right: 19px;
	border-right: 0;
	padding-top: 40px
}
.tabs-left>.nav-tabs>li>a {
	background: #bebebe;
	margin-right: -1px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 5px;
	border: 3px solid #fff;
	margin-bottom: 10px
}
.tabs-left>.nav-tabs>li>a:focus, .tabs-left>.nav-tabs>li>a:hover {
	border-color: #eee #ddd #eee #eee
}
.tabs-left>.nav-tabs .active>a, .tabs-left>.nav-tabs .active>a:focus, .tabs-left>.nav-tabs .active>a:hover {
	background: rgba(23, 195, 126, 1);
	background: -moz-linear-gradient(left, rgba(23, 195, 126, 1) 0, rgba(46, 225, 144, 1) 50%, rgba(49, 228, 148, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0, rgba(23, 195, 126, 1)), color-stop(50%, rgba(46, 225, 144, 1)), color-stop(100%, rgba(49, 228, 148, 1)));
	background: -webkit-linear-gradient(left, rgba(23, 195, 126, 1) 0, rgba(46, 225, 144, 1) 50%, rgba(49, 228, 148, 1) 100%);
	background: -o-linear-gradient(left, rgba(23, 195, 126, 1) 0, rgba(46, 225, 144, 1) 50%, rgba(49, 228, 148, 1) 100%);
	background: -ms-linear-gradient(left, rgba(23, 195, 126, 1) 0, rgba(46, 225, 144, 1) 50%, rgba(49, 228, 148, 1) 100%);
	background: linear-gradient(to right, rgba(23, 195, 126, 1) 0, rgba(46, 225, 144, 1) 50%, rgba(49, 228, 148, 1) 100%);
	border: 3px solid #fff
}
.tab-call {
	background: #fff;
	margin-left: 100px;
	padding-bottom: 30px;
	border-radius: 0 0 5px 5px
}
.testimonial-section {
	padding: 40px 0
}
.testimonial-section h4 {
	color: #9d9d9d;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500
}
.testimonial-section h2 {
	color: #171717;
	font-size: 34px;
	font-weight: 600;
	margin: 0 0 40px
}
.t-shadow .t-PLR {
	padding-left: 30px;
	padding-right: 30px
}
.t-shadow p {
	margin: 20px 0;
	color: #2f2f2f;
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	line-height: 26px
}
.t-shadow .tname {
	display: block;
	margin: 20px 0 0;
	color: #202020;
	font-size: 14px;
	font-weight: 600
}
.t-shadow .tdesig {
	display: block;
	color: #2f2f2f;
	font-size: 14px;
	font-weight: 400
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav {
	margin-top: 10px
}
.owl-theme .owl-nav [class*=owl-] {
	color: #fff;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #d6d6d6;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
	background: #57cb8f;
	color: #fff;
	text-decoration: none
}
.owl-theme .owl-nav .disabled {
	opacity: .5;
	cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 10px
}
.owl-carousel .owl-item img {
	width: auto
}
.owl-testimonial .t-shadow {
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	margin: 10px 10px;
	float: left;
	padding: 20px 0;
	min-height: 420px
}
.owl-testimonial .owl-next {
	position: absolute;
	right: -50px;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	border-radius: 50%!important;
	width: 40px;
	height: 40px;
	color: #50cc96
}
.owl-testimonial .owl-next span {
	font-size: 30px;
	line-height: 20px!important
}
.contact-section h4 {
	color: #9d9d9d;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500
}
.contact-section h2 {
	color: #171717;
	font-size: 34px;
	font-weight: 600;
	margin: 0 0 30px
}
.contact-section h3 {
	color: #171717;
	font-size: 30px;
	font-weight: 600
}
.contact-section p {
	color: #383838;
	font-size: 16px;
	font-weight: 400
}
.form-white {
	background: #fff;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	margin-top: 20px
}
.form-white form {
	padding: 30px 30px 20px;
	float: left;
	width: 100%
}
.form-white label {
	color: #171717;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase
}
label.error {
	text-transform: none;
	color: red
}
.offr-frm label.error {
	text-transform: none;
	color: red;
	font-size: 10px;
	margin: 0
}
.form-white .form-control {
	border: 0;
	box-shadow: none;
	border-bottom: 2px solid #e4e4e4;
	border-radius: 0;
	font-size: 12px
}
.form-white .form-control:focus {
	border-bottom: 2px solid #171717
}
.form-white .btn {
	color: #fff;
	font-size: 16px;
	padding: 14px 40px;
	margin-top: 10px;
	background: rgba(76, 205, 154, 1);
	background: -moz-linear-gradient(top, rgba(76, 205, 154, 1) 0, rgba(134, 195, 99, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(76, 205, 154, 1)), color-stop(100%, rgba(134, 195, 99, 1)));
	background: -webkit-linear-gradient(top, rgba(76, 205, 154, 1) 0, rgba(134, 195, 99, 1) 100%);
	background: -o-linear-gradient(top, rgba(76, 205, 154, 1) 0, rgba(134, 195, 99, 1) 100%);
	background: -ms-linear-gradient(top, rgba(76, 205, 154, 1) 0, rgba(134, 195, 99, 1) 100%);
	background: linear-gradient(to bottom, rgba(76, 205, 154, 1) 0, rgba(134, 195, 99, 1) 100%)
}
.form-white .btn:hover {
	background: rgba(134, 195, 99, 1);
	background: -moz-linear-gradient(top, rgba(134, 195, 99, 1) 0, rgba(76, 205, 154, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(134, 195, 99, 1)), color-stop(100%, rgba(76, 205, 154, 1)));
	background: -webkit-linear-gradient(top, rgba(134, 195, 99, 1) 0, rgba(76, 205, 154, 1) 100%);
	background: -o-linear-gradient(top, rgba(134, 195, 99, 1) 0, rgba(76, 205, 154, 1) 100%);
	background: -ms-linear-gradient(top, rgba(134, 195, 99, 1) 0, rgba(76, 205, 154, 1) 100%);
	background: linear-gradient(to bottom, rgba(134, 195, 99, 1) 0, rgba(76, 205, 154, 1) 100%)
}
.map-contain {
	float: left;
	width: 100%;
	margin-top: -200px
}
.footer {
	background-image: url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 40px 0
}
.widget ul {
	list-style-type: none;
	padding-left: 0
}
.widget h3 {
	margin-top: 0;
	color: #fff!important;
	font-size: 18px!important;
	font-weight: 600!important;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 2px solid #9ad399
}
.widget ul li {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 26px
}
.widget ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
    cursor: pointer;
}
.widget ul li a:hover {
	color: #333
}
.widget03 ul li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 20px;
	line-height: 16px
}
.widget04 ul li {
	margin-right: 5px
}
.widget04 ul li a {
	padding: 3px
}
.f-add:before {
	content: "";
	position: absolute;
	left: 0;
	background-image: url(../images/stripe-img.png);
	background-position: -9px -41px;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px
}
.f-email:before {
	content: "";
	position: absolute;
	left: 0;
	background-image: url(../images/stripe-img.png);
	background-position: -46px -41px;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px
}
.f-tel:before {
	content: "";
	position: absolute;
	left: 0;
	background-image: url(../images/stripe-img.png);
	background-position: -82px -41px;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px
}
.social-footer {
	list-style-type: none;
	padding-left: 0
}
.social-footer li {
	display: inline-block
}
.foter_map {
	background-image: url(../images/map.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 680px
}
.side-bars {
	width: 215px;
	transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	position: fixed;
	top: 50%;
	z-index: 9999;
	display: block;
	right: 0;
	display: none;
	right: -172px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.callbar {
	width: 45px;
	height: 43px;
	position: relative;
	margin-right: 8px;
	float: left;
	background-image: url(../images/sprites.png);
	background-position: -51px -354px
}
.side-bars .call {
	font-size: 15px;
	padding: 0;
	color: #fff;
	float: left;
	font-weight: 600;
	width: 305px;
	background: #232323;
	position: relative;
	left: 0;
	height: 43px;
	transition: all ease .5s
}
.side-bars .call:hover {
	left: -262px;
	transition: all ease .5s
}
.chatbar {
	width: 42px;
	height: 43px;
	position: relative;
	margin-right: 8px;
	float: left;
	background-image: url(../images/sprites.png);
	background-position: -54px -410px
}
.chat a {
	color: #fff;
	text-decoration: none
}
.side-bars .chat {
	font-size: 15px;
	padding: 0;
	color: #fff;
	float: left;
	font-weight: 600;
	width: 305px;
	background: #232323;
	position: relative;
	left: 0;
	top: 12px;
	transition: all ease .5s
}
.side-bars .chat:hover {
	left: -262px;
	transition: all ease .5s
}
.side-bars .call p, .side-bars .chat p {
	margin: 0 0 0
}
.requestbar {
	width: 42px;
	height: 340px;
	position: relative;
	margin-right: 8px;
	float: left;
	background-image: url(../images/sprites.png);
	background-position: -58px 0;
	cursor: pointer
}
.request a {
	color: #fff;
	text-decoration: none
}
.side-bars .request {
	font-size: 15px;
	padding: 0;
	color: #fff;
	float: left;
	font-weight: 600;
	width: 329px;
	background: #232323;
	position: relative;
	left: 0;
	top: 24px;
	transition: all ease .5s
}
.request .form-control {
	width: 80%;
	margin-top: 0
}
.request .btn {
	background-color: #e92f1f
}
.video_header {
	background-image: url(../images/inner_pages/video_header.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 462px
}
.animationf {
	background-image: url(../images/inner_pages/animation_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0
}
.mid-section1 {
	background-image: url(../images/portfolio-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0
}
.animation-section h2 {
	font-weight: 500;
	font-size: 34px;
	color: #3d3d3d;
	margin: 32px 0 16px 0
}
.animation-section p {
	color: #2e2e2e;
	font-size: 16px;
	font-weight: 500;
	margin: 11px 0 20px 0
}
.video_bg {
	background: #fff;
	float: left;
	margin-bottom: 20px
}
.scriptimg {
	position: relative;
	right: 55px
}
.caption1 {
	margin-top: 20px
}
.caption1 h1 {
	font-size: 50px;
	color: #fff
}
.caption1 p {
	font-size: 18px;
	color: #fff;
	margin-top: 20px
}
.captioninner {
	margin-top: 20px
}
.captioninner h1 {
	font-size: 50px;
	color: #fff;
	margin-top: 100px
}
.captioninner p {
	font-size: 18px;
	color: #fff;
	margin-top: 20px
}
.red-btn1 {
	background-color: #f93221;
	color: #fff;
	text-decoration: none;
	padding: 10px 100px;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	border-radius: 2px;
	margin-right: 20px;
	margin-top: 15px
}
.red-btn1:active, .red-btn1:focus, .red-btn1:hover {
	color: #fff;
	text-decoration: none
}
.logo_header {
	background-image: url(../images/inner_pages/logo_header.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 462px
}
.ourservclogo-section {
	background-image: url(../images/inner_pages/logobg.jpg);
	background-repeat: no-repeat;
	padding: 40px 0;
	background-size: cover
}
.book {
	margin-top: -100px
}
.request_header {
	background-image: url(../images/inner_pages/reqeustr.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 464px
}
.book_header {
	background-image: url(../images/inner_pages/bookmy.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 464px
}
.discuss_header {
	background-image: url(../images/inner_pages/discuss.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 372px
}
.ourservcweb-section {
	background-image: url(../images/inner_pages/webg.jpg);
	background-repeat: no-repeat;
	padding: 40px 0;
	background-size: cover
}
.mgtp {
	margin-top: 1px
}
.branding_header {
	background-image: url(../images/inner_pages/branding_header.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 462px
}
.seo_header {
	background-image: url(../images/inner_pages/seo_header.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 462px
}
.actual-price small {
	font-size: 34%
}
.web_header {
	background-image: url(../images/inner_pages/web_header.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 625px
}
.contractpara:after {
	content: "";
	position: relative;
	display: block;
	width: 80px;
	height: 3px;
	background: #1bce95;
	margin: 0 auto 0
}
.contractpara {
	color: #58595b;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	margin: 0 0 20px
}
.bg-contact {
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	padding-top: 30px;
	padding-bottom: 30px
}
.bg-contact h4 {
	color: #202020;
	font-size: 16px;
	font-weight: 600;
	margin: 25px 0 15px
}
.bg-contact p {
	color: #2f2f2f;
	font-size: 14px;
	font-weight: 500
}
.contact-section {
	margin-top: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 100px
}
.contact_header {
	background-image: url(../images/inner_pages/contact_header.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 500px
}
.phone {
	float: left;
	margin-top: 20px
}
.phone p {
	margin-top: 6px;
	float: right;
	margin-left: 13px
}
.email {
	float: left;
	margin-top: 20px
}
.email p {
	margin-top: 0;
	float: right;
	margin-left: 13px
}
.order_header {
	background-image: url(../images/inner_pages/order_header.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 500px
}
.form-control[disabled], .form-control[readonly] {
	background-color: transparent;
	opacity: 1
}
.lgowith {
	width: 25%
}
.package-section {
	background-image: url(../images/inner_pages/logopackage.jpg);
	background-repeat: no-repeat;
	background-size: cover
}
.package-section h2 {
	margin: 0 0 40px 0;
	font-size: 34px;
	font-weight: 500;
	color: #171717
}
.package-section h4 {
	margin: 20px 0 10px 0;
	font-size: 16px;
	font-weight: 500;
	color: #363636
}
.package-section h3 {
	color: #333;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 20px
}
.package-section p {
	color: #999;
	font-size: 13px;
	font-weight: 500;
	margin: 0 0 30px 0
}
p.add-on.inner-add {
	margin-top: 40px
}
.payment_header {
	background-image: url(../images/inner_pages/payment.jpg);
	background-repeat: no-repeat;
	padding: 40px 0;
	background-size: cover;
	background-position: center -370px
}
.heading {
	background: rgba(76, 205, 154, 1);
	background: -moz-linear-gradient(top, rgba(76, 205, 154, 1) 0, rgba(134, 195, 99, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(76, 205, 154, 1)), color-stop(100%, rgba(134, 195, 99, 1)));
	background: -webkit-linear-gradient(top, rgba(76, 205, 154, 1) 0, rgba(134, 195, 99, 1) 100%);
	background: -o-linear-gradient(top, rgba(76, 205, 154, 1) 0, rgba(134, 195, 99, 1) 100%);
	background: -ms-linear-gradient(top, rgba(76, 205, 154, 1) 0, rgba(134, 195, 99, 1) 100%);
	background: linear-gradient(to bottom, rgba(76, 205, 154, 1) 0, rgba(134, 195, 99, 1) 100%);
	border: 1px solid #fff
}
.heading h1 {
	font-size: 30px;
	color: #fff;
	padding: 0 24px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px
}
.payment label {
	float: right
}
.form-pay {
	background: #fff;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
	margin-top: 0
}
.form-pay form {
	padding: 30px 30px 20px;
	float: left;
	width: 100%
}
.form-pay label {
	color: #171717;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 17px;
	text-align: right
}
.form-pay .form-control {
	margin: 10px 0 10px 0;
	background: #ddd
}
.form-pay .btn {
	color: #fff;
	font-size: 16px;
	padding: 14px 40px;
	margin-top: 10px;
	background: rgba(76, 205, 154, 1);
	background: -moz-linear-gradient(top, rgba(76, 205, 154, 1) 0, rgba(134, 195, 99, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(76, 205, 154, 1)), color-stop(100%, rgba(134, 195, 99, 1)));
	background: -webkit-linear-gradient(top, rgba(76, 205, 154, 1) 0, rgba(134, 195, 99, 1) 100%);
	background: -o-linear-gradient(top, rgba(76, 205, 154, 1) 0, rgba(134, 195, 99, 1) 100%);
	background: -ms-linear-gradient(top, rgba(76, 205, 154, 1) 0, rgba(134, 195, 99, 1) 100%);
	background: linear-gradient(to bottom, rgba(76, 205, 154, 1) 0, rgba(134, 195, 99, 1) 100%)
}
.form-pay .form-group p {
	margin-top: 17px;
	color: green
}
.package-box ul li h5 {
	font-weight: 700;
	padding: 6px 0;
	font-size: 17px
}
@media only screen and (max-width:1199px) {
	.navbar-default .navbar-nav>li>a {
		padding: 15px 21px
	}
	.caption h1 {
		font-size: 42px
	}
	.caption {
		padding-right: 4%!important
	}
	.call-txt a {
		font-size: 18px
	}
	.ul-50 li {
		float: left;
		font-size: 9px!important
	}
	.tabs-left>.nav-tabs {
		width: 25%
	}
	.white-bag {
		width: auto
	}
	.top-bar ul {
		margin: 16px 0 0 0!important
	}
	.caption {
		margin-top: 100px
	}
	.foter_map {
		min-height: 570px
	}
}
@media only screen and (max-width:991px) {
	.navbar-default .navbar-nav>li>a {
		padding: 15px 9px
	}
	.caption h1 {
		font-size: 30px
	}
	.call-txt a {
		font-size: 18px
	}
	.ul-50 li {
		float: left;
		font-size: 9px!important
	}
	.tabs-left>.nav-tabs {
		width: 25%;
		padding-top: 0
	}
	.white-bag {
		width: auto
	}
	.caption {
		padding-right: 0
	}
	.form-bg h3 {
		font-size: 25px
	}
	.form-bg h4 {
		font-size: 13px
	}
	.white-bag h2 {
		font-size: 20px
	}
	.minus-top {
		margin-top: -35px
	}
	.tabs-left .nav-tabs li a span {
		font-size: 13px
	}
	.sep-g {
		padding: 0 0!important
	}
}
@media only screen and (max-width:812px) {
	.header {
		min-height: 950px
	}
	.call-txt a {
		font-size: 24px;
		text-align: center
	}
	.side-bars {
		display: none!important
	}
	.top-bar ul li a {
		font-size: 14px
	}
	.top-bar ul {
		float: left;
		margin: 5px 0 0 0
	}
	.offer-call li a {
		font-size: 14px
	}
	.offer-section h3 {
		font-size: 20px
	}
}
@media only screen and (max-width:768px) {
	.navbar-default .navbar-nav>li>a {
		padding: 15px 0 15px 4rem;
		width: 100%
	}
	.caption h1 {
		font-size: 30px
	}
	.call-txt a {
		font-size: 14px
	}
	.ul-50 li {
		float: left;
		font-size: 9px!important
	}
	.tabs-left>.nav-tabs {
		width: 25%;
		padding-top: 0
	}
	.white-bag {
		width: auto
	}
	.caption {
		padding-right: 0
	}
	.form-bg h3 {
		font-size: 25px
	}
	.form-bg h4 {
		font-size: 13px
	}
	.white-bag h2 {
		font-size: 20px
	}
	.minus-top {
		margin-top: -35px
	}
	.tabs-left .nav-tabs li a span {
		font-size: 13px
	}
	.sep-g {
		padding: 0 0!important
	}
	.navbar-nav {
		float: left;
		width: 100%
	}
	.navbar-nav {
		margin: 0
	}
	.types-of-logo button.owl-next {
		top: 45%!important;
		position: absolute!important;
		right: -40px!important;
		width: 30px!important;
		height: 30px!important
	}
	.package-box {
		margin: 1rem 0
	}
	.packages .tab-content {
		margin-top: 30px
	}
	li.sep-g {
		height: 78px
	}
	.tab-call {
		padding-bottom: 0!important
	}
	.tabs-left li.sep-g img {
		height: initial
	}
	.navbar-collapse {
		padding: 0
	}
	.dropdown-menu {
		margin-left: 4rem
	}
	.dropdown-menu a {
		color: #fff!important;
		transition: none
	}
}
@media only screen and (max-width:766px) {
	.header {
		min-height: 950px
	}
	.call-txt a {
		font-size: 24px;
		text-align: center
	}
	.side-bars {
		display: none!important
	}
}
@media only screen and (max-width:712px) {
	.top-bar ul {
		float: left
	}
	.top-bar ul li a {
		font-size: 14px
	}
	.offer-call li a {
		font-size: 10px
	}
	.tabs-left>.nav-tabs {
		width: 99%;
		padding-top: 0
	}
	.mbcs {
		text-align: center
	}
	.types-of-logo .nav-tabs>li {
		width: 47%!important;
		margin-bottom: 2%;
		margin-left: .5%;
		margin-right: .5%
	}
	.captioninner h1 {
		margin-top: 20px!important
	}
	.captioninner {
		padding-bottom: 42px
	}
}
@media only screen and (max-width:480px) {
	.top-bar ul {
		float: left
	}
	.mb {
		display: none
	}
	.top-bar ul li a {
		font-size: 9px
	}
	.offer-call li a {
		font-size: 15px;
		font-weight: 500
	}
	.caption {
		margin-top: -20px
	}
	.mbcs {
		width: 98%
	}
	.header {
		min-height: 895px
	}
	.tabs-left>.nav-tabs {
		width: 95%
	}
	.tab-mL {
		margin-left: 0
	}
	.tab-call {
		margin-left: 0
	}
	.packages {
		background-image: url(../images/mobile-bg-package.jpg);
	}
	.foter_map {
		display: block;
		background-image: url(../images/mobile-map.jpg);
		min-height: 200px;
		background-position: center center;
	}
	.map-contain {
		margin-top: 0px;
	}
	.mbar {
		display: none!important
	}
	.lft {
		margin-left: 16px
	}
	.red-btn {
		margin-right: 0
	}
	.caption1 h1 {
		font-size: 28px;
		color: #fff
	}
	.ul-50 li {
		font-size: 12px!important
	}
	.animation-section h2 {
		font-size: 25px
	}
	.video_bg h1 {
		font-size: 24px
	}
	.minus-top img {
		width: 15%
	}
	.contact_header {
		min-height: 370px
	}
	.caption1 {
		margin-top: 0
	}
	.scriptimg {
		right: 35px
	}
	.work-section h2 {
		font-size: 24px
	}
	.work-section p {
		font-size: 14px
	}
	.bg-solution h2 {
		font-size: 12px
	}
	.bg-solution p {
		font-size: 19px
	}
	.pckg-txt h2 {
		font-size: 18px
	}
	.pckg-txt p {
		font-size: 14px
	}
	.offer-section h3 {
		font-size: 15px
	}
	.ourservc-txt h2 {
		font-size: 24px
	}
	.tabs-left .tab-content ul li {
		font-size: 11px
	}
	.testimonial-section h2 {
		font-size: 26px
	}
	.contact-section h3 {
		font-size: 23px
	}
	.heading h1 {
		font-size: 20px
	}
	.col-xs-offset-2, .col-xs-offset-4 {
		margin-left: 0
	}
	.isotopeContainer2 {
		max-height: 1668px!important;
		overflow: hidden!important
	}
}
@media only screen and (max-width:360px) {
	.offer-call li a {
		font-size: 12px
	}
	.lft {
		margin-left: 12px
	}
	.ul-50 li {
		font-size: 12px!important
	}
	.header {
		min-height: 942px
	}
}
.types-of-logo .nav-tabs>li.active>a, .types-of-logo .nav-tabs>li.active>a:focus, .types-of-logo .nav-tabs>li.active>a:hover {
	background: #eb3423;
	color: #fff;
	text-align: center;
	border: none;
	pointer-events: none
}
.types-of-logo .nav-tabs>li>a, .types-of-logo .nav-tabs>li>a:hover {
	text-align: center;
	color: #444;
	font-size: 13px;
	background: #efefef;
	box-shadow: 0 4px 2px -2px #cacaca;
	border-radius: 0;
	border: none;
	transition: all .1s linear;
	-moz-transition: all .1s linear;
	-webkit-transition: all .1s linear;
	padding: 12px 0;
	min-width: 100%
}
.types-of-logo .nav-tabs>li {
	width: 19%
}
.types-of-logo .nav-tabs {
	text-align: center
}
.logo-content h3 {
	font-weight: 700;
	color: #000;
	font-size: 30px;
	line-height: 40px;
	text-transform: uppercase;
	margin-bottom: 20px
}
.margin-left-0 {
	margin-left: 0
}
.types-of-logo button.owl-next {
	width: 40px;
	height: 40px;
	background-color: #f93221!important;
	border-radius: 50px!important;
	color: #fff!important;
	font-size: 20px!important
}
.types-of-logo button.owl-next {
	top: 41%;
	position: absolute;
	right: -56px
}
.margin-top-4rem {
	margin-top: 4rem
}
.types-of-logo .nav-tabs {
	margin-top: 0
}
.types-of-logo {
	margin-top: 4rem
}
.types-of-logo .tab-content {
	margin-top: 30px
}
#logo p.add-on span {
	display: block;
	border-top: 2px solid;
	margin-top: 1rem;
	padding-top: 1rem
}
form#sideBarForm {
	padding: 4rem 0 0
}
form#sideBarForm h4 {
	margin-bottom: 12px
}
.side-bars .call a {
	color: #fff
}
.side-bars .call a:hover {
	color: #fff;
	text-decoration: none
}
#sideBarForm label.error {
	margin-bottom: 0
}
#bs-example-navbar-collapse-1 .dropdown-toggle:hover {
	background-color: #50cc96;
	color: #fff
}
ul.dropdown-menu li a {
	padding: 10px
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color: #50cc96;
	color: #fff
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background-color: #50cc96;
	color: #fff
}
ul.dropdown-menu {
	padding: 0
}
.open>.dropdown-menu {
	transform: scale(1, 1) translateY(0);
	opacity: 1;
	visibility: visible
}
.open>.dropdown-toggle:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 51%;
	right: 51%;
	bottom: 0;
	background: rgba(23, 195, 126, 1);
	background: -moz-linear-gradient(left, rgba(23, 195, 126, 1) 0, rgba(46, 225, 144, 1) 50%, rgba(49, 228, 148, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0, rgba(23, 195, 126, 1)), color-stop(50%, rgba(46, 225, 144, 1)), color-stop(100%, rgba(49, 228, 148, 1)));
	background: -webkit-linear-gradient(left, rgba(23, 195, 126, 1) 0, rgba(46, 225, 144, 1) 50%, rgba(49, 228, 148, 1) 100%);
	background: -o-linear-gradient(left, rgba(23, 195, 126, 1) 0, rgba(46, 225, 144, 1) 50%, rgba(49, 228, 148, 1) 100%);
	background: -ms-linear-gradient(left, rgba(23, 195, 126, 1) 0, rgba(46, 225, 144, 1) 50%, rgba(49, 228, 148, 1) 100%);
	background: linear-gradient(to right, rgba(23, 195, 126, 1) 0, rgba(46, 225, 144, 1) 50%, rgba(49, 228, 148, 1) 100%);
	height: 4px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	left: 0!important;
	right: 0!important
}
.web-main-tabs {
	width: 22%
}
.web-main-box {
	margin: 14px 0
}
.web-main-box h4 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px
}
.web-main-box .col-sm-9.col-md-10 {
	padding-right: 0
}
@media only screen and (max-width:768px) {
	.offer-call li {
		width: 42%!important
	}
	li.sep-g {
		width: 1%!important;
		margin-right: 3%;
		margin-left: 3%;
		height: 70px
	}
	ul.offer-call.tab-call {
		border-top: 2px solid #70c776
	}
}
.dropdown:hover .dropdown-menu {
	opacity: 1;
	display: block;
	transition: all .3s ease
}
.further-steps #progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	padding-top: 6rem;
	counter-reset: step;
	position: relative;
	z-index: 99;
	padding-left: 0;
}
.further-steps #progressbar li {
	list-style-type: none;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	font-size: 9px;
	width: 33.33%;
	float: left;
	position: relative;
	letter-spacing: 1px;
}
#progressbar li.active:after, .further-steps #progressbar li.active:before {
	background: #24d193;
	color: #fff;
	text-align: center;
}
.further-steps #progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 60px;
	height: 60px;
	line-height: 60px;
	display: block;
	font-size: 20px;
	color: #333;
	background: #cccaca;
	border-radius: 50px;
	margin: 0 auto 10px auto;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 39;
}
.further-steps #progressbar li.color:after {
	background: #cccaca;
}
.further-steps #progressbar li:after {
	content: '';
	width: 100%;
	height: 3px;
	background: #24d193;
	position: absolute;
	left: -50%;
	top: 28px;
	z-index: 38;
}
#progressbar li.active:after, .further-steps #progressbar li.active:before {
	background: #24d193;
	color: #fff;
	text-align: center;
}
.further-steps #progressbar li:first-child:after {
	content: none
}
.social-footer li a {
	width: 36px;
	height: 36px;
	display: block;
	background-image: url(../images/stripe-img.png);
}
.social-footer li.facebook a {
	background-position: 0px 0px;
}
.social-footer li.twitter a {
	background-position: -36px 0
}
.social-footer li.pinterest a {
	background-position: -72px 0
}
.social-footer li.instagram a {
	background-position: -108px 0
}
.choose-img {
	width: 82px;
	height: 80px;
	background-image: url(../images/stripe-img.png);
	margin: 0 auto;
}
.choose-img.variation {
	background-position: -2px -98px;
}
.choose-img.pixel {
	background-position: -343px -98px;
}
.choose-img.unlimited {
	background-position: -599px -98px
}
.choose-img.ontime {
	background-position: -258px -98px;
}
.choose-img.support {
	background-position: -172px -98px;
}
.choose-img.moneyback {
	background-position: -428px -98px;
}
.home-img {
	width: 29px;
	height: 28px;
	display: block;
	background-image: url(../images/stripe-img.png);
	background-position: -40px -63px;
}
#web .feature, .free, .business {
    color: red !important;
    border-top: 2px solid #1bce95;
    margin-top: 35px;
    padding-top: 10px;
}
.package-box:hover .feature, .package-box:hover .free, .package-box:hover .business {
    border-color: white;
}
.text-center2 {
    font-size: 10px;
    margin: 0px 0 0;
    text-align: center;
}
input[type=checkbox], input[type=radio] {
    margin: 0 0 0; 
}
.text-center2 input[type="checkbox"] {
    margin-right: 4px;
}
.text-center2 p {
    font-size: 10px;
    margin: 0px 0 0;
    text-align: center;
    padding-right: 15px;
    margin-bottom: 10px;
}


/*brandpage*/

	.package-box{margin-bottom: 10px;}
	section.full-width.mid-section1{padding: 6rem 0px 0rem !important;}
	.branding_header{min-height: 625px;}
	.captioninner h1 {
	    margin-top: 50px;
	}
	.captioninner p {
    		margin-bottom: 32px;
	}

/*brandpage*/

/*case-studio*/
	.package-box{margin-bottom: 10px;}
	.text-color-white .work-section h4{color:white;margin-top: 0px;}
	.text-color-white .work-section h2{color: #fff;font-size: 32px;font-weight: 600;margin: 0 0 24px 0;}
	.text-color-white .work-section p{color: #fff;font-size: 18px;font-weight: 400;margin: 0;}
	.text-color-white ul.filter>li.active a{color:white;border-bottom:2px solid white;}
	.text-color-white ul.filter>li>a:focus, ul.filter>li>a:hover{color:white}
	.text-color-white ul.filter>li>a{color:#00ff90}
	.work-section h2{color: #fff;font-size: 32px;font-weight: 600;margin: 0 0 24px 0;}
	.margin-top-4rem{margin-top: 4rem}
	.isotopeContainer2 {max-height: 1560px;overflow: hidden;}
	.custom-padding{padding-top: 0px;}
    .pckg-txt h2{margin-top: 4rem !important;}
/*
    	.side-bars{
			width: 40px;
		}*/
		.side-bars .call:hover{
			left: -150px;
		}
		.side-bars .chat:hover{
			left: -200px;
		}
		.side-bars .call,
		.side-bars .chat,
		.side-bars .request{
			left: 0;
		}
/*case-studio*/


/*contact*/

	.xdsoft_datetimepicker.xdsoft_noselect.xdsoft_.xdsoft_inline{
			display: none;
		    left: 15px !important;
		    top: 60px !important;
		}

		.contact-section p a{
			    color: #383838;
			    font-size: 16px;
			    font-weight: 400;
			    text-decoration: none;
		}


		.emailtext{
			cursor: pointer;
			font-weight: 700 !important;
		}

		.emailtext:hover {
    		color: #67d29c;
	}
		section.full-width.contact-section{margin: 2rem 0 0rem;}

/*contact*/



/*mobile*/

	.package-box{margin-bottom: 10px;}
	section.full-width.mid-section1,section.full-width.package-section{padding: 6rem 0px 0rem !important;}
	.captioninner h1{
		margin-top: 50px;
	}
	.captioninner p{
		margin-bottom: 32px;
	}
	.mobile-skill{
		padding-bottom: 60px;
	}
	.mobile-skill h1{
		font-size: 16px;
	    line-height: 34px;
	    text-transform: uppercase;
	    font-weight: bold;
	    text-align: center;
	    margin-bottom: 4px;
	}
	.mobile-box{
		text-align: center;
		background-color: white;
    		padding-top: 48px;
    		padding-bottom: 48px;
    		border:4px solid #45e3b2;
    		margin-top: 30px;
    		-webkit-transition: all .5s ease;
    		   -moz-transition: all .5s ease;
    		    -ms-transition: all .5s ease;
    		     -o-transition: all .5s ease;
    		        transition: all .5s ease;
	}
	.ourservc-txt h2{
		margin-bottom: 10px;
	}
	.mobile-box i{
		font-size: 46px;
    		color: #4cd0a7;
    		border: 2px solid #e3e3e3;
    		border-radius: 50px;
    		width: 80px;
    		line-height: 74px;
    		height: 80px;
	}
	.mobile-box p{
		width: 90%;
    		margin: 0 auto;
    		font-size: 14px;
    		line-height: 25px;
    		color: #000000;
	}
	.mobile-box:hover{
		background-color:transparent;
		border-color: white;
	}
	.mobile-box:hover p{
		color: white;
	}
	.mobile-box:hover i{
		color: white;
		border-color: white;
	}
	.process-box{
		text-align: center;
		position: relative;
	}
	.process-box h1{
		font-size: 16px;
    		text-transform: uppercase;
    		line-height: 34px;
    		font-weight: bold;
	}
	.process-box p{
		font-size: 14px;
		line-height: 20px;
		color: #000000;
	}
	.process{
		width: 100%;
    		float: left;
    		position: relative;
    		margin-top: 30px;
	}
	.process:before {
	    content: "";
	    position: absolute;
	    border: 1px solid #d8d8d8;
	    width: 92%;
	    margin: 0 auto;
	    text-align: center;
	    display: block;
	    left: 0;
        	top: 40px;
	    right: 0;
	}
	.process i{
		font-size: 36px;
		    width: 80px;
		    height: 80px;
		    background-color: #eaeaea;
		    border-radius: 50px;
		    border: 2px solid #d8d8d8;
		    line-height: 77px;
		    -webkit-transition: all .5s ease;
		       -moz-transition: all .5s ease;
		        -ms-transition: all .5s ease;
		         -o-transition: all .5s ease;
		            transition: all .5s ease;
	}
	.process-container{
		margin-bottom: 6rem;
	}
	.process-box-1:before {
	    content: "";
	    width: 16px;
	    height: 16px;
	    position: absolute;
	    background-color: #4cd0a7;
	    left: 0;
	    border-radius: 50px;
	    top: 32px;
	}
	.process-box-2::before{
		content: "";
	    	background-image: url(../images/arrow-right.png);
	    	right: 0;
	   	top: 32px;
	    	width: 16px;
	    	height: 16px;
	    	position: absolute;
	    	background-size: contain;
	}
	.process-box:hover i{
		border-color: #4cd0a7;
	}
	@media only screen and (max-width: 1200px)  {
		.mobile-skill h1{
			font-size: 14px;
		}
	}
	@media only screen and (max-width: 750px)  {
		.mobile-box{
			padding-top: 36px;
			padding-bottom: 38px;
		}
		.border-on-xs, .border-on-xs-1{
			position: relative;
			margin-top: 20px;
		}
		.border-on-xs:before {
		    content: "";
		    position: absolute;
		    border: 1px solid #d8d8d8;
		    width: 89%;
		    text-align: center;
		    display: block;
		    top: 40px;
		    right: 0;
		}
		.border-on-xs-1:before {
		    content: "";
		    position: absolute;
		    border: 1px solid #d8d8d8;
		    width: 89%;
		    text-align: center;
		    display: block;
		    left: 0;
		    top: 40px;
		}
	}


/*mobile*/

/*video-animation-page-css*/


	.package-box {margin-bottom: 10px;}
	.package-box ul{height: 200px;}
	section.full-width.mid-section1,section.full-width.package-section{padding: 6rem 0px 0rem !important;}
	.video_header{min-height: 625px;}
	.captioninner h1 {
	    margin-top: 50px;
	}
	.captioninner p {
    		margin-bottom: 32px;
	}
	.ourservc-txt h2{
		font-size: 32px;
	}
	.owl-testimonial .t-shadow{
		min-height: 480px;
	}
	.btn-order{
		margin-top: 18px;
	}


/*video-animation-page-css*/


/*seo*/

	.package-box{margin-bottom: 10px;}
	section.full-width.mid-section1,section.full-width.package-section{padding: 6rem 0px 0rem !important;}
	.seo_header{min-height: 625px;}
	.captioninner h1 {
	    margin-top: 50px;
	}
	.captioninner p {
    		margin-bottom: 32px;
	}

/*seo*/


/*trust-pilot*/
.trust-pilot{
margin-right: 1%;background-color: #393939;border-radius: 10px;padding: 6px 16px;width: 60%	
}


/*trust-pilot*/


/*porfolio*/
	.package-box{margin-bottom: 10px;}
	.text-color-white .work-section h4{color:white;margin-top: 0px;}
	.text-color-white .work-section h2{color: #fff;font-size: 32px;font-weight: 600;margin: 0 0 24px 0;}
	.text-color-white .work-section p{color: #fff;font-size: 18px;font-weight: 400;margin: 0;}
	.text-color-white ul.filter>li.active a{color:white;border-bottom:2px solid white;}
	.text-color-white ul.filter>li>a:focus, ul.filter>li>a:hover{color:white}
	.text-color-white ul.filter>li>a{color:#00ff90}
	.work-section h2{color: #fff;font-size: 32px;font-weight: 600;margin: 0 0 24px 0;}
	.margin-top-4rem{margin-top: 4rem}

.isotopeContainer2 {max-height: 1560px;overflow: hidden;}
	.custom-padding{padding-top: 0px;}
    	.pckg-txt h2{margin-top: 4rem !important;}


    		.isotopeContainer2 {max-height: 1560px;overflow: hidden;}
	.custom-padding{padding-top: 0px;}
    	.pckg-txt h2{margin-top: 4rem !important;}
/*porfolio*/	


/*web_app_development*/
	.package-box{margin-bottom: 10px;}
	section.full-width.mid-section1,section.full-width.package-section{padding: 6rem 0px 0rem !important;}
	.captioninner h1{
		margin-top: 50px;
	}
	.captioninner p{
		margin-bottom: 32px;
	}

/*web_app_development*/

/*web_maintainences*/

	.package-box{margin-bottom: 10px;}
	section.full-width.mid-section1,section.full-width.package-section{padding: 6rem 0px 0rem !important;}
	.captioninner h1{
		margin-top: 50px;
	}
	.captioninner p{
		margin-bottom: 32px;
	}
p.para-p{
	margin-bottom: 2rem;margin-right: 0px;
}

.xdsoft_datetimepicker.xdsoft_noselect.xdsoft_.xdsoft_inline{
	display: none;
left: 15px !important;
top: 60px !important;
}

/*web_maintainences*/


/*pricing*/
	.package-box{margin-bottom:10px}#logo .slimScrollDiv{box-shadow:0 5px 10px 0 rgba(0,0,0,.75);-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.75);-moz-box-shadow:0 5px 10px 0 rgba(0,0,0,.75);box-shadow:0 5px 10px 0 rgba(0,0,0,.1)}.col-half-offset{margin-left:4.166666667%}.isotopeContainer2{max-height:1560px;overflow:hidden}.custom-padding{padding-top:0}.pckg-txt h2{margin-top:4rem!important}.package-box:hover .border-new{border-color:#fff!important}
	#web .feature, .free, .business{color: red !important;border-top: 2px solid #1bce95;
    margin-top: 10px;
    padding-top: 10px;}
	.scroll b{color: red !important;}
	#web .package-box:hover .feature, #web .package-box:hover .free,#web .package-box:hover .business{
		border-color: white;
	}
	#video .btn-order{
		margin-top: 16px;
	}
/*pricing*/


/*webdiscount*/
 .nav-remove .navbar {
    display: none;
}

	.package-box{margin-bottom: 10px;}
	section.full-width.mid-section1,section.full-width.package-section{padding: 6rem 0px 0rem; !important}
  .new_promo_header{
        background-image: url(../images/promo_web_header.jpg);
  }
   
  .top-bar ul li{color: white}
  .logo{border-right:0px;}
  .new-promo-urgent i{
    color: #a5c319;
  }
  .bg-solution{
  	background-image: none;
  	background-color: #6a5cb4; 
  }
  .desktopawards {
    padding: 4rem 0rem;
    float: left;
    width: 100%;
   }
  .branf-offer{
  	float: left;
  	width: 100%;
  }
  .branf-offer .container.first-c {
    background: #24d193;
    margin-bottom: 50px;
}
section.branf-offer {
    overflow: hidden;
    position: relative;
    padding: 50px 0 0;
    background: 0 0;
    background-size: cover;
    font-family: Poppins,sans-serif!important;
}
section.branf-offer h1 {
    color: #fff;
    background: #24d193;
    text-align: center;
    line-height: 50px;
    font-size: 44px;
    margin-bottom: 0;
    text-shadow: none;
    padding: 3rem 0!important;
    border-bottom: 4px solid #1fa776;
}
section.branf-offer h1 span {
    display: inline-block;
    color: #fff000;
    font-size: 44px;
}
section.branf-offer h1 {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 0;
    float: left;
    width: 50%;
}
section.branf-offer ul{
	list-style: none;
}
section.branf-offer>div>h1+div>div ul {
    width: 47%;
    display: inline-block;
    float: left;
    padding-left: 1rem;
}
#combo-box {
    display: block !important;
}
section.branf-offer>div>h1+div>div ul li {
    line-height: 17px;
}
section.branf-offer>div>h1+div>div ul li, section.branf-offer>div>h1+div>div ul li h4 {
    color: #fff!important;
}
section.branf-offer>div>h1+div>div ul li {
    font-size: 14px;
    padding-bottom: 13px;
    line-height: 14px;
}
section.branf-offer>div>h1+div>div ul li h4 {
    font-size: 20px;
    margin-bottom: 1px;
    font-weight: 600;
}
.colspArticle ul li {
    display: flex;
}
section.branf-offer>div>h1+div>div ul li i.fa {
    color: #fff000;
    margin-right: 5px;
}
section.branf-offer>div>h1+div>div ul li i {
    margin-top: 1px;
}
.row.brn{
	padding-top: 2rem;
    padding-bottom: 2rem;
}
p.brand {
    margin-top: 6px;
    font-size: 30px;
    line-height: 43px;
    margin-bottom: 20px!important;
}
p.brand span {
    color: #dd3b18;
    -webkit-text-stroke: 1px #fff;
    text-shadow: 1px 0 2px #000;
    font-size: 56px;
    font-weight: bold;
}
.cta-brandoffer {
    background: url(../images/client-expect.png) top center/cover no-repeat;
    padding: 66px 0;
    margin-top: 22px;
    color: #fff;
}
.cta-brandoffer p {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
}
.cta-brandoffer h2 {
    text-transform: uppercase;
    background: linear-gradient(to right,#c2f276 0,#0f9 100%);
    -webkit-background-clip: text;
    color: #fff;
    font-size: 52px;
    font-weight: 600;
    margin-top: 0;
}
footer{
	float: left;
    width: 100%;
    text-align: center;
    color: white;
}
.footer-bottom {
    background: #1b1c22;
    padding: 20px 0 5px;
}
@media only screen and (max-width: 1200px)  {
	.new_promo_header .red-btn{
		width: 100%;
    		font-size: 1.4vw;
    		text-align: center;
	}
	.banner-right-image{
		margin-top: 1rem;
	}
	.new_promo_header{
		min-height: 576px;
	}
	.package-box h4{
		font-size: 18px;
    		font-weight: bold;
	}
}
@media only screen and (max-width: 992px)  {
	.new_promo_header h1{
		font-size: 2.9vw;
	}
	.new_promo_header {
    		min-height: 536px;
	}
	.banner-right-image {
    		margin-top: 3rem;
	}
	.home-brands img {
	    margin-top: 10px;
	    margin-bottom: 10px;
	}
	.colspArticle .first {
        padding-top: 6rem!important
    	}
}
@media only screen and (max-width: 768px) {
	.logo{
		width: 100%;
	}
	.top-bar{
		margin: 0 auto;
    		display: inline-block;
    		width: 100%;
	}
	.logo a{
		text-align: center;
    		margin: 0 auto;
    		display: inline-block;
    		width:100%;
	}
	.logo a img{
		margin: 0 auto;
	}
	.top-bar ul{
		margin: 0 auto !important;
    		display: inline-block;
    		width: 100%;
    		text-align: center;
	}
	.top-bar ul li{
		text-align: left
	}
	.colspArticle:nth-of-type(1), section.branf-offer h1:nth-of-type(1){
        border-right: 0px !important;
    	}
    	.colspArticle .first {
    		padding-top: 2rem!important;
	}
	section.branf-offer h1{
		padding: 2rem 0 1rem !important;
	}
	#combo-box .brn .col-md-6 .text-right{
		text-align: right;
    		position: absolute;
    		top: 0;
    		right: 0;
	}
	#combo-box .green-btn{
		width: 50%;
		text-align: center;
	}
}
@media only screen and (max-width: 590px){
	.award-new{
		width: 100%;
	}
	.margin-adjust-row{
		margin-top:2rem !important;
	}
	.top-bar ul a{
		display: inline-block;
		padding: 4px 0px;
	}
	.new_promo_header h1 {
	    font-size: 6vw;
	    line-height: 48px;
	}
	.new_promo_header .red-btn{
		    font-size: 3.4vw;
		    font-weight: 600 !important;
	}
	.new_promo_header{
		padding-bottom: 20px;
	}
	.package-box h4 {
	    font-size: 5vw;
	}
	section.branf-offer h1{
		width: 100%;
	}
	.top-bar ul li.sep:last-of-type{
		display: none !important;
	}
	.bg-solution .red-btn{
	 	width: 84%;
	 }
	 .cta-brandoffer a{
	 	width: 84%;
	 }
	.cta-brandoffer h2{
		font-size: 7vw;
	}
	.cta-brandoffer p{
		font-size: 4vw;	
	}
	.new-promo-urgent li {
	    font-size: 13px;
	    line-height: 24px;
	}
	.work-section br{
		display: none;
	}
	.top-bar ul a:nth-child(5), .top-bar ul .chatt{
		display: none;
	}
}
@media only screen and (max-width: 455px){
	.new_promo_header h1 {
	    font-size: 27px;
	    line-height: 36px;
	}
	 li.sep{
	 	display: none !important;
	 }
	 .top-bar ul a{
	 	padding: 4px 2% !important;
	 }
	 section.branf-offer h1 span{
	 	font-size: 7vw;
	 }
	 section.branf-offer h1{
	 	font-size: 7vw;
	 }
	 section.branf-offer>div>h1+div>div ul{
	 	width: 100%;
	 }
	 p.brand span{
	 	font-size: 13vw;
	 }
	 #combo-box .brn .col-md-6 .text-right{
	 	top:34px;
	 }
	 p.brand{
	 	font-size: 5vw;
	 	color: white;
	 }
	 .colspArticle ul{
	 	margin-bottom: 0px;
	 }
	 .colspArticle ul:last-of-type li.first{
		padding-top: 0px !important;
	 }

}


.pckg-sec ul.nav-tabs li:nth-child(2){
display: none;
}

.pckg-sec ul.nav-tabs li:nth-child(3){
display: none;
}

.pckg-sec ul.nav-tabs li:nth-child(5){
display: none;
}

.pckg-sec ul.nav-tabs li:nth-child(6){
display: none;
}

.pckg-sec ul.nav-tabs li:nth-child(7){
display: none;
}


.mid-section1 .work-section h2 {
    color: #333;
}

/*webdiscount*/