@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900);
@import url(https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i);
@import url(imp.css);
@import url(bootstrap.css);
@import url(font-awesome.min.css);
@import url(hover.css);
@import url(jquery.bxslider.css);
@import url(owl.css);
@import url(owl.theme.default.css);
@import url(animate.css);
@import url(jquery.bootstrap-touchspin.css);
@import url(bootstrap-select.min.css);
@import url(imagehover.css);
@import url(icomoon.css);
@import url(jquery.fancybox.min.css);
@import url(jquery.mCustomScrollbar.min.css);
@import url(slick.css);
@import url(../fonts/flaticon/flaticon.css);
@import url(../assets/price-filter/nouislider.css);
@import url(../assets/price-filter/nouislider.pips.css);
@import url(flexslider.css);
@import url(../fonts/flaticon/flaticon.css);
@import url(../assets/jquery-ui-1.11.4/jquery-ui.css);
@import url(../plugins/revolution/css/settings.css);
@import url(../plugins/revolution/css/layers.css);
@import url(../plugins/revolution/css/navigation.css);
@import url(../assets/bootstrap-sl-1.12.1/bootstrap-select.css);

#more_btn {
	color: #fff !important;
	padding: 10px 20px
}

#more_btn span {
	padding-right: 5px;
	font-size: 10px;
	font-weight: bold
}

.preloader,
body,
html {
	height: 100%
}

.btn-one,
body {
	font-size: 15px
}

.btn-one,
.cancel,
.sec-title .inner span {
	text-transform: capitalize
}

.btn-one,
.btn-two {
	transition: .5s
}

.mt-15,
.mt15 {
	margin-top: 15px
}

.btn-one,
.btn-two span:before {
	display: inline-block;
	position: relative
}

.accordion-box,
.boxed_wrapper,
.choose-section .inner-content,
.fix,
.sociallinks-style-two {
	overflow: hidden
}

.checkbox,
.clearfix,
.menu-panel .row:after,
.review-box,
.tablesaw-bar,
.tablesaw-bar-section~table {
	clear: both
}

.tablesaw *,
.tablesaw-bar * {
	box-sizing: border-box
}

.p0 {
	padding: 0 !important
}

.m20auto {
	margin: 20px auto
}

.swal2-popup .swal2-title {
	font-size: 16px !important;
	color: #28b3e8 !important
}

.swal2-popup .swal2-styled.swal2-confirm {
	padding: 0 20px !important;
	background-color: #273c8e !important
}

.accordion-box .accordion .accord-content p,
.blog-large-area .single-blog-post .text-holder .text p,
.blog-single-area .single-blog-post,
.case-description-content p,
.challenge-solution-area .single-box p,
.choose-block .inner-box .content-box .text p,
.featured-project-area-v2 .mar0,
.footer-bottom-area .copyright-text,
.header-lower,
.quick-contact-box .bottom li:last-child,
.research-development ul li .text p,
.sec-title-box p,
.service-solution-box ul li .text-holder p,
.services-style2-area .container-fluid .mar0,
.single-blog-post .text-holder .text-box p,
.single-branches-box ul li .text p,
.single-case-studies .text-holder p,
.single-service-tab-box .sec-title-box h2,
.single-testimonial-item .overlay-content p,
.single-testimonial-item-v2 .text-holder p,
.tablesaw-columntoggle-popup fieldset,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ul {
	margin: 0
}

body {
	font-family: Roboto, sans-serif;
	color: #666666;
	line-height: 26px;
	font-weight: 400
}

.btn-one,
.btn-two,
.contact-box ul li span,
.map-quote-area .quote-content .view-map a,
.sec-title .inner span,
.sec-title .title,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
	font-family: Rubik, sans-serif
}

.shipping .input-box .ui-selectmenu-button:focus,
button:focus {
	outline: 0
}

button {
	cursor: pointer;
	border: 0;
	background: 0;
	padding: 0
}

h3 {
	font-size: 20px;
	line-height: 24px
}

.about-text-holder .inner-content a:hover,
.accordion-box .accordion .accord-btn.active h4,
.action-box a:hover,
.admin-panel:hover,
.blog-large-area .single-blog-post .text-holder .blog-title a:hover,
.blog-prev-next-option .single .title a:hover,
.btn-two:hover,
.callto-action ul .single-box:hover .text-holder a,
.callto-action ul .single-box:hover .top .icon-holder span:before,
.choose-section .owl-theme .owl-nav .owl-next:hover,
.choose-section .owl-theme .owl-nav .owl-prev:hover,
.greencolor,
.header-top .headers1-header-right ul li .single-item .text p,
.mainmenu-right .cart-box a:hover span:before,
.nav-link:hover,
.outer-search-box .seach-toggle.active,
.outer-search-box .seach-toggle:hover,
.post-pagination li a.left:hover,
.post-pagination li a.right:hover,
.required_custom,
.single-blog-post .text-holder .meta-box .meta-info li a:hover,
.single-blog-post .text-holder .readmore-button a:hover,
.single-blog-post .top-box .title-box-holder .meta-info li a:hover,
.single-case-studies:hover .read-more-button a span:before,
.single-fact-counter-style2:hover .icon span:before,
.single-other-service:hover .text-holder a,
.single-project-item .img-holder .overlay-style-one .content a:hover span:before,
.single-project-item .img-holder .overlay-style-one .title-holder h3 a:hover,
.single-service-sidebar .our-materials li a:hover .title-holder h3,
.single-service-sidebar .service-pages li a:hover,
.single-service-sidebar .service-pages li.active a,
.single-service-sidebar .why-service li a:hover .title-holder h4,
.single-shop-content .content-box .location-box form span,
.single-shop-content .content-box .review-box ul li i,
.single-sidebar .categories li a:hover,
.single-sidebar .instagram li:hover .img-holder .overlay-style-one .box .content a:hover i,
.single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a:hover i,
.single-sidebar .popular-post li .title-holder .post-title a:hover,
.single-sidebar .popular-tag li a:hover,
.single-team-member .name .mail-box a.btn-three span:before,
.table td a,
.testimonial-area .owl-theme .owl-nav .owl-next:hover,
.testimonial-area .owl-theme .owl-nav .owl-prev:hover,
.top-bar .top-right ul li a:hover,
a {
	color: #28b3e8
}

.about-text-holder .inner-content a,
.action-box a,
.bluecolor,
.contact-box a:hover,
.footer-bottom-area .copyright-text p a:hover,
.nav-link,
a:hover {
	color: #273c8e
}

a,
a:active,
a:focus,
a:hover {
	text-decoration: none;
	outline: 0;
	border: 0
}

i {
	font-style: normal
}

li,
ul {
	list-style: none;
	padding: 0
}

#blog-area,
.main-project-area.projectv2,
.sec-pd-one {
	padding: 100px 0
}

.sec-pding-two {
	padding: 100px 0 60px
}

.btn-one {
	text-align: center;
	color: #fff;
	line-height: 20px;
	padding: 10px 12px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #273c8e
}

.cancel {
	text-align: center;
	color: #fff !important;
	font-size: 14px;
	line-height: 13px;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #a50623
}

.btn-one:hover,
.cancel:hover,
.single-other-service:hover .top .icon-holder span:before {
	color: #fff;
	background: #28b3e8
}

.btn-two {
	color: #273c8e;
	font-size: 13px;
	text-transform: uppercase
}

.btn-two span:before {
	top: 2px;
	font-weight: 400;
	font-size: 20px;
	line-height: 10px;
	padding-right: 9px
}

.sec-title {
	position: relative;
	margin-top: -7px;
	padding-bottom: 42px
}

.sec-title.text-center {
	max-width: 775px;
	margin: -7px auto 0
}

.sec-title .title {
	position: relative;
	display: block;
	margin: 0 0 8px;
	color: #273c8e;
	font-size: 26px;
	line-height: 40px;
	text-transform: none;
	z-index: 1
}

.sec-title .inner .border1,
.sec-title .inner .border2 {
	width: 50px;
	height: 2px;
	background: #28b3e8;
	margin: 6px 0
}

.sec-title .inner,
.sec-title .inner span {
	display: inline-block;
	line-height: 14px;
	position: relative
}

.action-box-content a:hover,
.breadcrumb-area .breadcrumb-menu ul li a,
.featured-project .owl-theme .owl-nav .owl-next:hover,
.featured-project .owl-theme .owl-nav .owl-prev:hover,
.hidden-bar .contact-info li a:hover,
.hidden-bar .hidden-bar-closer:hover button,
.main-slider #rev_slider_two_wrapper .slide-content .big-title,
.main-slider #rev_slider_two_wrapper .slide-content .text,
.mainmenu-right .social-links-box ul li a:hover i,
.quick-contact-box .top li .get-direction a:hover,
.sec-title .title.clr-white,
.service-solution-box ul li:hover .icon-holder span:before,
.single-fact-counter .overlay-text .text a,
.single-footer-widget a,
.text-w {
	color: #fff
}

.sec-title .inner {
	z-index: 1
}

.sec-title .inner .border1 {
	display: inline-block;
	float: left;
	margin-right: 10px
}

.sec-title .inner .border2 {
	display: inline-block;
	float: right
}

.parallax-bg-one::before,
.parallax-bg-two::before {
	content: "";
	height: 100%;
	top: 0;
	width: 100%;
	left: 0
}

.sec-title .inner span {
	color: #28b3e8;
	font-size: 18px;
	padding: 0
}

.sec-title p {
	color: #666666;
	font-size: 18px;
	line-height: 28px;
	margin: 17px 0 0
}

.parallax-bg-one,
.parallax-bg-two {
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1
}

.parallax-bg-one::before {
	background: rgba(18, 32, 0, .9);
	position: absolute;
	z-index: -1
}

.parallax-bg-two::before {
	background: rgba(9, 23, 33, .9);
	position: absolute;
	z-index: -1
}

.flex-box {
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap
}

.flex-box-two {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap
}

.flex-box-five,
.flex-box-three {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center
}

.flex-box-four {
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center
}

.owl-nav-style-one.owl-theme .owl-nav [class*=owl-] {
	background: #fff;
	border-radius: 50%;
	color: #909090;
	font-size: 24px;
	font-weight: 700;
	height: 50px;
	line-height: 46px;
	margin: 0;
	padding: 0;
	width: 50px;
	border: 1px solid #f3f3f3;
	transition: .7s
}

.post-pagination li a,
.slick-dots li button {
	font-size: 17px;
	height: 32px;
	width: 32px;
	border-radius: 50%
}

.featured-project-area-v2 .owl-carousel .owl-nav .owl-next,
.owl-nav-style-one.owl-theme .owl-nav .owl-next {
	margin-left: 10px
}

.owl-nav-style-one.owl-theme .owl-nav [class*=owl-]:hover {
	border-color: #172272;
	color: #172272
}

.owl-nav-style-two.owl-theme .owl-nav [class*=owl-] {
	background: #fff;
	border-radius: 0;
	color: #3740b0;
	font-size: 24px;
	font-weight: 700;
	height: 50px;
	line-height: 50px;
	margin: 0;
	padding: 0;
	width: 50px;
	transition: .7s
}

.owl-nav-style-two.owl-theme .owl-nav .owl-next,
.tablesaw-advance a.tablesaw-nav-btn:first-child {
	margin-left: 0
}

.owl-nav-style-two.owl-theme .owl-nav [class*=owl-]:hover {
	color: #fff;
	background: #3740b0
}

.accordion-box {
	display: block;
	padding: 0
}

.accordion-box .accordion,
.blog-single-area .inner-comment-box .single-comment-box .text-holder .reply-button,
.callto-action ul .single-box .top,
.featured-project .single-featured-project .img-holder,
.quick-contact-box .bottom,
.sidebar-wrapper .single-sidebar,
.single-blog-post .top-box,
.single-blog-post .top-box .social-share-box,
.single-other-service .top,
.single-product-item .img-holder,
.single-service-sidebar .our-materials,
.sustainability-goals-content,
.sustainability-goals-content ul {
	position: relative;
	display: block;
	overflow: hidden
}

.accordion-box .accordion .accord-btn {
	border-bottom: 1px solid #f2f2f2;
	cursor: pointer;
	position: relative;
	transition: .5s;
	display: block;
	padding: 19px 35px 18px
}

.accordion-box .accordion .accord-btn h4 {
	color: #222;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	transition: .5s
}

.post-pagination li a,
.scroll-to-top {
	transition: .5s;
	font-weight: 400
}

.accordion-box .accordion .accord-btn::after {
	position: absolute;
	top: 25px;
	left: 0;
	color: #bdbdbd;
	content: "\e91e";
	font-family: icomoon;
	font-size: 14px;
	line-height: 14px;
	font-weight: 300;
	transform: rotate(90deg);
	transition: .5s
}

.main-slider .slide-content .big-title,
.mainmenu-right .cart-box a,
.mainmenu-right .cart-box a span.number,
.post-pagination li a,
.slick-dots li button,
.top-bar .top-right ul li {
	font-family: Rubik, sans-serif
}

.accordion-box .accordion .accord-btn.active {
	border-bottom: 1px solid #f2f2f2;
	transition: .5s
}

.accordion-box .accordion .accord-btn.active:after {
	color: #28b3e8;
	transform: rotate(-90deg)
}

.accordion-box .accordion .accord-content {
	display: none;
	position: relative;
	border-bottom: 1px solid #f2f2f2;
	padding: 25px 30px 23px 35px
}

.about-area .content-box,
.about-right-img,
.about-text-holder .inner-content,
.accordion-box .accordion .accord-content.collapsed,
.product-tab-box .tabs-content .tab.active-tab,
.quick-contact-box .bottom li .text,
.quick-contact-box .bottom li .title,
.quick-contact-box .top li,
.quick-contact-box .top li .get-direction,
.quick-contact-box .top li .title,
.quote .quote-form,
.single-blog-post .text-holder .text-box,
.single-featured-item .single-box .title-holder {
	display: block
}

.slick-dots,
.slick-dots li {
	position: relative;
	display: inline-block
}

.slick-dots {
	top: 0;
	margin-top: 31px
}

.slick-dots li {
	margin: 0 15px
}

.slick-dots li:before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -17px;
	width: 6px;
	height: 1px;
	background: #555;
	content: "";
	margin: 16px 0
}

.avatar-upload .avatar-edit input,
.breadcrumb-area .breadcrumb-menu ul li:last-child:before,
.breadcrumb-area.style2::before,
.c_radio_check input[type=radio],
.choose-section .owl-dots,
.fact-counter-area.style2::before,
.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists,
.header-lower .main-menu .navigation li ul li a:before,
.main-menu .navigation li ul li a:after,
.poster-main .poster-list .poster-item .desc,
.services-style1-area .owl-dots .owl-dot span,
.services-style2-area .owl-dots .owl-dot span,
.single-service-top .owl-dots .owl-dot span,
.slick-dots li:last-child:before,
.tablesaw-bar-section .longform,
.tablesaw-columntoggle-popup,
.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label,
.testimonial-area-v2 .owl-dots .owl-dot span,
.testimonial-classic-slider-item .quote-item-static-footer:after,
.ts-testimonial-bg .column-title-dash:after,
input#toggle,
input#toggle:checked~.menu-panel,
input[type=checkbox] {
	display: none
}

.slick-dots li button {
	position: relative;
	display: block;
	background: 0;
	color: #c2c2c2;
	font-weight: 500;
	padding-bottom: 0
}

.slick-dots li.slick-active button {
	background: #28b3e8;
	color: #222
}

.boxed_wrapper {
	background: #fff;
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 320px;
	min-height: 400px
}

.preloader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999999999999999999;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/icon/preloader.gif)
}

@keyframes menu_sticky {
	0 {
		margin-top: -100px
	}

	50% {
		margin-top: -74px
	}

	100% {
		margin-top: 0
	}
}

.mainmenu-area.stricky-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background: #f5f5f5;
	animation-name: menu_sticky;
	animation-duration: .6s;
	animation-timing-function: ease-out;
	transition: .25s ease-in-out
}

.mainmenu-area.stricky-fixed .inner-content {
	background: #f5f5f5;
	border-top: 1px solid #f5f5f5
}

.post-pagination li.active a,
.post-pagination li:hover a,
.scroll-to-top,
.single-sidebar .price-ranger .ui-slider .ui-slider-range {
	background: #28b3e8
}

.scroll-to-top {
	border-radius: 4px;
	bottom: 60px;
	color: #fff;
	cursor: pointer;
	display: none;
	font-size: 25px;
	height: 40px;
	line-height: 40px;
	position: fixed;
	right: 10px;
	text-align: center;
	width: 40px;
	z-index: 99999999
}

.scroll-to-top:hover {
	opacity: .7
}

input:focus,
select:focus,
textarea:focus {
	border-color: #43c3ea;
	outline: 0
}

#contact-form input[type=email].error,
#contact-form input[type=text].error,
#contact-form select.error,
#contact-form textarea.error {
	border-color: red
}

.post-pagination {
	display: block;
	margin-top: 10px
}

.post-pagination li {
	display: inline-block;
	margin: 0 3px
}

.post-pagination li a {
	color: #222;
	display: block;
	line-height: 32px;
	text-align: center
}

.cart-bottom .calculate-shipping .ui-state-default .ui-icon,
.post-pagination li:hover a.left,
.post-pagination li:hover a.right {
	background: 0
}

.post-pagination li a.left {
	width: auto;
	height: auto;
	display: block;
	color: #727272;
	padding-right: 10px;
	transition: .5s
}

.post-pagination li a.left i {
	position: relative;
	top: 1px;
	display: inline-block;
	padding-right: 8px;
	font-size: 21px
}

.post-pagination li a.right {
	width: auto;
	height: auto;
	display: block;
	color: #727272;
	padding-left: 10px;
	transition: .5s
}

.post-pagination li a.right i {
	position: relative;
	top: 1px;
	display: inline-block;
	padding-left: 8px;
	font-size: 21px
}

.overlay-style-one {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
	transition: .5s .1s;
	opacity: 0;
	z-index: 2
}

.overlay-style-one .box,
.single-featured-item .single-box .overlay-content .box {
	display: table;
	height: 100%;
	width: 100%
}

.overlay-style-one .box .content {
	display: table-cell;
	text-align: center;
	vertical-align: middle
}

.header-top-top .social-links-box ul,
.mainmenu-right .social-links-box ul,
.quote-left-content .inner-content,
.research-development,
.research-development ul,
.research-development ul li,
.review-box,
.review-box ul,
.service-solution-box ul,
.single-case-info ul,
.single-service-text,
.top-bar .top-right ul {
	display: block;
	overflow: hidden
}

.review-box {
	position: relative;
	line-height: 16px;
	margin: 10px auto
}

.review-box ul li {
	display: inline-block;
	margin-right: 4px
}

.headers1-header-right ul li,
.sociallinks-style-one li {
	display: inline-block;
	float: left;
	margin-right: 15px
}

.header-top-top .social-links-box ul li:last-child,
.hidden-bar .mCSB_inside>.mCSB_container,
.main-menu .navigation li:last-child,
.mainmenu-right .social-links-box ul li:last-child,
.review-box ul li:last-child,
.single-blog-post .top-box .title-box-holder .meta-box .meta-info li:last-child,
.sociallinks-style-one li:last-child,
.sociallinks-style-two li:last-child,
.tablesaw-advance a.tablesaw-nav-btn:last-child,
.top-bar .top-right ul li:last-child,
.working-process ul li:last-child {
	margin-right: 0
}

.review-box ul li i {
	font-size: 14px;
	color: #28b3e8
}

.sociallinks-style-one li a i {
	color: #959595;
	font-size: 14px;
	transition: .5s
}

.sociallinks-style-one li a:hover i {
	color: #172272
}

.sociallinks-style-two li {
	display: inline-block;
	margin-right: 10px
}

.sociallinks-style-two li a i {
	border: 2px solid #e5e5e5;
	background: #e5e5e5;
	border-radius: 50%;
	color: #666666;
	font-size: 14px;
	height: 45px;
	line-height: 42px;
	padding: 0;
	text-align: center;
	transition: .5s;
	width: 45px
}

.top-bar,
.top-bar .top-left,
.top-bar .top-right {
	width: 100%;
	display: block;
	position: relative
}

.sociallinks-style-two li a:hover i {
	background: #4eab27;
	border-color: #4eab27;
	color: #fff
}

.top-bar-area {
	position: relative;
	display: block;
	padding: 14px 0;
	background: #1f1f1f
}

.top-bar .top-left {
	max-width: 440px;
	min-height: 26px
}

.top-bar .top-right {
	max-width: 730px
}

.top-bar .top-right ul li {
	display: inline-block;
	float: left;
	color: #28b3e8;
	font-size: 15px;
	font-weight: 500;
	margin-right: 20px;
	line-height: 26px
}

.top-bar .top-right ul li a {
	color: #c2c2c2;
	font-weight: 400;
	font-family: Roboto, sans-serif;
	transition: .5s
}

.top-bar .top-right ul li a span:before {
	position: relative;
	top: 2px;
	display: inline-block;
	padding-right: 9px;
	color: #28b3e8;
	font-size: 16px;
	line-height: 16px
}

.header-style1-area {
	display: block;
	background: #fff;
	padding: 29px 0
}

.header-style1-logo {
	display: block;
	margin: 0
}

.header-style1-logo a {
	display: block;
	margin: 3px 0 4px
}

.headers1-header-right {
	padding-top: 18px;
	position: relative;
	display: block
}

.headers1-header-right ul {
	position: relative;
	overflow: hidden;
	float: left;
	margin-right: 30px;
	padding: 1px 0
}

.headers1-header-right ul li {
	padding-right: 15px;
	border-right: 1px solid #e9e9e9
}

.headers1-header-right ul li:last-child,
.single-blog-post .text-holder .meta-box .meta-info li:last-child {
	margin-right: 0;
	padding-right: 0;
	border: 0
}

#blog-area .sidebar-wrapper,
#shop-area .sidebar-wrapper,
.about-content-area,
.about-content-box,
.about-content-box .download-box .title-holder,
.about-video-holder,
.author-caption-box .text-holder,
.blog-single-area .blog-post,
.breadcrumb-area .title,
.case-description-content,
.choose-block .inner-box .content-box .text,
.contact-box ul,
.contact-form,
.contact-form form,
.faq-sidebar .sidebar-appoinment,
.featured-items,
.featured-project .single-featured-project,
.headers1-header-right ul li .single-item,
.main-slider .slide-content,
.map-quote-area .inner-content,
.progress-levels,
.progress-levels .progress-box .bar,
.progress-levels .progress-box .inner,
.research-development ul li .text,
.sidebar-contact-box ul,
.single-blog-post .top-box .title-box-holder .meta-box,
.single-fact-counter h1,
.single-featured-project-v2,
.single-footer-widget .footer-contact-info,
.single-product-item .title-holder,
.single-service-sidebar .service-pages li,
.single-service-text-box,
.single-service-top .img-holder,
.single-testimonial-item,
.slogan-area .inner-content,
.slogan-area .inner-content .inner-box,
.testimonial-carousel {
	position: relative;
	display: block
}

.headers1-header-right ul li .single-item .icon {
	width: 35px
}

.headers1-header-right ul li .single-item .icon span:before {
	position: relative;
	top: 1px;
	font-size: 22px;
	line-height: 22px;
	color: #28b3e8;
	display: inline-block;
	padding-right: 15px
}

.headers1-header-right ul li .single-item .icon,
.headers1-header-right ul li .single-item .text {
	display: table-cell;
	vertical-align: middle;
	line-height: 18px
}

.headers1-header-right ul li .single-item .text p {
	color: #2f2f2f;
	font-size: 16px;
	margin: 0;
	font-family: Rubik, sans-serif
}

.headers1-header-right ul li .single-item .text span {
	color: #666666
}

.headers1-header-right ul li .single-item h3 {
	color: #f3441e;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	display: block;
	margin: 13px 0
}

.headers1-header-right ul li .single-item h3 span {
	position: relative;
	top: 2px;
	color: #2f2f2f;
	font-size: 20px;
	font-weight: 400;
	font-family: Rubik, sans-serif;
	display: inline-block;
	padding-left: 10px
}

.headers1-header-right .header-button,
.opening-hourse ul li .value {
	float: right
}

.headers1-header-right .header-button a {
	border: 1px solid #28b3e8;
	color: #28b3e8;
	background: 0;
	padding: 10px 25px
}

.headers1-header-right .header-button a:hover {
	border: 1px solid #28b3e8;
	color: #fff;
	background: #28b3e8
}

.header-style1-area.main-header {
	background: rgba(255, 255, 255, .75);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	padding: 0
}

.header-top-top {
	text-transform: uppercase;
	position: relative;
	display: block;
	padding: 5px 0;
	background: #273c8e;
	color: #fff
}

.header-top-top .social-links-box {
	position: relative;
	display: inline-block;
	float: right
}

.header-top-top .social-links-box ul li {
	display: inline-block;
	float: left;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
	line-height: 20px
}

.header-top-top .social-links-box ul li a i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background: #28b3e8;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	font-size: 15px;
	transition: .5s
}

