@import url(../css/bootstrap.min.css);
@import url(../css/reset.css);
@import url(../css/animate.css);
@import url(../css/bootsnav.css);
@import url(../css/nav-style.css);
@import url(../css/owl.carousel.css);
@import url(../css/lightbox.css);
@import url(../css/material-scrolltop.css);
@import url(../css/jquery.fancybox.min.css);
@import url(../css/font-awesome.min.css);
@import url(../css/themify-icons.css);

h1, h2, h3, h4, h5, h6 {
    margin-top: 15px;
    font-weight: 600;
    font-size:18px;
    color: #222;
}

ol, ul {
    /*list-style: inside; */
    padding-left: 20px;
    /* font-size: 15px; */
    line-height: 25px;
}
 ul >li {
    /*list-style: inside; */
}
p {
    margin: 0;
    color: #555;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    font-family: 'Roboto';
}



.about_us_heading::before,
.design_add .btn-success::before,
.hero_section h2::before,
.package::before,
.section_title::before,
.social::before {
	content: ""
}

.hero_section h2::before,
.section_title::before {
	right: 0
}

.creative_des .btn.btn-primary,
.creative_des .support12,
.cutsom_btn,
.overlay_content a,
.section_title,
.service_des a {
	text-transform: capitalize
}

.bread_cum_area ul li a,
.cutsom_btn,
.cutsom_btn:hover,
.overlay_content a,
.service_des a,
.social ul li a {
	text-decoration: none
}

.container_full_width {
	width: 100%
}

.section_title {
	font-size: 43px;
	color: #5d5858;
	padding-bottom: 26px;
	padding-top: 15px;
	font-weight: 700;
	position: relative;
}

.section_title::before {
	background: #5d5858;
	border-radius: 10px;
	bottom: 10px;
	height: 2px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	width: 112px
}

.blog_image{
    height:290px;
    width:100%;
}
.section_para {
	font-size: 18px;
	font-weight: 300;
	padding-top: 20px
}

.rippleria-ink {
	position: absolute;
	background: rgba(255, 255, 255, .2);
	border-radius: 100%;
	transform: scale(0);
	-webkit-transform: scale(0);
	z-index: 10
}

.rippleria-dark .rippleria-ink {
	background: rgba(0, 0, 0, .2)
}

@keyframes rippleria {
	100% {
		opacity: 0;
		-webkit-transform: scale(2.5);
		transform: scale(2.5)
	}
}

@-webkit-keyframes rippleria {
	100% {
		opacity: 0;
		-webkit-transform: scale(2.5)
	}
}

.slide_bg_1 {
	background-image: url(../images/slider/slide-1.jpg)
}

.slide_bg_2 {
	background-image: url(../images/slider/slide-2.jpg)
}

.slide_bg_3 {
	background-image: url(../images/slider/slide-3.jpg)
}

.single_slide_item {
	background-color: #ddd;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 75px;
	color: #403e3e;
	height: 100vh
}

.hero_section p,
.hero_section h3 {
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	position: relative;
	padding-bottom: 41px
}

.hero_section {
	padding-top: 50px
}

.hero_section a,
.hero_section h2,
.hero_section p {
	text-align: center;
	overflow: hidden
}

.hero_section h1 {
	line-height: 85px
}

.hero_section h3 {
	line-height: 70px
}

.hero_section h2::before {
	background: #403e3e;
	bottom: 0;
	height: 3px;
	left: 43%;
	position: absolute;
	width: 136px
}

.hero_section .cap h4 {
	color: #403e3e;
	font-size: 18px;
	font-weight: 300;
	line-height: 24px;
	margin: 30px auto 0;
	max-width: 536px
}

.about_content_img img,
.client_slider .owl-carousel .owl-tem img {
	max-width: 100%
}

.cutsom_btn {
	border: 1px solid #403e3e;
	border-radius: 30px;
	color: #403e3e;
	font-size: 15px;
	height: 30px;
	overflow: hidden;
	padding: 6px 25px;
	position: relative;
	font-weight: 500;
	width: 300px;
	z-index: 1;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out
}

.cutsom_btn:hover {
	background: #ee2c33;
	-webkit-box-shadow: 10px 4px 17px -8px rgba(0, 0, 0, .75);
	box-shadow: 10px 4px 17px -8px rgba(0, 0, 0, .75);
	color: #fff
}

