.slick-dots, li {
	list-style: none
}
.slick-dots, .tooltip-inner {
	text-align: center
}
body {
	background: #ffffff;
	color: #444;
	font-size: 16px;
	line-height: 24px;
	overflow-x: hidden!important;
	font-family: 'Roboto', sans-serif;
	
	
}


body .task-rabbit {
font-family: 'Montserrat', sans-serif;
}
 

body .inner-wrap.task-rabbit h1,  body .inner-wrap.task-rabbit h2, body .inner-wrap.task-rabbit h3, body .inner-wrap.task-rabbit h4, body .inner-wrap.task-rabbit h5, body .inner-wrap.task-rabbit h6, body .inner-wrap.task-rabbit p, body .inner-wrap.task-rabbit span, body .inner-wrap.task-rabbit small{
font-family: 'Montserrat', sans-serif!important;
}




#team-member-modal .section-header p, .circle .info, .filter li a, .progress-bar, .single-plan .all-feature li, h1, h2, h3, h4, h5, h6 {
	font-family: 'Fjalla One', sans-serif
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	margin: 0
}
p {
	padding-top: 0;
	margin-bottom: 10px
}
a, a:focus {
	text-decoration: none;
	-webkit-transition: all .33s;
	-moz-transition: all .33s;
	-ms-transition: all .33s;
	-o-transition: all .33s;
	transition: all .33s
}
img {
	max-width: 100%
}
ul {
	margin: 0;
	padding: 0
}
i {
	vertical-align: middle
}
a {
	-webkit-transition: all .7s;
	transition: all .7s
}
a, a:hover {
	text-decoration: none
}
.full-width {
	width: 100%;
	margin: auto
}
a:active, a:focus, button:active, button:focus, input:active, input:focus, select:active, select:focus, textarea:active, textarea:focus {
	outline: 0
}
.btn.focus, .btn:focus, .btn:hover {
	color: #333;
	text-decoration: none
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
	outline: 0!important
}
.form-control:focus {
	box-shadow: none;
	border-color: #ddd
}
.section-padding {
	padding: 90px 0
}
.no-gutter [class*=col-] {
	padding-right: 0;
	padding-left: 0
}
.media-left, .media>.pull-left {
	padding-right: 10px;
	float: left
}
div#preloader {
	overflow: hidden;
	background-color: #fff;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999
}
.cssload-loader {
	-webkit-animation: cssload-loader 2.3s ease 0s normal infinite;
	animation: cssload-loader 2.3s ease 0s normal infinite;
	border: 5px solid #d5251b;
	display: block;
	height: 50px;
	margin: -25px auto auto -25px;
	position: fixed;
	width: 50px;
	left: 50%;
	top: 50%;
	border-radius: 1px
}
.cssload-loader-inner {
	vertical-align: top;
	display: inline-block;
	width: 100%;
	background-color: #d5251b;
	animation: cssload-loader-inner 2.3s infinite ease-in;
	-o-animation: cssload-loader-inner 2.3s infinite ease-in;
	-ms-animation: cssload-loader-inner 2.3s infinite ease-in;
	-webkit-animation: cssload-loader-inner 2.3s infinite ease-in;
	-moz-animation: cssload-loader-inner 2.3s infinite ease-in
}
@keyframes cssload-loader {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
25%, 50% {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
100%, 75% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes cssload-loader-inner {
0%, 100%, 25% {
height:0
}
50%, 75% {
height:100%
}
}
#navigation {
	box-shadow: 0 1px 4px rgba(0,0,0,.1);
	background: #fff;
	padding: 0;
	z-index: 9999;
	transition: all .5s
}
#navigation .navbar {
	margin-bottom: 0
}
body #navigation .nav .dropdown.open>a, body #navigation .nav .open>a, body #navigation .nav .open>a:focus {
	background-color: transparent;
	color: #d5251b
}
#navigation .nav a:focus {
	color: #444
}
.navbar-right .dropdown .dropdown .dropdown-menu.res-menu {
	left: auto!important;
	right: 100%!important;
	top: 0;
	width: 100%
}
#navigation .navbar-brand {
	padding: 17px 15px
}
ul.dropdown-menu {
	background: #fff;
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
	border-radius: 0;
	border-top: 2px solid #d5251b;
	height: auto;
	margin: 0;
	padding: 0;
	z-index: 99999
}
.navbar-right .dropdown {
	text-transform: capitalize
}
.nav-tabs>li>a, .panel-title a, .st-title {
	text-transform: uppercase
}
.navbar-right .dropdown .dropdown .dropdown-menu {
	right: auto;
	left: 100%;
	top: 0
}
#navigation .navbar-nav li.dropdown .dropdown:hover ul.dropdown-menu {
	display: block
}
#navigation .navbar-nav>li>a {
	color: #444;
	font-size: 16px;
	padding: 29px 0 28px;
	margin: 0 15px
}
ul.dropdown-menu li a {
	background: #fff;
	font-size: 16px;
	line-height: 16px;
	font-weight: 500;
	display: block;
	padding: 16px 20px
}
#navigation ul.dropdown-menu li a:hover {
	background: #f1f1f1
}
.navbar-right .dropdown-menu {
	right: auto;
	left: 0;
	top: 76px
}
#navigation .nav li.active>a, #navigation .nav li>a:focus, #navigation .nav li>a:hover, #navigation .navbar-nav .dropdown li.sactive>a, .social-network-bar.nav>li>a:hover {
	background-color: transparent;
	color: #d5251b!important;
	text-decoration: none
}
.social-network-bar {
	margin-left: 24px;
	padding: 14px 0
}
.social-network-bar.nav>li {
	position: relative;
	display: inline-block
}
.social-network-bar.nav>li>a {
	color: #444;
	display: inline-block;
	font-size: 14px;
	padding: 12px 6px
}
.navbar-collapse {
	padding-right: 0;
	padding-left: 0
}
#navigation.home-ts-menu {
	position: absolute;
	box-shadow: none;
	background: 0 0;
	top: 0;
	left: 0;
	width: 100%
}
#navigation.home-ts-menu.navbar-fixed-top, .home-4 #navigation.home-ts-menu.navbar-fixed-top {
	color: #444;
	box-shadow: 0 1px 4px rgba(0,0,0,.1);
	background: #fff;
	position: fixed
}
.btn.btn-action {
	background: #d5251b;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	padding: 13px 25px;
	margin-bottom: 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.home-2 .btn.btn-action {
	color: #444;
	background: #fff
}
.home-2 .btn.btn-action:hover {
	background: #f1f1f1;
	color: #444
}
.home-2 .btn.learn-more.btn-action {
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
	margin-left: 10px
}
.home-2 .btn.learn-more.btn-action:hover {
	background-color: #fff;
	color: #d5251b
}
.btn.btn-action:hover {
	background: #d73333
}
.home {
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center bottom;
	padding: 354px 0 282px;
	position: relative;
	z-index: 1;
	overflow: hidden
}
#call-to-action-area::after, .home:after {
	z-index: -1;
	content: ""
}
.home:after {
	background: rgba(0,0,0,0);
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute
}
.home-text {
	color: #f9f9f9
}
.home-text h1 {
	font-size: 48px;
	padding-bottom: 9px
}
.home-text p {
	font-size: 24px;
	line-height: 30px;
	padding-bottom: 20px
}
.home.yt-background {
	background: #000;
	overflow: hidden;
	padding-bottom: 45px
}
.home.home-2:after {
	background: rgba(221,85,85,.8)
}
.home.slide-1 {
	background: url(assets/images/home-bg-1.jpg) center no-repeat local;
	background-size: cover
}
.home.slide-2 {
	background: url(assets/images/home-bg-2.jpg) center no-repeat local;
	background-size: cover
}
.home.slide-3 {
	background: url(assets/images/home-bg-3.jpg) center no-repeat local;
	background-size: cover
}
.home-carousel .slick-arrow:hover, i.slick-arrow {
	background: 0 0
}
.home-carousel .right.slick-arrow {
	right: -80px;
	top: 45%
}
.home-carousel .slick-arrow {
	background: 0 0;
	border: 0;
	color: #ddd;
	font-size: 48px;
	height: auto;
	line-height: 70px;
	transition: all .33s;
	width: auto;
	z-index: 999
}
.home-carousel .left.slick-arrow {
	left: -80px;
	top: 45%
}
.home-carousel:hover .left.slick-arrow {
	left: 50px;
	top: 45%
}
.home-carousel:hover .right.slick-arrow {
	right: 50px;
	top: 45%
}
.yt-background .home-carousel .slick-arrow {
	top: 30%
}
.yt-background .home-carousel:hover .left.slick-arrow {
	left: 50px;
	top: 30%
}
.yt-background .home-carousel:hover .right.slick-arrow {
	right: 50px;
	top: 30%
}
.slick-dots {
	bottom: 25px;
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	width: 100%
}
.home-carousel .slick-dots li {
	background: #fff;
	border-radius: 100%;
	border: 2px solid transparent;
	display: inline-block;
	cursor: pointer;
	height: 12px;
	margin: 0 4px;
	position: relative;
	padding: 0;
	width: 12px
}
.home-carousel.slick-dotted.slick-slider {
	margin-bottom: 0
}
.home-carousel .slick-dots li.slick-active {
	border-color: #fff;
	background-color: transparent
}
.home-carousel .slick-dots li button {
	opacity: 0
}
.yt-background {
	background-repeat: no-repeat;
	background-size: cover
}
.yt-controls {
	margin-top: 215px
}
.list, .list1 {
	margin-top: 30px
}
.yt-controls a {
	display: inline-block;
	color: #fff;
	width: 20px
}
.yt-controls a:hover {
	color: #fff
}
#service.section-padding {
	background: #fff;
	padding: 90px 0 60px
}
.section-header {
	padding-bottom: 60px
}
.section-header h2 {
	font-size: 36px;
	padding-bottom: 10px
}
.section-header p {
	font-size: 18px;
	line-height: 30px
}
.single-service {
	margin-bottom: 30px
}
.single-service .service-icon {
	border: 6px solid #d3d3d3;
	border-radius: 50%;
	color: #d5251b;
	display: inline-block;
	font-size: 46px;
	height: 110px;
	width: 110px;
	margin-bottom: 30px;
	transition: all .33s
}
.single-service .service-icon .fa {
	line-height: 100px
}
.single-service:hover .service-icon {
	border-color: #d5251b
}
.single-service h2 {
	font-size: 24px;
	padding-bottom: 15px
}
.single-service p {
	font-size: 16px;
	line-height: 24px;
	text-align: justify
}
.home-4 .single-service:hover .service-icon {
	background-color: #d5251b;
	color: #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 8px #fff, 0 0 0 11px #d5251b
}
#call-to-action-area {
	background: url(assets/images/call-to-action-bg.jpg) 0 0/cover no-repeat rgba(0,0,0,0);
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
	position: relative;
	z-index: 1
}
#call-to-action-area::after {
	background: rgba(48,37,27,.2);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}