.header-top-top .social-links-box ul li a:hover i,
.single-blog-post:hover .img-holder .categorie-button a {
	color: #28b3e8;
	background: #fff
}

.header-top {
	position: relative;
	display: block;
	padding: 15px 0
}

.header-top .headers1-header-right ul li {
	border-right: 1px solid #ccc
}

.callto-action ul .single-box:last-child,
.header-top .headers1-header-right ul li:last-child,
.table-bordered td,
.table-bordered th {
	border: 0
}

.header-top .headers1-header-right ul li .single-item .text span,
.list-style-two a {
	color: #777
}

.header-lower.mainmenu-area .inner-content {
	border-top: 0 solid
}

.main-header.fixed-header .header-lower.mainmenu-area .inner-content {
	background: #28b3e8;
	border-radius: 0
}

.main-header.fixed-header .main-box {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999999
}

.about-right-img,
.bg-img,
.choose-block .inner-box,
.header-lower .main-menu .navigation li a,
.history-section,
.history-section .carousel-outer,
.history-section .carousel-outer .content-carousel .owl-item.active .content-inner,
.history-section .carousel-outer .content-slide,
.history-section .history-carousel,
.history-section .history-carousel .thumbs-carousel .owl-item.active,
.list-style-two,
.login-register-area .form .input-field,
.main-menu .navigation,
.tablesaw-columntoggle-btnwrap,
.testimonial-author-content {
	position: relative
}

.header-lower .main-menu .navigation li a:after,
.header-lower .main-menu .navigation li a:before {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	content: "";
	background: #273c8e;
	transform: none;
	transition: .2s ease-in-out
}

.header-lower .main-menu .navigation li a:before {
	top: -3px
}

.header-lower .main-menu .navigation li a:after {
	bottom: -4px
}

.header-lower .main-menu .navigation li.current>a:before,
.header-lower .main-menu .navigation li:hover>a:before {
	opacity: 1;
	left: auto
}

.header-lower .main-menu .navigation li.current>a:after,
.header-lower .main-menu .navigation li:hover>a:after {
	opacity: 1;
	right: auto
}

.main-header.fixed-header .main-menu .navigation li a {
	padding: 24px 0 21px;
	transition: .4s ease-in-out
}

.main-header.fixed-header .main-menu .navigation li ul li a {
	padding: 18px 30px 15px
}

.main-header.fixed-header .mainmenu-right {
	transition: .4s ease-in-out
}

.mainmenu-area {
	position: relative;
	display: block;
	background: 0;
	margin-bottom: -23px;
	z-index: 999
}

.mainmenu-area .inner-content {
	position: relative;
	display: block;
	background: rgba(40, 179, 232, .8);
	border-top: 1px solid #e9e9e9;
	padding-left: 20px;
	padding-right: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.main-menu .navigation li ul li a:before,
.main-menu .navigation>li>ul>li>ul>li a:before {
	right: auto;
	width: 7px;
	height: 7px;
	background: #28b3e8;
	border-radius: 50%;
	margin: 23px 0;
	transform: none;
	left: 30px;
	top: 0;
	content: ""
}

.main-menu,
.mainmenu-right .cart-box,
.mainmenu-right .cart-box a span.number,
.mainmenu-right .social-links-box {
	position: relative;
	display: inline-block;
	float: left
}

.featured-project-area-v2 .container-fluid,
.featured-project-area-v2 .pd0,
.main-menu .navbar-collapse,
.services-style2-area .container-fluid,
.services-style2-area .container-fluid .pd0,
.tablesaw .tablesaw-sortable-head {
	padding: 0
}

.main-menu .navigation li {
	position: relative;
	float: left;
	margin-right: 40px
}

.main-menu .navigation li>a:after,
.main-menu .navigation li>a:before {
	bottom: 15px;
	right: 0;
	width: 8px;
	height: 4px;
	background: #28b3e8;
	margin: 0 auto;
	transform: rotate(-45deg);
	content: ""
}

.main-menu .navigation li a {
	position: relative;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
	text-transform: uppercase;
	opacity: 1;
	padding: 21px 0 20px;
	transition: .3s;
	font-family: Rubik, sans-serif
}

.main-menu .navigation li ul li a,
.main-menu .navigation>li>ul>li>ul>li a {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	text-transform: capitalize;
	font-family: Rubik, sans-serif
}

.main-menu .navigation>li.current>a,
.main-menu .navigation>li:hover>a,
.single-footer-widget a:hover {
	color: #ddd
}

.main-menu .navigation li>a:before {
	position: absolute;
	left: 0;
	transition: .2s ease-in-out;
	opacity: 0
}

.main-menu .navigation li.current>a:before,
.main-menu .navigation li:hover>a:before {
	opacity: 1;
	left: -8px
}

.main-menu .navigation li>a:after {
	position: absolute;
	left: 0;
	transition: .4s ease-in-out;
	opacity: 0
}

.main-menu .navigation li.current>a:after,
.main-menu .navigation li:hover>a:after {
	opacity: 1;
	right: -8px
}

.main-menu .navigation>li>ul {
	position: absolute;
	left: 0;
	top: 130%;
	width: 250px;
	background: 0;
	padding: 10px 0 0;
	z-index: 100;
	visibility: hidden;
	opacity: 0;
	transition: .5s;
	display: block;
	border-bottom: 3px solid #28b3e8;
	border-radius: 8px
}

.main-menu .navigation>li>ul:before {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	background: #fff;
	content: "";
	z-index: -1;
	bottom: 0;
	border-radius: 6px
}

.main-menu .navigation>li:hover>ul,
.search-box.now-visible {
	top: 100%;
	opacity: 1;
	visibility: visible
}

.main-menu .navigation>li>ul>li {
	position: relative;
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
	transition: .5s;
	z-index: 1
}

.main-menu .navigation>li>ul>li:before,
.main-menu .navigation>li>ul>li>ul>li:before {
	position: absolute;
	left: 30px;
	right: 30px;
	height: 100%;
	border-bottom: 1px solid #e9e9e9;
	content: "";
	z-index: -1
}

.cart-total-table li:last-child,
.main-menu .navigation>li>ul>li:last-child:before,
.main-menu .navigation>li>ul>li>ul>li:last-child:before,
.opening-hourse ul li:last-child {
	border-bottom: 0
}

.main-menu .navigation li ul li a,
.main-menu .navigation>li>ul>li>ul>li a {
	position: relative;
	display: block;
	color: #222;
	transition: .5s;
	padding: 18px 30px 15px
}

.main-menu .navigation li ul li a:before {
	position: absolute;
	bottom: 0;
	opacity: 1;
	transform: scale(0);
	transition: .5s
}

.main-menu .navigation li ul li:hover a:before {
	transform: scale(1);
	left: 30px
}

.main-menu .navigation>li>ul>li:hover>a,
.main-menu .navigation>li>ul>li>ul>li:hover a {
	color: #28b3e8;
	padding-left: 45px
}

.main-menu .navigation>li>ul>li>ul {
	position: absolute;
	left: 100%;
	top: 20px;
	width: 250px;
	z-index: 100;
	padding-left: 10px;
	visibility: hidden;
	opacity: 0;
	background: 0;
	transition: .2s
}

.main-menu .navigation>li>ul>li>ul:before {
	position: absolute;
	left: 10px;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	border-bottom: 3px solid #28b3e8;
	content: "";
	z-index: -1;
	border-radius: 6px
}

.main-menu .navigation>li>ul>li:hover>ul {
	visibility: visible;
	opacity: 1;
	top: 0
}

.main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
	transition: .5s
}

.main-menu .navigation>li>ul>li>ul>li a:before {
	position: absolute;
	bottom: 0;
	opacity: 0;
	transform: scale(0);
	transition: .5s
}

.main-menu .navigation>li>ul>li>ul>li:hover a:before {
	transform: scale(1);
	opacity: 1;
	left: 30px
}

.single-solution-style1:hover .img-holder img,
.single-solution-style1:hover .overlay-content {
	transform: translateX(0) translateY(-40px) scale(1)
}

.main-menu .navigation li ul li.dropdown {
	position: relative;
	display: block;
	width: 100%
}

.main-menu .navigation li ul li.dropdown:after {
	position: absolute;
	font-family: FontAwesome;
	content: "\f105";
	font-size: 18px;
	line-height: 30px;
	display: block;
	top: 0;
	bottom: 0;
	right: 30px;
	margin: 11px 0;
	color: #8d8d8d
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
	position: absolute;
	right: 10px;
	top: 6px;
	width: 34px;
	height: 30px;
	border: 1px solid #fff;
	background: url(../images/icon/submenu-icon.png) center center/20px no-repeat;
	cursor: pointer;
	z-index: 5;
	display: none;
	border-radius: 3px
}

.mainmenu-right {
	padding: 16px;
	background: #273c8e;
	position: relative;
	display: inline-block;
	float: right
}

.mainmenu-right:hover {
	color: #28b3e8;
	background: #ccc
}

.outer-search-box {
	display: inline-block;
	float: left;
	padding: 2px 0
}

.outer-search-box .seach-toggle {
	color: #2f2f2f;
	cursor: pointer;
	font-size: 16px;
	position: relative;
	text-align: center;
	transition: .5s;
	height: 16px;
	display: block;
	width: 25px;
	line-height: 14px
}

.search-box {
	background: #2f2f2f;
	opacity: 0;
	padding: 18px;
	position: absolute;
	top: 120%;
	left: -100%;
	transition: .5s;
	visibility: hidden;
	z-index: 100
}

.search-box.now-visible {
	z-index: 100
}

.search-box .form-group {
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	min-width: 250px
}

.search-box .form-group input[type=search] {
	background: #fff;
	border: 1px solid #1d1d1d;
	color: #000;
	display: block;
	font-size: 13px;
	line-height: 24px;
	position: relative;
	transition: .5s;
	width: 100%;
	height: 40px;
	padding-left: 15px;
	padding-right: 50px
}

.search-box .form-group input[type=search]:focus {
	border-color: #000
}

.search-box .form-group button,
.search-box .form-group input[type=submit] {
	background: #1d1d1d;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 13px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	transition: .5s
}

.search-box .form-group button:hover,
.search-box .form-group input:focus+button {
	color: #fff;
	background: #000
}

.mainmenu-right .cart-box {
	height: 20px;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 15px;
	margin-right: 20px
}

.mainmenu-right .cart-box a,
.single-featured-project-v2 .overlay-content .more-content,
.single-sidebar .price-ranger .ranger-min-max-block input,
.testimonial-slide.owl-theme .owl-dots .owl-dot {
	display: inline-block
}

.mainmenu-right .cart-box a span:before {
	color: #222;
	font-size: 20px;
	line-height: 20px;
	display: inline-block;
	float: left;
	padding-right: 6px;
	transition: .5s
}

.mainmenu-right .cart-box a span.number {
	margin: 1px 0;
	height: 18px;
	width: 18px;
	background: #28b3e8;
	border-radius: 50%;
	color: #222;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	line-height: 18px
}

.mainmenu-right .social-links-box ul li {
	display: inline-block;
	float: left;
	margin-right: 3px;
	line-height: 14px;
	font-weight: 700;
	color: #fff
}

.pt-15 {
	padding: 18px 10px
}

.mainmenu-right .social-links-box ul li a {
	color: #fff;
	font-size: 15px
}

.mainmenu-right .social-links-box ul li a i {
	padding: 5px;
	transition: .5s;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight: 700;
	font-size: 17px
}

.hidden-bar {
	position: fixed;
	top: 0;
	width: 320px;
	height: 100%;
	background: #111;
	z-index: 9999999999;
	transition: .7s
}

.hidden-bar.right-align {
	right: -400px
}

.hidden-bar.right-align.visible-sidebar {
	right: 0;
	transition-delay: .3s
}

.hidden-bar .hidden-bar-closer {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 20px;
	top: 10px;
	background: 0;
	color: #fff;
	border-radius: 0;
	text-align: center;
	line-height: 40px;
	transition: .3s;
	z-index: 999999
}

.hidden-bar .hidden-bar-closer button {
	background: 0;
	display: block;
	font-size: 40px;
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px
}

.hidden-bar .hidden-bar-closer button span:before {
	font-size: 30px;
	line-height: 30px
}

.hidden-bar-wrapper {
	height: 100%;
	padding: 30px 5px 30px 30px
}

.hidden-bar .logo {
	padding: 0 0 30px
}

.hidden-bar .logo img {
	display: inline-block;
	max-width: 100%
}

.hidden-bar .content-box {
	position: relative;
	padding-right: 32px
}

.hidden-bar .content-box a {
	padding: 20px 40px
}

.hidden-bar .contact-info h2,
.hidden-bar .content-box h2 {
	position: relative;
	font-size: 18px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 20px
}

.hidden-bar .content-box .text {
	position: relative;
	font-size: 14px;
	color: rgba(255, 255, 255, .6);
	margin-bottom: 25px
}

.hidden-bar .contact-info {
	position: relative;
	margin-top: 60px
}

.hidden-bar .contact-info li {
	position: relative;
	margin-bottom: 12px;
	color: rgba(255, 255, 255, .9);
	font-size: 14px;
	font-weight: 400;
	padding-left: 30px;
	line-height: 2em
}

.hidden-bar .contact-info li a {
	color: rgba(255, 255, 255, .9);
	transition: .3s
}

.hidden-bar .contact-info li .icon {
	position: absolute;
	left: 0;
	top: 4px;
	color: rgba(255, 255, 255, .6);
	font-size: 18px;
	line-height: 1.2em
}

.main-slider {
	position: relative;
	z-index: 10
}

.main-slider .tp-caption {
	z-index: 5
}

.main-slider .tp-dottedoverlay,
.menu-panel a:hover {
	background: 0 0 !important
}

.main-slider .slide-content .big-title {
	padding: 20px;
	background: rgba(40, 179, 232, .8);
	position: relative;
	font-size: 60px;
	color: #fff;
	font-weight: 700;
	text-transform: none
}

.main-slider .slide-content .big-title b {
	font-weight: 700;
	text-transform: uppercase
}

.main-slider .slide-content .text {
	text-transform: capitalize;
	padding: 20px;
	background: rgba(39, 60, 142, .8);
	position: relative;
	font-size: 26px;
	font-weight: 500;
	color: #fff;
	display: block;
	font-family: Roboto, sans-serif
}

.main-slider .slide-content .btn-box a {
	padding: 23px 30px
}

.call-to-action-area {
	position: relative;
	display: block;
	padding: 0 0 30px;
	background: 0
}

.callto-action {
	position: relative;
	display: block;
	background: #273c8e
}

.callto-action ul {
	display: block;
	width: 100%
}

.callto-action ul .single-box {
	position: relative;
	display: block;
	float: left;
	max-width: 292.5px;
	width: 100%;
	border-right: 1px solid #fff;
	padding: 50px 50px 42px
}

.callto-action ul .single-box .top .icon-holder,
.single-other-service .top .icon-holder,
.single-testimonial-item-v2 .client-info .img-holder {
	width: 80px
}

.callto-action ul .single-box .top .icon-holder span:before {
	color: #c9c9c9;
	font-size: 55px;
	line-height: 55px;
	display: block;
	transition: .2s ease-in-out
}

.callto-action ul .single-box .top .icon-holder,
.callto-action ul .single-box .top .title-holder,
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb,
.cart-area .cart-table tbody tr .prod-column .column-box .title,
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb,
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title,
.growth-content-right .bottom-content .icon,
.growth-content-right .bottom-content .title,
.single-blog-post .text-holder .meta-box .author-thumb,
.single-blog-post .text-holder .meta-box .meta-info,
.single-blog-post .top-box .author-box .img-box,
.single-blog-post .top-box .author-box .title-holder,
.single-other-service .top .icon-holder,
.single-other-service .top .title-holder,
.single-testimonial-item-v2 .client-info .img-holder,
.single-testimonial-item-v2 .client-info .title-holder {
	display: table-cell;
	vertical-align: middle
}

.blog-large-area .single-blog-post .text-holder .blog-title a,
.callto-action ul .single-box .top .title-holder h3 {
	color: #222
}

.callto-action ul .single-box .text-holder,
.single-other-service .text-holder {
	position: relative;
	display: block;
	margin-top: 26px
}

.callto-action ul .single-box .text-holder p,
.single-other-service .text-holder p {
	margin: 0 0 26px
}

.callto-action ul .single-box .text-holder a,
.single-other-service .text-holder a {
	transition: .5s ease-in-out
}

.services-style1-area {
	position: relative;
	display: block;
	padding-top: 88px;
	padding-bottom: 48px
}

.single-solution-style1 {
	position: relative;
	display: block;
	margin-bottom: 30px;
	margin-left: 5px;
	margin-right: 5px
}

.single-case-studies .img-holder,
.single-solution-style1 .img-holder {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 5px 5px 0 0;
	z-index: 1
}

.single-solution-style1 .img-holder::before {
	background: rgba(0, 0, 0, .5) !important;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: "";
	opacity: 0;
	position: absolute;
	z-index: 1;
	transition: .4s ease-in-out
}

.poster-main .poster-list.ready,
.single-case-studies:hover .img-holder::before,
.single-featured-project-v2:hover .img-holder::before,
.single-product-item:hover .img-holder::before,
.single-project-item:hover .overlay-style-one,
.single-service-sidebar .our-materials li:hover a:before,
.single-service-sidebar .service-pages li a:hover:before,
.single-service-sidebar .service-pages li.active a:before,
.single-sidebar .categories li a:hover span,
.single-sidebar .popular-post li:hover .img-holder .overlay-style-one,
.single-solution-style1:hover .img-holder::before,
.single-solution-style1:hover .overlay-content,
.single-team-member:hover .name .mail-box a.btn-three {
	opacity: 1
}

.single-solution-style1 .img-holder img {
	width: 100%;
	height: 200px;
	transition: .5s
}

.single-solution-style1 .statics-content {
	position: relative;
	display: block;
	z-index: 10;
	padding: 36px 20px 33px;
	box-shadow: 0 3px 7px 1px rgba(240, 240, 240, .7);
	background: #fff
}

.single-solution-style1 .text-holder {
	position: relative;
	display: block;
	background: #fff;
	padding-left: 70px
}

.single-solution-style1 .text-holder .icon {
	position: absolute;
	top: 4px;
	left: 0
}

.single-solution-style1 .text-holder .icon span:before {
	font-size: 50px;
	line-height: 50px;
	color: #28b3e8
}

.single-solution-style1 .text-holder .text {
	position: relative;
	display: block;
	padding-left: 20px
}

.single-solution-style1 .text-holder .text:before {
	position: absolute;
	top: 4px;
	left: 0;
	width: 2px;
	height: 50px;
	background: #28b3e8;
	content: ""
}

.single-solution-style1 .text-holder .text h3 {
	color: #273c8e;
	margin: 0 0 15px;
	text-transform: capitalize;
	font-size: 16px
}

.single-solution-style1 .text-holder .text p {
	margin: 0;
	min-height: 30px
}

.single-solution-style1 .text-holder .text .readmore {
	display: block;
	padding-top: 15px
}

.single-solution-style1 .overlay-content {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -40px;
	display: block;
	z-index: 11;
	padding: 36px 20px 33px;
	box-shadow: 0 3px 7px 1px rgba(240, 240, 240, .7);
	background: #fff;
	opacity: 0;
	transition: .4s ease-in-out
}

.services-style1-area .owl-dots {
	position: relative;
	display: block !important;
	margin-top: 25px !important
}

.services-style1-area .owl-dots .owl-dot,
.services-style2-area .owl-dots .owl-dot,
.testimonial-area-v2 .owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	margin: 5px;
	border: 2px solid #d5d5d5;
	padding: 0;
	background: #fff;
	border-radius: 50%;
	transition: .5s;
	display: inline-block
}

.services-style1-area .owl-dots .owl-dot.active,
.services-style2-area .owl-dots .owl-dot.active,
.single-service-top .owl-dots .owl-dot.active,
.testimonial-area-v2 .owl-dots .owl-dot.active {
	background: #28b3e8;
	border-color: #28b3e8;
	border-radius: 15px
}

.services-style1-area .owl-dots .owl-dot:hover,
.services-style2-area .owl-dots .owl-dot:hover,
.single-service-top .owl-dots .owl-dot:hover,
.testimonial-area-v2 .owl-dots .owl-dot:hover {
	background: #28b3e8;
	border-color: #28b3e8
}

.login-register-area,
.services-style2-area {
	position: relative;
	display: block;
	padding-top: 30px;
	padding-bottom: 30px
}

.single-solution-style2 {
	position: relative;
	display: block;
	width: 100%;
	border: 1px solid #f2f2f2
}

.single-solution-style2 .img-holder {
	position: relative;
	display: block;
	width: 50%;
	float: left
}

.single-solution-style2 .img-holder img {
	width: 100%;
	height: 296px
}

.single-solution-style2 .img-holder .icon-box {
	position: absolute;
	top: 35px;
	right: -20px;
	width: 85px;
	height: 85px;
	background: 0;
	display: block;
	text-align: center;
	z-index: 2;
	padding-top: 22px;
	padding-left: 20px
}

.single-solution-style2 .img-holder .icon-box img {
	width: 43px !important;
	height: 43px !important
}

.single-service-top .img-holder .icon-box:before,
.single-solution-style2 .img-holder .icon-box:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #28b3e8;
	content: "";
	z-index: -1;
	transform: rotate(45deg)
}

.single-solution-style2 .img-holder .icon-box span:before {
	color: #fff;
	font-size: 50px;
	line-height: 50px;
	display: block;
	padding: 17px 0
}

.single-solution-style2 .text-holder {
	position: relative;
	display: block;
	width: 50%;
	float: left;
	overflow: hidden;
	text-align: center;
	padding: 25px
}

.single-solution-style2 .text-holder .big-title {
	color: #e9e9e9;
	font-size: 60px;
	line-height: 60px;
	font-weight: 500;
	font-style: italic;
	font-family: Rubik, sans-serif
}

.single-solution-style2 .text-holder .text {
	display: block;
	margin-top: 5px
}

.single-solution-style2 .text-holder .text h3 {
	color: #777;
	margin: 0 0 10px;
	font-size: 17px
}

.single-solution-style2 .text-holder .text p {
	margin: 0 0 10px;
	line-height: 20px;
	height: 80px;
	overflow: hidden
}

.services-style2-area .owl-dots,
.testimonial-area-v2 .owl-dots {
	position: relative;
	display: block !important;
	margin-top: 35px !important
}

.growth-area {
	position: relative;
	display: block;
	background: #f5f5f5;
	padding: 30px 0
}

.growth-content {
	position: relative;
	display: block;
	overflow: hidden;
	max-width: 500px;
	width: 100%;
	background: #fff;
	padding: 44px 50px 21px;
	border-radius: 3px
}

.growth-content h3 {
	font-size: 24px;
	line-height: 30px;
	color: #222;
	padding-left: 0;
	margin: 0 0 32px
}

.progress-levels .progress-box {
	position: relative;
	display: block;
	margin-bottom: 29px
}

.progress-levels .progress-box .inner .text {
	position: relative;
	color: #222;
	font-size: 16px;
	line-height: 16px;
	font-weight: 500;
	margin: 0 0 9px;
	text-transform: capitalize;
	font-family: Rubik, sans-serif
}

.progress-levels .progress-box .bar .bar-innner {
	position: relative;
	width: 100%;
	height: 10px;
	background: #f7f7f7;
	border-radius: 5px
}

.progress-levels .progress-box .bar .bar-fill {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	height: 10px;
	width: 0;
	border-radius: 5px;
	background: #28b3e8;
	transition: 2s .3s
}

.progress-levels .progress-box .bar .bar-innner .skill-percent {
	position: absolute;
	top: -40px;
	right: 0;
	width: 35px;
	height: 35px;
	background: #f5f5f5;
	border-radius: 50%;
	display: block;
	text-align: center;
	padding: 0 6px
}

.progress-levels .progress-box .inner .count-text,
.progress-levels .progress-box .inner .percent {
	position: relative;
	font-size: 12px;
	font-weight: 700;
	color: #222;
	display: inline-block;
	float: left;
	font-family: Roboto, sans-serif;
	line-height: 35px
}

.growth-content-right,
.p-30 {
	padding: 30px
}

.growth-content-right .icon-holder {
	position: relative;
	display: block;
	margin: 0 0 33px
}

.growth-content-right .icon-holder span:before {
	color: #273c8e;
	font-size: 75px;
	line-height: 75px
}

.growth-content-right h2 {
	color: #273c8e;
	font-size: 30px;
	line-height: 38px;
	margin: 0 0 16px
}

.growth-content-right .bottom-content {
	position: relative;
	overflow: hidden;
	margin-top: 34px
}

.growth-content-right .bottom-content .icon {
	position: relative;
	width: 75px;
	height: 75px;
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background: rgba(56, 172, 73, .6);
	border-radius: 50%;
	z-index: 1
}

.growth-content-right .bottom-content .icon::before {
	background: rgba(0, 0, 0, .3);
	content: "";
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: -1;
	border-radius: 50%
}