.slide_item_table {
	display: table;
	height: 100%;
	width: 100%
}

.home_page_slide .owl-next,
.home_page_slide .owl-prev {
	bottom: 0;
	color: #5d5858;
	font-size: 60px;
	height: 40px;
	line-height: 35px;
	opacity: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 40%;
	width: 40px
}

.slide_item_tablecell {
	display: table-cell;
	vertical-align: middle
}

.home_page_slide .owl-next {
	right: 2%;
	-webkit-transform: translateX(28px);
	transform: translateX(28px);
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	z-index: 9
}

.home_page_slide .owl-prev,
.service_slider .owl-next {
	-webkit-transform: translateX(-28px);
	-webkit-transition: all .4s ease-in-out 0s
}

.home_page_slide .owl-prev {
	left: 2%;
	transform: translateX(-28px);
	transition: all .4s ease-in-out 0s
}

.service_des,
.service_item {
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out
}

.home_page_slide:hover .owl-prev {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.home_page_slide:hover .owl-prev:hover {
	color: #ff3d00;
	z-index: 9
}

.home_page_slide:hover .owl-next:hover {
	color: #ff3d00
}

.home_page_slide:hover .owl-next {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

nav.navbar.bootsnav.navbar-transparent.white .attr-nav>ul>li>a,
nav.navbar.bootsnav.navbar-transparent.white ul.nav>li>a,
nav.navbar.bootsnav.no-background.white .attr-nav>ul>li>a,
nav.navbar.bootsnav.no-background.white ul.nav>li>a {
	color: #403e3e;
	font-size: 14px;
	font-weight: 300
}

nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu {
	right: -200px
}

nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
	text-align: left
}

.red {
	color: #ee2c33
}

nav.bootsnav .megamenu-content .title {
	font-weight: 500;
	text-transform: capitalize;
	padding-bottom: 15px
}

.side .widget ul.link li a,
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
	line-height: 24px
}

ul.cart-list>li>p {
	color: #ee2c33;
	padding-bottom: 10px
}

.service_area {
	padding: 80px 0
}

.service_slider {
	margin-top: 50px
}

.service_item {
	width: 370px;
	height: auto;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	background: #fff;
	margin-bottom: 30px;
	margin-left: 3px;
	margin-right: 6px;
	display: block
}

.service_item img {
	width: 100%;
	margin: 0 auto
}

.service_des {
	padding: 20px 8px
}

.overlay_content,
.service_des h3 {
	-webkit-transition: .5s ease-in-out
}

.service_des h3 {
	font-size: 20px;
	font-weight: 600;
	color: #4c4949;
	padding-bottom: 15px;
	transition: .5s ease-in-out
}

.service_des p,
.service_des span {
	-webkit-transition: .5s ease-out;
	color: #514e4e
}

.service_des p {
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
	transition: .5s ease-out
}

.service_des span {
	font-size: 15px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	padding: 5px;
	margin-left: 10px;
	transition: .5s ease-out
}

.service_des a {
	font-size: 18px;
	font-weight: 500;
	color: #514e4e;
	display: block;
	-webkit-transition: .5s ease-out;
	transition: .5s ease-out
}

.service_item:hover {
	background: #ed1c24
}

.service_item:hover a,
.service_item:hover h2,
.service_item:hover p {
	color: #fff
}

.service_item:hover a {
	text-shadow: 4px 4px 2px rgba(0, 0, 0, 1)
}

.service_item:hover span {
	border: 1px solid #fff;
	color: #fff
}

.service_slider .owl-next,
.service_slider .owl-prev {
	border-radius: 50%;
	bottom: 0;
	height: 40px;
	line-height: 48px;
	padding: 0;
	position: absolute;
	top: 40%;
	width: 40px;
	opacity: 1;
	font-size: 24px;
	text-align: center
}

.service_slider .owl-next {
	background: #fff;
	color: #5d5858;
	right: -10px;
	transform: translateX(-28px);
	transition: all .4s ease-in-out 0s
}

.service_slider .owl-next:hover {
	background: red;
	color: #fff
}

.service_slider .owl-prev {
	background: #fff;
	color: #5d5858;
	left: 42px;
	-webkit-transform: translateX(-28px);
	transform: translateX(-28px);
	-webkit-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s
}

