@charset "UTF-8";
/*
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
*/
body, p {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6em;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Lato", sans-serif;
	/*text-transform: uppercase;*/
	letter-spacing: 0.5px;
}
h1, .h1 {
	font-size: 36px;
	line-height: 48px;
}
h2, .h2 {
	font-size: 28px;
	line-height: 40px;
	font-weight: 400;
}
h3, .h3 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 400;
}
h4, .h4 {
	font-size: 18px;
	line-height: 28px;
}
h5, .h5 {
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
}
.icon-xl {
	font-size: 200px;
}
@media (max-width: 991px) {
 .icon-xl {
 font-size: 100px;
}
}
@media (max-width: 767px) {
 .icon-xl {
 font-size: 60px;
}
}
.btn {
	color: #323232;
	border-radius: 25px;
	padding: 8px 25px;
	background: none;
	font-size: 14px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	border-width: 2px;
	margin-top: 5px;
}
.btn:focus {
	box-shadow: none;
}
 .btn-outline-primary:not(:disabled):not(.disabled):active:focus {
 box-shadow: none;
}
.btn-outline-white {
	border: 2px solid #fff;
	color: #fff;
}
.btn-outline-white:hover {
	color: #000;
	background-color: #fff;
}
.btn-outline-primary {
	border: 2px solid #007bff;
}
.btn-outline-primary:hover {
	color: #fff;
	background-color: #007bff;
}
html {
	overflow-x: hidden !important;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
body {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #6A6A6A;
	background: #fff;
}
h1, h2, h3 {
	color: #323232;
}
ul {
	padding: 0;
}
.body-inner {
	overflow: hidden;
	margin-top: 76px;
}
a:link, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: inherit;
}
section {
	padding: 50px 0;
	overflow: hidden;
}
a.read-more {
	color: #323232;
}
.ts-padding {
	padding: 15px 30px;
}
.p-0 {
	padding: 0;
}
.media > .float-left {
	margin-right: 20px;
}
.heading {
	padding-bottom: 15px;
	margin: 10px 0px 0;
	transition: all 0.3s ease 0s;
	text-align: left;
}