.growth-content-right .bottom-content .icon a {
	width: 75px;
	height: 75px;
	text-align: center;
	border-radius: 50%;
	display: block
}

.growth-content-right .bottom-content .icon a span:before {
	color: #28b3e8;
	font-size: 20px;
	display: block;
	padding: 27px 0
}

.growth-content-right .bottom-content .title {
	position: relative;
	padding-left: 25px
}

.growth-content-right .bottom-content .title h4 {
	color: #28b3e8;
	font-size: 16px;
	margin: 0 0 6px
}

.featured-project-area {
	position: relative;
	display: block;
	padding: 100px 0
}

.featured-project .single-featured-project .img-holder img,
.single-featured-project-v2 .img-holder img,
.single-service-top .img-holder img {
	width: 100%;
	transition: .4s ease-in-out
}

.about-video-holder .video-holder:hover img,
.featured-project .single-featured-project:hover .img-holder img,
.single-product-item:hover .img-holder img {
	transform: scale(1.1)
}

.featured-project .single-featured-project .overlay-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.featured-project .single-featured-project .overlay-content .count {
	width: 200px;
	height: 100%;
	display: block;
	float: left;
	font-size: 72px;
	font-weight: 700;
	color: #fff;
	font-family: Rubik, sans-serif;
	line-height: 60px;
	text-align: center;
	padding-top: 46px
}

.featured-project .single-featured-project .overlay-content .project-details {
	position: relative;
	display: block;
	float: left;
	max-width: 370px;
	width: 100%;
	background: #28b3e8;
	padding: 47px 40px 42px
}

.featured-project .single-featured-project .overlay-content .project-details h3 {
	color: #222;
	font-size: 24px;
	display: block;
	margin: 0 0 50px
}

.featured-project .single-featured-project .overlay-content .project-details span {
	color: #222;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	font-family: Rubik, sans-serif
}

.featured-project .single-featured-project .overlay-content .project-details p {
	color: #222;
	margin: 7px 0 25px
}

.featured-project .single-featured-project .overlay-content .project-details a,
.history-section .carousel-outer .content-slide .content-inner .date {
	color: #222;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	font-family: Rubik, sans-serif
}

.featured-project .owl-theme .owl-nav {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 250px;
	height: 90px;
	background: #28b3e8;
	display: block;
	text-align: center;
	padding: 36px 0
}

.featured-project .owl-theme .owl-nav:before {
	position: absolute;
	top: 41px;
	left: 50%;
	width: 2px;
	height: 9px;
	background: #cf9c35;
	content: "";
	margin-left: -1px
}

.choose-section .owl-theme .owl-nav [class*=owl-],
.featured-project .owl-theme .owl-nav [class*=owl-] {
	background: 0;
	color: #222;
	font-size: 13px;
	width: 65px;
	height: 15px;
	margin: 0;
	padding: 0;
	border: 0 solid;
	transition: .7s
}

.choose-section .owl-theme .owl-nav [class*=owl-] p,
.featured-project .owl-theme .owl-nav [class*=owl-] p,
.testimonial-area .owl-theme .owl-nav [class*=owl-] p {
	font-weight: 500;
	margin: 0;
	display: inline-block;
	float: right;
	text-transform: uppercase;
	font-family: Rubik, sans-serif;
	line-height: 15px
}

.choose-section .owl-theme .owl-nav .owl-prev span:before,
.featured-project .owl-theme .owl-nav .owl-prev span:before,
.testimonial-area .owl-theme .owl-nav .owl-prev span:before {
	font-size: 20px;
	float: left;
	line-height: 15px;
	transform: rotate(180deg)
}

.choose-section .owl-theme .owl-nav .owl-next span:before,
.featured-project .owl-theme .owl-nav .owl-next span:before,
.testimonial-area .owl-theme .owl-nav .owl-next span:before {
	font-size: 20px;
	float: right;
	line-height: 15px
}

.choose-section .owl-theme .owl-nav .owl-next p,
.featured-project .owl-theme .owl-nav .owl-next p,
.opening-hourse ul li span,
.tablesaw-bar-section,
.testimonial-area .owl-theme .owl-nav .owl-next p {
	float: left
}

.choose-section .owl-theme .owl-nav .owl-prev,
.featured-project .owl-theme .owl-nav .owl-prev,
.testimonial-area .owl-theme .owl-nav .owl-prev {
	margin-right: 20px
}

.choose-section .owl-theme .owl-nav .owl-next,
.featured-project .owl-theme .owl-nav .owl-next,
.testimonial-area .owl-theme .owl-nav .owl-next {
	margin-left: 20px
}

.featured-project-area-v2 {
	position: relative;
	display: block;
	background: #f5f5f5;
	padding: 100px 0 0
}

.featured-project-area-v2 .owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	margin-left: -12.5%;
	margin-right: -12.5%
}

.single-featured-project-v2 .img-holder {
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 1
}

.single-case-studies .img-holder::before,
.single-featured-project-v2 .img-holder::before {
	background: rgba(0, 0, 0, .8);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: "";
	opacity: 0;
	position: absolute;
	z-index: 1;
	transition: .4s ease-in-out
}

.single-case-studies:hover .img-holder img,
.single-featured-project-v2:hover .img-holder img {
	transform: translateX(0) translateY(0) scale(1.1)
}

.single-featured-project-v2 .overlay-content {
	position: absolute;
	left: 40px;
	bottom: 0;
	right: 40px;
	background: #f5f5f5;
	display: block;
	padding: 26px 40px 23px;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
	transform: translateY(100%);
	transition: .5s;
	z-index: 2
}

.single-featured-project-v2:hover .overlay-content {
	transform: translateY(0)
}

.single-featured-project-v2 .overlay-content h3 {
	color: #222;
	font-size: 20px;
	border-bottom: 1px solid #e9e9e9;
	display: block;
	padding-bottom: 15px;
	margin-bottom: 20px
}

.single-case-info,
.single-featured-project-v2 .overlay-content ul {
	position: relative;
	display: block;
	margin-top: -6px
}

.single-featured-project-v2 .overlay-content ul li {
	color: #666666;
	font-size: 16px;
	margin-bottom: 6px
}

.contact-box ul li:last-child,
.single-featured-project-v2 .overlay-content ul li:last-child {
	margin-bottom: 0
}

.single-featured-project-v2 .overlay-content ul li span {
	color: #222;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	font-family: Rubik, sans-serif;
	display: inline-block;
	width: 53px;
	margin-right: 20px
}

.single-featured-project-v2 .overlay-content ul li b {
	position: relative;
	top: 1px;
	font-weight: 400;
	display: inline-block;
	padding-left: 20px
}

.single-featured-project-v2 .overlay-content .more-content a {
	display: block;
	width: 43px;
	height: 43px;
	background: #28b3e8;
	border-radius: 3px;
	text-align: center;
	transition: .5s
}

.single-featured-project-v2 .overlay-content .more-content a:hover {
	background: #e79d05
}

.single-featured-project-v2 .overlay-content .more-content a span:before {
	color: #222;
	font-size: 20px;
	display: block;
	padding: 11px 0
}

.featured-project-area-v2 .owl-carousel .owl-nav {
	position: absolute;
	right: 365px;
	top: -104px;
	display: block
}

.featured-project-area-v2 .owl-carousel .owl-nav [class*=owl-] {
	background: #fff;
	color: #ababab;
	font-size: 20px;
	font-weight: 700;
	height: 45px;
	line-height: 42px;
	margin: 0;
	padding: 0;
	width: 45px;
	border: 1px solid #f2f2f2;
	transition: .7s;
	border-radius: 50%
}

.featured-project-area-v2 .owl-carousel .owl-nav [class*=owl-]:hover {
	border-color: #28b3e8;
	color: #28b3e8
}

.fact-counter-area {
	padding-top: 30px;
	padding-bottom: 30px;
	position: relative
}

.single-fact-counter {
	position: relative;
	display: block;
	max-width: 330px;
	width: 100%;
	height: 330px;
	border-radius: 50%;
	border: 2px dashed #2d2f31;
	margin: 0 auto 40px
}

.single-fact-counter .count-box {
	position: relative;
	display: block;
	padding: 58px 0 69px
}

.single-fact-counter h1 b,
.single-fact-counter h1 span {
	color: #fff;
	font-size: 48px;
	font-weight: 700;
	display: inline-block
}

.single-fact-counter h1 span {
	position: relative;
	font-family: Rubik, sans-serif
}

.single-fact-counter h1 b {
	padding-left: 5px
}

.single-fact-counter .title {
	position: relative;
	display: block;
	margin-top: 3px
}

.single-fact-counter .title h3 {
	color: #cacaca;
	font-size: 18px;
	text-transform: capitalize
}

.single-fact-counter .icon {
	position: relative;
	display: block;
	margin-top: 34px
}

.single-fact-counter .icon span:before {
	color: #28b3e8;
	font-size: 80px;
	line-height: 80px
}

.single-fact-counter .overlay-text {
	position: absolute;
	top: -2px;
	left: -2px;
	bottom: -2px;
	right: -2px;
	background: #252729;
	border-radius: 50%;
	display: block;
	padding: 65px 40px 0;
	transition: .5s ease-in-out;
	transform-style: preserve-3d;
	transform: perspective(1200px) rotateX(-90deg) translateZ(0)
}

.single-fact-counter:hover .overlay-text {
	transform: perspective(1200px) rotateX(0) translateZ(0);
	transition-delay: .2s
}

.single-fact-counter .overlay-text .text p {
	color: #ababab;
	margin: 14px 0 25px
}

.fact-counter-area.style2 {
	position: relative;
	display: block;
	background: #fff;
	padding: 100px 0
}

.fact-counter-area.style2 ul {
	position: relative;
	display: block;
	overflow: hidden;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2
}

.single-fact-counter-style2 {
	position: relative;
	display: inline-block;
	float: left;
	max-width: 390px;
	width: 100%;
	padding: 49px 50px 42px;
	border-right: 1px solid #f2f2f2
}

.single-fact-counter-style2:last-child {
	border-right: 0
}

.single-fact-counter-style2 .icon,
.sustainability-goals-content .single-item {
	position: relative;
	display: block;
	margin-bottom: 28px
}

.single-fact-counter-style2 .icon span:before {
	color: #c9c9c9;
	font-size: 80px;
	line-height: 80px;
	transition: .5s
}

.single-fact-counter-style2 h1 b,
.single-fact-counter-style2 h1 span {
	font-size: 48px;
	font-weight: 700;
	display: inline-block;
	font-family: Rubik, sans-serif
}

.single-fact-counter-style2 h1 span {
	position: relative;
	color: #222
}

.single-fact-counter-style2 h1 b {
	color: #222;
	padding-left: 5px
}

.single-fact-counter-style2 .title h3 {
	color: #222;
	font-size: 18px;
	margin: 3px 0 14px;
	text-transform: capitalize
}

.single-fact-counter-style2 .text p,
.single-service-text-box .single-box p {
	color: #666666;
	margin: 0
}

.branches-section,
.working-process-area {
	position: relative;
	display: block;
	padding: 30px 0
}

.working-process ul li {
	position: relative;
	display: block;
	float: left;
	width: 270px;
	text-align: center;
	margin-right: 30px;
	margin-bottom: 40px
}

.working-process ul li.arrow.top:before,
.working-process ul li.arrow:before {
	position: absolute;
	right: -68px;
	width: 109px;
	height: 44px;
	content: ""
}

.mt50,
.working-process ul li.martop50 {
	margin-top: 50px
}

.working-process ul li.arrow:before {
	top: 38px;
	background: url(../images/icon/arrow-bottom.png) no-repeat
}

.working-process ul li.arrow.top:before {
	top: -12px;
	background: url(../images/icon/arrow-top.png) no-repeat
}

.working-process ul li .single-item .icon-holder {
	position: relative;
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border-radius: 50%;
	padding: 24px 0 15px;
	border: 1px solid #f3f3f3;
	transition: .3s ease-in-out
}

.working-process ul li:hover .single-item .icon-holder {
	background: #f7f7f7;
	border-color: #28b3e8
}

.working-process ul li .single-item .icon-holder span:before {
	color: #273c8e;
	font-size: 30px;
	line-height: 30px
}

.working-process ul li .single-item .icon-holder .count-box {
	position: absolute;
	top: -1px;
	left: -11px;
	width: 30px;
	height: 30px;
	border: 1px solid #f5f5f4;
	background: #f5f5f4;
	border-radius: 50%;
	transition: .7s ease-in-out
}

.working-process ul li:hover .single-item .icon-holder .count-box {
	background: #fff
}

.working-process ul li .single-item .icon-holder .count-box h4 {
	color: #273c8e;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px
}

.working-process ul li .single-item .text-holder {
	position: relative;
	display: block;
	margin-top: 40px;
	border: 1px solid #f2f2f2;
	padding: 45px 15px 43px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 8px 0 #f2f2f2;
	-moz-box-shadow: 0 2px 8px 0 #f2f2f2;
	box-shadow: 0 2px 8px 0 #f2f2f2
}

.working-process ul li .single-item .text-holder h3 {
	color: #28b3e8;
	font-size: 16px;
	margin: 0 0 1px;
	text-transform: capitalize
}

.author-caption-box .text-holder h3 span,
.working-process ul li .single-item .text-holder span {
	color: #28b3e8;
	font-size: 15px
}

.working-process ul li .single-item .text-holder p {
	margin: 13px 0 0
}

.testimonial-area {
	position: relative;
	display: block;
	background: #f5f5f5;
	padding: 80px 0 150px;
	z-index: 1
}

.testimonial-area:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background: #fff;
	content: "";
	z-index: -1
}

.testimonial-area .title {
	position: absolute;
	left: 0;
	right: 0;
	top: 44px;
	text-align: center;
	z-index: -1
}

.testimonial-area .title span {
	font-size: 150px;
	color: #f5f5f5;
	font-weight: 700;
	text-transform: uppercase
}

.testimonial-area .owl-carousel .owl-stage-outer {
	position: relative;
	overflow: inherit
}

.single-testimonial-item .img-holder {
	position: relative;
	display: block;
	height: 200px
}

.single-testimonial-item .img-holder img {
	width: auto !important;
	max-width: 100%;
	height: auto
}

.single-testimonial-item .icon-holder {
	position: absolute;
	top: 50px;
	right: 20px
}

.single-testimonial-item .icon-holder span:before {
	color: #28b3e8;
	font-size: 30px;
	line-height: 30px
}

.single-testimonial-item .title-holder {
	position: absolute;
	bottom: 45px;
	left: 0;
	transition: .7s;
	transform: scale(1)
}

.single-testimonial-item:hover .title-holder {
	transform: scale(0)
}

.single-testimonial-item .title-holder span {
	color: #28b3e8;
	font-size: 13px;
	font-weight: 500;
	font-family: Rubik, sans-serif
}

.single-testimonial-item .title-holder h3 {
	color: #273c8e;
	margin: 4px 0 0;
	font-size: 15px;
	text-transform: capitalize
}

.single-testimonial-item .overlay-content {
	position: absolute;
	bottom: -45px;
	left: 50px;
	right: 50px;
	background: #fff;
	padding: 33px 30px;
	border-radius: 15px;
	text-align: center;
	box-shadow: 0 2px 7px 3px rgba(226, 226, 226, .65);
	transform: scale(0);
	transition: .5s
}

.single-testimonial-item:hover .overlay-content {
	transform: scale(1);
	transition: .5s
}

.single-testimonial-item .overlay-content:before {
	position: absolute;
	content: '';
	left: 80px;
	top: -34px;
	border-bottom: 35px solid #fff;
	border-right: 30px solid transparent;
	transform: rotate(-5deg);
	z-index: 1
}

.testimonial-area .owl-theme .owl-nav {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -134px;
	width: 200px;
	display: block;
	margin: 0 auto;
	text-align: center
}

.choose-section .owl-theme .owl-nav:before,
.testimonial-area .owl-theme .owl-nav:before {
	position: absolute;
	top: 5px;
	left: 50%;
	width: 2px;
	height: 9px;
	background: #d5d5d5;
	content: "";
	margin-left: -1px
}

.testimonial-area .owl-theme .owl-nav [class*=owl-] {
	background: 0;
	color: #273c8e;
	font-size: 13px;
	width: 65px;
	height: 15px;
	margin: 0;
	padding: 0;
	border: 0 solid;
	transition: .7s
}

.testimonial-area-v2 {
	position: relative;
	display: block;
	padding: 100px 0 88px
}

.single-testimonial-item-v2 {
	position: relative;
	display: block;
	overflow: hidden;
	border: 1px solid #f2f2f2;
	border-radius: 5px;
	padding: 40px
}

.single-testimonial-item-v2 .text-holder {
	position: relative;
	display: block;
	background: #fff;
	padding: 35px 40px 33px;
	box-shadow: 0 1px 7px 3px #f4f4f4;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px
}

.single-testimonial-item-v2 .text-holder:before {
	position: absolute;
	content: '';
	left: 0;
	width: 26px;
	height: 35px;
	bottom: -35px;
	background: url(../images/icon/testimonial-arrow.png)
}

.single-testimonial-item-v2 .client-info {
	position: relative;
	display: block;
	margin-top: 25px;
	margin-left: 45px
}

.single-testimonial-item-v2 .client-info .title-holder {
	position: relative;
	padding-left: 20px
}

.single-testimonial-item-v2 .client-info .title-holder h3 {
	color: #222;
	font-size: 18px;
	margin: 0 0 9px
}

.single-testimonial-item-v2 .client-info .title-holder h3 span {
	color: #666666;
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	font-family: Roboto, sans-serif
}

.breadcrumb-area .breadcrumb-menu ul li a:hover,
.breadcrumb-area .breadcrumb-menu ul li.active,
.contact-box a {
	color: #eee
}

.single-testimonial-item-v2 .client-info .quote-icon {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: 4px 0
}

.blog-large-area .blog-post,
.map-quote-area {
	position: relative;
	display: block;
	z-index: 1
}

#home1-google-map {
	height: 610px;
	width: 100%
}

.map-quote-area .quote-content {
	position: absolute;
	top: 140px;
	left: 0;
	right: 0
}

.map-quote-area .quote-content .view-map {
	position: absolute;
	top: -140px;
	right: 0;
	width: 270px;
	height: 70px;
	text-align: center;
	z-index: 1
}

.action-box,
.contact-box,
.footer-area,
.quote {
	position: relative
}

.map-quote-area .quote-content .view-map:before {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/icon/view-map-bg.html) no-repeat;
	width: 270px;
	height: 70px;
	z-index: -1;
	content: ""
}

.contact-box,
.quote,
.quote .quote-form button {
	width: 100%;
	display: block
}

.map-quote-area .quote-content .view-map a {
	color: #222;
	font-size: 18px;
	text-transform: capitalize;
	line-height: 70px
}

.contact-box {
	padding: 30px;
	max-width: 400px;
	min-height: 471px;
	float: left;
	line-height: 30px;
	text-align: justify;
	background: #28b3e8
}

.contact-box h3 {
	color: #fff;
	font-size: 24px;
	margin: 0 0 20px
}

.contact-box ul li {
	display: block;
	margin-bottom: 16px
}

.contact-box ul li span {
	color: #222;
	font-size: 14px;
	text-transform: uppercase
}

.contact-box ul li p {
	color: #222;
	line-height: 26px;
	margin: 1px 0 0
}

.quote {
	background: #fff;
	float: left;
	max-width: 770px;
	padding: 0 50px 29px;
	-webkit-box-shadow: 0 1px 8px 0 #f2f2f2;
	-moz-box-shadow: 0 1px 8px 0 #f2f2f2;
	box-shadow: 0 1px 8px 0 #f2f2f2;
	border: 1px solid #f2f2f2
}

.quote .title {
	display: block;
	margin-bottom: 32px
}

.quote .title h3 {
	color: #222;
	font-size: 24px;
	margin: 0 0 20px
}

.quote .title p {
	color: #666666;
	font-size: 18px;
	line-height: 28px
}

.quote .quote-form .input-box {
	position: relative;
	margin-bottom: 30px
}

.quote .quote-form .input-box input[type=text],
.quote-right-content .quote .quote-form .input-box input[type=email],
.quote-right-content .quote .quote-form .input-box input[type=text] {
	width: 100%;
	border: 1px solid #f2f2f2;
	height: 50px;
	display: block;
	padding: 0 20px;
	color: #666666;
	font-size: 15px;
	font-weight: 400;
	border-radius: 0;
	font-family: Roboto, sans-serif;
	transition: .5s
}

.quote .quote-form button {
	padding: 19px 0 18px
}

.quote .quote-form .input-box input[type=text]:focus {
	border-color: #222
}

.footer-area {
	font-size: 14px;
	text-align: justify;
	color: #666666;
	display: block;
	padding: 50px 0 30px;
	line-height: 30px;
	background-color: #28b3e8;
	background-image: url(../images/parallax3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: 50% 50%
}

.action-box {
	border: 1px solid rgba(255, 255, 255, .6);
	border-left: 0;
	padding: 20px 20px 0;
	min-height: 106px
}

.action-box:after,
.action-box:before {
	background: rgba(255, 255, 255, .6);
	content: '';
	height: 30px;
	position: absolute;
	left: 0;
	width: 1px;
	bottom: 0
}

.action-box:before {
	top: 0
}

.action-box-icon i {
	background: #fff;
	float: left;
	font-size: 30px;
	margin-top: 0;
	display: inline-block;
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 60px;
	color: #28b3e8;
	border-radius: 100%;
	-webkit-transition: 350ms;
	-moz-transition: 350ms;
	-o-transition: 350ms;
	transition: 350ms
}

.action-box-content h3,
.single-footer-widget .title h3 {
	font-size: 16px;
	font-weight: 700;
	text-transform: capitalize
}

.action-box:hover .quote-area::before i,
.single-sidebar .archives-form-box form button:hover {
	background: #28b3e8;
	color: #fff
}

.action-box-content {
	padding-top: 6px;
	color: #fff;
	margin-left: 95px
}

.action-box-content h3 {
	margin-top: 0;
	margin-bottom: 3px;
	color: #28b3e8
}

.action-box-text {
	font-size: 16px;
	line-height: 20px
}

.single-footer-widget {
	font-size: 14px;
	color: #fff;
	margin-top: 40px
}

.single-footer-widget .title {
	position: relative;
	margin-bottom: 25px;
	padding-bottom: 15px
}

.single-footer-widget .title:after,
.single-footer-widget .title:before {
	content: "";
	position: absolute;
	display: inline-block;
	height: 2px;
	left: 0;
	bottom: 0
}

.single-footer-widget .title h3 {
	color: #28b3e8;
	line-height: 20px
}

.single-footer-widget .title:after {
	width: 100px;
	background: #fff
}

.single-footer-widget .title:before {
	width: 30px;
	background: #28b3e8;
	z-index: 1
}

.single-footer-widget .footer-contact-info h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	margin: -7px 0 24px
}

.single-footer-widget .about-links {
	text-align: left;
	position: relative;
	display: block
}

.single-footer-widget .about-links li {
	line-height: 15px;
	margin-bottom: 10px;
	transition: .5s
}

.single-footer-widget .about-links li:last-chil {
	margin-bottom: 0
}

.single-footer-widget .about-links li a {
	position: relative;
	color: #fff;
	font-size: 14px;
	transition: .5s;
	padding-left: 10px
}

.single-footer-widget .about-links li a:before {
	position: absolute;
	top: 3px;
	content: "\f101";
	left: 0;
	font: 14px/1 FontAwesome
}

.single-footer-widget .about-links li:hover {
	color: #444;
	padding-left: 10px;
	transition: .5s
}

.footer-bottom-area {
	position: relative;
	display: block;
	background: #28b3e8;
	padding: 15px 0
}

.breadcrumb-area,
.quote-area {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover
}

.footer-bottom-area .copyright-text p {
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	margin: 0;
	line-height: 22px
}

.footer-bottom-area .copyright-text p a {
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	font-family: Rubik, sans-serif;
	transition: .5s
}

.footer-logo {
	position: absolute;
	top: -11px;
	left: 0;
	right: 0;
	max-width: 250px;
	width: 100%;
	margin: 0 auto;
	display: block;
	z-index: 2
}

.about-area,
.footer-menu {
	position: relative;
	display: block
}

.author-caption-box .quote-icon,
.footer-logo a {
	display: block;
	text-align: center
}

.footer-menu {
	margin: 3px 0 4px
}

.footer-menu li {
	display: inline-block;
	float: left;
	border-right: 1px solid #fff;
	margin-right: 15px;
	padding-right: 15px;
	line-height: 16px
}

.footer-menu li:last-child {
	border-right: 0;
	margin-right: 0;
	padding-right: 0
}

.footer-menu li a {
	color: #fff;
	font-size: 12px;
	font-weight: 400
}

.footer-menu li a:hover {
	color: #eee;
	font-size: 12px;
	font-weight: 400
}

.about-area {
	padding: 60px 0 30px;
	z-index: 1
}

.about-video-holder .video-holder {
	position: relative;
	display: block;
	overflow: hidden;
	max-width: 470px;
	width: 100%
}