.call-to-action-text h2 {
	color: #fff;
	font-size: 28px;
	line-height: 42px;
	margin-bottom: 0
}
.call-to-action-text h2 span {
	font-size: 18px
}
.call-to-action-text .btn-action {
	padding: 11px 23px;
	font-weight: 500
}
#experts ul li h3 {
	display: none
}
.filter li, .filter li a {
	display: inline-block
}
#well_doc ul li {
	float: left;
	font-size: 15px;
	margin-bottom: 10px;
	text-align: left
}
#well_doc ul li i {
	margin-right: 5px
}
.list {
	border-right: 1px dashed #444;
	float: left;
	padding-right: 34px;
	width: 43%
}
.list1 {
	float: right;
	width: 50%
}
#portfolio {
	background: #fff
}
.portfolio-items {
	overflow: hidden;
	z-index: 1
}
.filter {
	margin-bottom: 50px
}
.filter li a.active, .filter li a:hover {
	color: #fff;
	background: #d5251b;
	border-color: #d5251b
}
.filter li a {
	cursor: pointer;
	color: #444;
	border: 2px solid #ddd;
	font-size: 16px;
	padding: 4px 11px;
	margin: 0 5px;
	position: relative;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out
}
.tooltip.top .tooltip-arrow {
	border-width: 5px 5px 0;
	border-top-color: #d5251b;
	bottom: 0;
	left: 50%;
	margin-left: -5px
}
.single-portfolio {
	position: relative;
	margin-bottom: 30px
}
.tooltip-inner {
	background-color: #d5251b;
	border-radius: 4px;
	color: #fff;
	max-width: 200px;
	padding: 3px 8px
}
.single-portfolio .portfolio-overlay {
	background: rgba(213,37,27,.75);
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: all .33s
}
.single-portfolio:hover .portfolio-overlay {
	opacity: 1
}
.single-portfolio .portfolio-overlay h2 {
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	padding-bottom: 8px
}
.single-portfolio .portfolio-overlay h3 {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	border: 2px solid #fff;
	padding: 6px 10px;
	margin-top: 2px
}
.isotope-item {
	z-index: 2
}
#team, .isotope-hidden.isotope-item {
	z-index: 1
}
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	transition-duration: .8s
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity
}
.pt-img {
	position: relative;
	width: 100%
}
#team:after, .pt-caption {
	position: absolute;
	width: 100%;
	left: 0
}
.pt-caption {
	background: rgba(0,0,0,.7);
	bottom: 0;
	color: #fff;
	font-size: 18px;
	line-height: 55px;
	height: 54px;
	text-align: left;
	padding-left: 25px
}
body.portfolio {
	background: #fff
}
#team {
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
	position: relative
}
#team:after {
	background: rgba(68,68,68,.75);
	content: "";
	height: 100%;
	top: 0;
	z-index: -1
}
.single-team-member {
	background: #fff;
	color: #444;
	padding: 30px 0 10px;
	margin-bottom: 30px
}
.single-team-member .member-img {
	border-radius: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 42px 24px
}
.single-team-member .member-img .img-overlay {
	background: rgba(221,85,85,0);
	border-radius: 50%;
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 99;
	transition: all .33s linear
}
.single-team-member:hover .member-img .img-overlay {
	background: rgba(213,37,27,.75)
}
.single-team-member .member-img .img-overlay .fa {
	color: #ffacac;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 20px;
	width: 150px;
	margin-top: -10px;
	margin-left: -75px;
	opacity: 0
}
.single-team-member:hover .member-img .img-overlay .fa {
	transition: all .33s linear;
	opacity: 1
}
.member-caption h2 {
	font-size: 24px;
	line-height: 36px
}
.member-caption h3 {
	color: #888;
	font-size: 18px;
	padding-top: 2px;
	padding-bottom: 20px
}
.project-details h2 {
	padding: 10px 0
}
.member-social {
	margin-bottom: 20px
}
.member-social ul li {
	display: inline-block
}
.member-social ul li a {
	background: #c5c5c5;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	height: 36px;
	width: 36px;
	margin-right: 7px;
	text-align: center
}
.member-social ul li a:hover {
	background: #55acee;
	color: #fff
}
.member-social ul li a .fa {
	line-height: 36px
}
.member-social ul li a.twitter:hover {
	background: #55acee
}
.member-social ul li a.facebook:hover {
	background: #3b5998
}
.member-social ul li a.linkedin:hover {
	background: #007bb5
}
.member-social ul li a.github:hover {
	background: #000
}
.member-social ul li a.google-plus:hover {
	background: #dd4b39
}
.member-social ul li a.instagram:hover {
	background: #125688
}
.modal {
	color: #444
}
.progress {
	border-radius: 1px;
	background-color: #ddd;
	box-shadow: none;
	height: auto;
	position: relative;
	margin-top: 7px
}
.skills .progress {
	background-color: #ffc7c7
}
.progress-bar {
	height: 32px;
	font-size: 16px;
	line-height: 32px;
	text-align: left;
	padding-left: 14px
}
.skills .progress-bar {
	background-color: #d5251b
}
#team-member-modal .project-details p, #team-member-modal .skills {
	padding-bottom: 15px
}
#team-member-modal .section-header p {
	color: #888;
	font-size: 18px;
	line-height: 30px
}
#team-member-modal .member-social {
	margin-left: 0
}
.modal-img .slick-arrow.left {
	z-index: 999;
	top: 50%;
	left: 0
}
.modal-img .slick-arrow.right {
	z-index: 999;
	top: 50%;
	right: 0
}
.modal-backdrop {
	z-index: -1040
}
.team-items {
	padding-bottom: 40px
}
.slick-list {
	margin: 0 -15px
}
.slick-slide {
	outline: 0;
	margin: 0 15px
}
.slick-carousel-3 .slick-arrow, .team-items .slick-arrow {
	margin-top: 0;
	margin-left: -35px;
	bottom: -9px;
	left: 50%
}
.slick-carousel-3 .fa.right, .team-items .fa.right {
	margin-left: 10px
}
i.slick-arrow {
	border: 2px solid #e2e2e2;
	border-radius: 0;
	cursor: pointer;
	color: #e2e2e2;
	display: inline-block;
	font-size: 22px;
	line-height: 32px;
	height: 36px;
	width: 36px;
	position: absolute;
	padding: 0;
	text-align: center;
	transition: all .33s
}
i.slick-arrow:hover {
	border-color: #d5251b;
	background: #d5251b;
	color: #fff
}
#about {
	background: #fff
}
.about-text h2 {
	font-size: 24px;
	margin-bottom: 32px;
	text-align: left;
	margin-left: 0
}
.about-text p {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 21px;
	text-align: justify
}
.our-skill {
	margin-top: 60px
}
.our-skill h2 {
	font-size: 30px;
	margin-bottom: 60px
}
.circle {
	position: relative;
	text-align: center;
	transform: rotate(90deg)
}
.our-skill h3 {
	margin-top: 20px;
	font-size: 20px
}
.circle .info {
	color: #444;
	font-size: 24px;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 30px;
	width: 150px;
	margin-top: -23px;
	margin-left: -66px;
	transform: rotate(-90deg)
}
#process.section-padding {
	background: url(assets/images/process-bg.jpg) no-repeat fixed;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	z-index: 0;
	padding-bottom: 55px
}
#process:after {
	content: "";
	background: rgba(245,245,245,.9);
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: -1
}
.single-process {
	margin-bottom: 35px
}
.single-process .process-icon {
	position: relative
}
.single-process .process-icon .icon-container {
	background: rgba(245,245,245,.9);
	border-radius: 5px;
	border: 2px solid #d3d3d3;
	color: #999;
	display: inline-block;
	font-size: 30px;
	height: 100px;
	width: 100px;
	transition: all .33s;
	overflow: hidden;
	position: relative;
	z-index: 999
}
.single-process .process-icon:after {
	border-bottom: 2px dashed #9a9a9a;
	content: '';
	position: absolute;
	width: 72%;
	right: -42%;
	top: 49%
}
#contact, #fun-fact, #testimonial {
	position: relative;
	z-index: 0
}
.single-process .process-icon.b-0::after {
	border: 0
}
.single-process:hover .process-icon .icon-container {
	color: #d5251b
}
.single-process .process-icon .fa {
	line-height: 96px
}
.single-process h2 {
	font-size: 18px;
	line-height: 36px;
	margin: 7px 0 13px
}
.single-process p {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 0
}
#fun-fact {
	background: url(assets/images/fun-fact-bg-1.jpg) 0 0/cover no-repeat rgba(0,0,0,0)!important;
	color: #fff;
	padding: 110px 0
}
#fun-fact:after {
	background: rgba(68,68,68,.2);
	content: "";
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: -1
}
.fact {
	align-items: center;
	justify-content: center;
	border: 2px solid #f3f3f3;
	display: flex;
	height: 130px;
	width: 220px;
	margin: 0 auto
}
.fact h2 {
	font-size: 48px;
	padding-bottom: 7px
}
.fact h4 {
	font-size: 24px
}
#pricing.section-padding {
	background: #f6f6f6;
	padding-bottom: 55px;
	overflow: hidden
}
.single-plan {
	background: #fff;
	box-shadow: 0 0 8px 0 #e2e2e2;
	border-radius: 5px;
	margin-bottom: 35px
}
.contact-address {
	margin-bottom: 30px
}
.single-plan.special .plan-heading {
	background: #d5251b
}
.single-plan h3 {
	font-size: 18px;
	line-height: 24px;
	padding-top: 20px;
	padding-bottom: 30px
}
.single-plan .plan-heading {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #444;
	color: #fff
}
.single-plan .plan-heading h2 {
	font-size: 24px;
	line-height: 36px;
	padding: 15px 0
}
.single-plan .all-feature {
	padding: 0 30px 30px
}
.single-plan .all-feature li {
	font-size: 18px;
	line-height: 36px
}
.single-plan .all-feature li:before {
	color: #999;
	font-family: FontAwesome;
	content: "\f00c";
	margin-right: 10px
}
.contact-address address, a.buy-btn {
	font-family: 'Fjalla One', sans-serif
}
.single-plan .all-feature li.cross:before {
	content: "\f00d"
}
#contact:after, #testimonial:after {
	content: "";
	height: 100%;
	position: absolute;
	z-index: -1;
	width: 100%
}
a.buy-btn {
	background: #d5251b;
	border-radius: 0;
	color: #fff;
	font-size: 18px;
	padding: 13px 32px;
	margin-bottom: 35px
}
a.buy-btn:hover {
	background: #d73333;
	color: #fff
}
#testimonial {
	background: url(assets/images/testimonial-bg.jpg) no-repeat fixed;
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
	overflow: hidden
}
#testimonial:after {
	background: rgba(68,68,68,.75);
	top: 0;
	left: 0
}
.single-testimonial h4 {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 52px
}
.single-testimonial h2 {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 20px
}
.single-testimonial .rating {
	display: inline-block
}
.single-testimonial .rating li {
	display: inline-block;
	color: #f3bb00;
	font-size: 17px
}
.slick-carousel-2 .slick-arrow {
	border-radius: 100%;
	top: 25%;
	opacity: 0;
	transition: all .33s
}
#testimonial:hover .slick-carousel-2 .slick-arrow {
	opacity: 1
}
.slick-carousel-2 .slick-arrow.right {
	right: -100px
}
.slick-carousel-2 .slick-arrow.left {
	left: -100px
}
#blog {
	background: #f6f6f6
}
.slick-carousel-3 {
	padding-bottom: 40px
}
.single-blog {
	background: #fff;
	margin-bottom: 30px
}
.single-blog .blog-caption {
	padding: 30px
}
.single-blog .blog-caption h2 a {
	display: block;
	color: #444;
	font-size: 24px;
	margin-bottom: 7px
}
.single-blog .blog-caption h2 a:hover {
	color: #d5251b
}
.single-blog .blog-caption .blog-meta {
	font-size: 14px;
	font-style: italic
}
.single-blog .blog-caption .blog-meta a {
	color: #444
}
.single-blog .blog-caption .blog-meta a:hover {
	color: #d5251b
}
.single-blog .blog-caption p {
	margin-top: 18px;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 0
}
.view-all .btn.btn-action {
	background: #d5251b;
	border-radius: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	padding: 11px 20px;
	text-transform: uppercase
}
#logo-area {
	background: #fff
}
.logo-carousel img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all .33s
}
.logo-carousel img:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0)
}
#contact {
	color: #fff;
	-webkit-background-size: cover;
	background-size: cover;
	background: url(assets/images/contact-bg-1.jpg) 0 0/cover no-repeat rgba(0,0,0,0)!important
}
#contact:after {
	background: rgba(68,68,68,.4);
	top: 0;
	left: 0
}
#contact .section-header h2 span {
	color: #d5251b
}
.contact-address {
	color: #fff;
	margin-top: 15px
}
.contact-address h2 {
	font-size: 36px;
	margin-bottom: 18px
}
.contact-address address {
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 14px
}
.contact-address a {
	margin-bottom: 10px;
	color: #fff;
	font-size: 24px;
	display: inline-block;
	width: 100%;
	font-family: 'Fjalla One', sans-serif;
	line-height: 36px
}
.contact-form button, .contact-form input, .contact-form textarea {
	font-size: 18px;
	font-family: 'Fjalla One', sans-serif
}
.contact-address .social-link li {
	margin-top: 20px;
	display: inline-block;
	margin-right: 14px
}
.contact-address .social-link li a:hover {
	color: #d5251b
}
.contact-form input {
	display: block;
	color: #444;
	line-height: 52px;
	height: 54px;
	margin-bottom: 8px;
	border: 0;
	padding-left: 15px
}
input::-webkit-input-placeholder {
color:#aaa
}
input::-moz-placeholder {
color:#aaa
}
input:-ms-input-placeholder {
color:#aaa
}
input:-moz-placeholder {
color:#aaa
}
.contact-form textarea {
	overflow: hidden;
	padding-top: 13px
}
.contact-form button {
	background: #fff;
	color: #aaa;
	line-height: 54px;
	padding: 0 24px;
	margin-right: 20px;
	transition: all .33s
}
.contact-form button .fa {
	line-height: 54px;
	padding-right: 5px
}
.contact-form button:hover {
	background: #d5251b;
	color: #fff
}
.contact-form .able-text {
	display: inline-block;
	font-size: 20px;
	font-family: 'Fjalla One', sans-serif;
	line-height: 54px;
	padding-left: 5px
}
.footer-widget.section-padding {
	background: #2d2d2d;
	color: #aaa;
	padding: 50px 0 30px
}
.date {
	color: #757575;
	font-size: 14px
}
.footer-widget .widget {
	margin-bottom: 30px
}
.footer-widget .widget-title {
	font-size: 20px;
	margin-bottom: 20px
}
.widget-about p {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 15px
}
.address {
	margin-top: 24px
}
.widget-about .address h3 {
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 10px
}
.footer-menu ul li a {
	color: #aaa;
	float: left;
	font-size: 16px;
	line-height: 24px
}
.footer-menu li {
	display: inline-block;
	width: 100%
}
.footer-menu ul li a:hover {
	color: #d5251b
}
.widget-post h3 a {
	color: #aaa;
	font-size: 18px;
	line-height: 36px;
	margin-bottom: 5px
}
.widget-map #map {
	margin-top: 10px;
	width: 100%;
	height: 230px
}
.widget-post h3 a:hover {
	color: #d5251b
}
.copyright-text {
	background: #1c1c1c;
	color: #aaa;
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 0;
	overflow: hidden;
	padding: 30px 0 20px
}
.copyright-text a {
	color: #aaa
}
.modal.section-padding {
	padding: 40px 0
}
.modal {
	background-color: rgba(255,255,255,1);
	overflow: hidden;
	width: 100%;
	z-index: 9999
}
.modal-inner {
	margin: 5% auto 0;
	width: 90%;
	max-width: 1000px;
	max-height: 90%;
	overflow: auto
}
.modal .modal-inner .modal-head {
	position: relative
}
#single-member-modal, #team-member-modal {
	margin: 0 auto
}
.project-details h4 {
	font-size: 24px;
	margin: 10px auto 20px
}
.project-details p {
	margin-bottom: 25px
}
.project-details h5.text-uppercase {
	font-size: 16px;
	margin-bottom: 10px
}
.project-circle h3.text-uppercase {
	font-size: 16px;
	margin: 10px 0
}
.project-circle .circle .info {
	color: #444;
	font-size: 17px;
	font-family: 'Fjalla One', sans-serif;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 30px;
	width: 150px;
	margin-top: -15px;
	margin-left: -70px;
	transform: rotate(-90deg)
}
.client {
	margin-bottom: 15px
}
.client h4, .skills h4 {
	font-size: 17px;
	margin: 0 0 10px
}
.skills {
	margin-bottom: 15px
}
.skills ul li:before {
	font-family: FontAwesome;
	font-size: 13px;
	content: "\f00c";
	margin-right: 7px
}
.btn-continue-reading .btn.btn-action, .nav-tabs>li>a, .post-area .contact-form input {
	font-family: 'Fjalla One', sans-serif
}
.skills ul li a {
	color: #444;
	cursor: default;
	font-size: 14px
}
.modal-btn .btn {
	padding: 8px 14px;
	margin-right: 10px
}
.modal-btn .btn-active {
	background: #d5251b;
	color: #fff
}
.modal-btn .btn-dark {
	background: #444;
	color: #fff
}
.modal .modal-inner a.close {
	cursor: pointer;
	font-size: 20px;
	width: 40px;
	display: block;
	position: absolute;
	right: 0;
	height: 40px;
	color: #fff;
	line-height: 36px;
	border-radius: 100%;
	opacity: 1;
	background: #bdbdbd;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.full-width-portfolio .project-details h4 {
	font-size: 30px;
	margin: 40px auto 15px
}
.single-service .service-icon.blue-bg {
	background: #4aa4e1;
	border: 5px solid #4aa4e1;
	color: #fff
}
.single-service .service-icon.green-bg {
	background: #00b5b5;
	border: 5px solid #00b5b5;
	color: #fff
}
.single-service .service-icon.yellow-bg {
	background: #f0a92d;
	border: 5px solid #f0a92d;
	color: #fff
}
#call-to-action-area.home-2-action:after {
	background: rgba(74,164,225,.85);
	z-index: -1
}
#team.home-2-team:after {
	background: rgba(0,181,181,.85);
	z-index: -1
}
#fun-fact.home-2-fun:after {
	background: rgba(240,169,45,.85)
}
.index-2 #testimonial:after {
	background: rgba(221,85,85,.85);
	z-index: -1
}
.index-2 #contact:after {
	background: rgba(0,181,181,.85)
}
.single-plan.basic .plan-heading {
	background: #4aa4e1;
	color: #fff
}
.single-plan.elite .plan-heading {
	background: #00b5b5;
	color: #fff
}
.home-4 #navigation .navbar-nav>li>a, .index-3 #navigation .navbar-nav>li>a {
	color: #fff;
	font-size: 16px
}
.home-4 #navigation .navbar-na li>a:hover, .home-4 #navigation .navbar-nav li.active>a, .index-3 #navigation .navbar-nav li.active>a, .index-3 #navigation .navbar-nav li>a:hover {
	color: #d5251b!important
}
.home-4 #navigation .social-network-bar.nav>li>a, .index-3 #navigation .social-network-bar.nav>li>a {
	color: #fff
}
.home-4 #navigation.navbar-fixed-top .social-network-bar.nav>li>a, .index-3 #navigation.navbar-fixed-top .social-network-bar.nav>li>a {
	color: #444
}
.home-4 #navigation.navbar-fixed-top .navbar-nav>li>a, .index-3 #navigation.navbar-fixed-top .navbar-nav>li>a {
	color: #444;
	font-size: 16px
}
.home-3 #navigation.navbar-fixed-top .navbar-nav li.active>a, .index-3 #navigation.navbar-fixed-top .navbar-nav .dropdown li.sactive>a, .index-3 #navigation.navbar-fixed-top .navbar-nav li.active>a {
	color: #d5251b
}
.index-5 .home {
	background: url(assets/images/home-bg-3.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover
}
.index-5 #team {
	background: url(assets/images/home-bg-2.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover
}
.index-5 #fun-fact {
	background: url(assets/images/home-bg-4.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover
}
.index-5 #contact {
	background: url(assets/images/contact-bg-1.jpg) no-repeat fixed;
	-webkit-background-size: cover;
	background-size: cover
}
body.blog {
	background: #fff
}
.blog .main-content {
	margin-top: 90px
}
.post-area {
	border-bottom: 2px solid #E9E9E9;
	margin-bottom: 40px
}
.post-thumb {
	margin-bottom: 30px
}
.post-thumb img {
	width: 100%
}
.main-header {
	background: #f2f2f2;
	padding: 45px 0;
	margin-top: 80px
}
.main-header .main-title {
	margin-bottom: 15px;
	font-size: 28px
}
.main-header p a {
	color: #444
}
.date-container {
	overflow: hidden
}
.post_date {
	color: #000;
	font-size: 25px;
	margin-bottom: 20px;
	text-align: center;
	padding: 0
}
.post_date span {
	color: #ddd;
	display: block;
	font-size: 46px;
	line-height: 54px;
	font-weight: 700
}
.entry-header h2 a {
	display: block;
	font-size: 30px;
	color: #444;
	margin-bottom: 7px
}
.entry-content p, .post-meta {
	margin-bottom: 20px
}
.entry-header h2 a:hover {
	color: #d5251b
}
.post-content {
	padding-left: 20px
}
.post-meta span {
	margin-right: 5px
}
.post-meta, .post-meta span, .post-meta span a {
	color: #aaa
}
.post-meta span a .fa {
	margin-right: 3px
}
.post-meta span a:hover {
	color: #d5251b
}
.entry-content p {
	font-size: 16px;
	line-height: 24px
}
.btn-continue-reading .btn.btn-action {
	padding: 12px 20px;
	font-size: 14px;
	letter-spacing: 1px;
	margin: 10px 0 40px;
	border-radius: 0
}
.social-share {
	margin: 20px 5px 45px
}
.social-share .share-text {
	color: #ddd;
	line-height: 30px
}
.social-share ul li {
	display: inline-block
}
.social-share ul li a {
	color: #d1d1d1;
	cursor: pointer;
	display: inline-block;
	font-size: 1.2em;
	height: 30px;
	line-height: 30px;
	margin: 1px;
	width: 30px;
	text-align: center;
	position: relative;
	z-index: 1
}
.blog .post-area:last-child {
	border-bottom: 0
}
.main-content .blog-pagination li a {
	background: #d5251b;
	border-radius: 1px;
	color: #FFF;
	display: inline-block;
	margin: 0 2px;
	padding: 8px 12px;
	line-height: 1
}
.main-content .blog-pagination.pagination {
	border-radius: 0;
	display: inline-block;
	padding-left: 0;
	margin: 0 0 80px
}
.main-content .blog-pagination.pagination li a:hover, .main-content .blog-pagination.pagination li.active a {
	z-index: 3;
	color: #fff;
	background: #000;
	border-color: #000
}
.bar {
	width: 100%;
	padding-bottom: 30px;
	margin-bottom: 30px
}
.search-form {
	position: relative!important
}
.bar .search {
	width: 100%;
	padding: 12px;
	border: 1px solid #d8d8d8;
	outline: 0;
	position: relative;
	border-radius: 2px;
	color: grey;
	font-weight: 100;
	font-size: 13px;
	margin: 0 auto
}
.bar .search-button {
	background: 0 0;
	border: none;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #d8d8d8;
	font-size: 14px;
	width: 15%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	outline: 0;
	padding: 3px 7px;
	text-align: center
}
.blog-sidebar h2.bar-head {
	font-size: 22px;
	margin-bottom: 20px
}
.blog-sidebar p {
	font-size: 16px;
	color: #959494
}
.widget-title {
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 20px
}
.bar li {
	padding: 5px 0;
	border-bottom: 1px solid #f9f9f9
}
.bar li a {
	text-decoration: none;
	color: #404040
}
.bar a.tag {
	display: inline-block;
	margin: 3px 2px;
	padding: 3px 5px;
	border: 1px solid #404040;
	color: #404040;
	font-size: 12px
}
.bar a.tag:hover {
	background: #d5251b;
	border-color: #fff;
	color: #fff
}
.post-area ul.comments {
	margin-top: 10px;
	padding-top: 20px
}
.post-area ul.comments li {
	padding: 10px 0 0 110px
}
.post-area ul.comments li div.comment {
	margin-bottom: 10px
}
.post-area ul.comments li div.comment .c-image {
	margin-left: -110px;
	float: left;
	width: 80px;
	height: auto
}
.post-area ul.comments li div.comment .c-image img {
	width: 100%;
	height: auto;
	border-radius: 5px
}
.post-area ul.comments li div.comment-text {
	background: #fdfdfd;
	padding: 0 0 25px;
	border-radius: 10px;
	position: relative
}
ul.comments li div.comment-text a.reply-button {
	position: absolute;
	right: 25px;
	color: #d5251b;
	top: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
ul.comments li div.comment-text a.reply-button .fa {
	font-size: 13px
}
ul.comments li div.comment h1.comment-name {
	font-size: 24px;
	color: #696969;
	margin: 0;
	padding: 0
}
ul.comments li div.comment h3.comment-date {
	font-size: 14px;
	color: #959494;
	margin: 10px 0;
	padding: 0
}
.post-area .contact-form {
	margin-top: 40px;
	margin-bottom: 80px
}
.post-area .contact-form button {
	width: 100%;
	height: auto;
	padding: 10px 0;
	font-size: 16px;
	border-radius: 0;
	background: #d5251b;
	color: #fff;
	letter-spacing: .5px;
	line-height: 24px
}
.tab-content, body.shortcode-page {
	background: #fff
}
.post-area .contact-form input {
	border: 1px solid #ddd;
	display: block;
	color: #aaa;
	font-size: 16px;
	line-height: 44px;
	height: 54px;
	margin-bottom: 8px;
	padding-left: 15px
}
.st-section-padding {
	padding-bottom: 60px
}
.mt75 {
	padding-top: 75px
}
.tab-content {
	border: 1px solid #dbdbdb;
	border-top: none;
	padding: 25px;
	font-size: 14px;
	color: #a9a9a9
}
.nav-tabs li.active a {
	border-top-color: #d5251b!important
}
.tab-1 .nav-tabs>li.active>a {
	background: #d5251b;
	color: #fff
}
.nav-tabs>li>a {
	color: #555
}
.st-title {
	font-size: 30px;
	margin: 25px 0
}
.accordion .panel {
	box-shadow: none;
	margin-bottom: 7px
}
.panel-title a {
	padding: 15px;
	width: 100%;
	display: block;
	color: #717171;
	box-shadow: none;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}
.tab {
	margin: 0 0 40px
}
.accordion-head-text h3 {
	margin: 85px 0 50px;
	color: #2c3e50;
	font-weight: 300
}
.accordion-one .panel-heading {
	padding: 8px 0;
	margin: 0
}
.accordion-one .panel-body img {
	float: left;
	padding: 10px;
	overflow: hidden
}
.accordion-one .panel-body p {
	padding: 15px 10px;
	color: #a1b1bc;
	line-height: 26px
}
.accordion-one.panel-default>.panel-heading {
	color: #a1b1bc;
	background-color: #fff;
	border-color: #ddd;
	padding: 0
}
.accordion-one.panel-default>.panel-heading a::after, .accordion-one.panel-default>.panel-heading a:not(.collapsed)::after {
	border-left: 2px solid #ddd;
	margin: -16px -30px;
	font-size: 22px;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	float: right
}
.accordion-one.panel-default>.panel-heading a:not(.collapsed) {
	color: #ff6c6c
}
.accordion-one.panel-default>.panel-heading a {
	display: block;
	text-decoration: none;
	color: #a1b1bc;
	padding: 16px 30px
}
.accordion-one.panel-default>.panel-heading a::after {
	content: "\002b"
}
.accordion-one.panel-default>.panel-heading a:not(.collapsed)::after {
	content: "\2212"
}
.accordion-group {
	border-bottom: 1px solid #ddd;
	color: #a1b1bc;
	font-weight: 400
}
.accordion-group .accordion-heading a {
	font-weight: 400;
	color: #6C7885;
	font-size: 18px;
	display: block;
	padding: 0 0 12px;
	text-decoration: none
}
.accordion-heading {
	margin-top: 20px
}
.accordion-group .accordion-heading a::before {
	content: "\002b";
	background: #6C7885;
	color: #fff;
	margin-right: 10px;
	height: 40px;
	display: inline-block;
	width: 40px;
	text-align: center;
	line-height: 40px
}
.accordion-group .accordion-heading a:not(.collapsed)::before {
	content: "\2212";
	color: #fff;
	background: #FF6C6C;
	margin-right: 10px;
	height: 40px;
	display: inline-block;
	width: 40px;
	text-align: center;
	line-height: 40px
}
.accordion-inner p {
	line-height: 26px
}
#accordion2 {
	margin-top: -17px
}
.button-btn {
	margin-bottom: 30px
}
.button-btn h3 {
	margin-bottom: 20px
}
h4.column-heading {
	margin: 20px 0;
	font-size: 20px
}
.custom-list h4 {
	font-size: 18px;
	margin-bottom: 20px
}
.panel1 .panel-body {
	padding: 5px 10px 2px
}
.border-1, .border-2 {
	padding-bottom: 30px
}
.border-3, .border-4 {
	padding-top: 30px
}
.panel-group .panel {
	margin-bottom: 0;
	border-radius: 0
}
.panel .panel-body {
	color: #6C7885
}
span.glyphicon {
	margin-right: 10px
}
.social-icon-hover a .fa, .social-icon-left-bottom a .fa, .social-icon-left-top a {
	width: 35px;
	margin: 3px;
	text-align: center
}
.divider-heading {
	color: #a1b1bc
}
.border-1 {
	border-bottom: 2px solid #ddd
}
.border-2 {
	border-bottom: 2px double #ddd
}
.border-3 {
	border-bottom: 2px dashed #ddd
}
.border-4, .border-5 {
	border-bottom: 2px dotted #ddd
}
.border-5 {
	padding: 2px
}
.border-6 {
	border-bottom: 2px solid #ddd;
	padding-top: 30px
}
.social-icon-hover a .fa {
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	background-color: #EBEFF0;
	color: #959EA7
}
.social-icon-hover a:hover .fa {
	background: #21C2F8;
	color: #fff
}
.social-icon-left-top a {
	height: 35px;
	display: inline-block;
	background: #EBEFF0
}
.social-icon-left-bottom a:hover .fa, .social-icon-left-top a:hover {
	background: #0DD3FC;
	color: #fff
}
.social-icon-left-top a .fa {
	line-height: 35px
}
.social-icon-left-bottom a .fa {
	height: 38px;
	line-height: 35px;
	border: 1px solid #DDD;
	border-radius: 2px
}
.social-icon-btn .btn a {
	color: #fff;
	margin: 5px
}
.social-icon-btn .btn {
	margin: 4px
}
.navbar-brand {
	height: auto;
	padding: 4px 20px!important
}
#myNavbar {

	float: right;
	padding: 17px 0
}
.main-menu {
	float: left
}
#process1 .one {
	float: left;
	margin-left: 100px;
	text-align: center;
	width: 144px
}
#process1 .two {
	float: left;
	margin-left: 85px;
	margin-top: 85px;
	text-align: center;
	width: 200px
}
#process1 .three {
	float: left;
	margin-left: 35px;
	text-align: center;
	width: 144px
}
#process1 .four {
	float: left;
	margin-left: 90px;
	margin-top: 45px;
	text-align: center;
	width: 308px
}
#process1 .one .image1 {
	background: url(assets/images/process_img1.jpg) center top no-repeat rgba(0,0,0,0);
	border-radius: 100%;
	float: left;
	height: 144px;
	margin-bottom: 16px;
	width: 144px
}
#process1 .two .image2 {
	background: url(assets/images/process_img2.jpg) center top no-repeat rgba(0,0,0,0);
	border: 1px solid #eee;
	border-radius: 100%;
	float: left;
	height: 200px;
	margin-bottom: 16px;
	width: 200px
}
#process1 .three .image3 {
	background: url(assets/images/process_img3.jpg) center top no-repeat rgba(0,0,0,0);
	border: 1px solid #eee;
	border-radius: 100%;
	float: left;
	height: 144px;
	margin-bottom: 16px;
	width: 144px
}
#process1 .four .image4 {
	background: url(assets/images/process_img4.jpg) center top no-repeat rgba(0,0,0,0);
	border-radius: 100%;
	float: left;
	height: 308px;
	margin-bottom: 16px;
	width: 308px
}
#process1, .featured_section4 {
	text-align: center;
	width: 100%
}
#process1 {
	background: url(assets/images/process_bg.png) center 200px no-repeat #fff;
	float: none;
	height: auto;
	padding: 70px 0 59px;
	display: inline-block
}
#process1 .four .image4:hover, #process1 .one .image1:hover, #process1 .three .image3:hover, #process1 .two .image2:hover {
	opacity: .8
}
#well_doc {
	background: #f6f6f6;
	padding: 50px 0
}
#well_doc h2 {
	margin-bottom: 20px
}
.featured_section4 .btn.btn-action {
	margin-top: 30px
}
.featured_section4 {
	background: url(assets/images/site-img1.png) center bottom no-repeat #d5251b;
	color: #fff;
	float: left;
	padding: 75px 0
}
.one_third_big {
	float: left;
	width: 33.3%
}
.featured_section4 ul {
	float: left;
	width: 100%
}
.featured_section4 li {
	background: url(assets/images/cir-icon.png) left 13px no-repeat rgba(0,0,0,0);
	font-size: 16px;
	padding: 7px 0 6px 25px;
	text-align: left
}
.payment, .social, .social ul li i {
	text-align: center
}
.last {
	clear: right;
	margin-right: 0!important
}
#experts {
	background: url(assets/images/experts-bg.jpg) 0 0/cover no-repeat rgba(0,0,0,0);
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
	z-index: 1
}
#experts::after {
	background: rgba(48,37,27,.2);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}