section.products .left{ width: 22%; float: left;}
section.products .right{ margin-left: 2%;width: 76%; float: left;}
section.products .right .filetitle{ padding: 10px 0px; border-bottom: 1px solid #d5d5d5; width: 100%; margin: 10px 15px; font-size: 20px; font-weight: bold;}
.panel-body{ text-align: center; padding: 15px 20px; width: 100%;}


.clients .heading {
	padding-bottom: 25px;
}
.gap-60 {
	clear: both;
	height: 60px;
}
.gap-40 {
	clear: both;
	height: 40px;
}
.gap-30 {
	clear: both;
	height: 30px;
}
.gap-20 {
	clear: both;
	height: 20px;
}
a:focus {
	outline: 0;
}
ul.circle, ul.check-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.circle li {
	position: relative;
	margin-left: 30px;
	padding-bottom: 20px;
}
ul.circle li:before {
	content: "";
	font-family: FontAwesome;
	font-size: 8px;
	line-height: 8px;
	border: 2px solid rgba(0, 0, 0, 0.1);
	border-radius: 100%;
	position: absolute;
	left: -33px;
	top: 5px;
}
ul.unstyled {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.check-list li {
	margin-bottom: 5px;
}
ul.check-list li i {
	margin-right: 10px;
	font-size: 14px !important;
}
ul.arrow li:before {
	content: "";
	font-family: FontAwesome;
	margin-right: 10px;
}
blockquote p {
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	font-style: italic;
	color: #959595;
}
blockquote {
	margin: 20px 0;
	padding: 10px 20px;
}
/* Common styles
================================================== */
.text--primary {
	color: #007bff;
}
 @media (min-width: 768px) {
 .border-md-right {
 border-right: 1px solid #dee2e6;
}
}
/* Button */
.button-group .btn {
	margin-bottom: 5px;
	margin-right: 10px;
}
/* Angle */
.angle:before {
	background: #fff;
	content: "";
	height: 75px;
	top: -37px;
	position: absolute;
	width: 100%;
	z-index: 2;
	transform: skew(0deg, 2deg);
}
.portfolio.angle:before {
	background: #f5f5f5;
}
.portfolio.angle {
	padding-bottom: 120px;
}
.clients.angle {
	padding: 120px 0;
}
/* Parallax */
.parallax {
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: 50% 0;
	/*! background-attachment: fixed !important; */
  padding: 110px 0;
	color: #fff;
	position: relative;
}
.parallax h2, .parallax h3 {
	color: #fff;
	margin-top: 0;
}
.parallax-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*background: url(../images/overaly.png);*/
}
.parallax h3 {
	margin-bottom: 30px;
}
.parallax1 {
	background: url(../images/parallax1.jpg) no-repeat;
}
.parallax2 {
	background: url(../images/parallax2.jpg) no-repeat;
}
.parallax3 {
	background: url(../images/parallax3.jpg) no-repeat;
}
.parallax4 {
	background: url(../images/parallax4.jpg) no-repeat;
}
.parallax .btn.solid {
	margin-left: 10px;
}
/* Deafult title */
.title-icon {
	font-size: 32px;
	margin-right: 15px;
	margin-top: 9px;
	color: #959595;
}
.title-icon.classic {
	margin-top: 0;
}
.title {
	position: relative;
	margin: 0;
	line-height: 32px;
	border-left: 2px solid #e7e7e7;
	display: inline-block;
	padding-left: 15px;
	transition: all 0.3s ease 0s;
}
.title.classic {
	line-height: 40px;
	height: 34px;
}
.title-desc {
	font-family: "Lato", serif;
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
	display: block;
	color: #6A6A6A;
}
/* Title style 2 */
.title2 {
	position: relative;
	margin-top: 30px;
}
.about h2{ color: #FFF;}
.about .title-desc{ color: #fff;}
.about .tab-content{ color: #fff;}

.title2:after {
	content: "";
	width: 150px;
	left: 50%;
	margin-left: -75px;
	top: 100%;
	height: 3px;
	background: #dedede;
	position: absolute;
}
.title2 .title-desc {
	padding-top: 30px;
}
/* Title border */
.title-border {
	line-height: normal;
	margin-top: 0;
}
.widget-title {
	margin-bottom: 25px;
	font-size: 20px;
}
.post-title {
	font-size: 24px;
	line-height: normal;
}
.post-title a {
	color: #323232;
}
.long-desc {
	font-size: 16px;
}
/* Icon pentagon */
.icon-pentagon {
	display: inline-block;
	height: 24px;
	width: 40px;
	position: relative;
	color: #fff;
	transition: all 0.3s ease 0s;
}
.icon-pentagon:hover {
	color: rgba(0, 0, 0, 0.5);
}
.icon-pentagon:before {
	border-left: 20px solid rgba(0, 0, 0, 0);
	border-right: 20px solid rgba(0, 0, 0, 0);
	top: -10px;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	width: 0;
}
.icon-pentagon:after {
	border-left: 20px solid rgba(0, 0, 0, 0);
	border-right: 20px solid rgba(0, 0, 0, 0);
	bottom: -10px;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	width: 0;
}
.icon-pentagon i {
	font-size: 20px;
	line-height: 24px;
}
.service-icon {
	height: auto;
	width: auto;
	margin-bottom: 20px;
}
.service-icon:before {
	border-left: 45px solid rgba(0, 0, 0, 0);
	border-right: 45px solid rgba(0, 0, 0, 0);
	top: -30px;
}
.service-icon:after {
	border-left: 45px solid rgba(0, 0, 0, 0);
	border-right: 45px solid rgba(0, 0, 0, 0);
	bottom: -30px;
}
.service-icon i {
	font-size: 36px;
	line-height: 46px;
	color: #6A6A6A;
}
/* Carousel controller */
.carousel-control {
	width: auto;
}
.ts-carousel-controller {
	text-align: center;
	padding-top: 50px;
	z-index: 1;
	position: relative;
}
.ts-carousel-controller .left, .ts-carousel-controller .right, .owl-controls .owl-prev, .owl-controls .owl-next {
	cursor: pointer;
	background: #f6f6f6;
	width: 38px;
	height: 38px;
	line-height: 38px;
	color: #989898;
	opacity: 1;
	top: auto;
	text-shadow: none;
	display: inline-block;
	text-align: center;
	border-radius: 100%;
}
.owl-controls .owl-next {
	margin-left: 6px;
}
.ts-carousel-controller .left:hover, .ts-carousel-controller .right:hover, .owl-controls .owl-prev:hover, .owl-controls .owl-next:hover {
	color: #fff;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	display: inline-block;
}
/* Input form */
.form-control {
	box-shadow: none;
	border: 1px solid #dedede;
	padding: 6px 20px;
	height: 50px;
	background: none;
	color: #959595;
	font-size: 14px;
	border-radius: 0;
}
.form-control:focus {
	box-shadow: none;
}
/*-- Flex slider --*/
.portfolio-slider .flexslider, .ts-flex-slider .flexslider {
	border: 0;
	box-shadow: none;
}
.portfolio-slider .flex-direction-nav a, .ts-flex-slider .flex-direction-nav a {
	opacity: 0;
	background: #000;
	color: #fff !important;
	text-align: center;
	text-shadow: none;
	line-height: 40px;
}
.portfolio-slider .flex-direction-nav a:before {
	font-size: 32px;
}
.portfolio-slider .flex-direction-nav a:hover, .ts-flex-slider .flex-direction-nav a:hover {
	color: #fff;
	opacity: 1;
}
.flexportfolio.flexslider .slides img {
	height: auto;
}
/*-- Pagination --*/
.pagination li a {
	border-radius: 0 !important;
	margin-right: 8px;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > li > a:hover {
	color: #fff;
	border: 1px solid transparent;
}
.page-link:hover {
	background-color: #007bff;
}
/* Main navigation */
.navbar {
	padding: 6px 0 0;
}
.navbar-toggler:focus {
	outline: 0;
}
@media (max-width: 991px) {
 .navbar-collapse {
  background-color: #FFF;
  }
	.navbar-dark .navbar-nav .nav-link {
	 color: #f5f5f5;
  }
}
.navbar-dark .navbar-nav .nav-link {
	color: #323232;
}
.navbar-light .navbar-nav .nav-link {
	color: #333;
}
.navbar-nav .nav-link {
	text-transform: uppercase;
	font-weight: bold;
	padding: 14px 25px 18px !important;
	transition: 0.2s ease;
	font-size: 16px;
}
@media (max-width: 991px) {
 .navbar-nav .nav-link {
 padding: 10px !important;
}
}
/* Dropdown */
.dropdown:hover .dropdown-menu {
	visibility: visible;
	opacity: 1;
	transform: scaleX(1);
}
.dropdown-item {
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	padding: 12px 15px;
	color: #333;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	transition: 0.2s ease;
}
.dropdown-item:hover {
	background: #fff;
}
.dropdown-menu {
	padding: 0 10px;
	border: 0;
	border-radius: 0px;
	width: 100%;
	box-shadow: none;
	background: none;
	min-width: 200px;
	top: 100%;
	left: -10px;
	border-radius: 0;
	display: block;
	visibility: hidden;
	transition: 0.3s ease;
	opacity: 0;
	transform: scale(0.8);
	background: #fff;
	margin-top: 0px;
}
@media (max-width: 991px) {
 .dropdown-menu {
 display: none;
 opacity: 1;
 visibility: visible;
 transform: scale(1);
 transform-origin: unset;
 text-align: center;
}
}
.dropdown-menu.show {
	visibility: hidden;
}
@media (max-width: 991px) {
 .dropdown-menu.show {
 visibility: visible;
 display: block;
}
}

/*-- Header style 1 --*/
@media (max-width: 991px) {
 .header .navbar {
 padding: 0px 10px;
 position: fixed;
 background: #fff;
 left: 0;
 right: 0;
 border-bottom: 1px solid #f1f1f1;
 height: 50px;
}
 .nav-item.search {
 display: none;
}
 .carousel {
 margin-top: -40px;
}
.img-fluid{/* width: 100%; */}
.navbar-brand {
 padding-top:0rem;
 padding-bottom:.0rem;
}
.navbar-brand img {
height: 45px !important;
}
#main-slide .slider-content {
 top: 15% !important;
}
#main-slide .slider-content h3 {
 font-size: 14px !important;
}
}
.header-solid {
	background: #fff;
	box-shadow: 0px 0px 1px 0 rgba(0, 0, 0, 0.2);
}
/*-- Logo --*/
/* Header Style - 2
================================================== */
.header2 {
	padding: 8px 0;
}
.header img{ height: 60px;}


@media (max-width: 991px) {
 .header2 {
 background: #191919;
 box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.2);
}
}
.header2 .navbar {
	padding: 0;
}
.header2 .navbar-brand {
	background: none;
	padding-top: 3px;
}
/* Header Style - 3
================================================== */
.header3 .navbar {
	background: #fff;
	border-radius: 0 0 5px 5px;
	box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.2);
}
.header3 .navbar-brand {
	background: transparent;
}
.header3 .navbar-toggler {
	background: transparent;
}
/* Header Style - 4
================================================== */
.header4 {
	background: #fff;
	box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.2);
}
.header4 .navbar-brand {
	background: transparent;
}
.header4 .navbar-toggler {
	background: transparent;
}
/* Slideshow
================================================== */
/*-- Main slide --*/
.overlay {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(../images/overaly.png);
}
#main-slide .carousel-item img {
	width: 100%;
	margin-left:0%;
	-webkit-backface-visibility: hidden;
}
#main-slide .carousel-item {
	-webkit-backface-visibility: hidden;
}
#main-slide .carousel-item .slider-content {
	z-index: 1;
	opacity: 0;
	transition: opacity 500ms;
}
#main-slide .carousel-item.active .slider-content {
	opacity: 1;
	transition: opacity 100ms;
}
#main-slide .slider-content {
	top: 50%;
	margin-top: -120px;
	left: 0;
	padding: 0;
	text-align: center;
	position: absolute;
	width: 100%;
	color: #fff;
}
@media (max-width: 767px) {
	#main-slide .slider-content {
	margin-top: 0;
	}
	.carousel {
	margin-top: 0px;
	}
	#main-slide .carousel-item img {
	width: 200% !important;
	max-width: 200%;
	margin-left: -50%;
}
	
}
#main-slide .carousel-indicators {
	bottom: 70px;
}
.carousel-indicators li {
	width: 40px !important;
	height: 4px !important;
	margin: 3px !important;
	border-radius: 0 !important;
	background-color:rgba(255, 255, 255, .5);
	border: 1px solid #fff;
}
#main-slide .carousel-indicators li.active, #main-slide .carousel-indicators li:hover {
	transition: all 300ms ease;
}
#main-slide .carousel-control.left, #main-slide .carousel-control.right {
	opacity: 0;
	filter: alpha(opacity=0);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
	transition: all 0.25s ease;
}
#main-slide:hover .carousel-control.left, #main-slide:hover .carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
}
#main-slide:hover .carousel-control.left {
	left: 20px;
}
#main-slide:hover .carousel-control.right {
	right: 20px;
}
#main-slide .carousel-control.left span {
	padding: 15px;
}
#main-slide .carousel-control.right span {
	padding: 15px;
}
#main-slide .carousel-control .fa-angle-left, #main-slide .carousel-control .fa-angle-right {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
}
#main-slide .carousel-control .fa-angle-left {
	left: 0;
}
#main-slide .carousel-control .fa-angle-right {
	right: 0;
}
#main-slide .carousel-control i {
	background: none;
	color: #fff;
	line-height: 56px;
	width: 56px;
	height: 56px;
	border: 1px solid #d1d1d1;
	border-radius: 100%;
	font-size: 36px;
	transition: all 500ms ease;
}
#main-slide .carousel-control i:hover {
	border: 1px solid rgba(0, 0, 0, 0.3);
	background: none;
}
#main-slide .slider-content h2 {
	font-size: 52px;
	text-transform: uppercase;
	color: #fff;
}
#main-slide .slider-content h3 {
	font-size: 28px;
	margin: 20px 0;
	color: #fff;
}
.slider.btn {
	padding: 10px 35px;
	margin-top: 40px;
	font-size: 16px;
	text-transform: uppercase;
}
.slider.btn.solid {
	margin-left: 15px;
}
.slider-content-left {
	position: relative;
	margin: 0 0 0 40px;
}
.slider-content-right {
	position: relative;
}
/*-- Animation */
.carousel .carousel-item.active .animated2, .flex-active-slide .animated2 {
	-webkit-animation: lightSpeedIn 1s ease-in 200ms both;
	animation: lightSpeedIn 1s ease-in 200ms both;
}
.carousel .carousel-item.active .animated3, .flex-active-slide .animated3 {
	-webkit-animation: bounceInLeft 2s ease-in-out 800ms both;
	animation: bounceInLeft 1.5s ease-in-out 800ms both;
}
.carousel .carousel-item.active .animated4, .flex-active-slide .animated4 {
	-webkit-animation: flipInX 2s ease-in 800ms both;
	animation: flipInX 2s ease-in 800ms both;
}
.carousel .carousel-item.active .animated5, .flex-active-slide .animated5 {
	-webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
	animation: bounceInLeft 1s ease-in-out 100ms both;
}
.carousel .carousel-item.active .animated6, .flex-active-slide .animated6 {
	-webkit-animation: bounceIn 1s ease-in 500ms both;
	animation: bounceIn 1s ease-in 500ms both;
}
.carousel .carousel-item.active .animated7, .flex-active-slide .animated7 {
	-webkit-animation: bounceIn 1s ease-in 500ms both;
	animation: bounceIn 1s ease-in 500ms both;
}
.carousel .carousel-item.active .animated8, .flex-active-slide .animated8 {
	-webkit-animation: bounceInDown 1s ease-in 800ms both;
	animation: bounceInDown 1s ease-in 800ms both;
}
/* Flex slider */
.ts-flex-slider {
	position: relative;
}
.ts-flex-slider .flexSlideshow {
	width: 100%;
	overflow: hidden;
}
.overlay2 {
	position: relative;
}
.overlay2 img {
	width: 100%;
}
 .overlay2::before {
 position: absolute;
 content: "";
 z-index: 3;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 background-image: url(../images/overaly.png);
}
.ts-flex-slider .flexslider .slides {
	z-index: 0;
}
.ts-flex-slider .slider-content {
	z-index: 3;
}
.ts-flex-slider .flex-direction-nav a {
	width: 55px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 32px;
}
.ts-flex-slider .flex-direction-nav a.flex-next {
	border-radius: 3px;
}
.ts-flex-slider .flex-direction-nav a.flex-prev {
	border-radius: 3px;
}
/* Services
================================================== */
.service {
	padding-top: 40px;
}
.service-heading {
	padding-bottom: 30px;
	text-align: center;
}
.service-content {
	margin-top: 30px;
}
.service-content h3 {
	font-size: 16px;	
}
.service-content a h3,.service-content h3 a{ padding: 2px 1px;display:block; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.process .service-content h3{ text-align: center !important; font-size: 20px; }

/* Feature box
================================================== */
.feature-box {
	margin-bottom: 40px;
}
@media (min-width: 992px) {
 .feature-box:nth-last-child(-n+3) {
 margin-bottom: 0;
}
}
@media (max-width: 991px) {
 .feature-box:nth-last-child(-n+2) {
 margin-bottom: 0;
}
}
@media (max-width: 767px) {
 .feature-box:last-child {
 margin-bottom: 0;
}
}
.feature-icon {
	font-size: 28px;
	margin-top: 5px;
}
.feature-content {
	padding-right: 20px;
	padding-left: 55px;
}
.feature-content h3 {
	margin-top: 0;
	font-size: 18px;
}
/* Feature center */
.feature-center-content .feature-center-icon {
	font-size: 72px;
	margin-bottom: 5px;
	display: inline-block;
}
.feature-center-content h3 {
	font-size: 18px;
}

/* Image Block
================================================== */
.image-block {
	background: #f4f4f4;
}
.img-block-right {
	padding: 50px 70px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
@media (max-width: 1200px) {
 .img-block-right {
 padding: 40px;
}
}
.img-block-right .img-block-head {
	padding: 0 120px;
}
@media (max-width: 1500px) {
 .img-block-right .img-block-head {
 padding: 0;
}
}
.img-block-right .image-block-content {
	margin-bottom: 30px;
}
.img-block-right .image-block-content:last-child {
	margin-bottom: 0;
}
.img-block-right .image-block-content:last-child p {
	margin-bottom: 0;
}
.img-block-head h2 {
	font-size: 18px;
	line-height: normal;
	margin: 5px 0 0 0;
}
.img-block-head h3 {
	font-size: 40px;
	line-height: 100%;
}
.image-block-content .feature-icon {
	width: 60px;
	height: 60px;
	line-height: 60px;
	color: #6A6A6A;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
}
.image-block-content .feature-content {
	padding-left: 85px;
}
.image-block-content .feature-content h3 {
	margin-bottom: 0;
}
/* About us
================================================== */
/* Landing Tab */
.landing-tab .nav-pills .nav-link {
	position: relative;
	color: #6A6A6A;
	transition: 0.2s ease;
	font-weight: bold;
}
@media (max-width: 991px) {
 .landing-tab .nav-pills .nav-link .h4 {
 font-size: 16px;
}
}
.landing-tab .nav-pills .nav-link i {
	font-size: 30px;
}
.landing-tab .nav-pills .nav-link::before {
 position: absolute;
 content: "";
 height: 100%;
 width: 5px;
 right: -3px;
 top: 0;
 opacity: 0;
}
.landing-tab .nav-pills .nav-link.active, .landing-tab .nav-pills .nav-link:hover {
	background: transparent;
	color: #007bff;
}
.landing-tab .nav-pills .nav-link.active::before, .landing-tab .nav-pills .nav-link:hover::before {
 opacity: 1;
}
/* Featured Tab */
.featured-tab .nav-link {
	position: relative;
	background: #f2f2f2;
	border-radius: 0;
	padding: 10px;
	transition: all 300ms ease;
}
.featured-tab .nav-link.active:hover {
	color: #fff !important;
}
.featured-tab .nav-link::before {
 left: 100%;
 border: transparent solid;
 content: "";
 position: absolute;
 border-width: 25px;
 top: 50%;
 transform: translateY(-50%);
 border-left-color: #f2f2f2;
 transition: inherit;
}
@media (max-width: 991px) {
 .featured-tab .tab-pane h3 {
 font-size: 20px;
}
}
.featured-tab .tab-content > .active {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.featured-tab .nav.nav-pills {
	height: 100%;
	display: flex;
	justify-content: center;
}
/* Portfolio
================================================== */
.portfolio {
	background: #f5f5f5;
	padding-bottom: 0;
}
#main-container.portfolio {
	background: none;
}
/*-- Isotope Portfolio start --*/
#isotope .isotope-item {
	padding: 0;
}
@media (max-width: 767px) {
 #isotope .isotope-item {
 padding: 10px;
}
}
.isotope-nav {
	position: relative;
	z-index: 100;
	display: flex;
	justify-content: flex-end;
}
@media (max-width: 991px) {
 .isotope-nav {
 justify-content: center;
}
}
.isotope-nav ul {
	list-style: none;
	margin: 0;
}
.isotope-nav ul li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 20px;
}
.isotope-nav ul li a {
	color: #323232;
	padding: 5px 15px 8px;
	border: 1px solid #ddd;
	transition: all 0.3s;
}
.isotope-nav ul a.active, .isotope-nav ul a:hover {
	background-color: #323232;
	color: #fff;
}
#isotope .isotope-item .grid {
	position: relative;
	margin-bottom: -8px;
}
.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	background: #3085a3;
	text-align: center;
	width: 100%;
	height: 100%;
}
.grid figure figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid figure figcaption {
	padding: 2em;
	color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-oscar {
	background: #000;
	background: rgba(0, 0, 0, 0.8);
}
figure.effect-oscar img {
	display: block;
	width: 100%;
	opacity: 1;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-oscar figcaption {
	padding: 2.5em;
	background-color: rgba(0, 0, 0, 0.1);
	transition: background-color 0.35s;
}
 figure.effect-oscar figcaption::before {
 position: absolute;
 top: 30px;
 right: 30px;
 bottom: 30px;
 left: 30px;
 border: 1px solid rgba(255, 255, 255, 0.3);
 content: "";
}
figure.effect-oscar h3 {
	font-size: 18px;
	color: #fff;
	opacity: 0;
	margin: 5% 0 20px 0;
	transition: transform 0.35s;
	transform: translate3d(0, 100%, 0);
}
figure.effect-oscar a {
	color: #fff;
	font-size: 18px;
	margin: 20px 5px 0;
	display: inline-block;
	z-index: 1;
	position: relative;
	transition: all 0.35s;
}
figure.effect-oscar a.link i {
	transform: rotate(90deg);
}
 figure.effect-oscar figcaption::before, figure.effect-oscar a {
 opacity: 0;
 transition: all 0.35s, transform 0.35s;
 transform: scale(0);
}
figure.effect-oscar:hover h3 {
	transform: translate3d(0, 0, 0);
}
 figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover h3, figure.effect-oscar:hover a {
 opacity: 1;
 transform: scale(1);
}
figure.effect-oscar:hover figcaption {
	background-color: rgba(0, 0, 0, 0.5);
}
figure.effect-oscar:hover img {
	opacity: 0.4;
}
/* Portfolio box */
.portfolio-box {
	padding-bottom: 50px;
}
.portfolio-box .icon-pentagon {
	color: #959595;
}
.portfolio-box .isotope-nav {
	margin: 0 auto 60px;
	float: none;
}
@media (max-width: 575px) {
 .portfolio-box .isotope-nav {
 margin-bottom: 40px;
}
}
/* Portfolio details */
.portfolio-static-item {
	padding-bottom: 20px;
}
.portfolio-static-item figure.effect-oscar a {
	margin-top: 70px;
}
.portfolio-static-desc h3 {
	font-size: 16px;
	margin: 5px 0 -5px 0;
	line-height: normal;
}
.portfolio-static-desc a {
	color: #6A6A6A;
}
/* Portfolio details */
.portfolio-desc h3 {
	margin-top: 0;
}
.portfolio-desc .project-btn {
	margin-top: 20px;
	padding: 8px 25px;
}
/* Counter
================================================== */
.facts-wrapper {
	color: #fff;
}
.facts {
	position: relative;
	padding: 56px 30px 20px;
	transition: all 300ms ease;
	background: rgba(0, 0, 0, 0.09);
}
.facts:hover {
	background: #000 !important;
}
.facts i {
	font-size: 64px;
	text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3);
}
.facts-num span {
	font-size: 42px;
	font-weight: 700;
	margin-top: 20px;
	display: inline-block;
}
.facts h3 {
	font-size: 18px;
	margin-top: 8px;
	color: #fff;
}
.facts p {
	color: #999;
}
/* Counter parallax bg */
.ts_counter_bg .facts {
	padding: 0 15px;
}
.ts_counter_bg .facts:hover {
	background: none !important;
}
.ts_counter_bg .facts-num span {
	margin: 30px 0 20px;
}
.ts_counter.elements .facts {
	padding: 15px;
}
/* Team
================================================== */
.img-top {
	top: 0;
	border-top: 0px solid transparent;
	border-bottom: 75px solid transparent;
}
.img-bottom {
	bottom: 0px;
	border-bottom: 0px solid transparent;
	border-top: 75px solid transparent;
}
.img-hexagon {
	width: 240px;
	height: 250px;
	position: relative;
	display: inline-block;
}
@media (max-width: 1200px) {
 .img-hexagon {
 width: 220px;
 height: 240px;
}
}
.img-hexagon span {
	position: absolute;
	display: block;
	float: left;
	border-left: 120px solid #fff;
	border-right: 120px solid #fff;
}
@media (max-width: 1200px) {
 .img-hexagon span {
 border-right: 110px solid #fff;
 border-left: 110px solid #fff;
}
}
.img-hexagon img {
	width: 100%;
	height: 100%;
}
.team-content h3 {
	margin-bottom: 0;
	font-size: 20px;
}
.team-content p {
	color: #959595;
}
.team-social a {
	background: #d5d5d5;
	color: #fff;
	width: 28px;
	height: 28px;
	line-height: 28px;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
	transition: all 300ms ease;
}
.team-social a.fb:hover {
	background: #325c94;
}
.team-social a.twt:hover {
	background: #00abdc;
}
.team-social a.gplus:hover {
	background: #dd4b39;
}
.team-social a.linkdin:hover {
	background: #007bb6;
}
.team-social a.dribble:hover {
	background: #ea4c89;
}
/* Team list */
.team-list .img-hexagon {
	float: left;
	margin-right: 30px;
}
 @media (max-width: 991px) {
 .team-list, .team-list-square {
 display: flex;
 flex-direction: column;
 text-align: center;
 align-items: center;
}
}
.team-list .team-content, .team-list-square .team-content {
	display: flex;
	flex-direction: column;
}
/* Team list square */
.team-list-square .img-square {
	float: left;
	margin-right: 30px;
}
/* Pricing table
================================================== */
.pricing {
	padding-bottom: 80px;
}
.plan {
	border: 1px solid #dedede;
}
.plan:hover a.btn {
	color: #fff;
	background-color: #007bff;
}
.plan:hover .plan-price {
	color: #007bff;
}
.plan-name {
	display: block;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	padding: 20px 0;
	color: #959595;
}
.plan-price {
	font-size: 48px;
	padding: 30px 0;
	margin-bottom: 30px;
	position: relative;
	background: #f2f2f2;
	transition: 0.3s;
}
.plan-price:after {
	bottom: -30px;
	border: solid transparent;
	content: " ";
	position: absolute;
	border-width: 15px;
	border-top-color: #f2f2f2;
	left: 50%;
	margin-left: -16px;
}
.plan.featured .plan-name {
	color: #323232;
}
.plan.featured .plan-price {
	color: #007bff;
}
.featured .plan a.btn {
	background-color: #007bff;
	color: #fff;
}
.plan-price .currency {
	top: -0.9em;
	font-size: 50%;
	left: -0.01em;
	font-weight: 700;
}
.plan-name small {
	display: block;
	font-size: 12px;
	font-weight: 700;
	line-height: normal;
}
.plan-price sub {
	font-size: 18px;
	font-weight: 700;
}
.plan ul {
	background: #fff;
	padding: 0;
	margin-bottom: 0;
}
.plan ul li {
	border-top: 1px dashed #dedede;
	padding: 12px 29px;
	font-weight: 500;
}
.plan ul li:first-child {
	border-top: 0 !important;
}
.plan a.btn {
	background: #fff;
	margin-top: 25px;
	margin-bottom: -20px;
	padding: 8px 30px;
}
.plan a.btn:hover {
	background-color: #007bff;
}
/* Testimonial
================================================== */
.testimonial-thumb img {
	border: 1px solid #8E8E8E;
	padding: 3px;
	width: 80px;
	height: 80px;
	border-radius: 100%;
}
.testimonial-slide .testimonial-content h3.name {
	font-size: 18px;
	color: #fff;
	margin: 10px 0;
}
.testimonial-slide .testimonial-content h3 span {
	display: block;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	margin-top: -10px;
}
.testimonial-slide .owl-buttons {
	display: none;
}
.testimonial-slide .testimonial-text {
	font-size: 16px;
	line-height: 24px;
	max-width: 800px;
	padding-top: 30px;
	display: inline-block;
	position: relative;
	color: #fff;
}
.testimonial-slide .testimonial-text:before {
	content: "";
	font-family: FontAwesome;
	padding-right: 10px;
}
.testimonial-slide .testimonial-text:after {
	content: "";
	font-family: FontAwesome;
	padding-left: 10px;
}
.testimonial-slide.owl-theme .owl-controls .owl-page span {
	background: none;
	border: 1px solid #fff;
	opacity: 0.7;
}
.testimonial-slide.owl-theme .owl-controls .owl-page.active span {
	background-color: #fff;
}
/* Video block
================================================== */
.featured-video {
	background: #fff;
}
.video-block-head h2 {
	font-size: 16px;
	margin: 0;
	line-height: normal;
}
.video-block-head h3 {
	font-size: 24px;
	line-height: normal;
	margin: 0;
}
.video-block-content {
	padding: 10px 0;
}
.video-block-content h3 {
	margin: 0;
	line-height: normal;
}
.video-block-content .btn.btn-primary {
	color: #fff;
	margin: 5px 0 0 40px;
	padding: 8px 25px;
}
.video-block-content .btn.btn-primary:hover {
	color: #333;
}
/* Recent Post
================================================== */
.post-img-wrapper {
	position: relative;
}
.post-img-overlay {
	position: relative;
	display: inline-block;
}
 .post-img-overlay::before {
 position: absolute;
 border-radius: 1px;
 background-color: rgba(0, 0, 0, 0);
 content: "";
 left: 0;
 right: 0;
 width: 100%;
 height: 100%;
 transition: all 0.35s;
}
 .post-img-overlay:hover::before {
 background-color: rgba(0, 0, 0, 0.5);
}
.post-img-overlay a {
	position: absolute;
	right: 0;
	color: #fff;
	background: #666666;
	padding: 15px 20px;
	opacity: 0;
	transition: all 0.35s;
}
.post-img-overlay a.link {
	right: 0;
	transition: transform 0.35s;
	transform: translate3d(100%, 0, 0);
}
.post-img-overlay:hover a.link {
	left: 0;
	right: auto;
	opacity: 1;
	transform: translate3d(0, 0, 0);
}
.post-img-overlay a.view {
	transition: transform 0.35s;
	transform: translate3d(0, -100%, 0);
}
.post-img-overlay:hover a.view {
	bottom: 0;
	opacity: 1;
	transform: translate3d(0, 0, 0);
}
.recent-post {
	padding: 0 15px;
}
.recent-post .post-body h3 {
	font-size: 18px;
	margin-bottom: 3px;
	font-weight: 700;
}
.recent-post .post-body h3 a {
	color: #323232;
}
.recent-post .post-body .post-meta a {
	font-weight: 400;
	font-size: 13px;
}
.recent-post .post-body .post-meta span, .recent-post .post-body .post-meta span i {
	padding-right: 5px;
}
.recent-post .post-excerpt {
	padding-top: 10px;
}
.recent-post .post-excerpt a.read-more {
	padding: 6px 18px;
	border-width: 1px;
	font-size: 12px;
	margin-top: 10px;
}
/* Clients
================================================== */
.clients {
	color: #fff;
	padding-bottom: 60px;
}
.client_logo img{ max-height: 75px; border: 1px solid #d5d5d5;}
.clients-content {
	padding: 40px 0;
}
.clients h2.title {
	border-left: 0;
	color: #fff;
}
.client-carousel .item a {
	margin-right: 20px;
	border: 0px solid #e7e7e7;
	border-radius: 3px;
	display: inline-block;
	padding: 10px;
	transition: all 350ms;
}
.client-carousel .item h5 a{display:block; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
/* Twitter
================================================== */
.ts_twitter {
	padding: 100px 0;
}
.twitter-feed .twitter-icon i {
	font-size: 78px;
	color: #1dcaff;
}
.twitter-feed .tweet a {
	color: #1dcaff;
}
.twitter-feed .tweet a:hover {
	color: #000;
}
.twitter-feed .tweet p {
	font-size: 18px;
	font-style: italic;
	padding-top: 20px;
}
/* Contact
================================================== */
#contact-form {
	margin-top: 25px;
}
#contact-form label {
	font-weight: normal;
}
.map-wrapper {
	position: relative;
}
.map {
	height: 400px;
	z-index: 1;
}
.contact-info-inner h3 {
	margin-bottom: 25px;
	font-size: 24px;
	color: #fff;
}
.contact-info h3 {
	margin-top: 42px;
	font-size: 24px;
}
.contact-info p {
	font-size: 18px;
}
.contact-info i {
	font-size: 18px;
	margin-right: 10px;
}
/* Contact inside Map */
.contact-info-inner {
	position: absolute;
	color: #fff;
	top: 0;
	bottom: 0;
	z-index: 2;
	background: rgba(0, 0, 0, 0.7);
	padding: 25px 30px;
	max-width: 400px;
	max-height: 400px;
	text-align: left;
}
.contact-info-inner p {
	overflow: hidden;
	margin-bottom: 25px;
}
.contact-info-inner p strong {
	display: block;
}
.contact-info-inner i {
	margin-right: 20px !important;
	font-size: 24px;
	margin-top: 5px;
}
/* Footer
================================================== */
.footer {
	padding: 100px 0 40px;
	background: #3f4a4c;
	background-size: cover;
	color: #fff;
	font-size: 14px;
}
.footer-content i {
	margin-top: 6px;
	width: 15px;
	color: #d5d5d5;
}
.footer .subscribe {
	position: relative;
}
.footer .subscribe .input-group-addon {
	position: absolute;
	right: 0;
}
.footer .form-control:focus {
	background: none;
}
.footer .subscribe button:hover {
	background: none;
}
.footer2 {
	background: #2e2e2e;
}
.footer .widget-title {
	color: #fff;
}
.footer .social-icon {
	padding: 10px 0 20px;
}
.footer-content p, .footer-content p a {
	color: #fff;
	text-align: left;
}
.contact .footer-content p, .contact .footer-content p a {
	color: #333
}
.contact .footer-content i {
	color: #333;
}
/* Latest Post */
.footer-widget .latest-post-image img {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	border: 4px solid rgba(255, 255, 255, 0.5);
}
.footer-widget .latest-post-content h4 a {
	color: #fff;
}
.latest-post-items {
	margin-bottom: 10px;
}
.latest-post-image img {
	width: 70px;
	height: 60px;
}
.footer-widget .post-meta, .footer-widget .post-meta a {
	color: #fff;
}
.latest-post-content h4 {
	font-size: 14px;
	line-height: normal;
}
/* Image Gallery */
.footer-widget .img-gallery {
	margin-top: 5px;
	display: inline-block;
}
.img-gallery a.thumb-holder {
	overflow: hidden;
	position: relative;
}
.img-gallery a.thumb-holder img {
	margin: 0 15px 15px 0;
	display: inline-block;
	width: 95px;
	height: 85px;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.img-gallery a.thumb-holder:hover img {
	opacity: 0.7;
}
.footer2 .img-gallery a.thumb-holder img {
	width: 90px;
	height: 75px;
}
/* Footer about us */
.footer-about-us h4 {
	font-size: 16px;
	margin-bottom: 0;
	line-height: normal;
}
.subscribe {
	margin-top: 20px;
}
.subscribe input.form-control {
	border: 1px solid rgba(255, 255, 255, 0.1);
}
.subscribe .input-group-addon {
	background: none;
	border-radius: 0;
	border: 0;
	padding: 0;
}
.subscribe button {
	padding: 13px 20px;
	color: #fff;
}
.subscribe button:hover {
	background: #222;
	color: #fff;
}
.subscribe button i {
	font-size: 20px;
}
/* Footer links */
.footer ul li {
	color: #999;
	padding-bottom: 5px;
	margin-bottom: 5px;
	text-align: left;
	list-style: none;
}
.footer .menucol ul li{ width: 35%; float: left;}
.footer ul.arrow li {
	width: 50%;
}
ul.arrow li:before {
	content: "";
	font-family: FontAwesome;
	margin-right: 10px;
}
.footer ul li a {
	color: #fff;
}
.footer ul li a:hover {
	color: #f79927;
}
/* Copyright
================================================== */
#copyright {
	padding: 30px 0;
	background: #191919;
}
.copyright-info {
	font-size: 16px;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	max-width: 100%;
	margin: 30px auto 0;
	padding-top: 15px;
}
.copyright-info .copyright {
	text-align: left;
	width: 75%;
	float: left;
	color: #fff;
}
.copyright-info a{color: #fff;}
.copyright-info .share {
	width: 25%;
	float: right;
	padding: 0;
}
.copyright-info .share li {
	text-align: right;
}
.copyright-info .copyright>img {
	height: 25px;
	vertical-align: top;
	padding-right: 5px;
}
.copyright-info .copyright>span {
	line-height: 30px;
	border: 0px solid #999;
}
.copyright.angle:before {
	background: #191919;
	height: 50px;
	top: -25px;
	transform: skew(0deg, -2deg);
}
.footer-social {
	position: relative;
	z-index: 10;
}
.footer-social .icon-pentagon i {
	font-size: 16px;
}
/* Footer sytle 2 */
.footer2 .social-icon {
	padding-bottom: 15px;
}
.footer2 .copyright-info {
	color: #323232;
	border-top: 1px solid #e7e7e7;
}
#back-to-top {
	right: 40px;
	top: auto;
	z-index: 10;
	-webkit-backface-visibility: hidden;
}
#back-to-top.affix {
	bottom: 120px;
}
#back-to-top .btn.btn-primary {
	border-radius: 100%;
	padding: 0;
	font-size: 18px;
	width: 36px;
	height: 36px;
	background: rgba(0, 0, 0, 0.3);
	border: 2px solid transparent;
	color: #fff;
	opacity: 0.5;
}
#back-to-top .btn.btn-primary:hover {
	color: #fff;
	opacity: 1;
}
/* Sub pages
================================================== */
/* Banner area */
#banner-area {
	position: relative;
}
#banner-area img {
	width: 100%;
}
.banner-title-content {
	position: absolute;
	top: 50%;
	width: 100%;
	height: 50%;
}
.banner-title-content h2 {
	color: #fff;
	font-size: 36px;
}
.banner-title-content .breadcrumb {
	background: none;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
}
.banner-title-content .breadcrumb a:hover {
	color: #ccc;
}
/* About Us */
.about-message {
	background: #f4f4f4;
	min-height: 374px;
}
.about-message ul li a {
	color: #6A6A6A;
}
/* Services */
/* Call to Action */
.call-to-action {
	color: #fff;
	padding: 40px 0;
}
.call-to-action.dark {
	background: #2a2d32;
}
.call-to-action h3 {
	color: #fff;
	float: left;
	margin: 10px 0 0;
	font-size: 20px;
}
.call-to-action .btn.btn-primary.white:hover {
	background: #000;
	color: #fff;
}
.call-to-action .btn.btn-primary.solid {
	margin-left: 15px;
}
/* Career */
.accordion .card-header a {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
}
.accordion .card-header a::before, .accordion .card-header a.collapsed::before {
 font-family: FontAwesome;
 position: absolute;
 z-index: 0;
 font-size: 16px;
 left: 10px;
 padding: 0 5px;
 text-align: center;
}
.accordion .card-header a::before {
 content: "";
}
.accordion .card-header a.collapsed::before {
 content: "";
}
/* Testimonial */
.ts-testimonial-content {
	position: relative;
	padding: 30px 30px 15px 30px;
	border-width: 1px;
	border-style: solid;
	border-color: #e7e7e7;
	margin-bottom: 40px;
}
.ts-testimonial-content:after {
	content: "";
	position: absolute;
	bottom: -40px;
	left: 45px;
	border-style: solid;
	border-width: 40px 0px 0 30px;
	border-color: #e7e7e7 transparent;
	display: block;
	width: 0;
	z-index: 1;
}
.ts-testimonial-content img {
	float: left;
	width: 80px;
	height: 80px;
	border-radius: 100%;
}
.ts-testimonial-text {
	padding-left: 110px;
}
.ts-testimonial-author {
	position: absolute;
	bottom: -60px;
	left: 90px;
}
.ts-testimonial-author h3.name {
	font-size: 14px;
	margin: 10px 0 0;
}
.ts-testimonial-author h3 span {
	display: block;
	font-size: 13px;
	margin-top: -10px;
	text-transform: capitalize;
	color: #555;
}
/* Faq Page */
.faq-box {
	margin-bottom: 45px;
}
.faq-box h4{ color: #333;}
/* 404 page */
.error-page .error-code {
	display: block;
	font-size: 150px;
	line-height: 150px;
	color: #333;
	margin-bottom: 20px;
	text-shadow: 5px 5px 1px rgba(0, 0, 0, 0.1);
}
.error-page .error-body .btn {
	margin-top: 30px;
	font-weight: 700;
}
/* Blog
================================================== */
/* Blog Listing */
.post {
	margin: 0 0 40px;
	padding: 0 0 40px;
	border-bottom: 1px solid #F5F5F5;
}
.post.post-last {
	border-bottom: 0;
}
.post-image-wrapper {
	margin-bottom: 20px;
	position: relative;
}
.blog-date {
	position: absolute;
	top: 50px;
	left: 0;
	color: #fff;
	border-radius: 0 25px 25px 0;
	padding: 5px 15px;
	font-weight: 700;
}
.blog-date a {
	color: #fff;
}
.post-footer .btn.btn-primary {
	font-size: 12px;
	padding: 8px 20px;
	margin-top: 15px;
}
/* Blog Single */
.post-meta {
	color: #959595;
	font-weight: 400;
	font-size: 13px;
}
.post-meta span {
	padding-right: 10px;
}
.post-meta a {
	color: #959595;
}
.post-meta-author a, .post-meta-cats a {
	color: #323232;
}
.entry-content {
	padding: 20px 0 10px;
}
/* Blog author */
.about-author {
	background: #f2f2f2;
	padding: 15px 20px;
	margin: 20px 0;
}
.author-img img {
	width: 120px;
	height: 120px;
	margin-right: 30px;
	border-radius: 100%;
	margin-top: 20px;
}
.author-url span a {
	color: #959595;
}
.author-info h3 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: normal;
}
.author-info h3 span {
	font-size: 14px;
	color: #959595;
	border-left: 1px solid #AFAFAF;
	padding-left: 8px;
	margin-left: 5px;
}
/* Blog post comments */
.comments-counter {
	font-size: 18px;
}
.comments-counter a {
	color: #323232;
}
.comments-list {
	list-style: none;
	margin: 0;
	padding: 20px 0;
}
.comments-list .comment {
	border-bottom: 1px solid #cecece;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.comments-list .comment.last {
	border-bottom: 0;
}
.comments-list img.comment-avatar {
	width: 84px;
	height: 84px;
	margin-right: 30px;
	border-radius: 100%;
}
.comments-list .comment-body {
	margin-left: 120px;
}
.comments-list .comment-author {
	margin-bottom: 0;
}
.comments-list .comment-date {
	font-style: italic;
	color: #959595;
	margin-bottom: 20px;
}
.comments-list .comment-reply {
	text-transform: uppercase;
	color: #323232;
}
.comments-reply {
	list-style: none;
	margin: 0 0 0 70px;
}
.comments-form .btn.btn-primary {
	padding: 10px 20px;
}
.comments-form label {
	font-weight: normal;
	color: #959595;
}
/* Sidebar */
.sidebar h3.widget-title {
	font-size: 18px;
	line-height: normal;
	margin-top: 0;
}
.sidebar .widget {
	margin-bottom: 40px;
}
.sidebar-right {
	padding-left: 20px;
}
@media (max-width: 991px) {
 .sidebar-right {
 padding-left: 0;
}
}
/* Blog search */
.sidebar #search .input-group-btn .btn.btn-primary {
	padding: 11px 12px;
}
/*-- Blog tab widget --*/
.widget-tab .nav-tabs {
	margin: 0;
	text-align: center;
	border-bottom: 1px solid #e7e7e7;
}
.widget-tab .nav-tabs > li:first-child {
	margin-left: 10px;
}
.widget-tab .nav-tabs > li > a {
	background: #f2f2f2;
	color: #323232;
	font-size: 15px;
	font-weight: 700;
	text-transform: capitalize;
	border-radius: 3px 3px 0 0;
	margin-right: -1px;
	border: 1px solid #e7e7e7;
	border-bottom: 0;
	padding: 6px 12px;
}
.widget-tab .nav-tabs > li.active > a {
	background: #fff;
	color: #323232;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 0;
}
.widget-tab .tab-content {
	border-top: 0;
	padding: 10px 0 0;
}
.widget-tab .posts-thumb img {
	display: block;
	width: 85px;
	height: 65px;
	margin-right: 20px;
}
.widget-tab .posts-avator img {
	display: block;
	width: 62px;
	height: 62px;
	margin-right: 20px;
	border-radius: 100%;
}
.widget-tab h4.entry-title {
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 5px;
}
.widget-tab h4.entry-title a {
	color: #323232;
}
.widget-tab .post-meta span {
	padding-right: 5px;
}
.widget-tab ul.posts-list li {
	padding-bottom: 10px;
}
/*-- Blog category widget --*/
.widget-categories ul.category-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget-categories ul.category-list li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #dedede;
	transition: all 0.3s ease 0s;
}
.widget-categories ul.category-list li:hover {
	padding-left: 10px;
}
.widget-categories ul.category-list li a {
	color: #323232;
}
.widget-categories ul.category-list li:last-child {
	border-bottom: 0;
}
/*-- Blog tags widget --*/
.widget-tags ul > li {
	float: left;
	margin: 6px;
}
.widget-tags ul > li a {
	background: #f2f2f2;
	color: #6A6A6A;
	display: block;
	font-size: 14px;
	padding: 5px 15px;
	border-radius: 25px;
	transition: all 0.3s ease 0s;
}
.widget-tags ul > li a:hover {
	color: #007bff;
}
/* Landing page
================================================== */
/* Header */
.landing-header.header-bgnone {
	background: rgba(0, 0, 0, 0.8);
}
.hero-section {
	height: 100%;
	background-image: url(../images/landing/main-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: top center;
	padding-bottom: 0;
	padding-top: 200px;
	overflow: hidden;
}
.hero-section .container {
	height: 100%;
}
.hero-content {
	position: relative;
	display: table;
	height: 100%;
	width: 100%;
}
.hero-text {
	display: table-cell;
	vertical-align: bottom;
	color: #fff;
	padding-right: 50%;
	width: 100%;
	padding-bottom: 10%;
}
.hero-title {
	font-size: 40px;
	line-height: 50px;
	color: #fff;
}
.hero-description {
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
}
.hero-images {
	display: block;
	position: absolute;
	bottom: 80px;
	right: 0;
	width: 50%;
	max-height: 100%;
}
.hero-images img {
	display: block;
	position: relative;
	max-height: 100%;
	width: auto;
}
.hero-buttons a.btn {
	color: #fff;
	padding: 15px 50px;
}
.hero-buttons a.btn.solid {
	margin-left: 10px;
}
.hero-buttons a i {
	margin-left: 5px;
}
/* Facts */
.landing_facts {
	color: #fff;
	padding: 50px 0;
}
.landing_facts .facts i {
	font-size: 36px;
}
.landing_facts .facts-num span {
	font-size: 56px;
}
/* Video and video background */
.video-embed {
	position: relative;
	padding-top: 56.25%;
	/* 16:9 */
  height: 0;
	background-color: #000000;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.video-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-background-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
}
iframe {
	border: 0;
}
 @media (min-width: 768px) {
 .video-section {
 padding: 100px 0;
}
}
@media (min-width: 992px) {
 .video-section {
 padding: 120px 0;
}
}
/* Screenshot image */
.app-gallery .grid {
	display: block;
	margin: 0 15px 20px;
	padding: 5px;
}
.app-gallery figure.effect-oscar a {
	margin: 125px 5px 0;
}
 .app-gallery figure.effect-oscar figcaption::before {
 border: 0;
}
/* Subscribe Form */
.newsletter-form {
	position: relative;
}
.newsletter-form button {
	position: absolute;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 !important;
	padding: 14px 30px 12px !important;
	background-color: #333;
}
/* Clients */
.landing_page_clients {
	padding-top: 30px;
}
/* Elements page
================================================== */
.testimonial.elements .testimonial-text, .testimonial.elements .testimonial-content h3.name, .testimonial.elements .testimonial-content h3 span {
	color: #323232;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.testimonial.elements .testimonial-slide.owl-theme .owl-controls .owl-page span {
	border: 1px solid #e7e7e7;
}
/* Style Swithcer
================================================== */
.style-switch-wrapper {
	position: fixed;
	top: 100px;
	right: -250px;
	width: 250px;
	height: auto;
	background-color: rgba(0, 0, 0, 0.75);
	border-bottom-right-radius: 4px;
	padding: 20px 20px;
	z-index: 1000;
	transition: all 0.35s;
}
.style-switch-wrapper h3 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 20px;
}
.style-switch-wrapper.active {
	right: 0;
}
.style-switch-button {
	position: absolute;
	top: 0;
	right: 250px;
	width: 50px;
	height: 50px;
	background-color: rgba(0, 0, 0, 0.75);
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	z-index: 1000;
	cursor: pointer;
}
.style-switch-button i {
	color: #FFF;
	position: relative;
	line-height: 1;
	top: 15px;
	left: 15px;
	font-size: 20px;
}
.style-switch-wrapper button {
	width: 30px;
	height: 30px;
	border-radius: 100% !important;
	margin-bottom: 5px;
	color: #fff;
	display: inline-block;
	padding: 0 !important;
	margin-right: 2px;
	border: 0 !important;
}
a.close-styler {
	color: #fff !important;
	padding: 7px 20px !important;
	margin-right: 6px;
	cursor: pointer;
}
a.close-styler:hover {
	color: #000 !important;
}
.style-switch-wrapper button:active, .style-switch-wrapper button:focus {
	border: 2px solid #FFF;
}
.style-switch-wrapper #preset1 {
	background-color: #49a2e7;
}
.style-switch-wrapper #preset2 {
	background-color: #81c83c;
}
.style-switch-wrapper #preset3 {
	background-color: #ee3b24;
}
.style-switch-wrapper #preset4 {
	background-color: #ffc400;
}
.style-switch-wrapper #preset5 {
	background-color: #334F96;
}
.style-switch-wrapper #preset6 {
	background-color: #8C42BA;
}
section.hero-slider {
	padding: 0;
}
section.hero-slider .slider-item {
	height: 750px;
	outline: none !important;
}
section.hero-slider .slider-item > div {
	height: 100%;
}
section.hero-slider .slider-item .overlay2 {
	z-index: 1;
}
section.hero-slider .slider-item .overlay2::before {
 z-index: -1 !important;
}
section.hero-slider .slider-item .container {
	padding-top: 20px;
	padding-bottom: 80px;
	transition: 0.3s;
	transition-delay: 0.5s;
	opacity: 0;
	transform: translateX(-50px);
}
section.hero-slider .slick-active .container {
	opacity: 1;
	transform: translateX(0);
}
section.hero-slider h1, section.hero-slider h2, section.hero-slider h3, section.hero-slider h4, section.hero-slider h5, section.hero-slider h6, section.hero-slider p {
	color: #fff;
}
section.hero-slider h2 {
	font-size: 3.2em;
	line-height: 1.3;
	margin-bottom: 30px;
}
@media (max-width: 991px) {
 section.hero-slider h2 {
 font-size: 2.7em;
}
}
@media (max-width: 575px) {
 section.hero-slider h2 {
 font-size: 30px;
}
}
section.hero-slider h3 {
	font-size: 24px;
}
@media (max-width: 991px) {
 section.hero-slider h3 {
 font-size: 20px;
}
}
@media (max-width: 575px) {
 section.hero-slider h3 {
 font-size: 18px;
}
}
section.hero-slider .h3 {
	font-size: 2.5em !important;
}
@media (max-width: 991px) {
 section.hero-slider .h3 {
 font-size: 1.6em;
}
}
section.hero-slider p {
	font-size: 1.2em;
}
@media (max-width: 991px) {
 section.hero-slider p {
 font-size: 1em;
}
}
ul.slick-dots {
	width: 350px;
	position: absolute;
	left: 50%;
	list-style: none;
	padding: 0;
	bottom: 70px;
	transform: translateX(-50%);
}
@media (max-width: 400px) {
 ul.slick-dots {
 width: 320px;
}
}
ul.slick-dots li i {
	font-size: 32px;
	display: block;
}
ul.slick-dots li {
	color: #b8b8b8;
	outline: none !important;
	transition: 0.3s;
	background-color: rgba(0, 0, 0, 0.3);
	text-align: center;
	margin-right: 7px;
	padding: 6px 10px;
	cursor: pointer;
	display: inline-block;
	width: 75px;
}
@media (max-width: 400px) {
 ul.slick-dots li {
 width: 60px;
}
}
ul.slick-dots li:last-child {
	margin-right: 0;
}
ul.slick-dots .slick-active {
	color: #fff;
	background-color: rgba(0, 0, 0, 0.8);
}
.background-video {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.background-video video {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.search {
	margin: 5px;
}
.parallax.one, .parallax.two {
	padding: 110px 0 600px;
}
.parallax.one h1 {
	color: #fff;
}
.parallax.one h1 b {
	font-size: 6vw;
	font-size: 115px;
}
.parallax.one p {
	font-size: 18px;
}
.parallax.two h1 {
	color: #222;
}
.parallax.two h1 b {
	font-size: 6vw;
	font-size: 115px;
}
.parallax.two p {
	font-size: 18px;
	color: #222;
}


/* Responsive styles
================================================== */
/* Medium Devices, Desktops */
@media (min-width: 992px) {
 .flexslider .slides img, .ts-flex-slider .flexSlideshow {
 height: 750px;
}
 .dropdown i {
 display: none;
}
}
/* Small Devices, Tablets */
@media (min-width: 768px) and (max-width: 991px) {
  /* Common */
  .parallax {
 padding: 60px 0;
}

  /* Slideshow */
  #main-slide .slider-content h2 {
 font-size: 36px;
}
 #main-slide .slider-content h3 {
 font-size: 22px;
 margin: 20px 0;
}
 .slider.btn {
 padding: 5px 25px;
 margin-top: 5px;
 font-size: 16px;
}
 #main-slide .carousel-indicators {
 bottom: 20px;
}

  /* Cd Hero Slider */
  .cd-hero-slider .cd-btn {
 margin-top: 15px !important;
 font-size: 12px !important;
}
 .cd-slider-nav ul li.video {
 display: none;
}
 .cd-slider-nav {
 bottom: 40px !important;
}

  /* Portfolio */
  .isotope-nav {
 margin: 0 auto 40px;
}
 figure.effect-oscar figcaption {
 padding: 1.5em;
}
 figure.effect-oscar figcaption::before {
 top: 15px;
 right: 15px;
 bottom: 15px;
 left: 15px;
}
 figure.effect-oscar h3 {
 margin-top: 0;
 font-size: 16px;
}

  /* Feature */
  .feature-content h3, .feature-center-content h3 {
 font-size: 14px;
 line-height: normal;
}

  /* Featured tab */
  .featured-tab .tab-pane img {
 width: 45%;
}
 .featured-tab .tab-pane i.big {
 font-size: 150px;
}
 .featured-tab .tab-pane, .landing-tab .tab-pane {
 text-align: left;
}

  /* Team */
  .team {
 padding-bottom: 50px;
}

  /* Pricing */
  .plan {
 margin-bottom: 60px;
}

  /* Testimonial */
  .testimonial-content {
 padding: 0 30px;
}

  /* Recent post */
  .recent-post {
 padding-bottom: 40px;
}

  /* Back to top */
  #back-to-top.affix {
 bottom: 35px;
}

  /* Video block */
  .video-block-head {
 margin-top: 30px;
}

  /* Call to action */
  .call-to-action .btn.btn-primary {
 font-size: 12px;
}

  /*-- Landing ---*/
  .hero-text {
 width: 95%;
}
 .hero-title {
 font-size: 36px;
}
 .hero-buttons a.btn {
 padding: 10px 20px;
}
 .app-gallery figure.effect-oscar a {
 margin-top: 105px;
}

  /* Blog single */
  .blog-post {
 padding-bottom: 40px;
}
}
/* Small Devices Potrait */
@media (max-width: 767px) {
	.right{ margin-right: 2%; width: 96% !important;}
	.project-info .share,.project-info .inquire{ width: 100% !important;}
	.body-inner {
		margin-top: 06px;
	}
	.return{display: none;}
	#breadcrumb {
	 margin-top: 45px!important;;
	}
	section {
		padding: 0px 0;
		overflow: hidden;
	}
	.navbar-dark .navbar-nav .nav-link {
		color: #666;
	}
	.navbar-dark .navbar-nav .active>.nav-link,
	.navbar-dark .navbar-nav .nav-link.active,
	.navbar-dark .navbar-nav .nav-link.show,
	.navbar-dark .navbar-nav .show>.nav-link {
	 color:#666;
	}
	.getguote,.search{ display: none;}
	
  /* Common */
  .parallax {
  padding: 60px 0;
  }
	.detailbanner{ display: none;}
 .parallax.one, .parallax.two {
padding: 50px 0 200px;
}
 .style-switch-button {
 display: none;
}
 .heading {
 text-align: center;
}
 .heading .title-icon {
 float: none !important;
 margin: 0 0 20px;
 display: inline-block;
}
 h2.title {
 font-size: 28px;
 border-left: 0;
}
 .title-desc {
 line-height: normal;
 padding: 6px 5px 10px;
}
 .btn.btn-primary {
 padding: 8px 22px;
}
 h2 {
 font-size: 28px;
}

  /* Slideshow */
  #main-slide .slider-content h2 {
 font-size: 18px;
 line-height: normal;
}
 #main-slide .slider-content h3 {
 line-height: normal;
 margin: 0;
}
 .slider.btn {
 display: none;
}
 #main-slide .carousel-control {
 display: none;
}
 #main-slide .carousel-indicators {
 bottom: 0;
}

  /* About */
  .about {
 padding-top: 40px;
}
 .about.angle:before {
 position: relative;
}

  /* Service */
  /* Portfolio */
  .isotope-nav {
 margin: 0 auto 40px;
}
 .isotope-nav ul li a {
 padding: 5px 10px;
 display: inline-block;
}
 figure.effect-oscar h3 {
 margin-top: 25%;
}

  /* Image block */
  .img-block-right {
 padding-right: 50px;
}
 .img-block-head h2 {
 font-size: 16px;
}
 .img-block-head h3 {
 font-size: 28px;
}
 .image-block-content {
 padding: 0;
}

  /* Featured tab */
  .featured-tab {
 padding: 0 10px;
}
 .featured-tab .tab-pane i.big {
 font-size: 150px;
}
 .featured-tab .tab-pane, .landing-tab .tab-pane {
 text-align: left;
 padding-left: 0;
 padding-top: 30px;
}

  /* Facts */
  .facts {
 padding-bottom: 20px;
}
 .facts-num span {
 font-size: 48px;
 margin-top: 20px;
}
 .facts i {
 font-size: 64px;
}

  /* Team */
  .team {
 padding-bottom: 50px;
}

  /* Pricing */
  .plan {
 margin-bottom: 60px;
}

  /* Testimonial */
  .testimonial-content {
 padding: 0 30px;
}

  /* Recent post */
  .recent-post {
 padding-bottom: 40px;
}

  /* Footer */
  .footer-widget {
 display: inline-block;
}

  /* Copyright */
  .copyright-info {
 font-size: 13px;
}
 #back-to-top {
 right: 20px;
}
 #back-to-top .btn {
 padding: 10px 30px;
}
 #back-to-top.affix {
 bottom: 160px;
 right: 0;
}

  /* Call action */
  .call-to-action .btn.btn-primary {
 float: none !important;
 margin-top: 20px;
}

  /*-- Landing ---*/
  .hero-section {
 padding-top: 90px;
}
 .hero-text {
 width: 100%;
 padding-right: 0;
}
 .hero-title {
 font-size: 36px;
}
 .hero-buttons a.btn {
 padding: 10px 20px;
}
 .app-gallery figure.effect-oscar a {
 margin-top: 105px;
}
 .hero-images img {
 display: none;
}
 .landing_facts .facts-num span {
 font-size: 48px;
 margin-top: 20px;
}
 .landing_facts .facts i {
 font-size: 30px;
}

  /* Blog single */
  .blog-post {
 padding-bottom: 40px;
}
}
/* Extra Small Devices, Phones */
@media (max-width: 479px) {
  /* Slideshow */
  #main-slide .slides img {
 height: 230px;
}
.parallax.one h1 b,.parallax.two h1 b{font-size: 64px;}
 .parallax.one, .parallax.two {
padding: 60px 0 40px;
}
 #main-slide .item img {
 height: 250px;
}
}
/*# sourceMappingURL=maps/style.css.map */