.about-video-holder .video-holder img {
	transform: scale(1);
	transition: .5s;
	width: 100%
}

.about-video-holder:before {
	content: "";
	background-color: #28b3e8;
	height: 90%;
	width: 90%;
	position: absolute;
	bottom: -10px;
	right: -10px;
	z-index: -1
}

.about-video-holder .video-holder .overlay-gallery {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	transition: .5s
}

.about-video-holder .video-holder .overlay-gallery .icon-holder {
	display: table;
	height: 100%;
	width: 100%;
	text-align: center
}

.about-video-holder .video-holder .overlay-gallery .icon-holder .icon {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.about-video-holder .video-holder .overlay-gallery .icon-holder .icon .inner {
	width: 75px;
	height: 75px;
	display: inline-block;
	background: rgba(255, 255, 255, .7);
	border-radius: 50%;
	transition: .5s ease-in-out
}

.about-video-holder .video-holder:hover .overlay-gallery .icon-holder .icon .inner {
	background: rgba(255, 255, 255, .9)
}

.about-video-holder .video-holder .overlay-gallery .icon-holder .icon .inner a {
	width: 75px;
	height: 75px;
	display: block;
	border-radius: 50%
}

.about-video-holder .video-holder .overlay-gallery .icon-holder .icon .inner a span:before {
	color: #28b3e8;
	font-size: 20px;
	display: block;
	padding: 27px 0 28px
}

.about-video-holder .video-holder:hover .overlay-gallery {
	background-color: rgba(0, 0, 0, .4)
}

.about-text-holder {
	position: relative;
	display: block;
	text-align: justify
}

.about-text-holder .sec-title {
	position: relative;
	margin-top: -4px;
	padding-bottom: 19px
}

.about-text-holder .inner-content h3 {
	color: #222;
	font-size: 24px;
	line-height: 32px;
	margin: 0 0 27px
}

.about-text-holder .inner-content p {
	font-size: 16px;
	line-height: 35px;
	margin: 0 0 43px
}

.single-featured-item {
	position: relative;
	display: block;
	width: 100%;
	border: 1px solid rgba(255, 255, 255, .5);
	border-right: 0;
	overflow: hidden
}

.single-featured-item .single-box {
	min-height: 210px;
	position: relative;
	display: inline-block;
	float: left;
	width: 25%;
	border-right: 1px solid rgba(255, 255, 255, .5);
	padding: 49px 0 42px
}

.single-featured-item .single-box .icon-holder {
	display: block;
	padding-bottom: 14px
}

.single-featured-item .single-box .icon-holder span:before {
	color: #fff;
	font-size: 35px;
	line-height: 35px;
	padding: 15px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%
}

.single-featured-item .single-box .title-holder h3 {
	color: #fff;
	font-size: 20px;
	line-height: 20px;
	padding-top: 10px;
	text-transform: capitalize
}

.single-featured-item .single-box .overlay-content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #28b3e8;
	opacity: 0;
	visibility: hidden;
	transition: .5s;
	transform: translate(0, -50px) scale(.8)
}

.single-featured-item .single-box:hover .overlay-content {
	opacity: 1;
	visibility: visible;
	transform: translate(0, 0) scale(1)
}

.single-featured-item .single-box .overlay-content .box .inner-content {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 0 20px
}

.single-featured-item .single-box .overlay-content .box .inner-content h3 {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 10px;
	text-transform: capitalize
}

.single-featured-item .single-box .overlay-content .box .inner-content p {
	color: #fff;
	margin: 0;
	line-height: 20px
}

.featured-items .owl-theme .owl-nav {
	position: absolute;
	top: 33%;
	left: -25px;
	width: 100%;
	display: block;
	margin-top: 13px
}

.featured-items .owl-theme .owl-nav .owl-next,
.featured-items .owl-theme .owl-nav .owl-prev {
	background: #fff;
	color: #303030;
	height: 50px;
	width: 50px;
	position: absolute;
	z-index: 10;
	transition: .7s;
	margin: 0;
	padding: 6px 0;
	display: block
}

.featured-items .owl-theme .owl-nav .owl-prev {
	border: 1px solid #f2f2f2;
	border-radius: 50%
}

.featured-items .owl-theme .owl-nav .owl-next {
	border: 1px solid #f2f2f2;
	border-radius: 50%;
	right: -50px
}

.featured-items .owl-theme .owl-nav div .fa {
	font-size: 25px;
	display: block;
	text-align: center;
	line-height: 36px
}

.featured-items .owl-theme .owl-nav .owl-next:hover,
.featured-items .owl-theme .owl-nav .owl-prev:hover {
	color: #fff;
	border-color: #28b3e8;
	background: #28b3e8
}

.quote-area {
	position: relative;
	display: block;
	background-attachment: fixed;
	padding: 60px 0 40px;
	z-index: 1;
	margin: 30px 0
}

.quote-area::before {
	position: absolute;
	background: rgba(247, 247, 247, .70);
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1
}

.pb-0 {
	padding-bottom: 0 !important
}

.quote-area .sec-title .title {
	margin: 0 0 8px
}

.quote-left-content {
	position: relative;
	display: block;
	margin: 10px 0
}

.quote-left-content .sec-title {
	display: block;
	padding-bottom: 35px
}

.quote-left-content .sec-title p {
	color: #c2c2c2;
	margin: 27px 0 0
}

.quote-left-content .inner-content ul {
	display: block;
	float: left
}

.quote-left-content .inner-content ul.mar-right {
	margin-right: 70px
}

.quote-left-content .inner-content ul li {
	color: #c2c2c2;
	font-size: 16px;
	line-height: 40px
}

.quote-left-content .inner-content ul li span:before {
	position: relative;
	top: 2px;
	color: #28b3e8;
	font-size: 18px;
	line-height: 18px;
	display: inline-block;
	padding-right: 15px
}

.quote-left-content .button {
	overflow: hidden;
	display: block;
	margin-top: 30px
}

.quote-right-content .quote {
	position: relative;
	display: block;
	float: none;
	max-width: 100%;
	width: 100%;
	padding: 50px 50px 27px
}

.contact-form .sec-title,
.quote-right-content .quote .sec-title {
	padding-bottom: 32px
}

.quote-right-content .quote .quote-form .input-box {
	position: relative;
	margin-bottom: 23px
}

.quote-right-content .quote .quote-form button {
	display: block;
	margin-top: 7px
}

.breadcrumb-area {
	position: relative;
	background-attachment: scroll;
	padding-top: 250px;
	z-index: 1
}

.breadcrumb-area .inner-content {
	position: relative;
	display: block;
	padding-bottom: 100px
}

.breadcrumb-area .icon,
.single-branches-box ul li {
	display: block;
	margin-bottom: 20px
}

.breadcrumb-area .icon span:before {
	color: #28b3e8;
	font-size: 75px;
	line-height: 75px
}

.breadcrumb-area .title h1 {
	color: #28b3e8;
	font-size: 28px;
	line-height: 28px;
	padding-bottom: 20px;
	font-weight: 700;
	text-transform: capitalize
}

.breadcrumb-area .breadcrumb-menu ul li,
.breadcrumb-area .breadcrumb-menu ul li a {
	font-size: 14px;
	font-weight: 400;
	text-transform: capitalize;
	transition: .5s;
	font-family: Rubik, sans-serif
}

.breadcrumb-area .title::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom: 0;
	height: 2px;
	width: 100px;
	background: #fff
}

.breadcrumb-area .title::before {
	content: "";
	position: absolute;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom: 0;
	height: 4px;
	width: 50px;
	background: #273c8e
}

.breadcrumb-area .breadcrumb-menu {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 0 10px 10px;
	background: rgba(40, 179, 232, .8);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}

.breadcrumb-area .breadcrumb-menu span:before {
	position: relative;
	top: 11px;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	display: inline-block;
	float: left;
	padding-right: 2px
}

.breadcrumb-area .breadcrumb-menu ul {
	position: relative;
	display: inline-block;
	float: left;
	padding-left: 20px
}

.breadcrumb-area .breadcrumb-menu ul li {
	position: relative;
	display: block;
	float: left;
	margin-right: 5px;
	padding-right: 10px;
	line-height: 12px
}

.breadcrumb-area .breadcrumb-menu ul li:before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 5px;
	height: 1px;
	background: #fff;
	content: "";
	margin: 6px 0
}

.breadcrumb-area .breadcrumb-menu ul li:last-child {
	margin-right: 0;
	padding-right: 0
}

.bg-img img,
.maxw100 {
	max-width: 100%
}

.services-style1-area.service-page {
	position: relative;
	display: block;
	padding-top: 100px;
	padding-bottom: 50px
}

.services-style1-area.service-page .single-solution-style1 {
	position: relative;
	display: block;
	margin: 0 0 50px
}

.slogan-area {
	position: relative;
	display: block;
	background: #050709;
	padding: 88px 0 100px
}

#shop-area.single-shop-area,
.other-service-area {
	padding-bottom: 60px
}

.slogan-area .inner-content .count-box {
	position: relative;
	display: block;
	color: rgba(255, 255, 255, .1);
	font-size: 200px;
	font-weight: 700;
	line-height: 170px;
	text-transform: uppercase;
	font-family: Rubik, sans-serif
}

.slogan-area .inner-content .overlay-text {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 130px;
	margin: 35px 0
}

.slogan-area .inner-content .overlay-text h1 {
	color: #fff;
	font-size: 36px;
	font-weight: 700;
	line-height: 46px
}

.other-service-area {
	position: relative;
	display: block;
	background: #fff;
	padding-top: 100px;
	z-index: 1
}

.single-other-service {
	position: relative;
	display: block;
	border: 1px solid #f5f5f5;
	padding: 50px 40px 42px;
	margin-bottom: 40px;
	transition: .4s ease-in-out
}

.single-other-service:hover {
	background: #f5f5f5
}

.single-other-service .top .icon-holder span:before {
	position: relative;
	display: block;
	width: 65px;
	height: 65px;
	background: #f2f2f2;
	border-radius: 50%;
	color: #222;
	font-size: 30px;
	line-height: 30px;
	transition: .4s ease-in-out;
	text-align: center;
	padding: 17px 0
}

.single-other-service .top .title-holder {
	padding-left: 10px
}

.single-other-service .top .title-holder h3 {
	color: #222;
	line-height: 26px
}

.caption-area {
	position: relative;
	display: block;
	background: #eee;
	padding: 30px 0
}

.caption-title {
	position: relative;
	display: block;
	margin: 0;
	color: #666666
}

.caption-title p {
	padding-top: 10px
}

.caption-title h2 {
	color: #666666;
	font-size: 24px;
	line-height: 32px
}

.request-button a {
	color: #fff;
	background: #273c8e;
	padding: 13px 30px
}

.request-button i {
	padding: 5px 0 0 5px
}

.faq-area,
.single-service-area {
	position: relative;
	display: block;
	padding: 60px 0
}

.sec-title-box {
	position: relative;
	display: block;
	overflow: hidden;
	padding-bottom: 30px;
	margin-top: -6px
}

.sec-title-box h2 {
	display: block;
	color: #222;
	font-size: 24px;
	line-height: 30px;
	margin: 0 0 18px
}

.single-service-top {
	position: relative;
	display: block;
	margin-bottom: 35px;
	margin-top: -9px
}

.single-service-top h2 {
	position: relative;
	display: block;
	color: #222;
	font-size: 30px;
	line-height: 40px;
	margin: 0 0 -55px
}

.single-case-info ul li .review-box ul li,
.title-box h3 {
	line-height: 16px
}

.single-service-top .img-holder .icon-box {
	position: relative;
	width: 85px;
	height: 85px;
	background: 0;
	display: block;
	text-align: center;
	z-index: 2;
	float: right;
	top: 43px;
	right: 48px
}

.single-service-top .img-holder .icon-box span:before {
	color: #222;
	font-size: 50px;
	line-height: 50px;
	display: block;
	padding: 17px 0
}

.single-service-top .owl-dots {
	position: absolute;
	display: block !important;
	margin-top: 0 !important;
	bottom: 0;
	left: 0;
	right: 0;
	padding-bottom: 8px
}

.single-service-top .owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	margin: 5px;
	border: 2px solid #d5d5d5;
	padding: 0;
	background: 0;
	border-radius: 50%;
	transition: .5s;
	display: inline-block
}

.single-service-text {
	position: relative;
	margin-bottom: 37px
}

.research-development {
	position: relative;
	margin-bottom: 53px
}

.research-development ul li {
	position: relative;
	padding-left: 40px;
	margin-bottom: 20px
}

.list-style-two li:last-child,
.research-development ul li:last-child,
.service-solution-box ul li:last-child,
.single-branches-box ul li:last-child,
.single-service-sidebar .our-materials li:last-child,
.single-service-sidebar .why-service li:last-child,
.single-sidebar .categories li:last-child,
.single-sidebar .popular-post li:last-child,
.single-team-member .img-holder .overlay-style-one .social-links li:last-child,
.tablesaw-btn-select,
.tablesaw-enhanced .tablesaw-btn-select {
	margin-bottom: 0
}

.research-development ul li .icon {
	position: absolute;
	top: 3px;
	left: 0
}

.research-development ul li .icon span:before {
	color: #28b3e8;
	font-size: 20px;
	line-height: 20px
}

.research-development ul li .text h4 {
	color: #222;
	font-size: 16px;
	display: block;
	margin: 0 0 11px
}

.graph-outer {
	max-width: 250px;
	width: 100%;
	margin: 31px auto 0
}

.single-service-text-box {
	overflow: hidden;
	background: #f5f5f5;
	width: 100%;
	border-radius: 5px
}

.single-service-text-box:before {
	position: absolute;
	left: 50%;
	top: 40px;
	bottom: 40px;
	width: 1px;
	content: "";
	background: #e9e9e9
}

.single-service-text-box .single-box {
	position: relative;
	display: block;
	width: 50%;
	padding: 35px 40px 33px
}

.about-content-box .bottom-text h3,
.single-service-text-box .single-box h3 {
	color: #222;
	font-size: 18px;
	margin: 0 0 19px
}

.service-solution-box {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 60px 0
}

.service-solution-box ul li {
	position: relative;
	display: block;
	overflow: hidden;
	padding-left: 95px;
	min-height: 95px;
	margin-bottom: 40px
}

.service-solution-box ul li .icon-holder {
	position: absolute;
	top: 0;
	left: 0;
	width: 95px;
	height: 95px;
	border: 1px solid #f2f2f2;
	border-radius: 50%;
	display: block;
	text-align: center;
	padding: 18px 20px;
	z-index: 1
}

.service-solution-box ul li .icon-holder:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: #28b3e8;
	border-radius: 50%;
	z-index: -1;
	transform: scale(0);
	transition: .5s
}

.service-solution-box ul li:hover .icon-holder:after,
.single-product-item:hover .overlay-button-box {
	transform: scale(1)
}

.service-solution-box ul li .icon-holder.one {
	padding: 18px 25px
}

.service-solution-box ul li .icon-holder span:before {
	color: #28b3e8;
	font-size: 55px;
	line-height: 55px;
	transition: .5s .5s
}

.service-tab-box .tab-menu li span,
.single-service-sidebar .service-pages li a {
	position: relative;
	text-transform: capitalize;
	font-family: Rubik, sans-serif;
	transition: .5s
}

.service-solution-box ul li .text-holder {
	position: relative;
	display: block;
	padding-left: 40px;
	margin: 4px 0
}

.service-solution-box ul li .text-holder h3 {
	color: #222;
	font-size: 18px;
	margin: 0 0 14px
}

.single-service-tab-box {
	overflow: hidden;
	display: block
}

.single-service-tab-box .sec-title-box {
	padding-bottom: 23px
}

.service-tab-box .tab-menu {
	border-bottom: 1px solid #f4f4f4;
	overflow: hidden
}

.service-tab-box .tab-menu li {
	display: inline-block;
	float: left;
	margin-bottom: 0;
	margin-right: 3px
}

.service-tab-box .tab-menu li span {
	background: #fff;
	border-top: 1px solid #f4f4f4;
	border-left: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
	border-radius: 0;
	margin-bottom: -1px;
	padding: 15px 30px 13px;
	color: #666666;
	font-size: 16px;
	font-weight: 500;
	display: block;
	cursor: pointer
}

.service-tab-box .tab-menu li.active span,
.service-tab-box .tab-menu li:hover span {
	background: #f4f4f4;
	color: #262626;
	border-color: #f4f4f4
}

.service-tab-box .tab-content-box {
	background: #f4f4f4;
	padding: 29px 20px 20px;
	display: block
}

.service-tab-box .tab-content-box .single-tab-content .top-content {
	margin-bottom: 10px
}

.single-service-sidebar {
	position: relative;
	display: block;
	margin-left: 35px;
	padding: 49px 30px 50px;
	background: #f5f5f5
}

.title-box {
	position: relative;
	display: block;
	padding-bottom: 28px
}

.title-box h3 {
	color: #222;
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize
}

.single-service-sidebar .single-sidebar {
	position: relative;
	display: block;
	margin-bottom: 49px
}

.single-service-sidebar .service-pages li a {
	display: block;
	border-bottom: 1px solid #e9e9e9;
	padding: 19px 0 17px;
	color: #222;
	font-size: 16px;
	font-weight: 400;
	transition-delay: .1s
}

.single-service-sidebar .service-pages li:first-child a {
	border-top: 1px solid #e9e9e9
}

.single-service-sidebar .service-pages li a:before {
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -30px;
	width: 2px;
	background: #28b3e8;
	content: "";
	transition: .5s;
	opacity: 0
}

.single-service-sidebar .our-materials li {
	position: relative;
	display: block;
	margin-bottom: 20px
}

.single-service-sidebar .our-materials li a {
	position: relative;
	display: block;
	padding: 12px 0 10px 65px;
	background: #fff;
	transition: .5s
}

.single-service-sidebar .our-materials li a:before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #28b3e8;
	content: "";
	opacity: 0;
	transition: .5s
}

.single-service-sidebar .our-materials li a .icon-holder {
	position: absolute;
	top: 0;
	left: 18px;
	bottom: 0;
	margin: 17px 0
}

.single-service-sidebar .our-materials li a .icon-holder span:before {
	color: #28b3e8;
	font-size: 35px;
	line-height: 35px
}

.single-service-sidebar .our-materials li a .title-holder h3,
.single-service-sidebar .why-service li a .title-holder h4 {
	color: #222;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	transition: .5s
}

.single-service-sidebar .why-service {
	position: relative;
	display: block;
	overflow: hidden;
	padding-top: 3px
}

.single-service-sidebar .why-service li {
	position: relative;
	display: block;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 19px;
	padding-bottom: 17px
}

.single-service-sidebar .why-service li a {
	position: relative;
	display: block;
	padding-left: 45px
}

.single-service-sidebar .why-service li a .icon-holder {
	position: absolute;
	top: -1px;
	left: 0;
	bottom: 0
}

.single-service-sidebar .why-service li a .icon-holder span:before {
	color: #c2c2c2;
	font-size: 30px;
	line-height: 30px
}

.sidebar-contact-box {
	position: relative;
	display: block;
	overflow: hidden;
	background: #28b3e8;
	padding: 44px 30px 42px
}

.sidebar-contact-box:before {
	position: absolute;
	top: 12px;
	right: -20px;
	font-family: icomoon;
	content: "\e903";
	color: rgba(5, 5, 5, .1);
	font-size: 120px;
	line-height: 100px
}

.sidebar-contact-box h3 {
	color: #222;
	font-size: 20px;
	line-height: 28px;
	margin: 0 0 23px
}

.sidebar-contact-box a {
	background: #050709;
	color: #fff;
	padding: 18px 30px;
	width: 100%
}

.sidebar-contact-box h4 {
	color: #222;
	font-size: 16px;
	margin: 27px 0 0
}

.sidebar-contact-box ul {
	margin: 9px 0 0
}

.sidebar-contact-box ul li {
	color: #222;
	font-size: 16px;
	font-weight: 400;
	line-height: 27px
}

.about-content-area {
	padding-top: 100px;
	padding-bottom: 100px
}

.about-content-box,
.blog-prev-next-option .single .title {
	margin-top: -6px
}

.about-content-box h2 {
	color: #222;
	font-size: 30px;
	line-height: 36px;
	margin: 0 0 27px
}

.about-content-box .bottom-text {
	display: block;
	margin-top: 28px
}

.about-content-box .download-box {
	position: relative;
	display: block;
	padding-left: 80px;
	margin-top: 35px
}

.about-content-box .download-box .icon-holder {
	position: absolute;
	top: -2px;
	left: 0
}

.about-content-box .download-box .icon-holder span:before {
	font-size: 55px;
	line-height: 55px;
	color: #222
}

.about-content-box .download-box .title-holder h3 {
	color: #222;
	font-size: 18px;
	margin: 0 0 4px
}

.about-right-img img,
.choose-block .inner-box .content-box .read-more-button a,
.login-register-area .form form,
.single-shop-content .img-holder img,
.w100 {
	width: 100%
}

.history-section {
	display: block;
	background: #f5f5f5;
	padding: 90px 0 100px
}

.history-section .carousel-outer:before {
	position: absolute;
	content: '';
	left: -1000px;
	right: -10000px;
	top: 140px;
	height: 1px;
	background-color: #e3e3e3
}

.history-section .carousel-outer .thumbs-outer {
	position: relative;
	overflow: hidden
}

.history-section .history-carousel .thumbs-carousel {
	position: relative;
	max-width: 400px;
	margin: 0 auto 30px;
	text-align: center
}

.history-section .history-carousel .thumbs-carousel:after,
.history-section .history-carousel .thumbs-carousel:before {
	position: absolute;
	bottom: 10px;
	width: 1px;
	height: 50px;
	background: #e3e3e3;
	content: "";
	z-index: 3
}

.history-section .history-carousel .thumbs-carousel:before {
	left: 0
}

.history-section .history-carousel .thumbs-carousel:after {
	right: 0
}

.history-section .history-carousel .thumbs-carousel .owl-stage-outer {
	overflow: visible
}

.history-section .history-carousel .thumbs-carousel li {
	position: relative;
	color: #e9e9e9;
	font-size: 72px;
	font-weight: 500;
	cursor: pointer;
	line-height: 1em;
	text-align: center;
	padding: 0;
	transition: .3s;
	display: inline-block;
	font-family: Rubik, sans-serif
}

.history-section .history-carousel .thumbs-carousel li:after,
.history-section .history-carousel .thumbs-carousel li:before {
	position: absolute;
	border-radius: 50%;
	background: #f5f5f5;
	bottom: -76px;
	width: 16px;
	height: 16px;
	z-index: 3;
	content: ""
}

.history-section .history-carousel .thumbs-carousel li:before {
	left: 10px;
	border: 2px solid #e3e3e3
}

.history-section .history-carousel .thumbs-carousel li:after {
	right: 10px;
	border: 2px solid #e3e3e3
}

.history-section .history-carousel .thumbs-carousel .owl-item.active:before {
	position: absolute;
	bottom: -76px;
	left: 50%;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid #28b3e8;
	background: #28b3e8;
	content: "";
	z-index: 3;
	margin-left: -8px
}

.history-section .history-carousel .thumbs-carousel .owl-item.active li {
	position: relative;
	color: #28b3e8
}

.history-section .history-carousel .thumbs-carousel .owl-nav {
	position: relative;
	height: 70px;
	margin: 34px 0 0;
	z-index: 999
}

.history-section .history-carousel .thumbs-carousel .owl-nav .owl-next,
.history-section .history-carousel .thumbs-carousel .owl-nav .owl-prev {
	top: 0;
	font-size: 22px;
	color: #d1d1d1;
	font-weight: 700;
	width: 70px;
	height: 70px;
	display: inline-block;
	background-color: #f5f5f5;
	transition: .3s;
	margin: 0;
	padding: 20px 0;
	z-index: 999;
	position: absolute
}

.history-section .history-carousel .thumbs-carousel .owl-nav .owl-prev {
	left: -385px;
	border-radius: 50%;
	border: 4px solid #e9e9e9
}

.history-section .history-carousel .thumbs-carousel .owl-nav .owl-next {
	right: -385px;
	border-radius: 50%;
	border: 4px solid #e9e9e9
}

.history-section .history-carousel .thumbs-carousel .owl-nav .owl-next:hover,
.history-section .history-carousel .thumbs-carousel .owl-nav .owl-prev:hover {
	color: #222;
	background: #28b3e8;
	border-color: #28b3e8
}

.history-section .carousel-outer .content-carousel {
	max-width: 950px;
	margin: 0 auto
}

.history-section .carousel-outer .content-carousel .owl-stage-outer {
	padding-top: 0
}

.history-section .carousel-outer .content-slide .content-inner {
	position: relative;
	text-align: center;
	max-width: 950px;
	margin: 0 auto;
	padding: 33px 80px;
	background-color: #28b3e8
}

.history-section .carousel-outer .content-slide .content-inner h3 {
	color: #222;
	font-size: 20px;
	display: block;
	margin: 8px 0 20px
}