#experts h2, #experts ul li:hover h3 {
	color: #fff
}
#experts ul li {
	background-color: #fff;
	border-radius: 50%;
	float: left;
	height: 160px;
	margin-bottom: 30px;
	margin-right: 28px;
	width: 166px
}
.social li, .social ul li i {
	display: inline-block;
	float: none
}
#experts ul li:hover {
	background: rgba(213,37,27,.5);
	border: none
}
#experts ul li img {
	border-radius: 50%;
	margin: 13px 0;
	padding: 5px
}
#experts ul li h3 {
	font-size: 15px;
	margin: 0 0 5px
}
.featured_section4 .btn.btn-action {
	background-color: #fff;
	color: #444
}
.featured_section4 .btn.btn-action:hover {
	background-color: #fff;
	color: #d5251b
}
#well_doc img {
	width: 90%
}
.social ul li i {
	background-color: #d6251c;
	border-radius: 50%;
	height: 40px;
	line-height: 40px;
	margin: 0 5px;
	width: 40px
}
.social ul li a:hover i {
	background-color: #4e4e4e
}
.social ul li a {
	color: #fff
}
.social {
	margin-top: 20px
}
#marqueecontainer {
	height: 150px;
	overflow: hidden;
	position: relative;
	width: 200px
}
#marqueecontainer h3 {
	font-size: 18px;
	margin-bottom: 12px
}
.footer-menu ul li i {
	float: left;
	margin-right: 10px;
	margin-top: 6px
}
.contact-address a i {
	font-size: 18px;
	margin-right: 11px;
}
#marqueecontainer p {
	text-align: left;
}
.product-food-banner {
	
	background: url(assets/images/product-banner-bg.png) 0 0 /cover 
	
	
}