.counter_work::before,
.creative_team::before,
.support::before {
	top: 0;
	bottom: 0;
	content: ""
}

.service_slider .owl-prev:hover {
	background: red;
	color: #fff
}

.selected_work_area {
	padding: 80px 0;
	background: #fff
}

.work_list {
	margin-top: 72px
}

.single_work_item {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	float: left
}

.single_work_item.work_item_bg_1.item_big {
	height: 580px;
	width: 40%
}

.single_work_item.work_item_bg_2.item_small,
.single_work_item.work_item_bg_4.item_small {
	height: 290px;
	width: 25%
}

.single_work_item.work_item_bg_3.item_medium,
.single_work_item.work_item_bg_5.item_medium {
	height: 290px;
	width: 35%
}

.overlay_content,
.overlay_content a {
	width: 100%;
	-webkit-box-align: center;
	height: 100%
}

.single_work_item:hover .overlay_content {
	opacity: 1;
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.single_work_item:hover .overlay_content a {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.overlay_content {
	-ms-flex-align: center;
	align-items: center;
	background-image: -webkit-gradient(linear, left top, right top, from(#6a11cb), to(#2575fc));
	background-image: linear-gradient(to right, #6a11cb 0, #2575fc 100%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	transition: .5s ease-in-out;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0)
}

.overlay_content a {
	font-size: 24px;
	font-weight: 300;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 0;
	-webkit-transform: translateY(80px);
	transform: translateY(80px);
	-webkit-transition-duration: 1.8s;
	transition-duration: 1.8s
}

.overlay_content a:hover span {
	padding-left: 15px
}

.overlay_content a span {
	padding-left: 10px;
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out
}

.creative_team {
	padding: 100px 0;
	margin-top: 80px;
	min-height: 500px;
	position: relative;
	background: url(../images/team.jpg) left no-repeat;
	background-size: cover;
	-webkit-background-size: 50% 100%
}

.creative_team::before {
	position: absolute;
	width: 50%;
	height: 100%;
	background: #f5fbf5;
	right: 0
}

.ml {
	margin-left: 55%
}

.creative_des .support12 {
	font-size: 30px;
	color: #353232;
	font-weight: 600;
	padding-bottom: 30px
}

.creative_des p {
	font-size: 18px;
	font-weight: 300;
	color: #353232;
	line-height: 30px
}

.creative_des .btn.btn-primary {
	background: #433f3f;
	border: none;
	border-radius: 20px;
	font-size: 18px;
	font-weight: 600;
	line-height: 35px;
	width: 200px;
	margin-top: 40px;
	-webkit-transition: .4s ease-in;
	transition: .4s ease-in;
	position: relative;
	-webkit-box-shadow: 0 0 9px -1px rgba(0, 0, 0, .75);
	box-shadow: 0 0 9px -1px rgba(0, 0, 0, .75)
}

.design_add .btn-success,
.pricing {
	-webkit-transition: all .5s ease-out;
	overflow: hidden
}

.creative_des .btn.btn-primary span {
	font-size: 18px
}

.creative_des .btn.btn-primary:hover {
	background: #000;
	color: #fff
}

.support {
	padding: 100px 0;
	min-height: 500px;
	position: relative;
	background: url(../images/support.jpg) right no-repeat;
	background-size: cover;
	-webkit-background-size: 50% 100%
}

.support::before {
	position: absolute;
	width: 50%;
	height: 100%;
	background: #f5fbf5;
	left: 0
}

.mr {
	margin-left: -8%
}

.quote ul li {
	list-style: none;
	display: inline-block;
	font-weight: 600;
	line-height: 30px;
	margin-right: 10px;
	margin-top: 10px
}

.quote ul li span {
	padding-right: 8px
}

.counter_work {
	background: url(../images/project.jpg) center/cover no-repeat;
	padding: 100px 0;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.counter_work::before {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7)
}

.counter_work .counter_area {
	background: rgba(255, 255, 255, .2);
	border: 1px solid #fff;
	border-radius: 50%;
	color: #fff;
	font-size: 32px;
	font-weight: 600;
	height: 150px;
	padding: 40px;
	text-align: center;
	width: 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 20px auto 30px
}

.lead {
	font-size: 24px;
	color: #fff;
	text-align: center
}

.client_section {
	padding: 80px 0
}

.client_item_logo {
	background: #fff;
	padding: 10px;
	-webkit-box-shadow: 0 0 9px 1px rgba(59, 57, 59, .67);
	box-shadow: 0 0 9px 1px rgba(59, 57, 59, .67);
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 30px 10px
}

.client_slider {
	margin-top: 30px
}

.client_slider .owl-carousel .owl-stage {
	margin: 50px 0;
	position: relative
}

.client_item_logo img {
	margin: 0 auto
}

.pricing_area {
	background: #f4f3f3;
	padding: 0px 0
}

.pricing {
	background: #fff;
	border-radius: 5px;
	position: relative;
	margin-top: 24px;
	-webkit-box-shadow: 0 14px 24px 1px rgba(0, 0, 0, .43);
	box-shadow: 0 14px 24px 1px rgba(0, 0, 0, .43);
	transition: all .5s ease-out
}

.package {
	background: #363333;
	padding: 30px 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}

.package::before {
	background: #363333;
	height: 80px;
	left: -68px;
	position: absolute;
	top: 5%;
	-webkit-transform: rotate(-7deg);
	transform: rotate(-7deg);
	width: 900px;
	z-index: 1
}

.package h2 {
	color: #fff;
	font-size: 40px;
	font-weight: 600;
	padding-top: 12px;
	position: relative;
	z-index: 2
}

.package_price {
	background: #ed1c24;
	padding: 30px 0
}

.package_price h2 {
	font-size: 72px;
	font-weight: 700;
	color: #fff;
	position: relative;
	padding-top: 45px
}

.package_price sub {
	font-size: 20px
}

.package_price sup {
	font-size: 24px;
	position: absolute;
	right: 13px;
	top: 15px
}

.price_list {
	padding: 0 15px;
	margin-top: 28px
}

.price_list li {
	border-bottom: 1px solid #dddada;
	font-size: 15px;
	font-weight: 300;
	line-height: 30px;
	padding: 6px 0;
	text-align: left;
	color: #9a3239;
}

.price_list ul li span {
	padding-right: 6px
}

.pricing .btn-primary {
	background: red;
	border: none;
	border-radius: 25px;
	font-size: 21px;
	font-weight: 700;
	height: 53px;
	line-height: 40px;
	margin: 20px 0;
	width: 238px;
	overflow: hidden
}

.pricing:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.design_add {
	background: #ca181f;
	padding: 40px 0
}

.design_add h1 {
	color: #fff;
	font-size: 47px;
	font-weight: 600;
	text-transform: uppercase;
	padding-top: 10px
}

.design_add .btn-success {
	background: #fff;
	border: none;
	border-radius: 31px;
	color: #ed1c24;
	font-size: 21px;
	font-weight: 700;
	height: 58px;
	line-height: 47px;
	text-transform: uppercase;
	width: 238px;
	position: relative;
	z-index: 1;
	transition: all .5s ease-out
}

.design_add .btn-success::before {
	position: absolute;
	width: 0;
	height: 100%;
	background: #383837;
	bottom: 0;
	z-index: -1;
	top: 0;
	left: 0;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out
}

.design_add .btn-success:hover:before {
	width: 100%
}

.design_add .btn-success:hover {
	color: #fff;
	-webkit-box-shadow: 27px 0 24px -12px rgba(0, 0, 0, .43);
	box-shadow: 27px 0 24px -12px rgba(0, 0, 0, .43)
}

.contact_section {
	background: #fff;
	padding: 60px 0
}

.contact_area {
	background: #ed1c25;
	padding: 30px 20px;
	min-height: 310px;
	margin-bottom: -115px
}

.bg_color_1 {
	background: #e4151e
}

.bg_color_2 {
	background: #ca181f
}

.contact_area .img_icon {
	width: 80px;
	height: 80px;
	position: relative;
	padding: 15px 0;
	margin: 0 auto
}

.address_area {
	margin-top: 40px
}

.address_area .head {
	color: #fff;
	font-size: 21px;
	font-weight: 600;
	margin-bottom: 15px;
	text-align: center
}

.address_area>p {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 27px
}

.footer_area {
	background: #2b2829;
	padding: 100px 0
}

.footer_address p span,
.social ul li a {
	padding-right: 10px
}

.footer_address,
.footer_logo img {
	margin-bottom: 15px
}

.footer_address p {
	color: #fff;
	font-size: 12px;
	font-weight: 300;
	line-height: 25px
}

.social {
	margin-top: 20px
}

.social::before {
	position: absolute;
	background: #4c4b4b;
	height: 1px;
	width: 240px;
	bottom: 17%
}

.social ul li {
	display: inline-block
}

.social ul li a {
	color: #7d7b7b;
	-webkit-transition: .5s ease-out;
	transition: .5s ease-out
}

.social ul li a:hover {
	color: #fff
}

.social ul li span {
	font-size: 17px
}

.navigation .navi {
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	border-bottom: 1px solid #484546;
	padding-bottom: 10px;
	margin-bottom: 10px
}

.navigation ul li a,
.navigation ul li p a {
	color: #fff;
	line-height: 20px;
	text-decoration: none;
	text-transform: capitalize;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.navigation ul li a:hover {
	color: #e4151e
}

.i_frame {
	width: 100%;
	height: 100%;
	border: 0
}

.pl {
	padding-left: 0
}

.media-body a {
	font-size: 12px;
	color: #fff;
	font-weight: 600
}

.media-body p {
	color: #fff;
	font-size: 11px;
	font-weight: 300
}

.footer_bottom {
    background: #f51b24;
    padding: 15px 0 0;
}
.copy {
    margin-top: 13px;
}
.copy p {
	color: #fff
}

nav.navbar.bootsnav.navbar-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0
}

nav.navbar.bootsnav.navbar-transparent.white {
	background-color: #fff
}

nav.navbar.bootsnav.navbar-transparent.white .attr-nav {
	border-left: 1px solid transparent
}

.about_us_heading {
	background: url(../images/about_us.jpg) center center/cover no-repeat;
	position: relative;
	padding: 110px 0 50px;
}

.about_us_heading::before {
	position: absolute;
	background: rgba(36, 44, 33, .8);
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.bread_cum_area {
	margin-top: 75px
}

.bread_cum_area ul li {
	display: inline-block;
	position: relative;
	padding-right: 28px;
	font-size: 20px;
	font-weight: 300;
	color: #fff
}

.bread_cum_area ul li:last-of-type {
	color: red
}

.bread_cum_area ul li::before {
	color: #fff;
	content: "";
	font-family: themify;
	font-size: 19px;
	height: 20px;
	position: absolute;
	right: 0;
	width: 20px
}

.bread_cum_area ul li:last-child:before {
	content: " "
}

.portfolio_section h1::before,
.portfolio_section1 h1::before {
	content: '';
	height: 40px;
	left: 0;
	bottom: 18px;
	width: 100%
}

.bread_cum_area ul li a {
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	text-transform: capitalize;
	-webkit-transition: all .5s ease-in;
	transition: all .5s ease-in
}

.bread_cum_area ul li a:active,
.bread_cum_area ul li a:hover {
	color: #ed1c24
}

.inner_page_title h1 {
	font-size: 30px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	margin-top: 59px
}

.about_content {
	padding: 60px 0
}

.about_content h1 {
	font-size: 26px;
	font-weight: 600;
	color: #383c38;
	padding-bottom: 15px
}

.about_content p {
    color: #383c38;
    text-align: justify;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    padding: 5px 0px;
}
.border {
	border-bottom: 1px solid #eceeec;
	padding-bottom: 10px
}

.about_content_img {
	padding: 20px 0
}

.portfolio_section,
.portfolio_section1 {
	padding: 0 0;
	background: #fff
}

.product_list {
	margin-top: 40px
}

.portfolio_section h1 {
	color: #686e68;
	font-size: 24px;
	margin-bottom: 35px;
	font-weight: 600;
	position: relative;
	text-align: center;
	padding-bottom: 50px
}

.portfolio_section h1::before {
	position: absolute;
	background: url(../images/portfolio/p_border.png) center bottom no-repeat
}

.portfolio_section1 .about_content1 h1,
.portfolio_section1 h1 {
	color: #686e68;
	font-size: 16px;
	font-weight: 600;
	position: relative;
	padding-bottom: 50px;
	text-align: center
}

.portfolio_section1 .about_content1 h1 {
	margin-bottom: 35px
}

.portfolio_section1 h1 {
	margin-bottom: 0;
	line-height: 30px
}

.portfolio_section1 h1::before {
	position: absolute
}

.single_item {
	float: left;
	margin-bottom: 15px
}

.single_item img {
	width: 100%
}

.single_item a {
	position: relative;
	display: block;
	overflow: hidden
}

.single_item a::after,
.single_item a::before {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	top: 0;
	opacity: 0
}

.single_item a::before {
	background: rgba(0, 0, 0, .8);
	content: "";
	-webkit-transform: perspective(2000px) rotateX(150deg);
	transform: perspective(2000px) rotateX(150deg);
	-webkit-transform-origin: center bottom 0;
	transform-origin: bottom;
	-webkit-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s
}

.single_item a::after {
	content: "\e611";
	font-family: themify;
	font-size: 25px;
	color: #fff;
	z-index: 1;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .8s ease-out;
	transition: all .8s ease-out;
	justify-content: center
}

.single_item a:hover::before {
	opacity: 1;
	-webkit-transform: perspective(2000px) rotateX(0);
	transform: perspective(2000px) rotateX(0)
}

.single_item a:hover::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.service_des02 {
	padding: 0 10px;
}

.service_des02 h3 {
	line-height: 40px;
	font-size: 25px;
	color: #000;
	text-align: left;
}

.service_des02 p {
	line-height: 25px;
	font-size: 14px;
	color: #000;
	text-align: left;
}

.member ul {}

.member ul li {
	list-style: none;
	float: left;
	padding-left: 10px;
}

.member ul li a {
	color: #fff;
	line-height: 40px;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a {
	padding: 10px 5px;
}


/* 3. modal css here*/

.modal_body {
	padding: 0 6px 34px;
}

.modalbody-custom {
	padding: 0px;
}

.modal-header-custom {
	padding: 3px 5px 7px 0;
	border: none;
}

.modal-content {
	position: relative;
	background-color: #8e1717;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-content button.close {
	position: relative;
	/* left: 94%; */
	width: 30px;
	height: 30px;
	display: inline-block;
	border: 1px solid #fff;
	top: 4px;
	border-radius: 5px;
	cursor: pointer;
}

.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .4;
}

.modal-dialog.modal-dialog-centered {
	min-width: 870px;
}

.modal_tab_button ul li {
	width: 70px;
	float: left;
	border: 1px solid #ddd;
	margin-right: 11px;
}

.modal_tab_button ul li a {
	padding: 0;
}

.modal_title h2,
.modal_social h2 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 10px;
}

.modal_price span {
	font-weight: 600;
	color: #f26667;
	font-size: 16px;
}

.modal_price span.old_price {
	color: #999;
	font-size: 14px;
	font-weight: 400;
	text-decoration: line-through;
	margin-left: 5px;
}

.modal_content p,
.modal_description p {
	line-height: 24px;
	font-size: 15px;
	color: #666666;
	margin: 0;
}

.modal_size ul li,
.modal_social ul li {
	display: inline-block;
	margin-right: 3px;
}

.modal_size ul li a,
.modal_social ul li a {
	text-transform: uppercase;
	display: inline-block;
	border: 1px solid #ddd;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	border-radius: 50%;
	font-size: 12px;
	color: #222222;
	font-weight: 600;
}

.modal_social ul li a {
	font-size: 13px;
}

.modal_size h2 {
	font-size: 16px;
	color: #222222;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 18px;
}

.modal_size.mb-15 {
	margin-bottom: 20px;
}

.modal_description.mb-15 {
	margin-bottom: 40px;
}

.modal_social h2 {
	margin-bottom: 16px;
}

.modal_price.mb-10 {
	margin-bottom: 5px;
}

.modal_add_to_cart form input {
	width: 80px;
	border: 1px solid #ddd;
	background: none;
	padding: 0 17px;
	font-weight: 700;
	border-radius: 5px;
	height: 40px;
}

.modal_add_to_cart form button,
.product_d_tab_content_item>a {
	background: none;
	border: 1px solid #444;
	margin-left: 10px;
	font-size: 12px;
	font-weight: 700;
	height: 38px;
	line-height: 18px;
	padding: 10px 15px;
	text-transform: uppercase;
	background: #444;
	color: #fff;
	border-radius: 5px;
	-webkit-transition: .3s;
	transition: .3s;
	cursor: pointer;
}

.product_d_tab_content_item a {
	margin-left: 0;
	display: block;
}

.modal_add_to_cart form button:hover,
.modal_size ul li a:hover,
.modal_social ul li a:hover,
.product_d_tab_content_item>a:hover {
	background: #ea3a3c;
	border-color: #ea3a3c;
	color: #fff;
}

***/
====================================================================
                        team-page
====================================================================

***/

.team-page{
  position: relative;
  padding: 100px 0px 50px 0px;
}
.team-page .single-item{
  position: relative;
  margin-bottom: 50px;
  transition: all 900ms ease;
}
.team-page .single-item img{
  width: 100%;
  z-index: 1;
}
.team-page .single-item:hover{
  transition: all 900ms ease;
  box-shadow: 0 0 20px 2px rgba(204, 204, 204, 0.5);
}
.team-page .single-item .lower-content{
  position: relative;
  padding: 0px 0px 23px 0px;
  border: 1px solid #e5e5e5;
  border-top: none;
  transition: all 900ms ease;
}
.team-page .single-item:hover .lower-content{
  border: 1px solid #fff;
  border-top: none;
  transition: all 900ms ease;
}
.team-page .single-item .lower-content .team-social{
  position: relative;
  margin-bottom: 0px;
  margin-top: -24px;
  transition: all 900ms ease;
  opacity: 0;
}
.team-page .single-item:hover .lower-content .team-social{
  opacity: 1;
  transition: all 900ms ease;
}
.team-page .single-item .lower-content .team-social li{
  position: relative;
  display: inline-block;
  margin: 0px 1px;
}
.team-page .single-item .lower-content .team-social li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #848484;
  background: #fff;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0 0 5px 0px #ccc;
}
.team-page .single-item .lower-content .team-social li a:hover,
.team-page .single-item .lower-content .team-social li a.active{
  background: #f6b129;
  color: #fff;
}
.team-page .single-item .lower-content .team-info{
  position: relative;
  padding: 0px 0px 0px 0px;
  transition: all 900ms ease;
}
.team-page .single-item:hover .lower-content .team-info{
  padding: 23px 0px 0px 0px;
}
.team-page .single-item .lower-content h4{
  margin-bottom: -2px;
}

---csss----

/*esoft*/

ul.service-directory-list {
padding: 0;
margin: 0;
float: left;
width: 100%;
}
ul.service-directory-list li.service-provider {
width: 100%;
float: left;
}
.service-provider{
list-style: none;
}
.service-entity {
width: 100%;
float: left;
box-shadow: 0 1px 2px rgb(0 0 0/20%);
background: #fff;
position: relative;
border-radius: 8px;
margin-bottom: 20px;
padding: 20px 20px 8px;
}
.fstar {
background: #ffba00;
z-index: 1;
}
.estar, .fstar {
position: absolute;
height: 19px;
left: 0;
}
.service-entity .firms-l {
line-height: 28px;
}

.firms-l {
overflow: hidden;
margin-right: 220px;
min-height: 256px;
}

 .service-entity .company-image {
float: left;
border-radius: 6px;
overflow: hidden;
border: 1px solid #e2e2e2;
display: flex;
justify-content: center;
align-items: center;
}

.company-image {
height: 50px;
width: 50px;
line-height: 46px;
margin-right: 20px;
word-wrap: break-word;
overflow: hidden;
}
.company-image img {
max-height: 48px;
max-width: 48px;
}
.listing-name-tag {
text-overflow: ellipsis;
white-space: nowrap;
width: auto;
overflow: hidden;
margin-left: 70px;
}
.profile-position {
float: left;
line-height: 18px;
font-size: 18px;
font-weight: 700;
color: #181818;
margin-right: 5px;
}

.profile-position::after {
content: ".";
}
.service-entity h3 {
max-width: 95% !important;
margin-right: 10px;
white-space: nowrap;
width: auto;
overflow: hidden;
line-height: 19px;
text-overflow: ellipsis;
font-size: 18px;
font-weight: 700;
color: #181818;
height: 22px;
float: left;
}

h3 .c_name_head {
font-weight: 700;
color: #181818;
}

.profile-tagline {
line-height: 22px;
vertical-align: top;
}

.profile-star-link {
overflow: hidden;
line-height: 20px;
font-size: 15px;
}
.profile-star-link a {
display: inline-block;
text-decoration: none;
vertical-align: top;
}
.review-container .star-container {
margin-right: 7px;
}
.star-container {
width: 88px;
height: 16px;
position: relative;
float: left;
margin-right: 2px;
}
.profile-star {
background: url(https://assets.goodfirms.co/images/smallstar.png) 0 0 repeat-x;
width: 88px;
position: absolute;
z-index: 2;
height: 16px;
}
.star-container .fstar {
height: 16px;
}
.fstar {
background: #ffba00;
z-index: 1;
}
.profile-star-link a {
display: inline-block;
text-decoration: none;
vertical-align: top;
}
.profile-flex {
display: flex;
flex-direction: column;
clear: both;
min-height: 206px;
}
.profile-short-info {
clear: both;
padding-top: 12px;
line-height: 1.7;
}
.firm-review {
clear: both;
overflow: hidden;
padding: 7px 0 0;
margin-top: auto;
height: auto;
color: #757982;
line-height: 24px;
}

.review-conclusion {
font-weight: 700;
color: #181818 !important;
text-overflow: ellipsis;
white-space: nowrap;
width: calc(100% - 60px);
overflow: hidden;
float: left;
position: relative;
padding-left: 25px;
}
.review-conclusion::before {
content: "“";
left: 0;
top: 5px;
}
.review-conclusion::after, .review-conclusion::before {
font-size: 40px;
font-family: arial;
color: #d2d8e3;
position: absolute;
}
.review-conclusion::after {
content: "”";
top: 13px;
right: 0;
margin-left: 7px;
position: relative;
vertical-align: bottom;

}
.reviewer-info {
text-overflow: ellipsis;
white-space: nowrap;
width: 75%;
overflow: hidden;
font-size: 15px;
}


/**/
.firms-r {
width: 201px;
position: absolute;
top: 20px;
right: 20px;
bottom: 58px;
border-left: 1px solid #e2e2e2;
}

.linkbtn {
font-size: 14px;
text-transform: capitalize;
border-radius: 21px;
font-weight: 600;
color: #fff;
border: 1px solid #3a7af3;
padding: 0 15px;
text-align: center;
background: #3a7af3;
fill: #fff;
height: 42px;
line-height: 2.8;
margin: 0;
letter-spacing: .025em;
text-decoration: none;
display: block;
margin: 0 0 20px 20px;
}

.firms-r .firms-services {
padding: 0 0 6px 20px;
}

.firms-services div {
position: relative;
padding: 0 0 15px;
line-height: 22px;
}

.firms-services .firm-pricing::before {
content: "Hourly Rate";
}
.firms-services div::before {
display: block;
height: 19px;
width: 100%;
color: #757982;
font-size: 12px;
margin-bottom: 5px;
}

.firms-services .firm-employees::before {
content: "Employees";
}
.firms-services div::before {
display: block;
height: 19px;
width: 100%;
color: #757982;
font-size: 12px;
margin-bottom: 5px;
}

.firms-services div {
position: relative;
padding: 0 0 15px;
line-height: 22px;
}
.firms-services .firm-location::before {
content: "Locations";
}
.pull-left {
float: left !important;
}

.free-tag {
min-height: 38px;
padding-top: 5px;
margin-top: 15px;
text-align: right;
line-height: normal;
padding-top: 10px;
font-size: 14px;
font-weight: 600;
min-height: 35px;
}
.free-tag-right {
height: 32px;
}
.pull-right {
float: right !important;
}

.free-tag a.service-review-add {
line-height: 20px;
top: 0;
padding: 6px 12px;
text-decoration: none;
height: 32px;
}

a.service-review-add svg {
float: left;
margin-right: 5px;
}
.free-tag-right .follow-organisation-list {
float: right;
}
.follow-organisation-list {
padding-left: 0;
}
.follow-organisation-list a {
line-height: 20px;
top: 0;
padding: 6px 12px;
text-decoration: none;
height: 32px;
}
.free-tag {
text-align: right;
line-height: normal;
font-size: 14px;
font-weight: 600;
}

a.c_d_review_more, a.c_read_more, a.c_read_more:focus, a.c_read_more:hover {
color: #3a7af3;
}

/*** 


/*modal css here*/