.history-section .carousel-outer .content-slide .content-inner .text,
.quick-contact-box .bottom li .text p {
	color: #222;
	margin: 0
}

.history-section .carousel-outer .content-carousel .owl-nav {
	position: absolute;
	left: 0;
	bottom: 50%;
	width: 100%
}

.history-section .carousel-outer .content-carousel .owl-nav .owl-next,
.history-section .carousel-outer .content-carousel .owl-nav .owl-prev {
	position: absolute;
	top: -21px;
	width: 42px;
	height: 42px;
	color: #d1d1d1;
	line-height: 44px;
	border-radius: 50%;
	font-weight: 700;
	background-color: transparent;
	margin: 0;
	padding: 0;
	transition: .3s;
	font-size: 20px;
	text-align: center
}

.history-section .carousel-outer .content-carousel .owl-nav .owl-prev {
	left: -62px
}

.history-section .carousel-outer .content-carousel .owl-nav .owl-next {
	right: -62px
}

.history-section .carousel-outer .content-carousel .owl-nav .owl-next:hover,
.history-section .carousel-outer .content-carousel .owl-nav .owl-prev:hover {
	color: #fff;
	background-color: #28b3e8
}

.choose-section {
	position: relative;
	padding: 90px 0
}

.choose-block {
	position: relative;
	transition: .3s
}

.choose-block .inner-box .content-box {
	position: relative;
	text-align: center;
	padding: 60px 0 53px;
	border-bottom: 3px solid #f2f2f2;
	border-radius: 3px
}

.choose-block .inner-box .content-box .icon-holder {
	position: relative;
	display: block;
	text-align: center;
	margin-bottom: 36px;
	transition: .3s
}

.choose-block .inner-box .content-box .icon-holder img {
	width: auto;
	text-align: center;
	margin: 0 auto
}

.choose-block .inner-box .content-box h3 {
	color: #222;
	font-size: 20px;
	display: block;
	margin: 0 0 20px
}

.choose-block .inner-box .content-box .read-more-button {
	position: relative;
	margin-top: 53px;
	display: none;
	margin-left: -30px;
	margin-right: -30px;
	transition: .5s
}

.choose-section .owl-carousel {
	max-width: 370px;
	margin: 0 auto;
	width: 100%;
	display: block
}

.choose-section .owl-carousel .owl-stage-outer {
	overflow: visible;
	padding: 10px 0
}

.choose-section .owl-carousel .owl-stage-outer .owl-item.active .choose-block {
	transform: translateY(0);
	-webkit-box-shadow: 0 -1px 6px 2px #f2f2f2;
	-moz-box-shadow: 0 -1px 6px 2px #f2f2f2;
	box-shadow: 0 -1px 6px 2px #f2f2f2
}

.choose-section .owl-carousel .owl-stage-outer .owl-item.active .choose-block .inner-box .content-box {
	padding: 60px 30px 0;
	border-bottom: 0 solid
}

.choose-section .owl-carousel .owl-stage-outer .owl-item.active .choose-block .inner-box .content-box .read-more-button {
	display: block;
	transition: .5s
}

.choose-section .owl-theme .owl-nav {
	position: relative;
	width: 200px;
	display: block;
	margin: 35px auto 0;
	text-align: center
}

.slogan-area.style2 {
	background-attachment: scroll;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 96px 0 100px;
	position: relative;
	z-index: 1
}

.slogan-area.style2::before {
	position: absolute;
	background: rgba(5, 7, 8, .9);
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1
}

.slogan-area.style2 .inner-content .sec-title {
	padding-bottom: 29px;
	margin-top: 0
}

.slogan-area.style2 .inner-content .sec-title .inner {
	line-height: 18px
}

.slogan-area.style2 .inner-content .sec-title .inner .border1,
.slogan-area.style2 .inner-content .sec-title .inner .border2 {
	margin: 8px 0
}

.slogan-area.style2 .inner-content .sec-title .inner span {
	text-transform: capitalize;
	line-height: 18px
}

.slogan-area.style2 .inner-content .overlay-text h1 {
	color: #fff;
	font-size: 36px;
	font-weight: 500;
	line-height: 46px
}

.slogan-area.style2 .slick-dots {
	position: relative;
	display: inline-block;
	top: 0;
	margin-top: 26px
}

.team-area {
	position: relative;
	padding-top: 90px;
	padding-bottom: 56px
}

.single-team-member {
	position: relative;
	display: block;
	overflow: hidden;
	margin-bottom: 40px;
	transition: .5s
}

.single-team-member .img-holder {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 4px;
	transition: .5s
}

.single-team-member .img-holder img {
	transition: .5s ease-in-out .6s;
	width: 100%;
	height: 245px
}

.single-blog-post:hover .img-holder img,
.single-project-item:hover .img-holder img,
.single-team-member:hover .img-holder img {
	transform: scale(1.2, 1.2)
}

.single-team-member .img-holder .overlay-style-one {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
	text-align: center;
	transform: perspective(400px) rotateY(-90deg);
	transform-origin: right;
	transition: .5s;
	background-color: rgba(0, 0, 0, .8)
}

.single-team-member:hover .img-holder .overlay-style-one {
	opacity: 1;
	transform: perspective(400px) rotateY(0)
}

.single-team-member .img-holder .overlay-style-one .social-links {
	position: absolute;
	top: 40px;
	left: 20px
}

.single-team-member .img-holder .overlay-style-one .social-links li {
	display: block;
	margin-bottom: 10px
}

.single-team-member .img-holder .overlay-style-one .social-links li i {
	width: 25px;
	height: 25px;
	line-height: 25px;
	background: #28b3e8;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	transition: .5s
}

.project-filter li.active span,
.project-filter li:hover span,
.single-team-member .img-holder .overlay-style-one .social-links li a:hover i {
	color: #222;
	background: #28b3e8
}

.single-team-member .name {
	position: relative;
	display: block;
	background: #fff;
	padding: 20px 0 0;
	z-index: 1
}

.single-team-member .name span {
	color: #28b3e8;
	font-weight: 500;
	transition: .5s .5s;
	text-transform: capitalize
}

.single-team-member .name h3 {
	display: block;
	color: #273c8e;
	font-size: 18px;
	font-weight: 500;
	margin: 3px 0 12px;
	transition: .5s .4s;
	text-transform: capitalize
}

.single-team-member .name .mail-box {
	position: relative;
	display: block;
	height: 20px
}

.single-team-member .name .mail-box a.btn-two {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: #fff;
	width: 100%;
	opacity: 1;
	transition: .5s;
	z-index: 2
}

.single-team-member .name .mail-box a.btn-two span:before {
	color: #727272
}

.single-team-member .name .mail-box a.btn-three {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: #fff;
	width: 100%;
	opacity: 0;
	color: #666666;
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
	font-family: Roboto, sans-serif;
	transition: .5s
}

.case-studies-area {
	position: relative;
	display: block;
	padding: 100px 0 60px
}

.project-filter,
.single-branches-box,
.single-case-studies {
	position: relative;
	display: block;
	margin-bottom: 40px
}

.single-case-studies .img-holder img {
	width: 100%;
	transition: .5s
}

.single-case-studies .read-more-button {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 60px;
	height: 60px;
	z-index: 3;
	text-align: center
}

.single-case-studies .read-more-button a span:before {
	color: #222;
	background: #fff;
	font-size: 20px;
	line-height: 20px;
	display: block;
	padding: 20px 0;
	border-top-left-radius: 5px
}

.single-case-studies .text-holder {
	position: relative;
	display: block;
	background: #fff;
	padding: 36px 35px 27px;
	box-shadow: 0 3px 7px 1px rgba(240, 240, 240, .7)
}

.single-case-studies .text-holder h3 {
	color: #222;
	font-size: 20px;
	margin: 0 0 15px
}

.single-case-studies .text-holder .case-info {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 15px 0 0
}

.single-case-studies .text-holder .case-info li {
	line-height: 30px
}

.single-case-studies .text-holder .case-info li span {
	position: relative;
	top: -2px;
	color: #222;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	display: inline-block;
	width: 50px;
	font-family: Rubik, sans-serif
}

.single-case-studies .text-holder .case-info li b {
	position: relative;
	top: -2px;
	color: #222;
	font-size: 13px;
	font-weight: 500;
	display: inline-block;
	width: 20px
}

.case-single-area {
	position: relative;
	display: block;
	padding: 100px 0 53px
}

.single-case-info h2 {
	color: #222;
	font-size: 30px;
	line-height: 36px;
	margin: 0 0 21px
}

.challenge-solution-area .single-box li,
.single-case-info ul li {
	line-height: 36px
}

.single-case-info ul li span {
	color: #222;
	font-weight: 400;
	font-family: Rubik, sans-serif;
	display: inline-block;
	padding-right: 10px
}

.single-case-info ul li .review-box {
	display: inline-block;
	margin: -4px 0
}

.case-description-area {
	position: relative;
	display: block;
	padding: 0 0 53px
}

.case-description-content h3,
.challenge-solution-area .single-box h3 {
	color: #222;
	font-size: 24px;
	margin: 0 0 17px;
	line-height: 32px
}

.challenge-solution-area {
	position: relative;
	display: block;
	padding: 0 0 100px
}

.challenge-solution-area .single-box {
	position: relative;
	display: block;
	border: 1px solid #f2f2f2;
	border-radius: 5px;
	padding: 32px 40px 27px
}

.challenge-solution-area .single-box ul {
	display: block;
	overflow: hidden;
	margin-top: 12px
}

.challenge-solution-area .single-box li i {
	display: inline-block;
	padding-right: 18px;
	color: #28b3e8;
	font-size: 14px
}

.main-project-area {
	position: relative;
	display: block;
	background: #fff;
	padding: 100px 0 70px
}

.single-project-item {
	position: relative;
	display: block;
	overflow: hidden;
	margin-bottom: 30px
}

.single-project-item .img-holder {
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 5px
}

.single-project-item .img-holder img {
	transition: .5s ease-in-out .6s;
	width: 100%
}

.single-project-item .img-holder .overlay-style-one .content a {
	display: inline-block;
	width: 40px;
	height: 40px;
	color: #fff;
	font-size: 25px;
	line-height: 42px;
	font-weight: 700;
	transform: translateX(0) translateY(-50%) scale(.5);
	transition: .7s;
	opacity: 0
}

.single-project-item .img-holder .overlay-style-one .content a span:before {
	font-weight: 700;
	transition: .5s
}

.single-project-item:hover .img-holder .overlay-style-one .content a,
.single-project-item:hover .img-holder .overlay-style-one .title-holder {
	opacity: 1;
	transform: translateX(0) translateY(0) scale(1)
}

.single-project-item .img-holder .overlay-style-one .title-holder {
	position: absolute;
	left: 30px;
	right: 0;
	bottom: 13px;
	transform: translateY(15px);
	transition: .4s ease-in-out .6s;
	opacity: 0
}

.single-project-item .img-holder .overlay-style-one .title-holder h3 {
	font-size: 18px;
	margin: 0 0 4px
}

.single-project-item .img-holder .overlay-style-one .title-holder h3 a {
	color: #fff;
	transition: .5s
}

.single-project-item .img-holder .overlay-style-one .title-holder span {
	color: #c2c2c2
}

.ts-testimonial-bg.bg-angle-shape:after {
	background-color: #96db3f
}

.ts-testimonial-bg.bg-angle-shape:before {
	background-color: #a2df48
}

.ts-testimonial-static {
	margin-top: -105px;
	position: relative;
	z-index: 2
}

.ts-testimonial-bg.bg-angle-shape {
	padding-bottom: 145px
}

.testimonial-item-single:hover .quote-item-static-footer:after {
	color: #f7e0a5
}

.text-white .column-title-dash,
.text-white.column-title {
	color: #fff;
	margin-bottom: 40px
}

.text-white .column-title-dash span:after,
.text-white .column-title-dash:after,
text-white .column-title-dash span:before {
	border-color: #fff
}

.quote-item-static-footer img {
	width: 50px;
	height: 50px;
	border-radius: 100%
}

.quote-item-static-footer {
	display: flex;
	align-items: center;
	position: relative
}

.testimonial-item-single {
	background: #fff;
	padding: 25px 30px 15px;
	border-radius: 2px;
	position: relative;
	z-index: 1;
	box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .03)
}

.quote-text {
	min-height: 100px;
	margin-top: 10px
}

.quote-item-static-footer:after {
	content: "";
	font-family: iconfont;
	position: absolute;
	font-size: 36px;
	right: 0;
	top: 10px;
	color: rgba(0, 0, 0, .15)
}

.quote-item {
	padding: 0 0 0 50px
}

.cart-area .cart-table tbody tr .prod-column .column-box .title,
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title,
.quote-item-info,
.single-blog-post .top-box .author-box .title-holder,
.single-sidebar .popular-post li .title-holder {
	padding-left: 20px
}

.quote-item .quote-text {
	margin: 40px 0 10px;
	display: inline-block;
	padding: 50px 40px 30px 45px;
	background-color: #fff;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	position: relative;
	font-size: 16px;
	font-style: italic
}

.quote-item .quote-text:before {
	content: "\f10d";
	font-family: FontAwesome;
	position: absolute;
	font-size: 20px;
	left: 45px;
	top: -20px;
	color: #fff;
	background: #a2df48;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 3px;
	font-style: normal
}

.quote-item .quote-text:after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 55px;
	border-width: 0 0 20px 20px;
	border-style: solid;
	border-color: transparent rgba(0, 0, 0, .5);
	display: block;
	width: 0
}

img.testimonial-thumb {
	max-width: 80px;
	float: left;
	margin-right: 20px;
	border-radius: 100%
}

.quote-item-info {
	padding-top: 15px;
	display: inline-block;
	backface-visibility: hidden
}

.quote-author {
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	font-weight: 600;
	display: block;
	color: #273c8e;
	text-transform: capitalize
}

.quote-subtext {
	color: #a2df48;
	font-size: 14px
}

.quote-item-footer {
	margin-top: 40px;
	margin-left: 0
}

.testimonial-slide.owl-carousel.owl-theme .owl-nav [class*=owl-] {
	bottom: 90px
}

.testimonial-slide.owl-theme .owl-dots {
	text-align: center;
	margin-top: 60px;
	position: relative;
	z-index: 1
}

.testimonial-slide.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 4px;
	background: #fff;
	opacity: .45;
	display: inline-block
}

.testimonial-slide.owl-theme .owl-dots .owl-dot.active span {
	background: #e50404;
	opacity: 1
}

.testimonial-author-content img {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	margin-bottom: 10px
}

.testimonial-author-content .author-name {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0;
	color: #222
}

p.author-designation {
	margin-bottom: 20px
}

.testimonial-text {
	padding: 0 110px
}

.testimonial-author-content:before {
	content: "\e937";
	font-family: iconfont;
	position: absolute;
	left: 0;
	transform: rotate(180deg);
	font-size: 60px;
	color: #baecff
}

.testimonial-classic-slider-item .testimonial-item-single {
    min-height:200px;
	background: 0;
	box-shadow: none;
	border: 1px solid #eaeaea;
	border-radius: 0;
	position: relative
}

.testimonial-classic-slider-item .quote-item-static-footer {
	justify-content: center;
	margin: 15px 0
}

.testimonial-classic-slider-item .testimonial-item-single .quote-text {
	position: relative;
	text-align: center
}

.testimonial-classic-slider-item .quote-subtext {
	color: #28b3e8;
	font-size: 16px;
	text-transform: capitalize
}

.testimonial-classic-slider-item .testimonial-item-single .quote-text:after {
	content: "\e95a";
	font-family: icomoon;
	position: absolute;
	top: 30px;
	left: 30px;
	font-size: 65px;
	transform: rotate(-180deg);
	color: #f4f4f4;
	z-index: -1
}

.testimonial-classic-slider-item .testimonial-item-single:hover .quote-text:after {
	color: #baecff
}

.testimonial-classic-slider-item .testimonial-item-single:after,
.testimonial-classic-slider-item .testimonial-item-single:before {
	position: absolute;
	left: 50px;
	bottom: -28px;
	content: "";
	border-style: solid;
	border-color: #ddd transparent transparent #ddd;
	border-right-width: 30px;
	border-top-width: 25px;
	border-bottom-width: 3px
}

.testimonial-classic-slider-item .testimonial-item-single:after {
	border-color: #fff transparent transparent #fff;
	left: 51px;
	bottom: -26px
}

.project-filter li {
	display: inline-block;
	margin: 0 1px
}

.project-filter li span {
	position: relative;
	color: #222;
	cursor: pointer;
	display: block;
	font-size: 18px;
	line-height: 18px;
	font-weight: 400;
	text-transform: capitalize;
	transition: .5s;
	font-family: Rubik, sans-serif;
	padding: 14px 20px 13px;
	border-radius: 5px
}

.faq-content-box {
	position: relative;
	display: block;
	margin-right: 30px;
	border-top: 1px solid #f2f2f2
}

.faq-sidebar .sidebar-appoinment .title {
	display: block;
	background: #f5f5f5;
	text-align: center;
	padding: 16px 0 15px;
	margin-bottom: 20px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}

.faq-sidebar .sidebar-appoinment .title h3 {
	color: #28b3e8;
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase
}

.faq-sidebar .sidebar-appoinment .appoinment-form {
	display: block;
	padding: 24px 30px 40px
}

.faq-sidebar .sidebar-appoinment .appoinment-form .input-box,
.single-sidebar .categories li {
	position: relative;
	display: block;
	margin-bottom: 14px
}

.faq-sidebar .sidebar-appoinment .appoinment-form .input-box.marbtm7 {
	margin-bottom: 17px
}

.blog-default-area .single-blog-post,
.blog-large-area .single-blog-post {
	margin-bottom: 50px
}

.faq-sidebar .sidebar-appoinment .appoinment-form .input-box input[type=email],
.faq-sidebar .sidebar-appoinment .appoinment-form .input-box input[type=text] {
	width: 100%;
	border: 0 solid #ddd;
	border-bottom: 1px solid #ddd;
	height: 50px;
	display: block;
	padding: 0;
	color: #666666;
	font-size: 15px;
	border-radius: 0;
	font-family: Rubik, sans-serif;
	transition: .5s
}

.faq-sidebar .sidebar-appoinment .appoinment-form .input-box textarea {
	width: 100%;
	border: 0 solid #ddd;
	border-bottom: 1px solid #ddd;
	display: block;
	padding: 0;
	color: #666666;
	font-size: 15px;
	border-radius: 0;
	font-family: Rubik, sans-serif;
	transition: .5s
}

.faq-sidebar .sidebar-appoinment .appoinment-form button.btn-one {
	background: #28b3e8;
	display: block;
	width: 100%;
	padding: 21px 0;
	border-radius: 5px;
	margin-top: 16px
}

.blog-default-area .post-pagination {
	margin-top: -10px
}

.blog-large-area .single-blog-post .img-holder .author-box {
	left: 30px;
	bottom: 30px
}

.blog-large-area .single-blog-post .text-holder {
	position: relative;
	display: block;
	border: 1px solid #f2f2f2;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 30px 30px 40px
}

.blog-large-area .single-blog-post .text-holder .blog-title {
	display: block;
	font-size: 30px;
	line-height: 36px
}

.blog-large-area .single-blog-post .text-holder .text {
	display: block;
	margin-top: 18px
}

.blog-large-area .post-pagination {
	display: block;
	margin-top: 0
}

.sidebar-title {
	position: relative;
	display: block;
	overflow: hidden;
	margin-top: -3px;
	padding-bottom: 26px
}

.sidebar-title h3 {
	color: #222;
	font-size: 18px;
	line-height: 20px
}

.sidebar-wrapper .single-sidebar form.search-form {
	position: relative;
	display: block;
	max-width: 370px;
	margin-bottom: 50px
}

.sidebar-wrapper .single-sidebar .search-form input[type=text] {
	position: relative;
	background: #fff;
	border: 1px solid #f2f2f2;
	color: #222;
	display: block;
	font-size: 16px;
	font-weight: 400;
	height: 70px;
	letter-spacing: 1px;
	padding-left: 30px;
	padding-right: 80px;
	max-width: 370px;
	width: 100%;
	border-radius: 5px;
	transition: .5s
}

.sidebar-wrapper .single-sidebar .search-form button {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 30px;
	display: block;
	background: #28b3e8;
	font-size: 14px;
	color: #222;
	height: 35px;
	width: 35px;
	border: 1px solid #28b3e8;
	line-height: 35px;
	text-align: center;
	border-radius: 50%;
	transition: .5s;
	margin: 17px 0
}

.sidebar-wrapper .single-sidebar .search-form button i {
	font-size: 14px
}

.sidebar-wrapper .single-sidebar .search-form input[type=text]:focus {
	border: 1px solid #28b3e8;
	background: #fff;
	color: #000
}

.sidebar-wrapper .single-sidebar .search-form button:hover,
.sidebar-wrapper .single-sidebar .search-form input[type=text]:focus+button {
	background: #28b3e8;
	border-color: #f2b028;
	color: #fff
}

.single-sidebar .archives-form-box,
.single-sidebar .categories,
.single-sidebar .popular-post,
.single-sidebar .subscribe-form-box {
	position: relative;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 40px;
	display: block
}

.single-sidebar .categories {
	margin-top: -5px;
	padding-bottom: 33px
}

.single-sidebar .categories li a {
	position: relative;
	display: block;
	color: #666666;
	font-size: 16px;
	font-weight: 400;
	font-family: Roboto, sans-serif;
	transition: .5s
}

.single-sidebar .categories li a span {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	text-align: center;
	width: 20px;
	height: 20px;
	background: #28b3e8;
	border-radius: 50%;
	color: #222;
	font-size: 14px;
	line-height: 22px;
	transition: .5s;
	opacity: 0
}

.single-sidebar .archives-form-box,
.single-sidebar .popular-post {
	overflow: hidden;
	padding-bottom: 33px
}

.single-sidebar .popular-post li {
	position: relative;
	display: block;
	margin-bottom: 33px;
	padding-left: 85px;
	min-height: 100px
}

.single-sidebar .popular-post li .img-holder {
	position: absolute;
	top: 0;
	left: 0;
	width: 85px;
	height: auto;
	display: block;
	overflow: hidden;
	border-radius: 5px
}

.single-sidebar .popular-post li .img-holder img {
	transition: .4s ease-in-out .5s;
	width: 100%;
	transform: scale(1.1, 1.1)
}

.single-sidebar .popular-post li:hover .img-holder img {
	transition-delay: 0;
	transform: scale(1.2, 1.2)
}

.single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a i {
	color: #fff;
	font-size: 16px;
	transition: .5s
}

.single-sidebar .popular-post li .title-holder h6 {
	position: relative;
	top: -1px;
	color: #28b3e8;
	font-size: 14px;
	margin: 0 0 5px
}

.single-sidebar .popular-post li .title-holder .post-title {
	position: relative;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	margin: 0 0 7px;
	transition: .5s
}

.single-sidebar .popular-post li .title-holder .post-title a {
	color: #222;
	transition: .5s
}

.single-sidebar .popular-post li .title-holder .post-date {
	display: block;
	color: #666666
}

.single-sidebar .subscribe-form-box {
	margin-top: -5px;
	padding-bottom: 40px;
	z-index: 1
}

.single-sidebar .subscribe-form-box:before {
	position: absolute;
	top: -40px;
	left: 0;
	right: 0;
	font-family: Flaticon;
	content: "\f110";
	font-size: 130px;
	line-height: 130px;
	color: #f7f7f7;
	text-align: center;
	transform: rotate(30deg);
	z-index: -1
}

.single-sidebar .subscribe-form-box form input[type=email],
.single-sidebar .subscribe-form-box form input[type=text] {
	position: relative;
	background: 0;
	border: 1px solid #f2f2f2;
	color: #666666;
	font-size: 15px;
	font-weight: 400;
	font-style: normal;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	height: 50px;
	transition: .5s;
	display: block;
	float: left
}

.single-sidebar .subscribe-form-box p {
	margin: 0 0 23px
}

.single-sidebar .subscribe-form-box form {
	position: relative;
	display: block;
	max-width: 370px;
	overflow: hidden
}

.single-sidebar .subscribe-form-box form input[type=text] {
	max-width: 140px;
	border-radius: 5px 0 0 5px
}

.single-sidebar .subscribe-form-box form input[type=email] {
	border-left: 0;
	max-width: 180px
}

.single-sidebar .subscribe-form-box form button {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background: #fff;
	color: #222;
	display: block;
	padding: 13.5px 0;
	text-align: center;
	border: 1px solid #f2f2f2;
	border-left: 0;
	transition: .5s;
	border-radius: 0 5px 5px 0;
	font-size: 20px
}

.single-sidebar .subscribe-form-box form input[type=email]:focus,
.single-sidebar .subscribe-form-box form input[type=text]:focus {
	border-bottom-color: #28b3e8
}

.single-sidebar .subscribe-form-box form button:hover {
	background: #28b3e8;
	border-color: #28b3e8;
	color: #fff
}