.empty-space {
	position: relative;
	padding: 57px 0;
}

.product-banner-content h1 {
	font-size: 72px;
	font-weight: bold;
	
	font-family: 'Myriad Pro', sans-serif;

}
.product-banner-content {
	padding: 60px 0 100px;
}

.banner-product {
	position: relative;
}

.banner-product::after {
	background: url(assets/images/pizza_1.png) no-repeat scroll 0 0 transparent;
	width: 206px;
	height: 414px;
	right: 0;
	position: absolute;
	content: "";
	top: 15px;
	
	  -webkit-animation: bounce-left 1s; /* Safari 4+ */
  -moz-animation:    bounce-left 1s; /* Fx 5+ */
  -o-animation:      bounce-left 1s; /* Opera 12+ */
  animation:         bounce-left 1s; /* IE 10+, Fx 29+ */
  
  
}

.banner-product::before {
	background: url(assets/images/green-plate-food.png) no-repeat scroll 0 0 transparent;
	width: 211px;
	height: 322px;
	left: 0;
	position: absolute;
	content: "";
	top: 110px;
	
		  -webkit-animation: green-plate 1s; /* Safari 4+ */
  -moz-animation:    green-plate 1s ; /* Fx 5+ */
  -o-animation:      green-plate 1s; /* Opera 12+ */
  animation:         green-plate 1s; /* IE 10+, Fx 29+ */
}