.button-group {
	margin: 30px auto;
	text-align: center;
}
.video {
	background: #f5f5f5;
	padding-bottom: 0;
	padding-bottom: 50px;
}
.auto-fade {
	float:left;
	width:100%;
	padding-top:65%;
	position:relative;
	margin-bottom: 20px;
}
.portfolio-single .auto-fade{padding-top:100%;}
.auto-fade > * {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:0;
	z-index:0;
	overflow:hidden;
	transition:opacity linear 1500ms;
	-webkit-transition:opacity linear 1500ms;
	border-radius: 5px;
}
.auto-fade > *.active {
	opacity:1;
	z-index:2;
}
.auto-fade > * img {
	width:100%;
}
.service-image {
	float: left;
	width: 100%;
	overflow: hidden;
	border: 1px solid #f5f5f5;
}
.service-image img {
	width:100%;
	transition-delay: 0s;
	transition-duration: 1s;
	transition-property: all;
	transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
	-moz-transition-duration: 1s;
	-moz-transition-property: all;
	-moz-transition-timing-function: ease;
	/* Safari å'Œ Chrome */
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 1s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
	-o-transition-duration: 1s;
	-o-transition-property: all;
	-o-transition-timing-function: ease;
}
.service-image:hover img {
	transform: scale(1.2, 1.2);
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari å'Œ Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}
.footer-content h3 {
	font-weight:700;
	color:#fafafa;
	font-size:18px;
	margin-bottom:10px;
}
.contact h3 {
	color: #323232;;
	font-size: 30px;
	padding: 10px 0;
	font-family: Oswald;
	font-size: 24px;
	font-weight: 400;
}
#loader:hover {
	transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	transition:transform 1s;
	-moz-transition:transform 1s;
	-webkit-transition:transform 1s;
	-o-transition:transform 1s
}
.history {
	text-align: center;
	margin:35px auto;
	width: 100%;
	padding: 0 20px;
}
.history .ul-tabs-cont {
	margin: 40px 0;
}
.history .ul-tabs-cont>.solidCircle {
	position:relative;
	left:calc(50% - 6px);
	top:-10px;
}
.history img {
	max-width:100%;
}
@media screen and (max-width: 701px) {
	
	h1, .h1 {
	font-size: 22px;
	line-height: 48px;
}
h2, .h2 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
}
h3, .h3 {
	font-size: 18px;
	line-height: 32px;
	font-weight: 400;
}
h4, .h4 {
	font-size: 16px;
	line-height: 28px;
}	
.carousel-inner{ margin-top: 55px;}
.history {
 width: 100%;
}
.content{ padding: 0 10px;}
 .history {
 padding: 0 20px;
}
 .history img {
 max-width:100%;
 height:auto!important;
}
 .history .li-cont-item .div-tabs-accordion-title {
 line-height:30px!important;
 font-size:18px!important;
 height:auto!important;
 overflow:hidden!important;
}
 .history .ul-tabs-cont .li-cont-item:nth-of-type(even) .titles {
 margin-left:60px!important;
 float: left;
}
 .history .ul-tabs-cont .li-cont-item:nth-of-type(odd) .titles {
 margin-right:60px!important;
 float: left;
}
 .history .li-cont-item .div-tabs-accordion-title .titles {
 white-space: pre-wrap!important;
}
 .history .li-cont-item .in-tabs {
 float:right!important;
 font-size:13px;
 line-height:20px;
 width: 90%;
 padding-right: 20px;
 overflow: auto;
 font-family: PingFangSC-Regular;
 color: #000;
 letter-spacing: 0;
 text-align: left;
 box-sizing: border-box;
 margin-top: 15px;
 white-space: pre-wrap;
 word-break: break-word;
 margin-right:0!important;
 margin-left:0!important;
}
 .history .li-cont-item:nth-of-type(even) .in-tabs {
 margin-left:60px
}
 .history .li-cont-item:nth-of-type(odd) .in-tabs {
 margin-right:60px
}
 .history .li-cont-item:nth-of-type(odd) .printToImg {
 top: 0!important;
 left: 0!important;
 transform: rotate(180deg);
 z-index:2;
}
 .history .li-cont-item:nth-of-type(even) .printToImg {
 top: 0!important;
 left: 0!important;
 transform: rotate(180deg);
 z-index:2;
}
 .history .ul-tabs-cont .li-cont-item:nth-of-type(odd) .div-tabs-accordion-title {
 float: right;
 width: 94%!important;
 position: relative;
 font-family: PingFangSC-Medium;
 color: #4c4c4c;
 letter-spacing: 0;
 text-align: right;
 border-right: 0!important;
 box-sizing: border-box;
 top: 7px;
}
 .history .ul-tabs-cont .li-cont-item:nth-of-type(even) .div-tabs-accordion-title {
 float: right;
 width: 94%!important;
 position: relative;
 font-family: PingFangSC-Medium;
 color: #4c4c4c;
 letter-spacing: 0;
 text-align: right;
 border-left: 0!important;
 box-sizing: border-box;
 top: 7px;
}
 .history .ul-tabs-cont .li-cont-item:nth-of-type(odd) .titles {
 width: 64%;
 float: left!important;
 text-align: left;
 margin-left: 60px;
}
 .history .table-cont-item-inner {
 width: 100%!important;
 position: relative!important;
 left: 22px!important;
}
 .history .ul-tabs-cont .li-cont-item:nth-of-type(odd) .table-cont-item-inner {
 border:0;
 border-left: 1px solid #469f1a;
}
 .history .ul-tabs-cont>.solidCircle {
 position:relative;
 left:17px;
 top:-10px;
}
}
.history .li-cont-item .printToImg {
	width: 75px;
	height: 45px;
	position:absolute;
}
.history .li-cont-item:nth-of-type(odd) .printToImg {
 top:5px;
 left:calc(50% - 54px)
}
.history .li-cont-item:nth-of-type(1) .printToImg {
 top: 0;
}
.history .li-cont-item:nth-of-type(even) .printToImg {
 transform: rotate(180deg);
 top:5px;
 left:calc(50% - 23px)
}
.history .imaginaryLine {
	width: 30px;
	border-bottom: 2px dashed #469f1a;
	float: left;
	margin-top: 22px;
}
.history .imaginaryLineCircle {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: 1px solid #469f1a;
	float: right;
}
.history .li-cont-item .printToImg .imaginaryLineCircleContent {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background-color:white;
}
.history .solidCircle {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #469f1a;
	position: relative;
	top: 15px;
	left: 15px;
}
.history .ul-tabs-cont .li-cont-item:nth-of-type(even) .table-cont-item-inner {
 float: right;
 clear: both;
 position: relative;
 left: -1px;
}
.history .table-cont-item-inner {
	box-sizing:border-box;
	width:50%;
	height: auto;
	overflow: hidden;
}
.history .ul-tabs-cont .li-cont-item:nth-of-type(odd) .table-cont-item-inner {
 border-right: 1px solid #469f1a;
}
.history .ul-tabs-cont .li-cont-item:nth-of-type(even) .table-cont-item-inner {
 border-left: 1px solid #469f1a;
}
.history .in-tabs {
	box-sizing: border-box;
	width: 64%;
	overflow: auto;
	font-family: PingFangSC-Regular;
	font-size: 18px;
	color: #000;
	letter-spacing: 0;
	text-align: right;
	line-height: 28px;
	box-sizing: border-box;
	float: right;
	margin-right: 65px;
	margin-top: 25px;
	/* white-space: pre-wrap; */
    word-break: break-word;
}
.history .ul-tabs-cont .li-cont-item:nth-of-type(even) .in-tabs {
 float:left;
 text-align:left;
 margin-left: 65px;
}
.history .ul-tabs-cont .li-cont-item {
	overflow:hidden;
	position:relative;
	list-style: none;
}
.history .ul-tabs-cont .li-cont-item:nth-of-type(even) .titles {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 width: 64%;
 float: left;
 margin-left: 65px;
}
.history .ul-tabs-cont .li-cont-item:nth-of-type(even) .div-tabs-accordion-title {
 width: 50%;
 float: right;
 height: 55px;
 line-height: 55px;
 position: relative;
 font-family: PingFangSC-Medium;
 font-size: 23px;
 color: #4c4c4c;
 letter-spacing: 0;
 text-align: left;
 border-left: 0px solid #469f1a;
}
.history .ul-tabs-cont .li-cont-item:nth-of-type(odd) .titles {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 width: 64%;
 float: right;
 margin-right: 65px;
}
.history .ul-tabs-cont .li-cont-item:nth-of-type(odd) .div-tabs-accordion-title {
 width: 50%;
 height: 55px;
 line-height: 55px;
 position: relative;
 font-family: PingFangSC-Medium;
 font-size: 23px;
 color: #4c4c4c;
 letter-spacing: 0;
 text-align: right;
 border-right: 1px solid #469f1a;
 box-sizing: border-box;
}
.history .ul-tabs-cont .li-cont-item table {
	table-layout: fixed;
	border: 0;
}
.history .ul-tabs-cont .li-cont-item table tr td {
	border: 0;
}
.history .ul-tabs-cont .li-cont-item table tr td {
	border-right: 1px solid #CCC;
}
.history .ul-tabs-cont .li-cont-item table tr td:last-child {
	border-right: 0;
}
 .history .ul-tabs-cont .li-cont-item table tr:nth-child(odd) {
 background-color: rgb(230, 230, 230);
}
.history .ul-tabs-cont .li-cont-item table tr:first-child {
	background: #b60005;
	color: white;
}
.history .ul-tabs-cont .li-cont-item table tr {
	text-align: center;
	height: 50px;
	line-height: 50px;
}
#breadcrumb {
	padding: 20px 0 0;
	margin: 0;
}
#breadcrumb .top {
	line-height:30px;
	/*! text-align:right; */
}
#breadcrumb .top .crumb {
	float:left;
}
#breadcrumb .top .crumb i {
	margin-right: 10px;
	font-size: 20px;
	color: #51a1ac;
}
#breadcrumb .top .crumb span {
	padding: 0 5px;
}
#breadcrumb .top .return {
	color: #333;
	float: right;
}
#breadcrumb .top .return i.fa {
	margin: 0 6px;
}
.sitewidget-bd {
	border-left:0 solid #1c1c1c;
	border-right:0 solid #1c1c1c;
	border-top:0 solid #1c1c1c;
	border-bottom:0 solid #1c1c1c;
	border-top-right-radius:0;
	border-top-left-radius:0;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:0
}
.control-group {
	margin-bottom:10px
}
.control-group {
	margin-bottom:16px;
	width:50%;
	float:left
}
.control-group {
	margin-bottom:20px;
	width:30%;
	float:left;
	margin-left:5%
}
.control-group:nth-child(3n+1), .control-group.nth-child-3n {
clear:both;
margin-left:0
}
.control-group.submitGroup, .control-group.submitGroup {
	width:100%;
	margin:0
}
.control-group .input-prepend, .control-group .input-append {
	display:flex
}
.control-group .input-prepend .add-on, .control-group .input-append .add-on {
	white-space:nowrap;
	min-width:2.4em;
	line-height:inherit;
	text-align:center
}
.control-group .textarea, .control-group.textarea {
	width:100%;
	margin-left:0
}
.control-group, .imgVarifyCode {
	display:inline-block;/*! margin-right:2%; */
	vertical-align:top;
	text-align:left;
	margin-bottom:20px
}
.control-group .controls input, .control-group .controls select, .control-group .controls textarea {
	width:100%;
	padding:4px 0;
	text-indent:6px;
	box-sizing:content-box;
	vertical-align:top
}
.control-group .input-prepend, .control-group .input-append {
	display:flex
}
.control-group .input-prepend .add-on, .control-group .input-append .add-on {
	padding:4px 8px;
	width:auto
}
.control-group .input-prepend input, .control-group .input-append input {
	width:auto
}
.control-group .controls input[type="text"] {
	width:230px
}
.control-group .controls input[type="radio"], .control-group .controls input[type="checkbox"] {
	width:auto;
	vertical-align:baseline
}
.control-group .textarea {
	width:40%
}
.control-group .imgVarifyCode {
	clear:both;
	margin-left:0
}
#formsubmit {
	border:1px solid #469f1a;
	background:#469f1a;
	color:#fff;
	font-size:14px;
	text-align: center;
	border-radius: 5px;
}
#formsubmit:hover {
	border:1px solid #8ac120;
	background:#8ac120;
	border-radius: 5px;
}
#team {
	padding: 40px 0 100px;
}
#team .block {
	position: relative;
	overflow: hidden;
	border:3px solid transparent;
 -webkit-transition: .4s all;
 -o-transition: .4s all;
 transition: .4s all;
}
#team .block img {
	width: 100%;
	position: relative;
}
#team .block:hover {
	border: 3px solid #d12222;
}
#team .block:hover .team-overlay {
	bottom: 0;
	opacity: 1;
}
#team .team-overlay {
	background: rgba(255, 255, 255, 0.95);
	color: #fff;
	text-align: center;
	padding: 15px 5px;
	position: absolute;
	bottom: -150px;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	transition: 0.3s;
}
#team .team-overlay h3 {
	font-size: 20px;
}
#team .team-overlay span {
	color: #333;
	font-size: 14px;
}
#team .team-overlay span {
	display: block;
	padding-top: 5px;
}
#team .team-overlay .icon {
	margin: 0 auto;
	padding: 10px 12px;
	line-height: 1;
	margin-top: 16px;
	margin-bottom: 15px;
	border-radius: 100%;
	display: inline-block;
	background: #d12222;
}
#team .team-overlay .icon i {
	font-size: 18px;
	color: #fff;
}
#team .team-overlay p {
	font-size: 14px;
	line-height: 23px;
	color: #707a8a;
}
#team .team-overlay .media {
	margin-top: 10px;
}
#team .team-overlay .media a {
	font-size: 12px;
	color: #fff;
	transition: 0.3s;
	margin: 0 10px;
}
#team .team-overlay .media a:hover {
	color: #d12222;
}
.desc table td{ text-align: left; padding: 5px 8px; width: 50%}
.desc table td:first-child{ text-align: right;}