.single-sidebar .social-links {
	display: block;
	line-height: 16px;
	margin-top: -10px;
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 30px;
	margin-bottom: 40px
}

.single-sidebar .social-links li {
	position: relative;
	display: block;
	border-bottom: 1px solid #f2f2f2;
	line-height: 60px
}

.single-sidebar .social-links li:last-child {
	border-bottom: 0 solid
}

.single-sidebar .social-links li a {
	color: #666666;
	font-size: 16px;
	display: block;
	transition: .5s
}

.single-product-item .overlay-button-box ul li div,
.single-sidebar .archives-form-box form button {
	height: 50px;
	font-size: 13px;
	font-family: Rubik, sans-serif;
	line-height: 50px;
	font-weight: 500;
	text-transform: uppercase
}

.single-sidebar .social-links li a .icon {
	position: relative;
	display: inline-block;
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	border: 1px solid transparent;
	background: 0;
	color: #7c7b7b;
	font-size: 14px;
	line-height: 38px;
	margin: 10px 15px 10px 0;
	transition: .5s
}

.single-sidebar .social-links li a:hover .icon {
	background: #28b3e8;
	border-color: #f2f2f2;
	color: #222
}

.single-sidebar .follow-us {
	position: relative;
	top: -1px;
	display: block;
	color: #28b3e8;
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
	font-family: Rubik, sans-serif
}

.single-sidebar .instagram {
	overflow: hidden;
	display: block;
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 20px;
	margin: -4px -10px 40px
}

.single-sidebar .instagram li {
	position: relative;
	display: inline-block;
	float: left;
	margin: 0 10px 20px;
	transition: .5s
}

.single-sidebar .instagram li .img-holder {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 5px;
	transition: .5s;
	z-index: 5
}

.single-sidebar .instagram li .img-holder:after,
.single-sidebar .instagram li .img-holder:before {
	position: absolute;
	width: 100%;
	background: #fff;
	content: "";
	transition: .5s;
	z-index: 3;
	left: 0
}

.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up,
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up,
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up,
.single-sidebar .instagram li:hover .img-holder {
	border-radius: 0
}

.single-sidebar .instagram li .img-holder:before {
	top: 0;
	height: 0;
	opacity: 0
}

.single-sidebar .instagram li:hover .img-holder:before {
	height: 10px;
	opacity: 1
}

.single-sidebar .instagram li .img-holder:after {
	bottom: 0;
	height: 0
}

.single-sidebar .instagram li:hover .img-holder:after {
	height: 10px
}

.single-sidebar .instagram li .img-holder .overlay-style-one:after,
.single-sidebar .instagram li .img-holder .overlay-style-one:before {
	position: absolute;
	background: #fff;
	height: 100%;
	transition: .5s;
	z-index: 5;
	top: 0;
	text-align: center;
	content: ""
}

.single-sidebar .instagram li .img-holder .overlay-style-one:before {
	left: 0;
	width: 0
}

.single-sidebar .instagram li:hover .img-holder .overlay-style-one:after,
.single-sidebar .instagram li:hover .img-holder .overlay-style-one:before {
	width: 10px
}

.single-sidebar .instagram li .img-holder .overlay-style-one:after {
	right: 0;
	width: 0
}

.single-sidebar .instagram li .img-holder img {
	transform: scale(1.1, 1.1);
	transition: .5s;
	width: 100%
}

.single-sidebar .instagram li .img-holder .overlay-style-one .box .content a i {
	color: #fff;
	font-size: 16px;
	opacity: 0;
	transform: scale(3);
	transition: .3s ease-in-out .3s;
	z-index: 5
}

.single-sidebar .instagram li:hover .img-holder .overlay-style-one .box .content a i {
	opacity: 1;
	transform: scale(1);
	transition-delay: .1s
}

.single-sidebar .instagram li:hover .img-holder .overlay-style-one {
	opacity: 1;
	transition-delay: 0
}

.single-sidebar .instagram li:hover .img-holder img {
	transform: scale(1, 1)
}

.single-sidebar .archives-form-box form {
	position: relative;
	display: block;
	overflow: hidden;
	max-width: 370px
}

.single-sidebar .archives-form-box form .input-box.month {
	max-width: 150px;
	width: 100%;
	float: left
}

.single-sidebar .archives-form-box form .input-box.year {
	max-width: 130px;
	width: 100%;
	float: left;
	margin-left: 20px
}

.single-sidebar .archives-form-box form button {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	border-radius: 5px;
	text-align: center;
	background: #f5f5f5;
	color: #222;
	transition: .5s
}

.single-sidebar .popular-tag {
	position: relative;
	display: block;
	overflow: hidden;
	margin-top: -5px
}

.single-sidebar .popular-tag li {
	display: inline-block;
	float: left;
	margin-right: 18px;
	margin-bottom: 15px
}

.single-sidebar .popular-tag li a {
	display: block;
	color: #666666;
	font-size: 16px;
	font-weight: 400;
	transition: .5s
}

.single-sidebar .popular-tag li.big a {
	font-size: 24px
}

.single-blog-post .top-box .author-box {
	position: relative;
	display: block;
	overflow: hidden;
	margin-bottom: 25px
}

.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb,
.single-blog-post .top-box .author-box .img-box {
	width: 70px
}

.single-blog-post .top-box .author-box .img-box img {
	width: 100%;
	border-radius: 50%
}

.author-caption-box .text-holder h3,
.single-blog-post .top-box .author-box .title-holder h3 {
	color: #222;
	font-size: 18px
}

.single-blog-post .top-box .social-share-box h3 {
	color: #222;
	font-size: 18px;
	display: inline-block;
	float: left
}

.single-blog-post .top-box .social-share-box ul {
	position: relative;
	display: inline-block;
	float: left;
	line-height: 16px;
	overflow: hidden;
	margin: 5px 0 0;
	padding-left: 10px
}

.single-blog-post .top-box .social-share-box ul li {
	display: inline-block;
	float: left;
	border-right: 1px solid #e9e9e9;
	margin-right: 10px;
	padding-right: 10px
}

.single-blog-post .top-box .social-share-box ul li:last-child {
	margin: 0;
	padding: 0;
	border: 0
}

.single-blog-post .top-box .social-share-box ul li a {
	color: #727272;
	font-size: 16px;
	transition: .5s
}

.single-blog-post .top-box .title-box-holder {
	position: relative;
	display: block;
	margin-top: -8px
}

.single-blog-post .top-box .title-box-holder .post-date {
	position: relative;
	display: block;
	padding-left: 40px;
	line-height: 30px;
	z-index: 1
}

.single-blog-post .top-box .title-box-holder .post-date:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 30px;
	background: #e9e9e9;
	z-index: -1;
	content: "";
	margin: 14px 0
}

.single-blog-post .top-box .title-box-holder .post-date p {
	color: #666666;
	font-size: 14px;
	margin: 0
}

.single-blog-post .top-box .title-box-holder .blog-title {
	position: relative;
	display: block;
	margin-top: 9px;
	color: #222;
	font-size: 36px;
	line-height: 46px
}

.single-blog-post .top-box .title-box-holder .meta-box .meta-info {
	display: block;
	overflow: hidden;
	margin: 16px 0 0
}

.single-blog-post .top-box .title-box-holder .meta-box .meta-info li {
	display: inline-block;
	float: left;
	line-height: 20px;
	margin-right: 20px
}

.single-blog-post .top-box .title-box-holder .meta-info li a {
	color: #666666;
	font-size: 14px;
	font-weight: 400;
	text-transform: capitalize;
	font-family: Rubik, sans-serif;
	transition: .5s
}

.single-blog-post .top-box .title-box-holder .meta-info li a span:before {
	position: relative;
	top: 2px;
	color: #28b3e8;
	font-size: 16px;
	display: inline-block;
	padding-right: 9px;
	transition: .5s
}

.single-blog-post .main-image-holder {
	position: relative;
	display: block;
	margin-top: 54px
}

.main-image-holder img {
	border-right: 5px solid #273c8e;
	border-bottom: 5px solid #28b3e8;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px
}

.single-blog-post .text {
	position: relative;
	display: block;
	margin-top: 45px;
	margin-bottom: 36px
}

.author-caption-box {
	position: relative;
	display: block;
	margin-bottom: 62px
}

.author-caption-box .quote-icon span:before {
	color: #f7f7f7;
	font-size: 125px;
	line-height: 125px;
	margin: 5px 0;
	display: block
}

.author-caption-box .text-holder p {
	color: #8c8c8c;
	font-size: 20px;
	line-height: 30px;
	margin: 0 0 19px;
	font-family: Rubik, sans-serif
}

.single-blog-title-box {
	position: relative;
	display: block;
	overflow: hidden;
	padding-bottom: 33px;
	margin-top: -6px
}

.shop-title-box h3,
.single-blog-title-box h2 {
	color: #222;
	font-size: 24px;
	line-height: 30px
}

.sustainability-goals-content .text {
	display: block;
	margin-top: -5px;
	margin-bottom: 28px
}

.sustainability-goals-content .single-item img {
	border-radius: 6px
}

.sustainability-goals-content ul li {
	position: relative;
	display: block;
	line-height: 38px;
	padding-left: 25px
}

.sustainability-goals-content ul li:before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 8px;
	height: 8px;
	background: #28b3e8;
	border-radius: 50%;
	content: "";
	margin: 15px 0
}

.blog-prev-next-option {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 46px 0 0;
	border-top: 1px solid #f2f2f2;
	padding-top: 40px
}

.blog-prev-next-option:before {
	position: absolute;
	left: 50%;
	top: 40px;
	bottom: 0;
	width: 1px;
	background: #f2f2f2;
	content: ""
}

.blog-prev-next-option .single {
	position: relative;
	display: block;
	width: 50%
}

.blog-prev-next-option .single.prev {
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	padding-left: 90px;
	min-height: 90px
}

.blog-prev-next-option .single.prev .image-thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 90px;
	height: 90px
}

.blog-prev-next-option .single .image-thumb img {
	width: 100%;
	border-radius: 6px
}

.blog-prev-next-option .single.prev .title {
	padding-left: 30px;
	max-width: 370px
}

.blog-prev-next-option .single .title h3 {
	color: #222;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	margin: 0 0 8px
}

.blog-prev-next-option .single .title a {
	color: #666666;
	font-size: 16px;
	font-weight: 400;
	transition: .5s
}

.blog-prev-next-option .single .title a i {
	display: inline-block;
	padding-right: 5px;
	font-size: 18px
}

.blog-prev-next-option .single.next {
	position: relative;
	display: block;
	overflow: hidden;
	float: right;
	padding-right: 90px;
	min-height: 90px
}

.blog-prev-next-option .single.next .image-thumb {
	position: absolute;
	top: 0;
	right: 0;
	width: 90px;
	height: 90px
}

.blog-prev-next-option .single.next .title {
	max-width: 370px;
	padding-right: 30px;
	text-align: right;
	float: right
}

.blog-prev-next-option .single.next .title a i {
	display: inline-block;
	padding-left: 5px;
	font-size: 18px
}

.single-product-item {
	position: relative;
	display: block;
	padding-bottom: 40px
}

.single-product-item:hover {
	box-shadow: 0 3px 8px #f0f0f0;
	transition: .5s
}

.single-product-item .inner-content {
	position: relative;
	display: block;
	border: 1px solid #f2f2f2;
	padding: 0 0 15px;
	transition: .5s;
	margin-bottom: 10px
}

.single-product-item .img-holder::before {
	background: rgba(255, 255, 255, .3);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: "";
	opacity: 0;
	position: absolute;
	z-index: 1;
	transition: .4s ease-in-out
}

.single-product-item .img-holder img {
	transform: scale(1);
	transition: .7s;
	width: 100%;
	height: 270px
}

.single-product-item .title-holder h3 {
	font-size: 16px;
	font-weight: 500;
	margin: 3px 0 10px;
	line-height: 26px;
	color: #222;
	transition: .5s
}

.single-product-item .title-holder .rate {
	color: #28b3e8;
	font-size: 14px;
	text-transform: capitalize
}

.single-product-item .overlay-button-box {
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	transform: scale(0);
	transition: .5s ease-in-out;
	z-index: 3
}

.single-product-item .overlay-button-box ul li {
	position: relative;
	display: inline-block;
	float: left;
	width: 50%;
	height: 60px
}

.single-product-item .overlay-button-box ul li div {
	position: relative;
	display: block;
	background: #28b3e8;
	color: #fff
}

.single-product-item .overlay-button-box ul li div.style2 {
	background: #273c8e;
	color: #fff;
	line-height: 50px
}

.main-shop-area .post-pagination {
	margin-top: 30px
}

.single-sidebar .price-ranger {
	margin-top: 4px
}

.single-sidebar .price-ranger .ui-widget-content {
	background: #efedea;
	border: 0;
	height: 2px
}

.single-sidebar .price-ranger .ui-slider-handle {
	background: #28b3e8;
	border: 2px solid #28b3e8;
	border-radius: 50%;
	height: 10px;
	margin-left: -4px;
	outline: 0;
	width: 10px !important;
	cursor: pointer
}

.single-sidebar .price-ranger .ui-slider-horizontal .ui-slider-handle {
	top: -4px
}

.single-sidebar .price-ranger #slider-range {
	margin-left: 4px;
	margin-right: 6px;
	margin-top: 0
}

.single-sidebar .price-ranger .ranger-min-max-block {
	margin-bottom: 0;
	margin-top: 25px
}

.single-sidebar .price-ranger .ranger-min-max-block input[type=submit] {
	float: left;
	margin-right: 10px;
	padding: 12px 0;
	text-align: center;
	width: 90px;
	border: 0;
	color: #fff;
	cursor: pointer;
	margin-top: 0;
	border-radius: 0
}

.single-sidebar .price-ranger .ranger-min-max-block input[type=text] {
	border: 0;
	color: #666666;
	font-size: 16px;
	font-weight: 400;
	outline: 0;
	text-align: right;
	width: 40px
}

.single-sidebar .price-ranger .ranger-min-max-block span {
	color: #666666;
	font-weight: 400;
	font-size: 16px;
	line-height: 40px
}

.single-shop-content .img-holder {
	margin-right: 50px;
	border: 1px solid #f2f2f2
}

.single-shop-content .content-box {
	margin-left: -50px
}

.single-shop-content .content-box h3 {
	color: #222;
	font-size: 30px;
	font-weight: 500;
	margin: 0 0 21px;
	text-transform: capitalize
}

.single-shop-content .content-box span.price {
	color: #727272;
	font-size: 22px;
	font-weight: 400
}

.single-shop-content .content-box .review-box {
	margin: 6px 0 0;
	overflow: hidden
}

.single-shop-content .content-box .text {
	overflow: hidden;
	padding: 23px 0 15px
}

.single-shop-content .content-box .location-box {
	margin: 5px 0 30px
}

.single-shop-content .content-box .location-box p {
	color: #666666;
	font-size: 16px;
	margin: 0 0 13px
}

.single-shop-content .content-box .location-box form input {
	border: 2px solid #f7f7f7;
	height: 40px;
	padding-left: 10px;
	padding-right: 10px;
	width: 170px;
	transition: .5s;
	margin: 0 0 10px
}

.single-shop-content .content-box .location-box form input:focus {
	border-color: #202020
}

.single-shop-content .content-box .location-box form button {
	background: #f7f7f7;
	border: 0;
	color: #303030;
	font-size: 14px;
	font-weight: 700;
	height: 40px;
	margin-left: 6px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	transition: .5s;
	width: 95px;
	position: relative;
	top: -1px;
	line-height: 40px
}

.single-shop-content .content-box .location-box form button:hover {
	background: #202020;
	color: #fff
}

.cart-area .cart-table tbody tr .qty .input-group.bootstrap-touchspin,
.checkout-area .table .cart-table tbody tr .qty .input-group.bootstrap-touchspin,
.single-shop-content .content-box .addto-cart-box .input-group.bootstrap-touchspin {
	float: left;
	width: 46px
}

.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical>.btn,
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical>.btn,
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn {
	display: block;
	float: none;
	margin-left: 0;
	position: relative;
	width: 100%;
	background: #efefef;
	border: 1px solid #efefef;
	color: #666666;
	padding: 12px 11px;
	cursor: pointer
}

.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down,
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down,
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
	border-radius: 0;
	margin-top: -2px
}

.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-up:before,
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-up:before,
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-up:before {
	content: "\f0d8";
	font-family: FontAwesome;
	color: #666666;
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 5px
}

.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-down:before,
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical>.btn.bootstrap-touchspin-down:before,
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:before {
	content: "\f0d7";
	font-family: FontAwesome;
	color: #666666;
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 2px 5px 8px
}

.single-shop-content .content-box .addto-cart-box button.addtocart {
	height: 50px;
	width: 170px;
	margin-left: 43px;
	color: #fff;
	padding: 12px 0;
	cursor: pointer;
	border-radius: 0
}

.product-tab-box {
	position: relative;
	border: 1px solid #ececec;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	overflow: hidden;
	margin-top: 60px
}

.product-tab-box .tab-btns {
	position: relative;
	z-index: 1;
	border-bottom: 1px solid #ececec;
	margin-bottom: 30px
}

.product-tab-box .tab-btns .tab-btn {
	display: inline-block;
	float: left;
	margin-bottom: -1px;
	margin-right: 3px
}

.product-tab-box .tab-btns .tab-btn span {
	border-top: 1px solid #ececec;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	border-bottom: 1px solid transparent;
	border-radius: 0;
	cursor: pointer;
	display: block;
	margin-right: 1px;
	padding: 15px 30px 13px;
	color: #303030;
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
	background: #f7f7f7;
	transition: .5s;
	font-family: 'Titillium Web', sans-serif
}

.product-tab-box .tab-btns .tab-btn.active-btn span,
.product-tab-box .tab-btns .tab-btn:hover span {
	background: #fff;
	color: #28b3e8;
	border-left-color: #ececec;
	border-top-color: #ececec;
	border-right-color: #ececec
}

.product-tab-box .tabs-content {
	position: relative;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	margin-top: -30px;
	padding: 35px 30px 40px
}

.product-tab-box .tabs-content .tab {
	position: relative;
	padding: 0;
	display: none
}

.product-tab-box .tabs-content .review-box .title {
	margin-bottom: 33px
}

.product-tab-box .tabs-content .review-box .title h3 {
	color: #222;
	font-size: 20px;
	font-weight: 400;
	text-transform: capitalize
}

.product-tab-box .tabs-content .review-box .single-review-box {
	margin-bottom: 30px;
	padding-left: 60px;
	position: relative
}

.product-tab-box .tabs-content .review-box .single-review-box .img-holder {
	left: 0;
	position: absolute;
	top: 0
}

.product-tab-box .tabs-content .review-box .single-review-box .text-holder {
	border: 1px solid #ececec;
	margin-left: 20px;
	padding: 17px 20px 12px
}

.product-tab-box .tabs-content .review-box .single-review-box .text-holder .top {
	margin: 0 0 10px;
	overflow: hidden
}

.product-tab-box .tabs-content .review-box .single-review-box .text-holder .top .name h4 {
	color: #222;
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	text-transform: capitalize
}

.product-tab-box .tabs-content .review-box .single-review-box .text-holder .top .review-box ul {
	margin-top: -2px;
	padding-left: 0;
	position: relative
}

.product-tab-box .tabs-content .review-box .single-review-box .text-holder .top .review-box ul li {
	display: inline-block;
	margin-right: 1px
}

.product-tab-box .tabs-content .review-box .single-review-box .text-holder .top .review-box ul li i {
	color: #28b3e8;
	font-size: 14px
}

.product-tab-box .tabs-content .review-box .single-review-box .text-holder .text p {
	margin: 0;
	line-height: 26px
}

.cart-middle,
.product-tab-box .review-form {
	padding-top: 30px
}

.product-tab-box .review-form .title {
	padding-bottom: 30px
}

.product-tab-box .review-form .title h3,
.related-product .title h3 {
	color: #222;
	font-size: 24px;
	font-weight: 500;
	text-transform: capitalize
}

.product-tab-box .review-form .add-rating-box {
	margin: 0 0 20px
}

.product-tab-box .review-form .add-rating-box .add-rating-title h4 {
	color: #666666;
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 10px;
	font-family: Rubik, sans-serif;
	text-transform: none
}

.product-tab-box .review-form .add-rating-box ul li {
	border-right: 1px solid #ebebeb;
	display: inline-block;
	line-height: 20px;
	margin-right: 10px;
	padding-right: 10px
}

.product-tab-box .review-form .add-rating-box ul li:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: 0 solid #ebebeb
}

.product-tab-box .review-form .add-rating-box ul li a i {
	color: #d6d6d6;
	font-size: 12px;
	line-height: 20px;
	margin-right: 1px;
	opacity: .9;
	transition: .5s
}

.product-tab-box .review-form form .field-label p {
	color: #666666;
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 3px;
	font-family: Rubik, sans-serif
}

.product-tab-box .review-form form input[type=email],
.product-tab-box .review-form form input[type=text],
.product-tab-box .review-form form textarea {
	background: #fff;
	height: 50px;
	width: 100%;
	border: 1px solid #ececec;
	color: #252525;
	font-size: 14px;
	padding: 0 15px;
	margin-bottom: 20px;
	transition: .5s
}

.product-tab-box .review-form form textarea {
	height: 110px;
	padding: 10px 15px;
	margin-bottom: 25px
}

.product-tab-box .review-form form button {
	padding: 18px 40px;
	border-radius: 0
}

.product-tab-box .review-form .add-rating-box ul li:hover a i {
	opacity: 1;
	color: #28b3e8
}

.product-tab-box .review-form form input[type=email]:focus,
.product-tab-box .review-form form input[type=text]:focus,
.product-tab-box .review-form form textarea:focus {
	border-color: #28b3e8
}

.related-product {
	padding-top: 60px
}

.related-product .title {
	padding-bottom: 30px;
	margin-top: -3px
}

.cart-area {
	padding-bottom: 100px;
	padding-top: 100px
}

.cart-area .table-outer {
	overflow-x: auto;
	position: relative;
	width: 100%
}

.cart-area .cart-table {
	min-width: 1024px;
	width: 100%
}

.cart-area .cart-table .cart-header {
	background: #f7f7f7;
	color: #222;
	font-family: Rubik, sans-serif;
	font-size: 18px;
	font-weight: 500;
	position: relative;
	text-transform: capitalize;
	width: 100%
}

.cart-area .cart-table thead tr th {
	font-weight: 500;
	line-height: 24px;
	min-width: 110px;
	padding: 20px 25px
}

.cart-area .cart-table thead tr th.prod-column,
.checkout-area .table .cart-table thead tr th.product-column {
	padding-left: 30px;
	text-align: left
}

.cart-area .cart-table thead tr th.availability {
	padding: 0 40px
}

.cart-area .cart-table tbody tr {
	border-bottom: 1px solid #f7f7f7
}

.cart-area .cart-table tbody tr td {
	color: #222;
	font-family: Rubik, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	min-width: 100px;
	padding: 27.5px 25px
}

.cart-area .cart-table tbody tr .prod-column .column-box {
	min-height: 70px;
	position: relative
}

.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb {
	width: 70px;
	border: 1px solid #f7f7f7
}

.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb a {
	display: block;
	border-radius: 5px
}

.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb img {
	display: block;
	max-width: 100%;
	border-radius: 5px
}

.cart-area .cart-table tbody tr .prod-column .column-box .title h3 {
	color: #222;
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	text-transform: capitalize
}

.cart-area .cart-table tbody tr .qty {
	padding-right: 25px;
	width: 120px
}

.cart-area .cart-table tbody .available-info,
.cart-area .cart-table tbody tr .sub-total,
.cart-area .cart-table tbody tr td.price {
	font-family: Rubik, sans-serif;
	font-weight: 400
}

.cart-area .cart-table tbody tr td.unit-price {
	padding-left: 40px;
	padding-right: 20px
}

.cart-area .cart-table tbody .available-info {
	color: #666666;
	font-size: 16px;
	line-height: 20px;
	padding-left: 50px;
	position: relative
}

.cart-area .cart-table tbody .available-info .icon {
	background: #28b3e8;
	border-radius: 50%;
	color: #222;
	font-size: 18px;
	height: 40px;
	left: 0;
	line-height: 40px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 40px
}

.cart-area .cart-table tbody tr td.price {
	color: #727272;
	font-size: 18px
}

.cart-area .cart-table tbody tr .sub-total {
	color: #28b3e8;
	font-size: 18px
}

.cart-area .cart-table tbody tr td .remove .checkbox label {
	color: #666666;
	font-size: 18px;
	font-weight: 400
}

.cart-area .cart-table tbody tr td .remove .checkbox label input[type=checkbox] {
	display: inline-block;
	position: relative;
	top: 1px
}

.cart-middle .apply-coupon {
	padding-left: 245px;
	position: relative
}

.cart-middle .apply-coupon input[type=text] {
	border: 2px solid #f7f7f7;
	color: #9e9e9e;
	font-size: 14px;
	font-weight: 400;
	height: 50px;
	left: 0;
	padding: 0 15px;
	position: absolute;
	text-transform: capitalize;
	top: 0;
	transition: .5s;
	border-radius: 5px;
	width: 225px
}