.stepsec {
	top: -76px;
	position: relative;
}
.step-title {
	background-color: #2e2e2e;
	display: inline-block;
	padding: 8px 27px;
	border-radius: 30px;
	font-size: 28px;
	font-weight: bold;
}

.steps h3 {
	
	font-family: 'Altenormal', sans-serif;font-size: 26px;
	margin:10px 0;
	

}
.step-circle {
	background: url(assets/images/step-bg.jpg) scroll repeat 0 0;
	width: 200px;
	padding: 24px 0px;
	border-radius: 50%;
	height: 200px;
	margin: 0 auto;
}

.stepsec::after {
	background: url(assets/images/steps-dottedline.png) scroll no-repeat center;
	width: 100%;
	height: 229px;
	position: absolute;
	/* left: 0; */
	right: -85px;
	content: "";
top: 95px;
	margin: auto;
	z-index: -1;
	bottom: 0;
	
	  -webkit-animation: dot-line 5s; /* Safari 4+ */
  -moz-animation:    dot-line 5s ; /* Fx 5+ */
  -o-animation:      dot-line 5s; /* Opera 12+ */
  animation:         dot-line 5s; /* IE 10+, Fx 29+ */
	
}
	
	
	.inner-title h2 {
		font-family: 'Myriad Pro', sans-serif;
	font-weight: bold;
	font-size: 38px;
}