.page { text-align:right; margin-top: 40px; padding:10px 0 40px; font-size:16px; width: 100%; border-top: 1px solid #d5d5d5; }
.page a { color:#888; }
.page a:hover{ color:#d12222}
.page .prev { float:left; }

.sitewidget-inquire { width: 100% !important;width: 100%; padding: 0 20px;}
.sitewidget-inquire .control-group{ display:block; width: 100%; margin: 0;} 
.sitewidget-inquire .control-group .controls input,.sitewidget-inquire .control-group .controls select,.sitewidget-inquire .control-group .controls textarea{width:100%;padding:4px 0;text-indent:6px;box-sizing:content-box;margin-left:-1px}
.sitewidget-inquire .required{color:red;margin-right:5px;vertical-align:middle}
.errormessage{color:red;clear:both}
label.control-label{ margin: 0;}
.sitewidget-inquire .controls{ margin-bottom: 10px;}
.sitewidget-inquire h3{ padding-left: 10px; height: 40px;}
.sitewidget-inquire h3 input.checkbox{ margin-top: 0px; width: 18px;height: 18px; }
.sitewidget-inquire h3 span{ padding: 0 10px; border: 0px solid #333; font-size: 20px;}
.project-info .inquire{ width: 35%;float: left}
.project-info .share{ width: 50%; float: left;}

.sku-body{ display: none;}
.sku-body .last-actived img,
.sku-body .sku-actived {
 border:1px solid #469f1a!important
}
.sku-body .sku-disabled {
 background:#eee!important;
 cursor:not-allowed!important
}

.sku-body .sku-item {
 display:flex;
 margin-bottom:10px;
 position:relative
}
.sku-body .sku-item .next-input-group,
.sku-body .sku-item .next-input-group .next-input {
 width:100%
}
.sku-body .sku-item .item-limt {
 height:37px;
 overflow:hidden;
 margin-right:150px
}
.sku-body .sku-item a.view-more {
 position:absolute;
 right:0;
 top:10px
}
.sku-body .sku-item a.view-more i {
 margin-left:3px
}
.sku-body .sku-item .item-last {
 flex-direction:column
}
.sku-body .sku-item .item-last .sku-option {
 display:flex;
 align-items:center;
 justify-content:space-between;
 margin-bottom:6px
}
.sku-body .sku-item .item-last .sku-option>span:first-child {
 width:200px
}
.sku-body .sku-item .item-last .sku-option .txt {
 width:120px
}
.sku-body .sku-item .item-last .sku-option>img {
 border:1px solid #eee;
 padding:2px;
 width:30px;
 height:30px
}
.sku-body .sku-item .item-size {
 /*! display:flex; */
 flex-wrap:wrap;
 flex:1;
}
.sku-body .sku-item .item-size a {
 display:inline-block;
 padding:2px;
 border:1px solid #eee;
 margin-right:10px;
 font-size:14px;
 background-clip:content-box;
 color:#333;
 border-radius:2px;
 /*! margin-bottom:4px */
}
.sku-body .sku-item .item-size a.text {
 padding:5px 8px
}
.sku-body .sku-item .item-size a:hover {
 text-decoration:none
}
.sku-body .sku-item .item-size a span {
 display:inline-block;
 padding:2px 6px;
}
.sku-body .sku-item .item-size a span.color {
 width:28px;
 height:28px;
 margin-bottom:-5px
}
.sku-body .sku-item .item-size a img {
 height:30px;
 width:30px
}
.sku-body .sku-item .item-list {
 flex:1
}
.sku-body .sku-item .item-list .item-type {
 display:flex;
 align-items:center;
 margin-bottom:10px
}
.sku-body .sku-item .item-list .item-type>img {
 height:30px;
 width:30px;
 border-radius:2px;
 padding:2px;
 border:1px solid #eee;
 margin-right:10px
}
.sku-body .sku-item .item-list .item-type .txt {
 margin-left:4px;
 white-space:nowrap;
 overflow:hidden;
 color:#333;
 font-size:14px;
 text-overflow:ellipsis;
 width:120px
}
.sku-body .sku-item .item-list .item-type .price {
 width:100px;
 color:#666;
 font-size:14px
}
.sku-body .sku-item .item-list .item-type .number {
 width:100px
}
.sku-body .sku-item .item-list .item-type .number .next-input-group {
 width:100%
}
.sku-body .sku-item label {
 color:#666;
 font-size:14px;
 width:120px;
 display:inline-block;
padding: 5px;
}
.sku-body .sku-item .item-color {
 display:inline-block
}
.sku-body .sku-item .item-color a {
 display:inline-block;
 width:22px;
 height:22px;
 background-clip:content-box;
 border:1px solid #eee;
 padding:2px;
 margin-right:10px;
 border-radius:2px
}
.sku-body .sku-item .item-color a.sku-actived {
 border:1px solid #ff6a00!important
}
.portfolio-single .carousel-indicators li {
	width: 80px !important;
	height: 40px !important;
	margin: 3px !important;
	border-radius: 0 !important;
	border: 1px solid #fff;
}
.portfolio-single .carousel-indicators li .img-fluid{ opacity: 1; position: static !important; width: 100%; height: 100%;}
.carousel-indicators li {
 text-indent:unset;
}
.cert .owl-item img{ width: 100%;}


#header .search { float:right; width:30px; height:50px; font-size:14px; position:relative; overflow:hidden; margin-top: 10px; }
#header .search form { float:left;}
#header .search label { display:none; float:left; width:100%; position:absolute; left:0px; top:0; z-index:0; }
#header .search input[type='text'] { border-radius: 5px; width:180px; border: 1px solid #d5d5d5; line-height:1.5em; font-size:1em; color:#999; padding:0.25em 30px 0.25em 10px; overflow:hidden;}
#header .search a { float:left; position:absolute; z-index:999;width:32px; height:28px; position:absolute; right:0; padding: 2px; }
#header .search a img { width:80%; }
#header .search input[type='reset'],
#header .search button[type='reset'] { display:none; float:right; width:30px; height:30px; background:url(../images/icon/close_02.png) center no-repeat; border:0;
	position:absolute; top:50%; right:0; z-index:0; cursor:pointer; margin-top:-15px;
}
                                              
#header .search button[type='reset']:hover { color:#333; }

#header .search input:focus,
#header .search input[type='submit']:focus,
#header .search button[type='reset']:focus {
	outline: none;
}




.share{ width: 100%; float: left; /*! margin-top: 35px; */padding: 50px 0 20px;}
.footer .share{margin-top: 5px;}
.productbox img{ border: 1px solid #d5d5d5; float: left; margin-right: 10px;/*! margin-left: 35px; */}
.productbox{ margin: 0 5%;}


@media (max-width: 1080px) {
  .navbar-dark .navbar-nav .nav-link {
	 /*! color: #f5f5f5; */
  }
}
@media (max-width: 450px) {
 .navbar-collapse {
  /*! background-color: black; */
  }
  .about-img { height: auto; padding: 50%;}
	.content img{ width: 100%; height: auto; padding: 10px;}
	.content p img{ margin-left: -30px;}
	.history .li-cont-item .printToImg {
	 margin-top: 30px;
  }
	.control-group {
		width:100%;
		margin-left:0%;
  }	
}
.oem{ margin: 15px;}
.oem .text-center{ margin: 0; padding: 0;}
.oem .row{ margin-bottom: 10px;}

@media (max-width: 750px) {
  .oem{ margin: 0px;}
	.heading {
		padding-bottom: 0px;
	}
	.mb-5,
	.my-5 {
	 margin-bottom:1rem!important
	}
	.content img{padding: 0px;}
	
}
.btn.download{ font-size: 20px; padding: 5px;}
.feature ul,.feature ol{ list-style: none;}
.feature ul li{ float: left; width: 25%; text-align: center; padding: 1% 0;}
.feature ol li{ width: 50%; float: left; padding: 1%;}
.feature ol li img{ width: 100%;}
.desc{ text-align: center;}
.desc img{ text-align: center; margin: auto; max-width: 100%; }

.leftcontent{box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.05); padding: 0px 0;}
.leftcontent i{
	font-size: 64px;
	color: #666;
	text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3);
}

.leftcontent h3{ font-size: 16px; margin-bottom: 40px;}
.loading{ background: #d5d5d5;}
.tab-content{ padding-top: 5px;}


.navside0001 { text-align:center; position:relative; z-index:10; }
.navside0001 .head { line-height:68px; height: 68px; background:#51a1ac; color:#fff; }
.navside0001 .head .icon { display:none; float:left; font-size:16px/* 图标大小 */; padding-right:10px; margin-left:-5px; }
.navside0001 .head .zh,
.navside0001 .head .en { /*! line-height:1.3; */ color: #fff; }
.navside0001 .head .zh { font-size:18px; }
.navside0001 .head .en { font-size:30px; font-weight:bold; }
.navside0001 .head,
.navside0001 .menu a { display:block; overflow:hidden; padding:0 20px; text-decoration:none;}
.navside0001 .menu .icon { display:none; float:left; padding-right:5px; }
.navside0001 .menu span { display:block; 
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

/* 一级 */
.navside0001 .menu .item { line-height:50px; position:relative; z-index:1; font-size:15px; list-style: none;}
.navside0001 .menu .item > a {  background:#fff/* 背景 */; border:1px solid #E8E8E9; margin-top:-1px;}
.navside0001 .menu .item.active { position:relative; z-index:3; }
.navside0001 .menu .item:hover { position:relative; z-index:2; }
.navside0001 .menu .item.active > a,
.navside0001 .menu .item:hover > a { background:#F2F6FB; }

/* 二级 */
.navside0001 .menu .item ul { display:none; width:200px; font-size:14px; position:absolute; z-index: 10; top:0; left:100%;padding:8px 0;background: #ad0008; }
.navside0001 .menu .item:hover > ul { display:block;}
.navside0001 .menu .item > ul li { line-height:40px; height:40px; list-style: none; }
.navside0001 .menu .item ul a { color:#E5EEF8/* 二级文字颜色 */; }
.navside0001 .menu .item ul a:hover { color:#fff /* 二级鼠标经过颜色 */; }

@media screen and (max-width: 800px) {
.navside0001 {display:none;}
} 


.pagination p{
    margin:0;
    cursor:pointer
}
.pagination{
    height: 50px;text-align:center;
    padding:30px 0px;
}
.pagination a{
    display:inline-block;
    margin-right:10px;
    padding:0px 12px;
    height:32px;
    border:1px #cccccc solid;
    background:#fff;
    text-decoration:none;
    color:#808080;
    font-size:16px;
    line-height:32px;
}
.pagination a:hover{
    color:#e62022;
    background: white;
    border:1px #e62022 solid;
}
.pagination a.cur{
    border:none;
    background:#e62022;
    color:#fff;
}
.pagination p{
    display:inline-block;
    padding:2px 12px;
    font-size:12px;
    height:24px;
    line-height:24px;
    color:#bbb;
    border:1px #ccc solid;
    background:#fcfcfc;
    margin-right:8px;
}
.pagination p.pageRemark{
    border-style:none;
    background:none;
    margin-right:0px;
    padding:4px 0px;
    color:#666;
}
.pagination p.pageRemark b{
    color:red;
}
.pagination p.pageEllipsis{
    border-style:none;
    background:none;
    padding:4px 0px;
    color:#808080;
}

.msg{ padding: 20px; font-weight: bold;}
.inquiremsg {
	position: absolute;
	left: 0;
	bottom: 0;
	display: none;
}
.inquiremsg .sitewidget-bd{ padding: 40px 10px;}

.inquiremsg .con .fphoto l {
	padding-left: 35px;
}

.inquiremsg .con {
	position: fixed;
	background: #fff;
	z-index: 9998;
 /*! margin:50px; */
	border: 1px solid #e5e5e5;
	padding: 10px 10px;
	border-radius: 5px;
	top: 10%;
	width: 60%;
	height: 70%;
	overflow-y: auto;
	overflow-x: hidden;
	left: 20%;
	right: 10%;
}

.inquiremsg .bg {
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.inquiremsg.active {
	display: block;
}

.inquiremsg .bg{
	visibility: hidden;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 9996;
	background: rgba(0,0,0,0)
}

.inquiremsg .bg.active {
	visibility: visible;
	background: rgba(0,0,0,0.6);
}
.inquiremsg .control-group{	width: 100%;
	margin:1% 5%;}
.inquiremsg .control-group .controls input,.inquiremsg .control-group .controls select,.inquiremsg .control-group .controls textarea{width:90%;padding:4px 0;text-indent:6px;box-sizing:content-box;margin-left:-1px}

#faptcha_response_field{ width: 50%;}
.notes{ color: #999; padding: 20px;}

.body-content{ text-align: left; line-height: 30px; margin: 0 5px;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.05);}
.body-content img{ width: 100%; height: auto;}
.body-content ul{list-style-type:none;}
.body-content ul li{ display: inline-block;}
.footer3{ display: none;}
@media (max-width: 767px) {
.body-inner {
		padding-bottom: 45px;
}
/* 手机页脚 */
.footer3 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    height: 45px;
    background: #51a1ac;
    display: block;
}

.footer3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer3 ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: #ffffff;
    line-height: 50px;
    font-size: 0;
}

.footer3 ul li a {
    display: block;
    color: #ffffff;
}

.footer3 ul li .iconfont {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.footer3 ul li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #ffffff;
}
.footer3 i{
	font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
}