.cart-bottom .calculate-shipping input[type=text]:focus,
.cart-middle .apply-coupon input[type=text]:focus {
	border: 2px solid #1d1d1d
}

.cart-middle .apply-coupon .apply-coupon-button button,
.cart-middle .update-cart button {
	padding: 18px 30px;
	border-radius: 5px;
	cursor: pointer
}

.cart-middle .update-cart button {
	background: #f7f7f7;
	color: #303030
}

.cart-bottom .calculate-shipping button:hover,
.cart-middle .update-cart button:hover {
	background: #1d1d1d;
	color: #fff
}

.cart-bottom {
	overflow: hidden;
	padding-top: 70px
}

.shop-title-box {
	position: relative;
	display: block;
	overflow: hidden;
	margin-top: -6px;
	padding-bottom: 23px
}

.cart-bottom .calculate-shipping .ui-state-default {
	background: #fff;
	border: 2px solid #f7f7f7;
	border-radius: 0;
	color: #666666;
	font-size: 14px;
	font-weight: 400;
	height: 45px;
	margin-bottom: 17px;
	outline: 0;
	width: 100%
}

.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon {
	margin-top: 0;
	right: 0;
	border-left: 2px solid #f7f7f7;
	display: block;
	float: right;
	height: 41px;
	position: relative;
	text-indent: 0;
	top: 0;
	width: 43px
}

.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon::before {
	color: #9b9b9b;
	content: "\f107";
	font-family: FontAwesome;
	font-size: 20px;
	overflow: visible;
	position: absolute;
	right: 14px;
	top: 6px
}

.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-selectmenu-text {
	display: block;
	line-height: 18px;
	overflow: hidden;
	padding: 12px 17px;
	text-align: left
}

.cart-bottom .calculate-shipping input[type=text] {
	border: 2px solid #f7f7f7;
	color: #666666;
	display: block;
	font-size: 14px;
	height: 45px;
	padding: 0 18px;
	width: 100%;
	margin-bottom: 30px;
	transition: .5s
}

.checkout-area .coupon:before,
.checkout-area .exisitng-customer:before {
	top: 0;
	width: 2px;
	height: 100%;
	content: "";
	left: 0
}

.cart-bottom .calculate-shipping button {
	color: #222;
	background: #f7f7f7;
	font-weight: 500;
	padding: 18px 30px;
	border-radius: 5px;
	cursor: pointer
}

.cart-bottom button.checkout-btn {
	margin-top: 30px;
	padding: 18px 30px;
	border-radius: 5px;
	cursor: pointer
}

.checkout-area {
	position: relative;
	display: block;
	padding-top: 100px
}

.checkout-area .exisitng-customer {
	position: relative;
	display: block;
	background: #f7f7f7;
	padding: 20px 28px 21px;
	margin-bottom: 20px;
	border-radius: 5px
}

.checkout-area .coupon:before,
.checkout-area .exisitng-customer:before {
	position: absolute;
	background: #28b3e8
}

.checkout-area .coupon h5,
.checkout-area .exisitng-customer h5 {
	color: #222;
	font-size: 16px;
	font-weight: 400
}

.checkout-area .coupon h5 a,
.checkout-area .exisitng-customer h5 a {
	color: #28b3e8;
	font-weight: 400;
	display: inline-block;
	padding-left: 15px
}

.checkout-area .coupon {
	position: relative;
	display: block;
	background: #f7f7f7;
	padding: 20px 28px 21px;
	margin-bottom: 58px;
	border-radius: 5px
}

.checkout-area .form form .field-label {
	color: #222;
	font-size: 15px;
	font-weight: 400;
	margin: 0 0 3px;
	text-transform: capitalize;
	font-family: Rubik, sans-serif
}

.checkout-area .form form .field-input input[type=text] {
	border: 1px solid #ececec;
	color: #666666;
	display: block;
	font-size: 16px;
	height: 48px;
	margin-bottom: 25px;
	padding: 0 15px;
	width: 100%;
	border-radius: 5px;
	transition: .5s
}

.checkout-area .form form .field-input input[type=text]:focus {
	border: 1px solid #c8c8c8
}

.checkout-area .create-acc .checkbox {
	margin: 7px 0 0
}

.checkout-area .create-acc .checkbox label {
	color: #28b3e8;
	font-weight: 400;
	font-size: 16px;
	cursor: pointer
}

.cart-total .payment-options .option-block .checkbox label input,
.checkout-area .create-acc .checkbox input,
.login-register-area .form .remember-text .checkbox input {
	position: relative;
	top: 1px
}

.checkout-area .shipping-info input[type=checkbox] {
	cursor: pointer;
	display: inline-block;
	margin: 0 0 0 20px;
	position: relative;
	top: 0;
	vertical-align: middle
}

.checkout-area .form form .field-input textarea {
	border: 1px solid #ececec;
	color: #666666;
	display: block;
	font-size: 16px;
	height: 124px;
	margin-bottom: 28px;
	padding: 10px 15px;
	width: 100%;
	transition: .5s
}

.checkout-area .table .cart-table .cart-header,
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title h3 {
	color: #222;
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize
}

.checkout-area .form form .field-input textarea:focus {
	border-color: #c8c8c8
}

.checkout-area .bottom {
	display: block;
	padding-top: 70px;
	padding-bottom: 100px;
	margin-top: 55px;
	border-top: 1px solid #f2f2f2
}

.checkout-area .table {
	overflow-x: auto;
	position: relative;
	width: 100%;
	margin-bottom: 0
}

.checkout-area .table .cart-table {
	min-width: auto;
	width: 100%
}

.checkout-area .table .cart-table .cart-header {
	position: relative;
	background: #f5f5f5;
	width: 100%;
	font-family: Rubik, sans-serif
}

.checkout-area .table .cart-table thead tr th {
	font-weight: 500;
	line-height: 24px;
	min-width: 110px;
	padding: 19px 30px 17px;
	border-top: 0;
	border-bottom: 0
}

.checkout-area .table .cart-table tbody tr {
	border-bottom: 1px solid #e9e9e9
}

.checkout-area .table .cart-table tbody tr td {
	vertical-align: middle;
	min-width: 110px;
	padding: 25px;
	border-top: 0
}

.checkout-area .table .cart-table tbody tr .product-column .column-box {
	min-height: 70px
}

.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb a {
	display: block;
	border: 1px solid #f2f2f2
}

.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb img {
	display: block;
	max-width: 100%
}

.checkout-area .table .cart-table tbody tr .qty {
	padding-right: 30px;
	width: 130px
}

.cart-total-table li span.col,
.cart-total-table li span.col.col-title {
	float: left;
	padding: 13px 18px;
	width: 50%;
	display: block;
	font-size: 14px;
	line-height: 18px;
	position: relative
}

.checkout-area .table .cart-table tbody tr td.price {
	color: #28b3e8;
	font-size: 16px;
	font-weight: 400
}

.cart-total-table {
	border: 1px solid #f1f1f1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px
}

.cart-total-table li {
	border-bottom: 1px solid #f1f1f1
}

.cart-total-table li span.col.col-title {
	border-right: 1px solid #f1f1f1;
	color: #777;
	font-weight: 600;
	font-family: Rubik, sans-serif
}

.cart-total-table li span.col {
	color: #666666;
	font-weight: 400;
	font-family: Roboto, sans-serif
}

.cart-total .payment-options {
	background: #fff;
	margin-top: 30px;
	overflow: hidden;
	border: 1px solid #f1f1f1;
	padding: 23px 20px 35px
}

.cart-total .payment-options .option-block {
	margin-bottom: 14px
}

.cart-total .payment-options .option-block .checkbox {
	margin: 0 0 5px
}

.cart-total .payment-options .option-block .checkbox label {
	display: block;
	font-weight: 500;
	min-height: 20px;
	padding-left: 0;
	margin: 0
}

.cart-total .payment-options .option-block .checkbox label span {
	color: #222;
	font-size: 16px;
	padding-left: 10px;
	font-weight: 500;
	font-family: Rubik, sans-serif
}

.cart-total .payment-options .option-block .checkbox label span b {
	color: #222;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	padding-left: 25px;
	text-decoration: underline
}

.menu-panel a,
.tablesaw-btn,
.tablesaw-btn:hover {
	text-decoration: none
}

.cart-total .payment-options .option-block .text {
	padding-left: 30px
}

.cart-total .payment-options .option-block .text p {
	margin: 0;
	line-height: 28px
}

.placeorder-button button {
	padding: 18px 35px;
	margin-top: 20px;
	border-radius: 5px;
	cursor: pointer
}