.com-title h4 {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 10px;
}

.inner-wrap p {
	font-size: 15px;
	line-height: 30px;
	font-weight:400;
}


.user-com {
	margin: 50px 0;
}
.ml {
	margin-left: 75px;
	display: inline-block;
	width: 100%;
}

.steps {
	text-align: center;
}


.order-feat img {
	margin-bottom: 15px;
}

.order-feat {
	margin-bottom: 40px;
}


.order-feat p {
	text-align: justify; min-height: 180px;
}

.server_req{ width:100%;}
.server_req ul{ width:100%; display:inline-block; font-size:0;}
.server_req ul li{ display:inline-block; width: 25%; vertical-align:top;}
.server_req_inner{ width:100%; display:inline-block; text-align:center;}
.server_req_inner img{ display: inline-block;}

.mbminus {

	position: relative;
}

.userapp {
	position: relative;
	z-index: 1;
}


.banner-product1:before{
		background: url(assets/images/watermelon.png) no-repeat scroll 0 0 transparent;
	width: 180px;
	height: 380px;
	right: 0;
	position: absolute;
	content: "";
	top: -40px;
	
	  -webkit-animation: bounce-left 1s; /* Safari 4+ */
  -moz-animation:    bounce-left 1s; /* Fx 5+ */
  -o-animation:      bounce-left 1s; /* Opera 12+ */
  animation:         bounce-left 1s; /* IE 10+, Fx 29+ */
	
	
	}



.banner-product1::after {
	background: url(assets/images/carrot.png) no-repeat scroll 0 0 transparent;
	width: 131px;
	height: 217px;
	left: 0;
	position: absolute;
	content: "";
	bottom: -89px;
	-webkit-animation: bounce-left 1s;
	-moz-animation: bounce-left 1s;
	-o-animation: bounce-left 1s;
	animation: bounce-left 1s;
}

.driver-road{
background: url(assets/images/driver-road.png) scroll no-repeat center;
width:100%;
	
	
	}

.driver-feat{display:inline-block; width:100%;}
	
.driver-feat h4 {
	font-size: 26px;
	font-family: 'Altenormal', sans-serif;
	margin-bottom: 15px;
}
	
.driver-feat p {
	color: #98a3ae;
	padding-right: 20px;
}
		
.admin-ico {
	display: inline-block;
	float: left;
	margin: 0 10px 60px 0;
}


.admin-com .user-feat {
	margin-bottom: 50px;
}
.admin-panel-img {
	position: relative;
	padding-bottom: 200px;
}
.rotate-plate {
	position: absolute;
	right: 20%;
	bottom: 0;
	z-index: 1;
	-webkit-animation: rotate 3s infinite linear;
	-moz-animation: rotate 3s infinite linear;
	-o-animation: rotate 3s infinite linear;
	animation: rotate 3s infinite linear;
}



.admin-feature{background:#ffffff url(assets/images/art-food.png) scroll no-repeat right top;}


.admin-panel-img img {
	z-index: 2;position: relative; right: -15px;
}


.restaurant{
	background: url(assets/images/res-img.png) scroll no-repeat center;
width:100%; height:463px;}

.restaurant .driver-feat h4 {
	font-size: 18px;
}
.restaurant .driver-feat {
	position: relative;
}
	


.banner-product2:before{
		background: url(assets/images/corn.png) no-repeat scroll 0 0 transparent;
	width: 294px;
	height: 441px;
	left: 0;
	position: absolute;
	content: "";
	top:-70px;
	

	
	
	}



.banner-product2::after {
	background: url(assets/images/kir.png) no-repeat scroll 0 0 transparent;
	width: 152px;
	height:183px;
	right: 0;
	position: absolute;
	content: "";
	bottom: -89px;

}

.exfeat-ico {
	display: inline-block;
	float: left;
	margin: 0 10px 130px 0;
}


.img-bg{	background: url(assets/images/img-bg1.jpg) no-repeat scroll 0 0 /cover;}

.pay-carousel li {
	display: inline-block;
	border: 1px solid #fff;
	margin: 0 10px;
	padding: 0 9px;
}
.pay-carousel {
	text-align: center;
}

.call-block {
	text-align: center;
}
.call-block h5, .call-block span {
	font-weight: bold;
	font-size: 22px;
font-family: 'Myriad Pro', sans-serif;
color:#192938;
}
.call-block small {
	font-weight: normal;
}

.mobile{ display:none;}


.banner-product3::before {
	background: url(assets/images/pizza.png) no-repeat scroll 0 0 transparent;
	width: 236px;
	height: 236px;
	left: 316px;
	position: absolute;
	content: "";
	top: -180px;
}


#feedback {
	position: fixed;
	left: 0;
	bottom: 257px;
	height: 250px;
	margin-left: -3px;
	margin-bottom: -3px;z-index: 9999;
}

#feedback-form {
  float: left;
  width: 300px;
  height: 100%;
  z-index: 1000;
  padding-left: 5px;
  padding-right: 10px;
  background-clip: 'padding-box';
  border: 1px solid rgba(0,0,0,.2);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

#feedback-tab {
	float: right;
	color: #000;
	font-size: 17px;
	cursor: pointer;
	text-align: center;
	width: auto;
	height: auto;
	background-color: #f0cc26;
margin-top: 72px;
	margin-left: -73px;
	padding-top: 5px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	padding: 10px;
}

#feedback-tab:hover {
	background-color: rgba(0,0,0,0.4);
	color: #fff;
}
#feedback-form textarea { resize: none; }



.product-task-banner {
	
	background: url(assets/images/product-task-banner-bg.jpg) 0 0 /cover;
	padding: 100px 0 80px;
	
}

.product-task-banner-content h1 {
	font-weight: 600;
	font-size: 35px;
	line-height: 42px;
}
.btn-task {
	background-color: #000;
	padding: 10px 20px;
	border-radius: 30px;
	font-weight:500;
	/* color: #fff; */
	display: inline-block;
margin: 10px 0;
}