.login-register-area .form .input-field input[type=text] {
	border: 2px solid #f4f4f4;
	color: #666666;
	font-size: 16px;
	height: 50px;
	margin-bottom: 30px;
	padding-left: 15px;
	padding-right: 50px;
	width: 100%;
	transition: .7s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.login-register-area .form .input-field .icon-holder {
	position: absolute;
	right: 20px;
	top: 17px
}

.login-register-area .form .input-field .icon-holder i {
	color: #28b3e8;
	font-size: 14px;
	font-weight: 400
}

.login-register-area .form button {
	margin-top: 10px;
	padding: 10px 25px;
	cursor: pointer
}

.login-register-area .form .remember-text {
	margin-top: 19px;
	float: right
}

.login-register-area .form .remember-text .checkbox label {
	color: #666666;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	cursor: pointer
}

.login-register-area .form .remember-text .checkbox span {
	color: #303030;
	font-size: 14px;
	font-weight: 400;
	font-family: Rubik, sans-serif
}

.login-register-area .form .social-icon {
	float: right;
	margin-right: -8px;
	margin-top: 15px;
	position: relative
}

.login-register-area .form .social-icon .login-with {
	display: inline-block;
	left: -110px;
	position: absolute;
	top: 8px
}

.login-register-area .form .social-icon li {
	display: inline-block;
	margin: 0 8px
}

.login-register-area .form .social-icon li a i {
	background: #47588f;
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 100;
	height: 40px;
	line-height: 24px;
	padding: 8px 0;
	text-align: center;
	transition: .7s;
	width: 40px
}

.login-register-area .form .social-icon li a i.twitter {
	background: #33ccfe
}

.login-register-area .form .social-icon li a i.gplus {
	background: #dd4b39
}

.login-register-area .form a.forgot-password {
	color: #28b3e8;
	text-align: left;
	font-weight: 400;
	font-size: 14px;
	margin: 20px 0 0;
	float: left;
	font-family: Rubik, sans-serif
}

.login-register-area .form .right {
	display: block;
	overflow: hidden;
	margin-left: -20px
}

.login-register-area .form .right h6 {
	float: left;
	color: #666666;
	font-size: 14px;
	font-weight: 400;
	margin-top: 28px
}

.login-register-area .form .input-field input[type=text]:focus {
	border: 2px solid #ccc
}

.login-register-area .form .social-icon li a:hover i {
	background: #18387b
}

.login-register-area .form .social-icon li a:hover i.twitter {
	background: #12addf
}

.login-register-area .form .social-icon li a:hover i.gplus {
	background: #c62d1a
}

.contact-info-area {
	position: relative;
	padding: 100px 0 70px
}

.contact-form form input[type=email],
.contact-form form input[type=text],
.contact-form form textarea {
	background: 0;
	border: 1px solid #ddd;
	color: #666666;
	display: block;
	font-size: 16px;
	height: 60px;
	margin-bottom: 15px;
	padding: 0 30px;
	border-radius: 5px;
	width: 100%;
	transition: .5s
}

.contact-form form textarea {
	height: 72px;
	border-radius: 5px;
	padding: 10px 20px
}

.contact-form form input[type=email]:focus,
.contact-form form input[type=text]:focus,
.contact-form form textarea:focus {
	border-color: #ccc;
	color: #666666
}

.contact-form form button {
	margin-top: 15px;
	width: 100%;
	padding: 5px;
	cursor: pointer;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.quick-contact-box {
	position: relative;
	display: block;
	margin-top: -100px;
	margin-bottom: -96px;
	margin-left: 30px;
	padding: 100px 0 96px 70px;
	z-index: 3
}

.quick-contact-box:after,
.quick-contact-box:before {
	position: absolute;
	right: -375px;
	z-index: -1;
	content: "";
	top: 0;
	left: 0;
	bottom: 0
}

.quick-contact-box:before {
	background: url(../images/pattern/quick-contact-box-bg.html) left bottom/cover no-repeat
}

.quick-contact-box:after {
	background: rgba(254, 193, 71, .95)
}

.quick-contact-box h3 {
	color: #222;
	font-size: 24px;
	margin: -2px 0 33px
}

.quick-contact-box .top {
	position: relative;
	display: block;
	overflow: hidden;
	padding-bottom: 49px
}

.quick-contact-box .top li .title h3 {
	color: #222;
	font-size: 24px;
	font-weight: 400;
	margin: 0 0 10px
}

.quick-contact-box .top li .text {
	display: block;
	margin: 0 0 14px
}

.quick-contact-box .top li .text p {
	color: #222;
	font-size: 16px;
	line-height: 26px;
	margin: 0
}

.quick-contact-box .bottom li,
.single-blog-post .text-holder .meta-box {
	position: relative;
	display: block;
	margin-bottom: 15px
}

.quick-contact-box .bottom li .title h5 {
	color: #222;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0 0 6px
}

.positive-career-area {
	background-attachment: fixed;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative;
	z-index: 1
}

.positive-career-area:before {
	position: absolute;
	background: rgba(5, 7, 8, .02);
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1
}

.positive-career-content {
	position: relative;
	display: block;
	background: #28b3e8;
	max-width: 570px;
	width: 100%;
	float: right;
	border-radius: 6px;
	text-align: center;
	padding: 60px 40px 52px
}

.positive-career-content .icon span:before {
	color: #222;
	font-size: 80px;
	line-height: 80px
}

.positive-career-content h1 {
	display: block;
	margin: 22px 0 16px;
	color: #222;
	font-size: 36px;
	line-height: 42px
}

.positive-career-content p {
	color: #222;
	margin: 0 0 25px
}

.single-branches-box h3 {
	padding: 5px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	background: #28b3e8;
	font-size: 15px;
	display: block;
	margin: 0 0 25px
}

.single-branches-box ul {
	position: relative;
	display: block;
	border: 1px solid #f2f2f2;
	border-radius: 6px;
	padding: 20px
}

.single-branches-box ul li .title {
	display: block;
	margin-bottom: 8px
}

.single-branches-box ul li .title h5 {
	color: #222;
	font-size: 13px;
	text-transform: uppercase
}

.posters-container {
	padding: 0;
	max-width: 1050px;
	margin: 0 auto
}

.poster-main {
	position: relative;
	margin: 30px auto 0
}

.poster-main * {
	font-family: 'Work Sans', sans-serif
}

.poster-main .subtitle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto 20px
}

.poster-main .subtitle>span {
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 3px 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #28b3e8
}

.poster-main .poster-list {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

.poster-main .poster-list .poster-item {
	position: absolute;
	min-width: 400px;
	background: #fff;
	z-index: 0;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

.poster-main .poster-list .poster-item.current .drag-btn:after {
	content: '';
	width: 22px;
	height: 59px;
	position: absolute;
	top: 50%;
	right: -13px;
	margin-top: -30px;
	background: url(../images/btn_drag.png) 0 0/contain no-repeat;
	border-radius: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.poster-main .poster-list img {
	display: block;
	width: 100%;
	height: 324px
}

.poster-main .poster-list .image.right {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0
}

.poster-main .poster-list .image.left {
	position: relative;
	z-index: 2;
	overflow: hidden
}

.poster-main .poster-list .drag-btn {
	top: 0;
	left: 0;
	bottom: 0;
	position: absolute;
	border-right: 3px solid #28b3e8;
	z-index: 2;
	overflow: visible !important
}

.nav-tabs .nav-item,
.poster-main .poster-description {
	margin: 0 auto
}

.poster-main .poster-description .desc {
	width: 70%;
	font-size: 15px;
	line-height: 24px;
	color: #777;
	font-weight: 500;
	text-transform: capitalize
}

.poster-main .posters-arrows {
	position: relative;
	margin: 0 auto;
	z-index: 100
}

.poster-main .inner-wrap {
	position: absolute;
	right: 0;
	max-width: 108px;
	width: 100%
}

.poster-main .slide-count {
	display: none;
	position: absolute;
	bottom: 5px;
	top: auto;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

.poster-main .poster-btn {
	position: absolute;
	width: 20px;
	height: 20px;
	background-size: 100% !important;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.poster-main .poster-prev-btn {
	background: url(../images/left-arrow.svg) center center no-repeat
}

.poster-main .poster-next-btn {
	right: 0;
	background: url(../images/right-arrow.svg) center center no-repeat
}

@media(max-width:768px) {
	.poster-main {
		max-width: 100%;
		overflow-x: hidden
	}

	.poster-main .subtitle {
		width: 100% !important;
		margin-bottom: 10px
	}

	.poster-main .subtitle>span {
		font-size: 16px
	}

	.poster-main .poster-list {
		position: relative
	}

	.poster-main .poster-list .poster-item {
		min-width: 0 !important
	}

	.poster-main .poster-list .poster-item.current {
		width: 100% !important
	}

	.poster-main .poster-list .poster-item.current .drag-btn:after {
		width: 30px;
		height: 30px;
		background-position: center center;
		background-size: 60%;
		top: auto;
		bottom: -30px;
		right: -17px;
		border-radius: 50%
	}

	.poster-main .poster-list .poster-item .desc {
		width: 100%;
		margin-top: 90px
	}

	.poster-main .posters-arrows {
		width: 100%;
		right: auto
	}

	.poster-main .posters-arrows .inner-wrap {
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0)
	}

	.poster-main .poster-btn {
		width: 20px;
		height: 20px
	}

	.poster-main .poster-description {
		margin: 50px auto 0;
		width: 100% !important
	}

	.poster-main .poster-description .desc {
		width: 100%;
		text-align: center
	}
}

.admin-panel,
.menu-panel a {
	font-size: 13px;
	text-transform: capitalize
}

.admin-panel label {
	text-transform: none;
	margin-bottom: 0
}

.panel {
	float: right;
	max-width: 265px;
	background: #28b3e8;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

.admin-panel {
	color: #fff;
	line-height: 13px;
	font-weight: 500;
	display: inline-block;
	padding: 7px 0 0;
	font-family: Rubik, sans-serif;
	transition: .5s;
	border-radius: 3px;
	cursor: pointer
}

.admin-panel i {
	margin-top: 3px;
	line-height: 10px;
	width: 20px;
	height: 20px;
	background: #fff;
	color: #28b3e8;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	padding: 5px;
	float: left;
	margin-left: 5px
}

.admin-panel span {
	line-height: 27px;
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	width: 135px;
	float: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

input#toggle~.menu-panel {
	display: block;
	position: absolute;
	z-index: 1000;
	min-width: 205px
}

.menu-panel a {
	font-size: 14px !important;
	color: #28b3e8;
	padding: 0 !important;
	border: 0 !important
}

.menu-panel {
	margin-top: 14px;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	padding: 10px
}

.panel .arrow {
	position: absolute;
	top: -9px;
	margin-left: 15px;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 9px solid #fff
}

.menu-panel .row {
	display: flex;
	justify-content: center;
	align-items: center
}

.menu-panel .column-left {
	color: #222;
	font-weight: 400;
	float: left;
	width: 65%
}

.menu-panel .column-right {
	float: right;
	width: 15%;
	padding: 0;
	text-align: right
}

.menu-panel .row:after {
	content: '';
	display: table
}

.menu-panel i {
	font-size: 15px;
	width: 25px;
	text-align: center
}

.menu-panel:hover .row:hover {
	color: #28b3e8;
	border-radius: 3px
}

.menu-panel:hover a {
	color: #bebebe
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.tablesaw {
	width: 100%;
	max-width: 100%;
	empty-cells: show;
	border-collapse: collapse;
	border: 0;
	padding: 0
}

.tablesaw-btn {
	border: 1px solid #ccc;
	border-radius: 0 !important;
	background: 0;
	box-shadow: 0 1px 0 #fff;
	color: #4a4a4a;
	cursor: pointer;
	margin: 0;
	padding: .5em .85em .4em;
	text-align: center;
	text-transform: capitalize;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	width: auto;
	height: auto;
	position: relative;
	top: 0
}

a.tablesaw-btn {
	color: #1c95d4
}

.tablesaw-btn:active {
	background-color: #ddd
}

@supports(box-shadow:none) {
	.tablesaw-btn:focus {
		background-color: #fff;
		outline: 0;
		box-shadow: 0 0 .35em #4faeef !important
	}
}

.tablesaw-btn-select select {
	background: 0;
	border: 0;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	min-height: 1em;
	opacity: 0;
	color: transparent
}

.tablesaw-advance a.tablesaw-nav-btn.disabled,
.tablesaw-advance-dots-hide {
	opacity: .25;
	cursor: default;
	pointer-events: none
}

.tablesaw-btn select option {
	background: #fff;
	color: #000
}

.tablesaw-btn.btn-small {
	font-size: 1.0625em;
	line-height: 19px;
	padding: .3em 1em
}

.tablesaw-btn.btn-micro {
	font-size: .8125em;
	padding: .4em .7em .25em
}

.tablesaw-btn-select {
	text-align: left;
	display: inline-block;
	color: #4d4d4d;
	padding-right: 2.5em;
	min-width: 7.25em
}

.tablesaw-btn-select:after {
	position: absolute;
	background: .25em .45em no-repeat;
	content: "\25bc";
	font-size: .55em;
	padding-top: 1.2em;
	padding-left: 1em;
	left: auto;
	right: 0;
	margin: 0;
	top: 0;
	bottom: 0;
	width: 1.8em
}

.tablesaw-btn-select.btn-micro:after,
.tablesaw-btn-select.btn-small:after {
	width: 1.2em;
	font-size: .5em;
	padding-top: 1em;
	padding-right: .5em;
	line-height: 1.65;
	background: 0;
	box-shadow: none;
	border-left-width: 0
}

.tablesaw-advance .tablesaw-btn {
	-webkit-appearance: none;
	-moz-appearance: none;
	box-sizing: border-box;
	text-shadow: 0 1px 0 #fff;
	border-radius: .25em
}

.tablesaw-advance .tablesaw-btn.btn-micro {
	font-size: .8125em;
	padding: .3em .7em .25em
}

.tablesaw-advance a.tablesaw-nav-btn {
	display: inline-block;
	overflow: hidden;
	width: 1.8em;
	height: 1.8em;
	background-position: 50% 50%;
	margin-left: .25em;
	margin-right: .25em;
	position: relative;
	text-indent: -9999px
}

.tablesaw-advance a.tablesaw-nav-btn.down:before,
.tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-advance a.tablesaw-nav-btn.right:before,
.tablesaw-advance a.tablesaw-nav-btn.up:before {
	content: "\0020";
	overflow: hidden;
	width: 0;
	height: 0;
	position: absolute
}

.tablesaw-advance a.tablesaw-nav-btn.down:before {
	left: .5em;
	top: .65em;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid grey
}

.tablesaw-advance a.tablesaw-nav-btn.up:before {
	left: .5em;
	top: .65em;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid grey
}

.tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-advance a.tablesaw-nav-btn.right:before {
	top: .45em;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent
}

.tablesaw-advance a.tablesaw-nav-btn.left:before {
	left: .6em;
	border-right: 5px solid grey
}

.tablesaw-advance a.tablesaw-nav-btn.right:before {
	left: .7em;
	border-left: 5px solid grey
}

.tablesaw-bar-section label {
	font-size: .875em;
	padding: .5em 0;
	clear: both;
	display: block;
	color: #666666;
	margin-right: .5em;
	text-transform: uppercase
}

.tablesaw-btn,
.tablesaw-enhanced .tablesaw-btn {
	margin-top: .5em;
	margin-bottom: .5em
}

.tablesaw-bar .tablesaw-bar-section .tablesaw-btn {
	margin-left: .4em;
	margin-top: 0;
	text-transform: uppercase;
	border: 0;
	box-shadow: none;
	background: 0;
	font-size: 1em;
	padding-left: .3em
}

.tablesaw-bar .tablesaw-bar-section .btn-select {
	min-width: 0
}

.tablesaw-bar .tablesaw-bar-section .btn-select:after {
	padding-top: .9em
}

.tablesaw-bar .tablesaw-bar-section select {
	color: #666666;
	text-transform: none;
	background: 0
}

.fileupload-inline .fileupload-controls,
.tablesaw-bar-section .abbreviated {
	display: inline
}

@media(min-width:24em) {
	.tablesaw-bar-section .abbreviated {
		display: none
	}

	.tablesaw-bar-section .longform {
		display: inline
	}
}

.tablesaw td,
.tablesaw th {
	padding: .5em .7em;
	text-align: center;
	vertical-align: middle
}

.tablesaw thead th {
	background: #273c8e;
	color: #fff
}

.tablesaw-row-border tr {
	border-bottom: 1px solid #dfdfdf
}

.tablesaw-row-zebra tr:nth-child(2n) {
	background-color: #f8f8f8
}

.tablesaw caption {
	text-align: left;
	margin: .59375em 0
}

.tablesaw-swipe-shadow .tablesaw-swipe-cellpersist {
	border-right-width: 1px;
	box-shadow: 3px 0 4px -1px #e4e1de
}

@media only all {
	.tablesaw-stack {
		clear: both
	}

	.tablesaw-stack td,
	.tablesaw-stack th {
		text-align: left;
		display: block
	}

	.tablesaw-stack tr {
		clear: both;
		display: table-row
	}

	.tablesaw-stack td .tablesaw-cell-label,
	.tablesaw-stack th .tablesaw-cell-label {
		display: inline-block;
		padding: 0 .6em 0 0;
		width: 30%
	}

	.tablesaw-stack td .tablesaw-cell-label-top,
	.tablesaw-stack th .tablesaw-cell-label-top {
		display: block;
		padding: .4em 0;
		margin: .4em 0
	}

	.tablesaw-cell-label {
		display: block
	}

	.tablesaw-stack tbody th.group {
		margin-top: -1px
	}

	.tablesaw-stack th.group b.tablesaw-cell-label {
		display: none !important
	}

	.tablesaw-swipe td.tablesaw-swipe-cellhidden,
	.tablesaw-swipe th.tablesaw-swipe-cellhidden {
		display: none
	}
}

@media(max-width:39.9375em) {
	.tablesaw-stack tbody tr {
		display: block;
		width: 100%;
		border-bottom: 1px solid #dfdfdf
	}

	.tablesaw-stack td:empty,
	.tablesaw-stack th:empty,
	.tablesaw-stack thead td,
	.tablesaw-stack thead th {
		display: none
	}

	.tablesaw-stack tbody td,
	.tablesaw-stack tbody th {
		display: block;
		float: left;
		clear: left;
		width: 100%
	}

	.tablesaw-cell-label {
		vertical-align: top
	}

	.tablesaw-cell-content {
		display: inline-block;
		max-width: 67%
	}

	.tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content,
	.tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label {
		display: block;
		width: 100%;
		max-width: 100%;
		padding: 0
	}
}

.tablesaw-fix-persist {
	table-layout: fixed
}

.tablesaw-overflow {
	position: relative;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.tablesaw-overflow>.tablesaw {
	margin-top: 2px
}

.tablesaw-columntoggle-btn span {
	text-indent: -9999px;
	display: inline-block
}

.tablesaw-columntoggle tbody td {
	line-height: 1.5
}

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
	display: block;
	position: absolute;
	top: 2em;
	right: 0;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 1px 2px #ccc;
	border-radius: .2em;
	z-index: 1
}

@media only all {

	.tablesaw-columntoggle td.tablesaw-priority-0,
	.tablesaw-columntoggle td.tablesaw-priority-1,
	.tablesaw-columntoggle td.tablesaw-priority-2,
	.tablesaw-columntoggle td.tablesaw-priority-3,
	.tablesaw-columntoggle td.tablesaw-priority-4,
	.tablesaw-columntoggle td.tablesaw-priority-5,
	.tablesaw-columntoggle td.tablesaw-priority-6,
	.tablesaw-columntoggle td.tablesaw-toggle-cellhidden,
	.tablesaw-columntoggle th.tablesaw-priority-0,
	.tablesaw-columntoggle th.tablesaw-priority-1,
	.tablesaw-columntoggle th.tablesaw-priority-2,
	.tablesaw-columntoggle th.tablesaw-priority-3,
	.tablesaw-columntoggle th.tablesaw-priority-4,
	.tablesaw-columntoggle th.tablesaw-priority-5,
	.tablesaw-columntoggle th.tablesaw-priority-6,
	.tablesaw-columntoggle th.tablesaw-toggle-cellhidden {
		display: none
	}

	.tablesaw-columntoggle td.tablesaw-toggle-cellvisible,
	.tablesaw-columntoggle th.tablesaw-toggle-cellvisible {
		display: table-cell
	}
}

.tablesaw-columntoggle-btnwrap .dialog-content {
	padding: .5em;
	top: 0 !important;
	right: 1em;
	left: auto !important;
	width: 12em;
	max-width: 18em;
	margin: -.5em auto 0
}

.tablesaw-columntoggle-btnwrap .dialog-content:focus {
	outline-style: none
}

@media(min-width:20em) {

	.tablesaw-columntoggle td.tablesaw-priority-1,
	.tablesaw-columntoggle th.tablesaw-priority-1 {
		display: table-cell
	}
}

@media(min-width:30em) {

	.tablesaw-columntoggle td.tablesaw-priority-2,
	.tablesaw-columntoggle th.tablesaw-priority-2 {
		display: table-cell
	}
}

@media(min-width:40em) {
	.tablesaw-stack tr {
		display: table-row
	}

	.tablesaw-stack td,
	.tablesaw-stack th,
	.tablesaw-stack thead td,
	.tablesaw-stack thead th {
		display: table-cell;
		margin: 0
	}

	.tablesaw-stack td .tablesaw-cell-label,
	.tablesaw-stack th .tablesaw-cell-label {
		display: none !important
	}

	.tablesaw-columntoggle td.tablesaw-priority-3,
	.tablesaw-columntoggle th.tablesaw-priority-3 {
		display: table-cell
	}

	.tablesaw-columntoggle tbody td {
		line-height: 2
	}
}

@media(min-width:50em) {

	.tablesaw-columntoggle td.tablesaw-priority-4,
	.tablesaw-columntoggle th.tablesaw-priority-4 {
		display: table-cell
	}
}

@media(min-width:60em) {

	.tablesaw-columntoggle td.tablesaw-priority-5,
	.tablesaw-columntoggle th.tablesaw-priority-5 {
		display: table-cell
	}
}

@media(min-width:70em) {

	.tablesaw-columntoggle td.tablesaw-priority-6,
	.tablesaw-columntoggle th.tablesaw-priority-6 {
		display: table-cell
	}
}

.tablesaw-columntoggle-popup .btn-group>label {
	display: block;
	padding: .2em 0;
	white-space: nowrap;
	cursor: default
}

.tablesaw-columntoggle-popup .btn-group>label input {
	margin-right: .8em
}

.tablesaw-sortable-head {
	position: relative;
	vertical-align: top
}

.btn-file,
.fileupload .btn {
	vertical-align: middle
}

.tablesaw-sortable-btn {
	padding: .5em .7em;
	min-width: 100%;
	color: inherit;
	background: 0;
	border: 0;
	text-align: inherit;
	font: inherit;
	text-transform: inherit
}

.addcase,
.card .title h6 {
	text-transform: uppercase;
	text-transform: uppercase
}

.tablesaw-sortable-arrow:after {
	display: inline-block;
	width: 10px;
	height: 14px;
	content: " ";
	margin-left: .3125em
}

.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after {
	content: "\2191"
}

.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
	content: "\2193"
}

.tablesaw-advance {
	margin-top: -55px;
	float: right
}

.tablesaw-advance.minimap {
	margin-right: .4em
}

.tablesaw-advance-dots {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none
}

.tablesaw-advance-dots li {
	display: table-cell;
	margin: 0;
	padding: .4em .2em
}

.tablesaw-advance-dots li i {
	width: .25em;
	height: .25em;
	background: #555;
	border-radius: 100%;
	display: inline-block
}

.table {
	text-align: center
}

.table td,
.table th {
	font-size: 15px;
	padding: 15px 5px;
	vertical-align: top;
	border-top: 1px solid #dee2e6
}

.table td i {
	background: #28b3e8;
	color: #fff;
	padding: 5px;
	margin: 0 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.table thead th {
	background: #273c8e;
	color: #fff;
	font-size: 14px;
	font-weight: 400
}

.btn-danger {
	color: #fff;
	background-color: #273c8e;
	border-color: #273c8e
}

.addcase .icon-more,
.notification {
	background: #28b3e8;
	margin-right: 10px
}

.btn-danger:hover,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #28b3e8;
	border-color: #28b3e8
}

.btn-danger.focus,
.btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(171, 209, 74, .5)
}

.table-responsive {
	border: 1px solid #273c8e
}

.modal-footer {
	border-top: 0
}

.addcase {
	padding: 6px 10px 2px 0;
	float: right;
	font-size: 15px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	line-height: 25px
}

.addcase .icon-more {
	padding: 9px
}

.notification {
	line-height: 32px;
	cursor: pointer;
	float: right;
	display: inline-block;
	position: relative;
	padding: 5px 10px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	font-size: 22px
}

.form-control,
.form-control-uploadfile {
	font-size: 14px;
	width: 100%;
	display: block;
	transition: .5s
}

.notification::after,
.notification::before {
	color: #fff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.notification::before {
	color: #fff;
	display: block;
	content: "\f0f3";
	font-family: FontAwesome;
	transform-origin: top center
}

.notification::after {
	font-family: Arial;
	font-size: .7em;
	font-weight: 700;
	position: absolute;
	top: -6px;
	right: -15px;
	padding: 5px 8px;
	line-height: 100%;
	border: 2px solid #fff;
	border-radius: 60px;
	background: #a50623;
	content: attr(data-count);
	opacity: 0;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	transition: transform .3s ease-out, opacity .3s ease-out
}

.notification.notify::before {
	animation-name: ring;
	animation-duration: 5s;
	animation-iteration-count: infinite
}

.notification.show-count::after {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

@-webkit-keyframes ring {
	0 {
		-webkit-transform: rotate(35deg)
	}

	12.5% {
		-webkit-transform: rotate(-30deg)
	}

	25% {
		-webkit-transform: rotate(25deg)
	}

	37.5% {
		-webkit-transform: rotate(-20deg)
	}

	50% {
		-webkit-transform: rotate(15deg)
	}

	62.5% {
		-webkit-transform: rotate(-10deg)
	}

	75% {
		-webkit-transform: rotate(5deg)
	}

	100% {
		-webkit-transform: rotate(0)
	}
}

@keyframes ring {
	0 {
		-webkit-transform: rotate(35deg);
		transform: rotate(35deg)
	}

	12.5% {
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg)
	}

	25% {
		-webkit-transform: rotate(25deg);
		transform: rotate(25deg)
	}

	37.5% {
		-webkit-transform: rotate(-20deg);
		transform: rotate(-20deg)
	}

	50% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	62.5% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	75% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
}

.form-control {
	background: 0;
	border: 1px solid #ddd;
	color: #666666;
	margin-bottom: 30px;
	padding: 10px;
	border-radius: 5px
}

.tab-wizard input[type=email],
.tab-wizard input[type=text] {
	height: 50px
}

.form-control:focus {
	border-color: #ccc;
	color: #222;
	box-shadow: 0 0 0 0 rgba(0, 123, 255, .25)
}

.c_radio_check {
	margin-bottom: 12px
}

.c_radio_check span {
	font-size: 15px;
	color: #777;
	font-weight: 400 !important
}

.c_radio_check label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 28px;
	margin-right: 12px;
	font-size: 15px;
	line-height: 22px;
	font-weight: 400
}

.c_radio_check label:before {
	font-weight: 400;
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background: 0;
	border: 1px solid #ddd
}

.c_radio_check .radio label:before {
	border-radius: 10px
}

.c_radio_check .checkbox label:before {
	border-radius: 3px
}

.c_radio_check input[type=radio]:checked+label:before {
	content: '\2022';
	color: #28b3e8;
	font-size: 32px;
	text-align: center;
	line-height: 20px
}

.c_radio_check input[type=checkbox]:checked+label:before {
	content: '\2713';
	font-size: 18px;
	color: #28b3e8;
	text-align: center;
	line-height: 18px;
	font-weight: 700
}

.card .title {
	display: block;
	background: #f5f5f5;
	text-align: center;
	padding: 16px 0 15px;
	margin: 20px 0
}

.card .title h6 {
	color: #222;
	font-size: 18px;
	font-weight: 500
}

.shipping .input-box .ui-selectmenu-button,
a:not([href]):not([tabindex]),
dd,
dt,
label {
	text-transform: capitalize
}

.btn-outline-secondary:hover,
.btn-primary,
.btn-secondary:hover {
	color: #fff;
	background-color: #273c8e;
	border-color: #91acc0
}

.btn-primary:hover {
	color: #fff;
	background-color: #28b3e8;
	border-color: #28b3e8
}

.btn-secondary {
	color: #666666;
	background-color: #f2f2f2;
	border-color: #f2f2f2
}

.text-theme-colored,
.text-warning {
	color: #28b3e8 !important
}

.form-control-uploadfile {
	overflow: hidden;
	white-space: nowrap;
	background: 0;
	border: 1px solid #ddd;
	color: #666666;
	border-radius: 5px
}

.swal2-popup .swal2-header {
	font-size: 13px !important
}

.close {
	height: 25px;
	width: 25px;
	text-align: center;
	right: 15px;
	position: absolute;
	font-size: 18px;
	font-weight: 700;
	line-height: 14px;
	color: #fff;
	background: #28b3e8;
	padding: 5px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	margin-right: 5px;
	opacity: 1;
	margin-top: 9px
}

.hide-text {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}

.input-block-level {
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.fileupload .thumbnail,
.fileupload .thumbnail>img,
.fileupload .uneditable-input {
	display: inline-block;
	vertical-align: middle
}

.btn-file {
	overflow: hidden;
	position: relative
}

.btn-file>input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	transform: translate(-300px, 0) scale(4);
	font-size: 23px;
	direction: ltr;
	cursor: pointer
}

.fileupload .uneditable-input {
	margin-bottom: 0;
	cursor: text
}

.fileupload .thumbnail {
	overflow: hidden;
	margin-bottom: 5px;
	text-align: center
}

.fileupload .thumbnail>img {
	max-height: 100%
}

.fileupload-exists i,
.fileupload-new i {
	padding-right: 5px
}

.fileupload-new .input-append .btn-file {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0
}

.thumbnail-borderless .thumbnail {
	border: 0;
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.fileupload-new.thumbnail-borderless .thumbnail,
.scanimg img {
	border: 1px solid #ddd
}

.control-group.warning .fileupload .uneditable-input {
	color: #a47e3c;
	border-color: #a47e3c
}

.control-group.warning .fileupload .fileupload-preview {
	color: #a47e3c
}

.control-group.warning .fileupload .thumbnail {
	border-color: #a47e3c
}

.control-group.error .fileupload .uneditable-input {
	color: #b94a48;
	border-color: #b94a48
}

.control-group.error .fileupload .fileupload-preview {
	color: #b94a48
}

.control-group.error .fileupload .thumbnail {
	border-color: #b94a48
}

.control-group.success .fileupload .uneditable-input {
	color: #468847;
	border-color: #468847
}

.control-group.success .fileupload .fileupload-preview {
	color: #468847
}

.control-group.success .fileupload .thumbnail {
	border-color: #468847
}

.scanimg img {
	margin: 0 auto 20px;
	width: 100%;
	height: auto;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd
}

.shipping .input-box .ui-selectmenu-button {
	background: #fff;
	width: 100% !important;
	border-radius: 5px !important;
	border: 1px solid #ddd;
	color: #666666;
	margin-bottom: 20px;
	font-size: 15px;
	font-weight: 400;
	height: 44px !important;
	position: relative;
	font-family: Rubik, sans-serif;
	padding: 0 20px
}

.shipping .input-box .ui-selectmenu-button span.ui-selectmenu-text {
	display: block;
	line-height: 14px;
	overflow: hidden;
	text-align: left;
	padding: 16px 0 13px
}

.shipping .input-box .ui-selectmenu-button span.ui-icon {
	display: block;
	float: right;
	height: 45px;
	position: absolute;
	text-indent: 0;
	top: 7px;
	width: 45px;
	right: 20px;
	bottom: 0;
	background-image: none
}

.shipping .input-box .ui-selectmenu-button span.ui-icon::before {
	color: #ccc;
	content: "\f107";
	font-family: FontAwesome;
	font-size: 20px;
	overflow: visible;
	position: absolute;
	right: 0;
	top: 12px
}

.avatar-upload {
	position: relative;
	max-width: 205px;
	margin: 50px auto
}

.avatar-upload .avatar-edit {
	position: absolute;
	right: 12px;
	z-index: 1;
	top: 10px
}

.avatar-upload .avatar-edit input+label {
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-bottom: 0;
	border-radius: 100%;
	background: #fff;
	border: 1px solid transparent;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
	cursor: pointer;
	font-weight: 400;
	transition: .2s ease-in-out
}

.nav-link,
.nav-link:hover,
.sideeditpro small,
label {
	font-weight: 700
}

.sideeditpro .btn-one {
	float: right;
	color: #fff !important
}

.avatar-upload .avatar-edit input+label:hover {
	background: #f1f1f1;
	border-color: #d6d6d6
}

.avatar-upload .avatar-edit input+label:after {
	content: "\f030";
	font-family: FontAwesome;
	color: #28b3e8;
	position: absolute;
	top: 6px;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto
}

.avatar-upload .avatar-preview {
	width: 192px;
	height: 192px;
	position: relative;
	border-radius: 100%;
	border: 6px solid #f8f8f8;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.avatar-upload .avatar-preview>div {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.sideeditpro {
	background: #f2f2f2;
	color: #28b3e8;
	padding: 20px
}

.sideeditpro h3 {
	line-height: 40px
}

.block {
	display: block;
	margin: 0 auto 10px
}

.nav-tabs .nav-item img {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid #f5f5f5
}

.customtab li a.nav-link.active,
.profile-tab li a.nav-link.active {
	border-bottom: 3px solid #28b3e8;
	text-align: center;
	color: #28b3e8;
	width: auto
}

.nav-tabs {
	border-bottom: 1px solid #dee2e6;
	border-top: 0 solid #dee2e6;
	border-right: 0 solid #dee2e6;
	border-left: 0 solid #dee2e6
}

.nav-tabs .nav-link {
	border: 0;
	text-align: center
}

label {
	font-size: 15px
}

.sideeditpro h6 {
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px
}

.text-muted {
	color: #222 !important
}

.req {
	color: #c00 !important
}

a:not([href]):not([tabindex]) {
	cursor: pointer
}

.rwd-media {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%
}

.rwd-media iframe,
.rwd-media video {
	position: absolute;
	width: 100%;
	height: 100%
}

.mr-10 {
	margin-right: 10px
}

.mt9 {
	margin-top: 9px
}

.content,
.mt20 {
	margin-top: 20px
}

.content {
	padding: 2em;
	background: #f2f2f2;
	margin-bottom: 19px
}

#welcomeDiv {
	margin-top: 25px;
	font-size: 21px;
	text-align: center;
	animation: 2s fadein;
	-moz-animation: 2s fadein;
	-webkit-animation: 2s fadein;
	-o-animation: 2s fadein
}

@keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-moz-keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-o-keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

dl {
	font-size: 14px;
	display: flex;
	flex-flow: row wrap;
	border: 1px solid #f2f2f2;
	line-height: 39px
}

dt {
	flex-basis: 45%;
	padding: 2px 8px;
	text-align: right;
	color: #666666;
	font-size: 13px
}

dd {
	flex-basis: 50%;
	flex-grow: 1;
	margin: 0;
	padding: 2px 4px
}

.none-m-bg {
	background: 0 0 !important;
	margin: 0 !important
}

.blog-single-area .inner-comment-box .single-comment-box img {
	width: 80px;
	height: 80px
}

.blog-single-area .inner-comment-box {
	position: relative;
	display: block;
	overflow: hidden;
	padding-bottom: 93px
}

.blog-single-area .inner-comment-box .single-comment-box {
	position: relative;
	display: block;
	padding-left: 80px;
	margin-bottom: 40px
}

.blog-single-area .inner-comment-box .single-comment-box.mar-left {
	margin-left: 50px
}

.blog-single-area .inner-comment-box .single-comment-box .img-holder {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 80px
}

.blog-single-area .inner-comment-box .single-comment-box .text-holder {
	position: relative;
	display: block;
	margin-left: 30px;
	border: 1px solid #f2f2f2;
	padding: 36px 30px 31px
}

.blog-single-area .inner-comment-box .single-comment-box .text-holder .top {
	position: relative;
	display: block;
	overflow: hidden;
	padding-bottom: 20px
}

.blog-single-area .inner-comment-box .single-comment-box .text-holder .top .date h5 {
	color: #222;
	font-size: 18px;
	font-weight: 500
}

.blog-single-area .inner-comment-box .single-comment-box .text-holder .reply-button a {
	text-transform: uppercase;
	color: #abd14a;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	font-family: Rubik, sans-serif
}

.blog-single-area .inner-comment-box .single-comment-box .text-holder .reply-button a span:before {
	font-size: 15px;
	line-height: 15px;
	display: inline-block;
	padding-right: 9px
}

.add-comment-box {
	position: relative;
	display: block;
	overflow: hidden;
	margin-top: 10px
}

.add-comment-box #add-comment-form input[type=email],
.add-comment-box #add-comment-form input[type=text],
.add-comment-box #add-comment-form textarea {
	background: #fff;
	border: 1px solid #f2f2f2;
	display: block;
	color: #848484;
	font-size: 15px;
	font-weight: 400;
	height: 55px;
	padding: 0 30px;
	width: 100%;
	margin-bottom: 35px;
	transition: .5s
}

.add-comment-box #add-comment-form textarea {
	height: 150px;
	padding: 13px 30px;
	margin-bottom: 40px
}

.add-comment-box #add-comment-form input[type=email]:focus,
.add-comment-box #add-comment-form input[type=text]:focus,
.add-comment-box #add-comment-form textarea:focus {
	border-color: #abd14a
}

.add-comment-box #add-comment-form button {
	position: relative;
	display: block;
	width: 170px;
	height: 60px;
	line-height: 60px;
	border-radius: 5px;
	padding: 0
}

.bg-overlay:before {
	content: "";
	display: inline-block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

.border-10px {
	border: 10px solid #f1f1f1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.opening-hourse ul li {
	padding: 5px 0;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 0 !important
}

.box-outlined {
	outline: rgba(255, 255, 255, .5) solid 7px;
	outline-offset: 7px
}

.mt-30 {
	margin-top: 30px !important
}

.pb-10 {
	padding-bottom: 20px
}

.list-style-two li {
	position: relative;
	color: #777;
	font-size: 15px;
	font-weight: 400;
	padding-left: 70px;
	margin-bottom: 50px
}

.list-style-two li strong {
	font-weight: 500;
	color: #777;
	font-size: 15px;
	display: block
}

.list-style-two li .icon {
	color: #28b3e8;
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 48px;
	height: 48px;
	font-size: 22px;
	line-height: 48px;
	text-align: center;
	border: 1px dashed #28b3e8
}

.single-blog-post {
	position: relative;
	display: block;
	overflow: hidden;
	margin-bottom: 40px
}

.single-blog-post .img-holder {
	position: relative;
	display: block;
	overflow: hidden;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee
}

.single-blog-post .img-holder:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(40, 179, 232, .8);
	transform: scaleX(0);
	transition: .5s
}

.single-blog-post:hover .img-holder:after {
	transform: scaleY(1);
	transition: .5s
}

.single-blog-post .img-holder img {
	transition: .5s ease-in-out .6s;
	width: 100%;
	height: 250px
}

.single-blog-post .img-holder .categorie-button {
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 3
}

.single-blog-post .img-holder .categorie-button a {
	padding: 12px 20px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.single-blog-post .text-holder {
	position: relative;
	display: block;
	border: 1px solid #eee;
	padding: 28px 30px 22px
}

.single-blog-post .text-holder .meta-box .author-thumb {
	width: 25px
}

.single-blog-post .text-holder .meta-box .author-thumb img {
	border-radius: 50%;
	transform: none
}

.single-blog-post .text-holder .meta-box .meta-info {
	position: relative;
	padding-left: 10px
}

.single-blog-post .text-holder .meta-box .meta-info li {
	display: inline-block;
	float: left;
	line-height: 20px;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #eee
}

.single-blog-post .text-holder .meta-box .meta-info li a {
	color: #848484;
	font-size: 15px;
	font-weight: 400;
	text-transform: capitalize;
	font-family: Rubik, sans-serif;
	transition: .5s
}

.single-blog-post .text-holder .blog-title {
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 26px;
	font-weight: 500
}

.single-blog-post .text-holder .blog-title a {
	color: #303030;
	transition: .5s
}

.single-blog-post .text-holder .blog-title a:hover {
	color: #8bc43f
}

.single-blog-post .text-holder .readmore-button {
	position: relative;
	display: block;
	margin-top: 20px
}

.contact-img-container {
	display: block;
	border: 1px dashed #ccc;
	background: #f2f2f2;
	margin-bottom: 20px
}

.contact-img-container img {
	padding: 5px;
	width: 100%;
	height: 240px
}

.ptb-30 {
	padding: 30px 0
}

.container-paypal {
	color: #fff;
	font-size: 16px;
	padding: 12px;
	background: #28b3e8;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px
}

.m0 {
	margin: 0 !important
}

.line-height24 {
	line-height: 24px
}