.btn-task-default{

background: rgba(70,213,1,1);
background: -moz-linear-gradient(top, rgba(70,213,1,1) 0%, rgba(65,191,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(70,213,1,1)), color-stop(100%, rgba(65,191,0,1)));
background: -webkit-linear-gradient(top, rgba(70,213,1,1) 0%, rgba(65,191,0,1) 100%);
background: -o-linear-gradient(top, rgba(70,213,1,1) 0%, rgba(65,191,0,1) 100%);
background: -ms-linear-gradient(top, rgba(70,213,1,1) 0%, rgba(65,191,0,1) 100%);
background: linear-gradient(to bottom, rgba(70,213,1,1) 0%, rgba(65,191,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46d501', endColorstr='#41bf00', GradientType=0 );
color:#ffffff;

}


.btn-task-default:hover, .btn-task-default:active, .btn-task-default:focus {


background: rgba(65,191,0,1);
background: -moz-linear-gradient(top, rgba(65,191,0,1) 0%, rgba(70,213,1,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(65,191,0,1)), color-stop(100%, rgba(70,213,1,1)));
background: -webkit-linear-gradient(top, rgba(65,191,0,1) 0%, rgba(70,213,1,1) 100%);
background: -o-linear-gradient(top, rgba(65,191,0,1) 0%, rgba(70,213,1,1) 100%);
background: -ms-linear-gradient(top, rgba(65,191,0,1) 0%, rgba(70,213,1,1) 100%);
background: linear-gradient(to bottom, rgba(65,191,0,1) 0%, rgba(70,213,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41bf00', endColorstr='#46d501', GradientType=0 );

color:#ffffff;
}



.btn-task-primary{




	background-color: #d1cb2f;
	color:#101113;

}


.btn-task-primary:hover, .btn-task-primary:active, .btn-task-primary:focus {





	background-color: #bbb523;
	color:#101113;

}
.price-tag {
	background-color: #c82119;
	display: inline-block;
	width: 118px;
	height: auto;
	border-radius: 50%;
	text-align: center;
	padding: 16px 0px;
	position: absolute;
	right: 110px;
	top: -75px;
}.price-tag h4 {
	font-weight: 600;
	font-size: 35px;
}
.price-tag h4 span {
	display: block;
}
.price-tag small {
	font-size: 12px;
	color: #fff;
	display: block;
}



.price-tag h4::before {
	background-color: #d9dadc;
	width: 12px;
	height: 12px;
	content: "";
	position: absolute;
	border-radius: 50%;
	left: 0;
	right: 0;
	margin: auto;
	top: 5px;
}

.task-feat1 {
	text-align: center;
}
.task-feat1 li {
	display: inline-block;
	margin: 0 34px;
	cursor:pointer;
	position:relative;
}


.task-feat1 li:hover .bulb-img::before {
	background: url(assets/images/task/bulb-glitter.png) no-repeat scroll 0 0 transparent;
	width: 264px;
	height: 223px;
	position: absolute;
	content: "";
	/* left: 0; */
	right: -53px;
	top: -50px;
	margin: 0 auto;
}


.bulb-img {
	background: url(assets/images/task/bulb.png) no-repeat scroll 0 0 transparent;
	width: 156px;
	height: 263px;
	display: block;
	font-size: 20px;
	font-weight: 500;
	padding: 64px 25px;
	position:relative;
}
.task-feat1 li span {
	display: inline-block;
	border: 3px solid #41bd00;
	border-radius: 50%;
	margin-top: -4px;background-color: #fff;
}
.task-feat1 li span img {
	-webkit-filter: brightness(40%);
	filter: brightness(40%);
	margin: 0 auto;
}

.task-feat1::after {
	background-color: #41bd00;
	content: "";
	position: absolute;
	width: 983px;
	height: 2px;
	bottom: 34px;
	left: 78px;
	right: 0;
	z-index: -1;
}

.task-feat1 li:hover span img {
	-webkit-filter: brightness(100%);
	filter: brightness(100%);
}
.dash-feat {
	background-color: #c3d9b7;
	border-radius: 20px;
	border: 2px solid #c3d9b7;
	display: inline-block;
	width: 392px;
	margin-bottom: 73px;
	position:relative;z-index: 1;
}
.dash-feat img {
	float: left;
	padding: 4px 7px;
}
.dash-feat-con {
	background-color: #535355;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 12px 21px;
	float: right;
	width: 292px;
}
.task-rabbit p {
	font-weight: 500;
}


.dash-monitor {
	background: url(assets/images/task/dash-monitor.png) no-repeat scroll bottom center transparent;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
}
.dash-monitor::before {
	background-color: rgba(255,255,255,0.2);
	width: 500px;
	height: 500px;
	position: absolute;
	content: "";
	z-index: -1;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-radius: 50%;
	filter: blur(100px);
	-webkit-filter: blur(100px);
}

.dot-line1::after {
	background: url(assets/images/task/dotted-line1.png) no-repeat scroll 0 0 transparent;
	position: absolute;
	width: 64px;
	height: 71px;
	right: -67px;
	content: "";
	top: 41px;
}

.dot-line1::after {
	background: url(assets/images/task/dotted-line1.png) no-repeat scroll 0 0 transparent;
	position: absolute;
	width: 64px;
	height: 71px;
	right: -67px;
	content: "";
	top: 41px;
}


.dot-line2::after {
	background: url(assets/images/task/dotted-line3.png) no-repeat scroll 0 0 transparent;
	position: absolute;
	width: 54px;
	height:60px;
right: -55px;
	content: "";
	top: 41px;
}



.dot-line3::after {
	background: url(assets/images/task/dotted-line2.png) no-repeat scroll 0 0 transparent;
	position: absolute;
	width: 51px;
	height:29px;
left: -55px;
	content: "";
	top: 80px;
}




.dot-line4::after {
	background: url(assets/images/task/dotted-line4.png) no-repeat scroll 0 0 transparent;
	position: absolute;
	width: 28px;
	height:3px;
left: -24px;
	content: "";
	top: 41px;
}

.task-how li {
	display: inline-block;
	float: right;
}

.task-how .task-arrow {
	width: 230px;
	height: 201px;
	display: inline-block;
	margin-right: -57px;
	position: relative;
	padding: 60px 0;
	line-height: 66px;
	margin-top: 21px;
}
.task-how li img {
	float: left;
	margin-left: 64px;
}
.task-how .task-arrow span {
	font-weight: 600;
	font-size: 35px;
	color: #ffffff;
}

.task-how .arrow1{
	background: url(assets/images/task/task-arrow1.png) no-repeat scroll 0 0 transparent;
	

	}


.task-how .arrow2{
	background: url(assets/images/task/task-arrow2.png) no-repeat scroll 0 0 transparent;

	
	}



.task-how .arrow3{
	background: url(assets/images/task/task-arrow3.png) no-repeat scroll 0 0 transparent;

	
	}



.task-how .arrow4{
	background: url(assets/images/task/task-arrow4.png) no-repeat scroll 0 0 transparent;


	}



.task-how .arrow5{
	background: url(assets/images/task/task-arrow5.png) no-repeat scroll 0 0 transparent;

	
	}



.task-how .arrow6{
	background: url(assets/images/task/task-arrow6.png) no-repeat scroll 0 0 transparent;
	
	
	}
.task-how {
	text-align: center;
	float: left;
	margin: 0 65px;
}
.task-how li > span {
	position: absolute;
	display: block;
	font-size: 20px;
	font-weight: 500;
}
.task-how li > span.color-arrow1 { color:#41bd00;}
.task-how li > span.color-arrow2 { color:#bed63a;}
.task-how li > span.color-arrow3 { color:#f286a0;}
.task-how li > span.color-arrow4 { color:#a8bf28;}
.task-how li > span.color-arrow5 { color:#f6931e;}
.task-how li > span.color-arrow6 { color:#56b6de;}




.task-bg1 {background: url(assets/images/task/task-bg1.jpg) no-repeat scroll 0 0/cover;

}


.task-extra-feat-con h4 {
	margin-bottom: 20px;
}


.task-extra-feat-ico {
	display: inline-block;
	border: 3px solid #d1cb2f;
	border-radius: 50%;
	padding: 7px;
	margin-bottom: 20px;
}

.task-extra-feat {
	margin-bottom: 20px;
}


.frame-carousel li {
	display: inline-block;
	margin: 0 9px;
}








.circle-wrapper {
}
.big-circle-container, .big-circle-entry, .big-circle-entry img {
	border-radius: 0;
	height: 417px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}
.big-circle-container {
	left: 40%;
	margin-left: -287px;
	width: 745px;
}
.big-circle-entry {
	background: transparent none repeat scroll 0 0;
	opacity: 0;
	z-index: 1;
}
.circle-wrapper {
	height: 417px;
	position: relative;
}
.big-circle-entry:first-child {
	opacity: 1;
}
.big-circle-entry.visible {
	opacity: 1;
}
.big-circle-entry img {
	opacity: 1;
}
.big-circle-entry .cell-view {
	height: inherit;
	text-align: center;
	position: relative;
	z-index: 1;
}
.big-circle-entry .title {
	font-size: 24px;
	line-height: 32px;
	color: #fff;
	font-family: 'bold', sans-serif, Arial;
	margin: 0 100px 20px 100px;
}
.big-circle-entry .text {
	font-size: 16px;
	line-height: 27px;
	color: #c6cad2;
	margin: 0 100px;
}
.circle-entry {
	cursor: pointer;
	z-index: 1;
	position: absolute;
}
.circle-entry:nth-child(2n+1) {
	clear: both;
}
.circle-entry:nth-child(1), .circle-entry:nth-child(2) {
}
.circle-entry .image-wrapper {
	width: 97px;
	height: 97px;
	-webkit-border-radius: 150px;
	overflow: hidden;
	position: relative;
	margin: 0 -17px;
}
.circle-entry .image-wrapper::after {
	border: 11px #fff solid;
	border-radius: 104px;
	-webkit-border-radius: 150px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
}
.circle-entry img {
	position: absolute;
	width: 76px;
	height: 78px;
	left: 10px;
	top: 10px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background-color: #fff;
}
.circle-entry:nth-child(1) .image-wrapper, .circle-entry:nth-child(3) .image-wrapper, .circle-entry:nth-child(5) .image-wrapper {
	float: right;
}
.circle-entry:nth-child(2) .image-wrapper, .circle-entry:nth-child(4) .image-wrapper, .circle-entry:nth-child(6) .image-wrapper {
	float: left;
}
.circle-entry:nth-child(1) .content, .circle-entry:nth-child(3) .content, .circle-entry:nth-child(5) .content {
	margin: 0 109px 0 45px;
	text-align: right;
}
.circle-entry:nth-child(2) .content, .circle-entry:nth-child(4) .content, .circle-entry:nth-child(6) .content {
	margin: 0 45px 0 93px;
}
.circle-entry .title {
	color: #2c3e50;
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 0;
	padding: 10px 0 15px;
	font-weight: 500;
	text-align: center;
}
.circle-entry:hover .title {
	color: #41bd00;
}
.circle-entry .text {
	font-size: 14px;
	line-height: 22px;
	color: #6a7483;
}
.pad.service {
	padding: 50px 0 0;
}
#one {
	left:52px;
	top: -11px;
}
#two {
	right: 160px;
	top: -11px;
}
#three {
	left: -28px;
	top: 30%;
}
#four {
	right:41px;
	top: 30%;
}
#five {
	left: -89px;
	top: 70%;
}
#six {
	right: -38px;
	top: 70%;
}


.cell-view {
	display: table-cell;
	height: inherit;
	vertical-align: middle;
}
.cell-view > p {
	color: #fff;
	line-height: 23px;
	padding: 0 160px;
}

.task-mobile{ display:none;}