@import url('animate.min.css');
@import url('jquery.fancybox.css');
@import url('owl.css');

/*====== Link Google Fonts API ========*/
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i');
/*====================================================================

/***====================================================================
1.	Default Section Style Start
====================================================================***/
body {
	color: #5a5a5a;
	font-family: 'Oswald', sans-serif;;
	font-size: 14px;
	line-height: 1.8;
	overflow-x: hidden
}
* {
	box-sizing: border-box
}
ul {
	margin: 0;
	padding: 0
}
li {
	list-style-type: none
}
a {
	text-decoration: none !important
}
img {
	width: 100%;
	border: none
}
.clear {
	clear: both
}
.clearfix {
 *zoom: 1
}
.flex-box{
	display:flex
}
.clearfix:before, .clearfix:after {
	display: table;
	line-height: 0;
	content: ""
}
.clearfix:after {
	clear: both
}
.h1, .h2, .h3, .h4, h1, h2, h3, h4, .h5, .h6, h5, h6 {
	font-family: "Oswald", sans-serif;
	font-weight: bold;
	text-transform: uppercase
}
p {
	font-family: "Open Sans", sans-serif
}
table {
	width:100%
}
section {
	padding: 10px 0;
	width: 100%
}
.padding-70-0{
	padding: 10px 0
}
textarea {
	resize: none;
	min-height: 100px
}
.full-row {
	width: 100%;
	position: relative
}

/*================= Color Setting css ========================*/
.color-panel {
	position: fixed;
	right: -225px;
	top: 150px;
	z-index: 999;
	-webkit-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out
}
.color-panel.open {
	right: 0
}
.on-panel {
	height: 45px;
	left: -45px;
	position: absolute;
	top: 0;
	width: 45px;
	cursor: pointer
}
.on-panel img {
	padding: 10px
}
.panel-box {
  padding: 14px 10px 14px 20px;
  width: 225px;
  background: #f8f8f8
}
.panel-box .panel-title {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px
}
.color-box {
	display: table;
	width: 100%;
	text-align: left
}
.color-box li{
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	cursor: pointer
}
.scroll-btn{
	position: fixed;
	right: 30px;
	bottom: 50px;
	width: 35px;
	height: 35px;
	line-height: 33px;
	text-align: center;
	color: #fff;
	z-index: 9
}
.color-panel {
	background-color: #fff;
}
.color-box li.green {
	background-color:#90c923
}
.color-box li.blue {
	background-color:#44a9ff
}
.color-box li.red {
	background-color:#fa5656
}
.color-box li.purple {
	background-color:#9786ff
}
.color-box li.yellow {
	background-color:#ffcc17
}
.color-box li.orange {
	background-color:#ff9728
}
.color-box li.magento {
	background-color:#ff4ab0
}
.color-box li.turquoise {
	background-color:#0ab2a7
}
.color-box li.lemon {
	background-color:#abe645
}

/*================= Button Default ========================*/
.btn {
	-moz-user-select: none;
	border: 2px solid transparent;
	display: inline-block;
	border-radius:0px;
	font-size: 14px;
	font-weight: 500;
	line-height: 44px;
	padding: 0 24px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.15s ease-in-out 0s;
	vertical-align: middle;
	white-space: nowrap
}
.btn-link {
	font-weight: 600;
	border-radius: 0
}
.btn-cart {
  border: 1px solid transparent;
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  line-height: 30px;
  padding: 0 18px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.15s ease-in-out 0s
}
.btn-stock .btn {
  text-transform: capitalize;
  height:24px;
  line-height:22px;
  padding:0 10px;
  text-align:center;
  font-size:11px;
  font-weight:400
}
/*================= Social Icon Default ========================*/
.social-icon i {
    border: 2px solid transparent;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    text-align: center;
    width: 30px;
}

/*================= Section Title ========================*/
.section-title-area {
	margin: 0 auto .302px;
	text-align: center
}
.section-title{
	position: relative
	}
.section-title::before{
	bottom: -20px;
	content: "";
	height: 3px;
	left: 50%;
	position: absolute;
	width: 50px
}
.section-title .title-tag {
	display: table;
	font-size: 14px;
	font-weight: 500;
	margin: 0 auto 5px
}
.sub-title {
	display: inline-block;
	font-size:15px;
	font-style: italic;
	margin-top: 15px;
	width: 60%
}
.section-title-area-left{
	text-align:left
}
.section-title-area-left .title-tag{
	margin:0 0 5px
}
.section-title-area-left .section-title::before{
	left:0
}
.section-title-area-left .sub-title{
	width:100%;
	margin-bottom:30px
}
/*Inner Title*/
.inner-title {
	position: relative;
	margin-bottom:30px;
	display: inline-block;
	width: 100%
}
.inner-title:before {
	bottom: -12px;
	content: "";
	height: 3px;
	position: absolute;
	width: 50px
	
}
/***====================================================================
2.	Home Page-1
====================================================================***/
/*================= Top Header ================*/
.header-top {
	padding: 10px 0;
	font-size: 13px
}
.top-left > span {
	float: left;
	margin-right: 30px
}
.top-left .language select {
  -moz-appearance: none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none
}
.top-right ul {
	float: right;
	margin-right: 0
}
.top-right ul li a {
	display: inline-flex;
	padding-left: 5px
}
.top-right ul li:before{
	font-size:14px;
	color: #fff
}
.margin-left-7{
	margin-left: 7px
}
.top-right span.fa {
  padding:5px 0 0 5px
}
/*-------Cart dropdown---------*/
.cart-dropdown {
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	float: left;
	font-size: 14px;
	list-style: outside none none;
	position: absolute;
	right: 0;
	text-align: left;
	top: 63px;
	z-index: 1000;
	visibility: hidden;
	opacity: 0;
}
.cart{
	width: 300px;
	padding: 15px;
}
.cart li {
  display: flex;
  height: auto;
  padding: 10px;
  margin: 3px 0
}
.cart li a {
	width: 73%;
	line-height: 20px
}
.top-right .cart li.cart-dropdown-button a {
	color: #fff
}
.cart-dropdown li a{
	display: inline-block !important
}
.cart-dropdown li a p {
	font-size: 12px;
	color: #BCBCBC
}
.cart-dropdown img {
	background: #f5f5f5;
	float: left;
	margin-right: 10px;
	width: 60px;
	height: 60px;
	border: 2px solid #f5f5f5
}
li.cart-dropdown-button a {
	color: #fff;
	font-size: 13px;
	line-height: 40px;
	margin: 0 10px;
	padding: 0;
	text-align: center
}
.cart-dropdown .remove {
	cursor: pointer;
	float: right
}
.total_amount {
	text-align: right;
	display: inline-block !important;
	width: 100%;
}
/*---- Header Fixed CSS ----*/
.header.fixed-header .header-top {
    display: none
}
.header.fixed-header {
    background-color: rgba(0, 0, 0, 1);
	z-index: 999
}
.header {
    animation-fill-mode: both;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999
}
@keyframes menu_sticky {
0% {
    margin-top: -100px
}
50% {
    margin-top: -90px
}
100% {
    margin-top: 0
}
}
@keyframes menu_sticky {
0% {
    margin-top: -100px
}
50% {
    margin-top: -90px
}
100% {
    margin-top: 0
}
}
.header.fixed-header {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2)
}
.header.fixed-header {
  animation-duration: 1s;
  animation-name: menu_sticky;
  animation-timing-function: ease-out;
  left: 0;
  margin: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100
}
/*================= 
3.	Main Nav 
================*/
.main-nav {
    padding: 7px 0
}
.navbar-brand img {
 
}
.navbar-nav li {
  display: black;
  position: relative
}
.navbar-nav li:last-child {
  padding-right: 0px
}
.navbar-default .navbar-nav > li > a {
    line-height: 57px;
	font-weight:700;
    text-transform:uppercase;
	display: block;
	font-size: 13px
}
.dropdown-menu li.dropdown a i {
	float: right;
	line-height: 24px
}
/*-------dropdown---------*/
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	float: left;
	min-width: 220px;
	font-size: 13px;
	text-align: left;
	display: none;
	list-style: none
}
.navbar-nav .dropdown-menu > li > a{
	display: block;
	padding: 7px 20px;
	clear: both;
	line-height: 2;
	font-weight: 500;
	text-transform:uppercase;
	color: #fff
}
.top-right ul.dropdown-menu {
	padding: 10px 0;
	background: #fff;
	margin-top: 10px;
	left: 20px;
	min-width: 200px
}
.navbar-nav > li {
	float: left;
	color: #fff;
	padding: 0 15px;
	font-family: 'Raleway', sans-serif; font-weight:700
}
/*-------Mega Menu annimation dropdown---------*/
.navbar-default .navbar-nav li ul.mega-menu {
	-moz-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	-webkit-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s
}
.navbar-default .navbar-nav li > ul.mega-menu {
	visibility: hidden;
	display: block;
	opacity: 0;
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9)
}
.navbar-default .navbar-nav li:hover > ul.mega-menu {
	visibility: visible;
	opacity: 1;
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1)
}
.navbar-nav .mega-menu ul {
	left: 100%;
	top:0
}
/*-------Search Bar---------*/
.search-bar {
    position: relative;
    margin-left: 30px
}
.search-bar li a {
    color: #fff;
    line-height: 57px
}
.search-form {
    background: #fff none repeat scroll 0 0;
    height: 50px;
    padding: 0 20px;
    position: absolute;
    width: 300px;
    z-index: -99;
    top: 66px;
	visibility: hidden;
	opacity: 0;
    right: 0
}
.search-form.visible{
	animation-name:slideInRight;
	animation-duration:0.3s;
	top:66px;
	visibility: visible;
	opacity: 1
}
.header-search {
    position: relative;
}
.header-search input {
    width: 100%;
    border: none;
    line-height: 48px;
	outline: none;
	padding-right: 35px
}
.header-search > .src-close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid;
    cursor: pointer;
    line-height: 12px;
    padding: 5px 7px;
    position: absolute;
    right: -6px;
    top: 23%;
    z-index: 9999
}
/*===================== 
4.	Slider Section 
======================*/
#slider {
	padding: 0;
	position: relative
}
.carousel-inner .item::before {
  bottom: 0;
  content: "";
  position: absolute;
  top: 0;
  width: 100%
}
.carousel-caption {
	left: inherit;
	right: auto;
	text-align: left;
	width: 100%;
	bottom: inherit;
	top: 45%
}
.carousel-caption span {
  display: table;
  font-size: 50px;
  font-weight: bold;
  line-height: 60px;
  text-transform: uppercase
}
.carousel-caption p {
	font-size: 16px;
	margin: 5px 0 0;
	font-family: 'Roboto Condensed', sans-serif
}
.carousel-indicators {
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 1 !important;
    width: 60%;
    padding-left: 0;
    transform: translateX(-50%);
    text-align: center
}
.slider-item .carousel-indicators li {
	position: relative;
	width: 10px;
	height: 10px;
	background-color: transparent;
	border: 2px solid #fff;
	border-radius: 50%;
	display: inline-block;
	cursor: pointer;
	margin: 0 3px
}
.slider-item .carousel-indicators .active {
	width: 15px;
	height: 15px;
	margin: -2px 2px;
	background: #fff;
	border: 2px solid;
	transition: all 300ms ease-in-out
}
.request-quote {
  position: absolute;
  right: 3%;
  top: 50%
}
.quote-title {
	display: inline-block;
	padding: 25px 30px;
	width: 100%
}
.quote-title p{
	margin-bottom:0
}
.quote-form {
	padding: 0 30px 30px
}
/*====================================================================
4.1 Slider Animation css
====================================================================*/

.slider-item  .carousel-caption span {
	-moz-animation-delay: 0.2s;
	-ms-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	visibility: hidden;
	opacity: 0
}
.slider-item  .carousel-caption p {
	-moz-animation-delay: 0.6s;
	-ms-animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	visibility: hidden;
	opacity: 0
}
.carousel-caption li:nth-child(1) {
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}
.carousel-caption li:nth-child(2) {
	animation-delay: 1.1s;
	animation-duration: 1s
}
.carousel-caption li:nth-child(3) {
	animation-delay: 1.2s;
	animation-duration: 1s
}
.carousel-caption .btn-primary {
	-moz-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	visibility: hidden;
	opacity: 0
}
.slider-item  .item.active .carousel-caption p, 
.slider-item  .item.active .carousel-caption span, 
.slider-item  .item.active .carousel-caption li:nth-child(1), 
.slider-item  .item.active .carousel-caption li:nth-child(2), 
.slider-item  .item.active .carousel-caption li:nth-child(3) {
	animation-name: fadeInUp
}
.slider-item  .item.active .carousel-caption p, 
.slider-item  .item.active .carousel-caption span, 
.slider-item  .item.active .carousel-caption li:nth-child(1), 
.slider-item  .item.active .carousel-caption li:nth-child(2), 
.slider-item  .item.active .carousel-caption li:nth-child(3) {
	animation-duration: 1s;
	animation-fill-mode: both;
	visibility: visible;
	opacity: 1
}
.slider-item  .item.active .carousel-caption .btn-primary {
	animation-name: fadeInUp
}
.slider-item  .item.active .carousel-caption .btn-primary {
	animation-duration: 1s;
	animation-fill-mode: both;
	visibility: visible;
	opacity: 1
}
/*===================== 
5.	Welcome Section 
======================*/
.overflow-hidden {
	overflow: hidden;
	display: block
}
.thumb-title {
	margin: 15px 0
}
.image-rotate{
  overflow: hidden;
  display: block
}
.image-rotate:hover img{
	-webkit-transform: scale(1.2) rotate(7deg);
	transform: scale(1.2) rotate(7deg)
}
.welcome-item {
	margin-bottom: 30px
}
/*===================== 
6.	Our Service Section 
======================*/
.service-item {
	margin: 10px 0;
	padding: 3px 7px;
	    box-shadow: 1px 1px 8px 1px #888888;
}
.service-item a {
	display: block
}
.service-item{
	width: 100%;
	position: relative;
	display: flex;
	cursor: pointer;
	z-index: 1
}

.service-item:before {
	content:"";
	position: absolute;
	height: 100%;
	width:0;
	top:0;
	left:0;
	z-index: -1;
	-webkit-transition: ease-out 0.4s;
	-moz-transition: ease-out 0.4s;
	transition: ease-out 0.4s
}
.service-item:hover::before {
	width: 100%
}
.margin-top-100 {
	margin-top: 100px
}
.no-padding {
	padding: 0
}
.margin-top-20 {
	margin-top: 0px
}
/*===================== 
7.	Our Service Details Section 
======================*/
.service-list a {
  display: table;
  font-weight: 600;
  margin-bottom: 3px;
  padding: 15px 30px;
  text-transform: uppercase;
  width: 100%
}
.service-list .icon-item{
	margin:-5px 15px 0 0
}
.special-service-item span {
  border-radius: 50%;
  display: inline-block;
  height: 180px;
  line-height: 200px;
  margin: 0 auto;
  width: 180px;
  margin-bottom: 15px
}
.special-service-item [class^="flaticon-"]::before{
	font-size:54px;
	margin:0
}
/*===================== 
8.	Popular Question Section 
======================*/
.according_area {
  margin-bottom: 3px
}
.according_title::before {
  content: "";
  height: 2px;
  position: absolute;
  right: 20px;
  top: 21px;
  width: 10px
}
.according_title {
  cursor: pointer;
  font-weight: 600;
  line-height: 44px;
  overflow: hidden;
  padding: 0 50px 0 15px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap
}
.according_title::after {
  content: "";
  height: 2px;
  position: absolute;
  right: 20px;
  top: 21px;
  width: 10px
}
.according_title i{
  margin-right:7px
}
.according > div:first-child .according_details {
  display: inline-block
}
.according_details {
  display: none;
  padding: 0 15px
}
.margin-top-30{
	margin-top: 30px
}
/*===================== 
9.	Photo Gallery Section 
======================*/
.background-1 {
	background: rgba(0, 0, 0, 0) url("../images/gallery/bg.png") no-repeat fixed 0 0 / cover;
	background-position: center center
}
.overlay-1::before {
	bottom: 0;
	content: "";
	position: absolute;
	top: 0;
	width: 100%
}
.gallery-item {
	position: relative;
	margin: 15px 0;
	display: block;
	overflow: hidden
}
.masonry .gallery-item {
	margin-bottom: 0;
	margin-top: 0
}
.gallery-item .overlay {
	bottom: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%
}
.plus {
	background-size: cover;
	left: 50%;
	position: absolute;
	top: 50%;
	width: 50px;
	opacity: 0;
	text-align: center;
}
.gallery-item:hover .overlay .plus {
	opacity: 1
}
.gallery-item img {
   opacity:1;
   transform:scale(1,1);
   transition: all 0.2s ease-in
}
.gallery-item .traingle {
   opacity:0;
   overflow:visible;
   border-color:rgba(3, 13, 38, 0.5) transparent transparent transparent;
   border-style:solid;
   border-width:180px;
   width:100%;
   height:100%;
   transform:translateY(-125px)
}
.gallery-item a.info {
   opacity:0;
   transform:translateY(-125px);
   transition: transform 0.3s ease-in, opacity 0.1s ease-in-out
}
.gallery-item:hover img {
   opacity:0.8;
   transform:scale(1.2,1.2) rotate(7deg)
}
.gallery-item:hover .overlay {
   opacity: 1;
   transform: translateY(0px)
}
.gallery-item:hover a.info {
   opacity:1;
   transform:translateY(100px)
}
/*===================== 
10.	Testimonial Section 
======================*/
.testimonials-carousel.owl-carousel .feedback{
  margin: 40px auto 0;
  text-align: center;
  width: 112%;
  padding:0 40px
}
.testimonials-carousel.owl-carousel .owl-item img,
.testimonials-carousels.owl-carousel .owl-item img {
  border: 7px solid #f1f1f1;
  border-radius: 50%;
  display: table;
  margin: 0px auto 30px;
  width: 100px
}
.testimonials-carousels.owl-carousel .owl-item img {
  margin: -30px auto 0px;
  width: 80px
}
.testimonial-person-detail {
  margin-bottom: 20px
}
.testimonial-person-detail .thumb-title{
	margin-top:25px;
	text-transform:capitalize
}
.testimonial-person-detail span{
	text-transform:uppercase;
	font-weight:500
}
.testimonials-carousel.owl-carousel .owl-controls .owl-dots{
	display:block !important
}
.testimonials-carousel.owl-carousel .owl-controls .owl-nav{
	display:none
}
/*===================== 
11.	Achivement Section 
======================*/
.background-2{
	background:url(../images/achivement/bg.png) no-repeat fixed 0 0 / cover;
	background-position: center center
}
.achivement strong {
  display: table;
  font-family: "Oswald", sans-serif;
  font-size: 34px;
  margin:0 auto
}
.achivement > span {
  font-size: 18px;
  position:relative;
  padding: 15px 0;
  display: block
}
.achivement > span::after {
  bottom: -20px;
  content: "";
  height: 3px;
  left: 50%;
  position: absolute;
  width: 50px
}
.achivment-caption {
	width: 70%;
	margin: 0 auto;
	color: #fff
}
.banner-title {
	line-height: 36px
}
.margin-top-50 {
	margin-top: 50px
}
/*=====================
12.	Latest News Section 
======================*/
.blog-item {
  margin-bottom: 30px
}
.blog-text {
  padding: 20px;
  text-align: center
}
.blog-text a span {
  display: inline-block;
  font-size: 12px;
  margin: 0 3px;
  text-transform: uppercase
}
.blog-item .overlay {
  bottom: -1px;
  position: absolute;
  top: 0;
  width: 100%
}
.post-admin {
	margin-bottom: 20px
}
.blog-item:hover .overlay .plus{
	opacity:1
}
/*===================== 
13.	Blog Sidebar 
======================*/
.blog-sidebar {
  margin-top:10px
}
.padding-left-30{
	padding-left:30px
}
.padding15{
	padding:15px
}
.search-box .form-control{
  border:none
}
.search-box > a {
	position: absolute;
	right: 0;
	top: 0;
	padding: 9px 15px 10px
}
.blog-sidebar .sidebar-widget .inner-title {
  margin:0 0 45px
}
.blog-sidebar .sidebar-widget:last-child {
  margin-bottom:0
}
.blog-category li {
  padding-bottom: 15px
}
.blog-category li:last-child {
  padding-bottom: 0
}
.blog-category li a {
  font-weight: 500;
  text-transform:uppercase
}
.archive li {
  margin-bottom: 15px;
  font-weight:500
}
.archive li:last-child{
	margin-bottom:0
}
.recent-post ul li {
  margin-bottom:20px
}
.recent-post ul li:last-child {
  margin-bottom:0px
}
.recent-post ul li a {
	font-weight: 600;
	display:table
}
.recent-post ul li span {
	font-size:13px;
	font-weight: 500;
	font-style:italic;
	margin-right: 15px
}
.popular_tab li{
	padding-right:5px
}
.popular_tab li a {
	border: medium none;
	border-radius: 0;
	font-weight: 500;
	height: 44px;
	line-height: 44px;
	padding: 0px 20px;
	position: relative;
	text-transform: uppercase
}
.popular_tab li a:before{
	 content:"";
	 position:absolute;
	 width: 0; 
	 height: 0; 
	 border-left: 10px solid transparent; 
	 border-right: 10px solid transparent; 
	 border-top: 10px solid;
	 top:43px;
	 left:50%;
	 display:none
}
.popular_tab li a:hover:before,
.populer_comment .nav-tabs li.active a:before{
 display:block
}
.tab-pane .post_area ul li span i{
 padding-left:0px
}
.tab-pane .post_area{
 padding-top:30px
}
.post_area ul li{
 padding-bottom:20px
}
.post_area ul li:last-child{
	padding-bottom:0
}
.post_area ul li a{
 font-weight:500;
 display:block
}
.post_area ul li span{
 font-size:13px;
 text-transform:capitalize;
 padding-top:5px;
 display:block;
 font-style:italic;
 font-weight:400
}
.post_area ul li span i{
 padding-left:10px
}
.tags {
  display: inline-block;
  width: 100%
}
.tags a {
  float: left;
  height: 40px;
  line-height: 40px;
  margin: 0 4px 4px 0;
  padding: 0px 20px;
  font-weight:500
}
/*===================== 
14.	Blog Single 
======================*/
.blog-detail .blog-item{
	box-shadow:none
}
.blog-detail .blog-text{
	text-align:left;
	padding: 0px
}
.blog-detail .blog-text a span {
  margin-left: 5px;
  text-transform: inherit
}
.blog-detail .blog-text blockquote,
.related-post .post span, .comment-detail > span {
	font-style: italic
}
.blog-detail .blog-text blockquote {
  font-size: 14px;
  font-weight: 500;
  margin: 30px 0 30px 85px;
  padding: 15px 25px
}
.tag-share {
  display: table;
  padding: 12px
}
.blog-detail .tag-share > span {
  display: table-cell;
  vertical-align: middle
}
.blog-detail .tag-share .btn-share i{
  margin-right:7px
}
.blog-detail .tag-share .btn-share .btn-primary{
  height:40px;
  line-height:36px
}
.related-post .post {
  float: left;
  margin: 15px 0 25px 45px;
  width: 40%
}
.related-post .post > a {
  font-weight: 600;
  display:table
}
.related-post .post span {
  font-size: 13px;
  font-weight: 500;
  margin-right:15px
}
.comment-item > img {
  border-radius: 50%;
  float: left;
  margin-right: 30px;
  width: 80px
}
.comment-detail {
  display: table
}
.comment-detail > span {
  font-size: 13px;
  margin: 5px 0
}
.margin-left-80 {
  margin-left: 80px
}
.comment-item, .comment-detail > span {
  display: inline-block
}
/*===================== 
15.	Download Guide Section 
======================*/
.padding-40 {
	padding:40px 0;
}
.get-tch p {
  font-size: 18px;
  font-weight: 600;
  line-height:48px;
  text-transform: uppercase;
  margin:0
}
.download-btn {
    position: absolute;
    right: 15px;
    top: 50%
}
.download-btn .btn-secondary{
	margin:0px;
}
.no-margin {
	margin: 0
}
/*===================== 
16.	Footer Section 
======================*/
.footer-widget > img {
	width: 150px;
	margin: 10px 0
}
.widget-title {
  line-height: 70px;
  margin: 0
}
.footer-social-icon {
	margin-top: 0px
}
.widget-content {
  margin-top: 30px
}
.footer-widget .address li {
  padding: 7px 0
}
.footer-widget ul li {
  padding-bottom: 20px;
  display: inline-flex
}
.footer-widget ul li a{
	display: inline-block
}
.footer-widget ul li i {
  margin: 6px 10px 6px 0
}
.footer-widget ul li span {
  display: table
}
.tweet-content a {
  font-style: italic
}
.widget-content form{
  position: relative;
  margin-top:30px
}
.footer-widget .form-group input {
  height: 50px;
  padding: 10px
}
.footer-widget form .btn-primary {
  border: medium none;
  font-weight: 600;
  height: 50px;
  margin:0;
  padding: 0 20px;
  position: absolute;
  right: 0;
  top:0;
  text-transform: uppercase
}
.footer-widget .social-icon li a i {
  margin: 5px
}
.footer-widget .social-icon li a i:first-child{
  margin-left: 0px
}
.bottom-nav {
	text-align: left
}
/*===================== 
17.	Footer Bottom Section 
======================*/
#footer-bottom {
  height: 60px;
  line-height: 59px
}
#footer-bottom{
	text-align:center
}
#footer-bottom li{
	display:inline-block
}
#footer-bottom li a {
  text-transform:uppercase;
  font-size:12px;
  margin-right: 20px
}
#footer-bottom li:last-child a {
	margin:0
}
.copyright span {
  float: right;
  font-size:12px;
  line-height: 60px
}
/***====================================================================
18.	Home Page-2
====================================================================***/
/*===================== 
18.1	Slider-2 
======================*/
.carousel-indicators-2 .carousel-indicators {
    left: auto;
    right: 70px;
    top: 50%;
    width: 25px;
    margin: 0;
    transform: translateX(-50%)
}
.carousel-indicators-2 .carousel-indicators li {
	position: relative;
	width: 10px;
	height: 10px;
	background-color: transparent;
	border: 2px solid #fff;
	border-radius: 50%;
	display: inline-block;
	cursor: pointer;
	margin: 0 3px;
	float: none
}
.carousel-indicators-2 .carousel-indicators .active {
	width: 15px;
	height: 15px;
	margin: -2px;
	background: #fff;
	border: 2px solid;
	transition: all 300ms ease-in-out
}
/*===================== 
18.2	Welcome Patron-2 
======================*/
.request-quote-2{
	position: absolute;
	top: -188px
}
.quote-form .form-control {
  background-color: transparent;
  border-left-color: transparent;
  border-radius: 0;
  border-right-color: transparent;
  border-top-color: transparent;
  box-shadow: none;
  font-size: 14px;
  height: 44px;
  margin-top: 25px;
  padding: 6px 0;
  width: 100%
}
/*===================== 
19.	Our Service-2 
======================*/
.service-left {
  padding: 30px;
  position: absolute;
  margin-right: 15px;
  top: -65px
}
.service-left::before {
  border-color: transparent #c5c5c5 #c5c5c5 transparent;
  border-style: solid;
  border-width: 33px 15px 32px;
  content: "";
  left: -30px;
  position: absolute;
  top: 0
}
.padding-90 {
  padding-top: 90px;
  padding-bottom: 90px
}
/*===================== 
20.	Why Choose Us-2 
======================*/
.text-right{
	text-align: right
}
.text-left{
	text-align: left
}
.margin-bottom-15{
	margin-bottom: 15px
}
.margin-right-15{
	margin-right: 15px
}
.margin-left-15{
	margin-left: 15px
}
.why-us-text a{
	display: block
}
/*===================== 
21.	Achivement-2 
======================*/
.background-3{
  background: rgba(0, 0, 0, 0) url("../images/achivement/1.png") no-repeat 0 0 / cover ;
  background-position: center center
}
.achivement-2 .achivement {
  background: rgba(0, 0, 0, 0) url("../images/achivement/border-img.png") no-repeat scroll 0 0 / cover ;
  padding: 23px 0;
  text-align: center;
  height:133px
}
.achivement-2 .achivement > span{
	padding:0
}
.achivement-2 .achivement > span::after{
	display: none
}
/*===================== 
22.	Our Team 
======================*/
.padding-15{
	padding: 15px 0
}																			
.margin-top-30{
	margin-top: 5px
}
.team-member .designation{
	font-size:13px;
	font-weight:500
}
.team-overlay, .team-overlay .team-title,
.team-overlay p, .team-overlay .social-icon{ 
	opacity:0
}
.team-overlay{
	transition: all 0.3s ease-in 0.4s;
	overflow: hidden;
	padding:30px 20px;
	text-align: center;
	position:absolute;
	top:0;
	bottom:0;
	cursor: pointer
}
.team-member:hover .team-overlay{  
	opacity:1; 
	transition-delay: 0s
}
.team-overlay .team-title,
.team-overlay p{
    transition: all 0.3s ease-in-out 0.2s;
	-webkit-transition: all 0.3s ease-in-out 0.2s
}
.team-overlay:hover .team-title{
	opacity: 1;
	transition-delay: 0.1s
}
.team-member:hover p,
.team-member:hover .social-icon  { 
	opacity:1;
	transition-delay: 0.2s
}
.team-overlay .social-icon {
	transition: all 0.3s ease-in-out 0.1s;
	-webkit-transition: all 0.3s ease-in-out 0.1s
}
/*===================== 
23.	Profile Details 
======================*/
.profile-details-img .social-icon {
  height: 100px;
  line-height: 100px;
  margin-top: 7px
}
.profile-name span {
  display: block;
  margin-bottom: 5px
}
.personal-info li {
  font-weight: 600;
  padding:14px 15px
}
.personal-info span {
  float: right;
  font-family: 'Oswald', sans-serif;
}
/*===================== 
24.	Our Testimonial-2 
======================*/
.padding20{
	padding: 20px
}
.margin-30{
	margin: 30px 0
}
.background-4 {
  background: rgba(0, 0, 0, 0) url("../images/testimonial/bg.png") no-repeat fixed 0 0 / cover;
  background-position: center center
}
.testimonials-carousels img {
  left: 50%;
  position: absolute;
  top: 0
}
.testimonials-carousels .testimonial-person-detail {
  display: inline-block
}
.testimonials-carousels .feedback .thank {
  font-weight: 500;
  display: block
}
/*===================== 
25.	Pricing 
======================*/
.padding-30{
	padding: 30px 0
}
.padding-bottom-30{
	padding-bottom: 30px
}
.month-rate {
  font-weight: 600
}
.month-rate span {
  font-size: 24px
}
.price-list li {
  padding: 8px 0
}
.price-list li:last-child {
  border-bottom: none;
}
/*===================== 
26.	Special Speech 
======================*/
.background-5 {
  background:rgba(0, 0, 0, 0) url("../images/special-speech/1.png") no-repeat fixed 0 0 / cover ;
  background-position: center center;
  font-weight: 500
}
.overlay-2::before {
	bottom: 0;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
.special-speech-sub-title {
  font-size: 18px;
  font-weight: 500
}
/*===================== 
27.	Get Your Choice 
======================*/
.padding30{
	padding:30px
}
.get-process{
	margin:0 -15px
}
/***====================================================================
28.	Home Page-3
====================================================================***/
#header-3 .header-top{
	display: none
}
/*===================== 
28.1  Why Choose Us-2 
======================*/
.padding-top-30{
	padding-top: 30px
}
.why-choose-img.overflow-hidden {
	border-radius: 50%;
	width: 100%;
	display: table;
	margin: 0 auto;
	position: relative;
	padding-top: 20px;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}
.why-choose-img.overflow-hidden img {
	width: 55%
}
/* progress-bar */
.prgs-bar > span {
  font-weight: 600;
  text-transform: uppercase
}
.skill-progress .progress {
  margin: 5px 0 35px;
}
.skill-percent {
  position: absolute;
  right: 0;
  text-align: right;
  top: -25px
}
.skill-percent {
  font-weight: bold
}
.progress-bar {
  transition: all 3000ms ease 0s;
  width: 0
}
/*===================== 
29.	Specification 
======================*/
.specification-item span{
  display: table;
  margin:0 auto 40px;
  font-size:16px
}
.white-line {
  height: 2px;
  left: 54%;
  position: absolute;
  top: 3%;
  width: 100%
}
.specification-item i {
  font-size:40px
}
/*===================== 
30.	Gallery-2 
======================*/
.gallery-text {
	position: absolute;
	top: 50%;
	left: 50%
}
.overlay .gallery_title::before, 
.overlay .gallery_title::after {
  content: "";
  height: 3px;
  position: absolute;
  width: 30px;
  top: 11px
}
.overlay .gallery_title::before{
  left: -40px
}
.overlay .gallery_title::after {
  right: -40px
}
.gallery-item .overlay .gallery_title {
	opacity:1
}
.overlay [class^="flaticon-"]::before,
.overlay [class^="flaticon-"]::after{
	font-size: 36px
}
/*===================== 
31.	Partners 
======================*/
.partner-slider .owl-controls {
  display: none !important;
  margin: 0;
  width: 100%;
  z-index: 1
}
/***====================================================================
	About Us
====================================================================***/
/*===================== 
32.	Banner 
======================*/
#banner {
 background: rgba(0, 0, 0, 0) url(../images/slider/bg.jpg) no-repeat fixed center center / cover;
  padding: 50px 0 0;
  position: relative
}
#banner:before {
	position:absolute;
	content:"";
	top:0;
	bottom:0;
	width:100%
}
.banner-content {
  display: inline-block;
  padding: 90px 0;
  width: 100%;
  
}
.page-titile {
   float: left;
   margin: 0;
   line-height: 70px;
}
.banner-nav {
  margin: 24px 0
}
.banner-nav li {
  float: left;
  font-size: 15px;

  padding-left: 5px
}

/*===================== 
33.	Company Intro 
======================*/
.about-video{
	width: 100%;
    height: 350px;
    background: url(../images/about-us/1.png);
    background-size: cover;
    position: relative
}
.about-video span {
  position: absolute;
    width: 70px;
    height: 70px;
    top: 50%;
    left: 50%;
    z-index: 2;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.YouTubePopUp-Wrap {
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999
}
.YouTubePopUp-Content {
  background: rgba(0, 0, 0, 0) url("../images/fancybox/fancybox_loading.gif") no-repeat scroll center center;
  display: block;
  height: 100%;
  margin: 0 auto;
  max-width: 680px;
  position: relative
}
.YouTubePopUp-Content iframe {
  border: medium none;
  bottom: 0;
  display: block;
  height: 480px;
  margin: auto 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  width: 100%
}
.about-video [class^="flaticon-"]::before{
	font-size:80px;
	margin:0
}
/*===================== 
34.	Our History 
======================*/
.history-detail {
  box-shadow: 0 1px 10px #eee
}
.history-list li {
  margin-left: 40px;
  padding-bottom: 5px;
  position: relative
}
.history-list li::before {
  content: "";
  font-family: "FontAwesome";
  left: -36px;
  position: absolute;
  top: 5px
}
.history-list li::after {
  content: "";
  height: 155px;
  left: -31px;
  position: absolute;
  top: 26px;
  width: 2px
}
.history-list li span{
	font-size:18px;
	font-weight:bold
}
.history-list li .thumb-title{
	text-transform:capitalize
}
.history-list li p a {
	font-style:italic
}
/***====================================================================
35.	Pricing-2
====================================================================***/
.pricing-item {
	height: 570px;
	position: relative
}
.margin-bottom-30{
	margin-bottom: 30px
}
.pricing-nav li{
	display: inline-block;
	margin: 2px 0
}
.pricing-nav li a{
	height: 44px;
	line-height: 44px;
	padding: 0 25px;
	display: block
}
.pricing-item .btn-secondary {
	position: absolute;
	left: 50%;
	bottom: 30px
}
/***====================================================================
36.	Product Page Section Style Start
====================================================================***/
.product-list > li {
  padding: 10px 0
}
.product-list li a i{
	padding-right:7px
}
.sub-category {
  margin-left: 30px
}
.sub-category > li {
  padding: 8px 0
}
.sub-category > li:last-child {
  padding-bottom: 0
}
#pricing-range {
  height: 3px;
  margin: 20px 0
}
.filter-range {
  height: 100%;
  width: 65%;
  position:relative
}
.filter-range::before, .filter-range::after {
  border-radius: 50%;
  content: "";
  height: 15px;
  position: absolute;
  top: -6px;
  width: 15px;
  -webkit-box-shadow: 1px 1px 0 1px rgba(0,0,0,.1);
  box-shadow: 1px 1px 0 1px rgba(0,0,0,.1)
}
.filter-range::before{
	left:0
}
 .filter-range::after{
  right: 0
}
.shop-filter .filter {
  display: inline-block;
  padding: 0 20px 20px;
  width: 100%
}
.ad-banner::before {
  bottom: 0;
  content: "";
  position: absolute;
  top: 0;
  width: 100%
}
.ad-banner .banner-detail {
  padding: 20px 38px 20px 20px;
  position: absolute;
  bottom: 0
}
.banner-detail a {
  line-height: 44px
}
.latest-product ul li {
  display: inline-flex;
  margin-top: 15px;
  width: 100%
}
.slide-arrow > a {
  margin-right: 10px
}
.latest-product ul li h6 {
font-family: 'Oswald', sans-serif;
  font-size: 13px;
  margin-top: 0;
  text-transform: capitalize
}
.post-img img {
  margin: 0 15px;
  width: 70px
}
.rating {
  font-size:12px
}
.product-top-tool {
  display: table;
  height: 50px;
  padding: 10px;
  width: 100%
}
.view-type, .show-item {
  margin-top: 3px
}
.product-top-tool label{
	float:left;
	margin:0 10px 0 0;
	color:#1a1a1a
}
.product-top-tool select {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none
}
.product-top-tool .view-category li{
	float: left;
    margin-left: 5px
}
.product-top-tool .view-category li a {
  display: table-cell;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  width: 30px
}
.product-item{
	display:inline-block;
	width:100%
}
.product-img {
  position:relative
}
.product-detail .product-name {
  display: inline-block;
  font-weight: 500;
  width: 100%;
  margin-top:0px
}
.product-item .price {
  display:inline-block;
  font-weight: 500;
  width: 60%
}
.product-item .price > span {
  font-size: 12px;
  margin-right: 7px;
  text-decoration: line-through
}
.discount {
  font-weight: 500;
  height: 35px;
  left: 10px;
  line-height: 35px;
  padding: 0 10px;
  position: absolute;
  font-size:12px;
  text-transform: uppercase;
  top: 10px
}
/*Product List*/
.all-product-list .product-item {
  padding: 12px
}
.all-product-list .product-img {
  float: left;
  width: 32%
}
.all-product-list .product-detail {
  display: table;
  padding: 0px 30px;
  width: 68%;
  border:none
}
.all-product-list .product-item .price{
	margin:10px 0
}
.all-product-list .rating > span {
  margin-left: 7px
}
.product-detail > p {
  margin: 8px 0
}
.btn-stock > span {
  font-size: 12px;
  margin-left: 5px
}
/*===================== 
37.	Single Product 
======================*/
.product-info .product-detail{
	border:none
}
.preview-gallery {
  float: left
}
.preview-gallery img {
  margin: 10px 0;
  width: 80px;
  display:table
}
.preview-gallery img:first-child{
	margin-top:0
}
.rating > span {
  font-weight: 500;
  margin-left:10px
}
.product-code {
  border-bottom: 1px solid
}
.product-detail .brand {
  float: left
}
.product-color label {
  float: left;
  margin: -3px 10px 0 0;
}
.product-color li {
  display: inline
}
.product-color li a{
  display: inline-block;
  height: 20px;
  width: 20px
}
.product-quantity > label {
  float: left;
  margin-right:10px;
  margin-top:3px
}
.product-quantity span {
  display: table-cell;
  height: 35px;
  margin-right:35px;
  vertical-align: middle;
  width: 35px
}
.product-quantity .form-control {
  font-size: 12px;
  height: 35px;
  margin: 0 5px;
  padding: 3px;
  text-align: center;
  width: 35px
}
.product-quantity > p {
font-family: 'Oswald', sans-serif;
  font-weight: 500;
  margin: 4px 15px
}
.product-share .social-icon > li {
  display: inline-block;
  margin: 10px 0 0
}
.btn-product {
  margin: 15px 0
}
.btn-product .btn-primary {
  float: left;
  font-size: 11px;
  font-weight: 400;
  height: 31px;
  line-height: 28px;
  margin: 0 10px 0 0;
  padding: 0 18px
}
.product-info-tab .nav-tabs a {
  border-color: transparent;
  border-radius: 0;
  border-style: solid;
  border-width: 3px 0 0;
  height: 44px;
  line-height: 44px;
  padding: 0 25px;
  text-transform: uppercase
}
.product-info-tab .tab-content li {
  display: inline-flex;
  margin: 5px 0
}
.product-info-tab .tab-content li i {
  margin: 5px 15px 0 0
}
.technical-specification thead {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  display: table-caption
}
.technical-specification th {
  padding: 15px 0 15px 20px
}
.technical-specification td {
  padding: 4px 0 4px 20px;
  border:1px solid
}
/***====================================================================
38.	Cart
====================================================================***/
.shopping-cart-table thead{
	text-transform:uppercase
}
.shopping-cart-table thead tr th{
  margin-bottom: 15px
}
.product-thumbnail {
  width: 175px
}
.product-thumbnail img{
  margin: 12px
}
.product-information {
  width: 250px
}
.product-information a {
  display: table;
  font-weight: 500
}
.product-price {
  text-align: center;
  width: 150px
}
.product-qty .quantity input {
  display: table;
  height: 44px;
  margin: 2px auto;
  width: 44px;
  text-align:center
}
.product-qty .bg-gray{
  border: medium none
}
.product-price .old-price {
  display: table;
  margin: 0 auto;
  text-decoration: line-through
}
.variation-Color .color {
  border: 1px solid;
  display: inline-block;
  height: 18px;
  margin: -5px 3px;
  width: 18px
}
.product-info a i.fa {
  font-size: 16px;
  margin-top:7px
}
.product-subtotal, .product-qty {
  width: 100px;
  font-size:16px;
  font-weight:500
}
.product-remove {
  width: 42px
}
.coupon #coupon-code {
  border: 2px solid transparent;
  border-radius: 0;
  height: 48px;
  text-transform: uppercase;
  font-weight: 500;
  float:left
}
.coupon .btn-secondary {
  margin: 30px 0 0 -2px
}
.margin-top-40 {
  margin-top: 40px
}
.cart-totals table tr td {
  padding: 10px 15px
}
.cart-totals td span{
	float:right
}
.order-total > td {
  font-weight: 600;
  text-transform: uppercase
}
.order-total span {
  font-size: 21px
}
/***====================================================================
39.	Account
====================================================================***/
.padding-70{
	padding: 70px 15px
}
.sign-form::before {
  bottom: 0;
  content: "";
  position: absolute;
  top: 0;
  width: 25%
}
.sign-up p, .sign-in p{
  width: 58%
}
.sign-up-form .form-control {
  border: medium none;
  box-shadow: none;
  width: 570px;
  margin: 7px 0
}
.sign-up a.active::before, .sign-in a.active::before {
  border-radius: 50%;
  content: "";
  height: 30px;
  position: absolute;
  right: -14px;
  width: 30px
}
.sign-up-form {
  display:table;
  margin: 0 auto;
  width: 70%
}
.sign-up-form #checkbox1{
	margin-right:7px
}
.sign-up-form label{
	font-weight:normal
}
.sign-up-form .alt-link {
  display: inline-block;
  text-transform:uppercase;
  font-weight:600
}
/***====================================================================
40.	Our History
====================================================================***/
.about-category-nav li {
  margin-bottom: 5px;
  overflow: hidden
}
.about-category-nav li a{
  display: inline-block;
  font-weight: 500;
  line-height: 50px;
  padding: 7px 20px;
  text-transform: uppercase;
  width: 100%;
  position: relative;
  transition: .2s transform ease-in-out;
  will-change: transform;
  z-index: 0
}
  .about-category-nav li a::after{
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-100%, 0) rotate(10deg);
    transform-origin: top left;
    transition: .2s transform ease-out;
    will-change: transform;
    z-index: -1
 } 
.about-category-nav li a:hover::after{
    transform: translate(0, 0)
 }  
.about-category-nav li a:hover{
    color: indigo;
    transform: scale(1.05);
    will-change: transform
}
.sidebar-widget button {
  line-height: 50px;
  margin: 2px 0;
  text-align: left;
  width: 100%
}
.sidebar-widget [class^="flaticon-"]::before{
	font-size:16px;
	margin-right:7px;
	margin-left:0
}
.info-pages .btn-link {
  display: table
}
.info-pages ul li::after{
	height:145px !important
}
/***====================================================================
41.	Service Values
====================================================================***/
.box-list {
  margin-left: 50px
}
.box-list li {
	position:relative;
font-family: 'Oswald', sans-serif;
}
.box-list li::before {
  content: "";
  height: 9px;
  left: -30px;
  position: absolute;
  top: 9px;
  width: 9px
}
.all-packages {
  display: inline-block
}
.package-values{
	width:34%;
	float:left
}
.package-values li {
  border-bottom: 1px solid;
  padding: 20px
}
.package-values li:last-child{
	height:80px
}
.package-values li:first-child, .package-values-item li ul {
  height: 150px
}
.package-values li .thumb-title {
  display: table-cell;
  height: 110px;
  vertical-align: middle
}
.package-values li i.fa {
  margin-right: 15px 
}
.package-values-item {
  border: 1px solid #fff;
  border-top:none;
  border-right:none;
  float: left;
  width: 16.5%
}
.package-values-item li ul li .thumb-title{
	margin-top:0
}
.package-rate {
  font-family: "Oswald",sans-serif;
  font-size: 21px;
  font-weight: bold
}
.package-values-item li ul li {
  padding: 13px;
  border-top: none
}
.package-values-item li ul li {
  padding: 13px;
  border-bottom:1px solid #fff
}
.package-values-item li ul li:last-child {
  padding: 13px;
  border-bottom:none
}
.package-values-item li {
  padding: 20px 0
}
.package-values-item > li:first-child{
	padding:0
}
.package-values-item li:last-child{
  height:88px
}
.package-values-item:hover li a.btn{
	border:2px solid
}
.package-values-item li:last-child a.btn{
	height:40px;
	padding:0 15px;
	line-height:36px
}
.value-bottom-text p {
  width: 85%;
  margin: 0 auto
}
/***====================================================================
42.	Career
====================================================================***/
.info-pages .according_details p, 
.info-pages .according_details ul{
	margin:0 0 20px 0
}
.info-pages .according_details span{
	display:table;
	font-weight:500
}
.info-pages .according_details ul li{
	list-style:number inside;
	font-family: 'Oswald', sans-serif;
}
/***====================================================================
43.	Application
====================================================================***/
.brochure-info .btn-secondary [class^="flaticon-"]:before {
    font-size: 18px;
    line-height: 45px;
    padding-right: 9px
}
.brochure-info .btn-secondary {
    width: 100%
}
.brochure-info .btn-secondary:last-child{
	margin-top:7px
}
/***====================================================================
44.	Career
====================================================================***/
.application-form .apply-form textarea{
	height:230px !important
}
.application-form .apply-form .attatchment{
	margin-top:30px;
	height:44px
}
/***====================================================================
45.	Application
====================================================================***/
.responsibilities li {
  list-style: outside none decimal;
font-family: 'Oswald', sans-serif;
}
/***====================================================================
46.	Certification
====================================================================***/
.info-pages .item img {
  width: 270px
}
/*================
47.	Certification Single
=======================*/
.certification-item-list-detail .certification-detail-img {
  background: rgba(0, 0, 0, 0) url("../images/awards/award-single/1.png") no-repeat scroll 0 0 / cover ;
  display: inline-block;
  height: 400px;
  margin: 40px 0 20px;
  width: 100%;
  position: relative
}
.certification-item-list-detail .banner-title {
  left: 50%;
  position: absolute;
  top: 24%
}
.certification-details > span {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  margin: 10px 0
}
/***====================================================================
48.	FAQ
====================================================================***/
.search_question {
  border: medium none;
  font-size: 14px;
  font-weight: 400;
  height: 50px;
  padding: 0 20px;
  width: 100%
}
.search_icon {
  background-color: transparent;
  border: medium none;
  position: absolute;
  right: 5px;
  top: 15px
}
.info-pages .search_icon {
  right: 20px;
  top: 12px
}
.info-pages .inner-title{
	margin-top: 0
}
/***====================================================================
49.	Testimonial
====================================================================***/
.info-pages .testimonials img{
	width:80px !important;
	border-radius:50%
}
.info-pages .testimonial-person-detail {
  display: table;
  margin: 0 auto;
  padding: 0 0 30px 0;
  width: 75%
}
.info-pages .testimonial-person-detail .thumb-title{
	margin-top:0px
}
.info-pages .blog_pagination{
	text-align:center;
	margin-top:30px
}
/***====================================================================
50.	Quote
====================================================================***/
.quote_working_system p{
	margin-top: 20px
}
.quote_working_system ul li{
	position: relative;
	padding-left: 20px
}
.quote_working_system ul li:before{
	content: "\f046";  
    font-family: FontAwesome;
    left:0;
    position:absolute;
    top:0
}
.service_quote_form select{
	padding: 12px 20px;
	width: 100%;
	border: none
}
.service_quote_form input[type="checkbox"]{
	margin-right: 20px	
}
.service_quote_form li{
	float: left;
	width: 50%
}
.service_quote_form li label{
	font-weight:normal;
	cursor:pointer
}
.service_quote_form textarea{
	width: 100%;
	border: 1px solid;
	padding: 12px 20px;
	height:200px
}
.service_quote_form .form-group{
	position: relative
}
.service_quote_form .form-group a{
	position: absolute;
	right: 15px;
	top: 50%
}
/***====================================================================
51.	Help Center
====================================================================***/
.search-problem .form-control{
	border:none;
	height:48px
}
.search-problem .btn-primary{
	margin:0
}
.help-item [class^="flaticon-"]::before{
	font-size:80px
}
.help-item {
  padding: 40px
}
.line{
	width:30px;
	height:3px;
	display:block;
	margin:30px auto
}
#live-chat {
  background: rgba(0, 0, 0, 0) url("../images/banner/help-banner.png") no-repeat scroll right center / cover ;
}
.btn-live-chat .btn-secondary{
	margin-top:0
}
.btn-live-chat .btn-secondary {
  font-size: 21px;
  height: 64px;
  line-height: 64px;
  margin-top: 0
}
.btn-live-chat [class^="flaticon-"]::before{
	font-size:36px
}
/***====================================================================
52.	General Support
====================================================================***/
.support-list li a {
  border-bottom: 1px solid;
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding: 15px 30px;
  text-transform: uppercase
}
.support-list li a [class^="flaticon-"]::before{
	font-size:20px
}
.support-list li:last-child a {
	border:1px solid transparent
}
.margin-right-10{
  margin-right:10px
}
.support-article {
  border-top: 3px solid
}
.support-article .thumb-title{
	margin-top:0
}
/***====================================================================
53.	Terms and Condition Page CSS
====================================================================***/
.condition_details .time{
	font-weight: 600
}
/***====================================================================
54.	Support Article Detail Page CSS
====================================================================***/
.article-list li a {
	font-weight: 600;
	font-family: 'Oswald', sans-serif;
}
.article-list li{
	margin-bottom: 20px;
	list-style:decimal inside
}
.agreement-list {
 font-family: 'Oswald', sans-serif;
}
.agreement-list li{
	margin:7px 0;
	display: flex
}
.agreement-list li i.fa {
  margin: 6px 15px 0 0
}
.agreement-list span {
  display: table
}
/***====================================================================
55.	How it Work
====================================================================***/
.background-6{
	background:rgba(0, 0, 0, 0) url("../images/how-it-work/2.png") no-repeat scroll 30% center / cover
}
.how-work .sub-title{
	font-size:14px
}
.guaranty-safety-right {
  border: 2px solid;
  border-radius: 50%;
  display: inline-block;
  height: 350px;
  width: 350px;
  position:relative;
  left:50%
}
.guaranty-safety-right > img {
  left: 50%;
  position: absolute;
  top: 55%;
  width: 120px
}
.btn-safety{
	border:2px solid;
	width:124px;
	padding:0
}
.btn-safety-top, .btn-safety-right, .btn-safety-bottom, .btn-safety-left {
  position: absolute
}
.btn-safety-top {
  left: 50%;
  top: -15px
}
.btn-safety-right {
  right: -118px;
  top: 43%
}
.btn-safety-bottom {
  left: 50%;
  bottom: -15px
}
.btn-safety-left {
  left: 3px;
  top: 43%
}
/***====================================================================
56.	Working Experience
====================================================================***/
.working-experience-items::before {
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  width: 2px
}
.experience-content-right h6::before, 
.experience-content-left h6:before {
  border: 2px solid;
  border-radius: 50%;
  content: "";
  height: 12px;
  position: absolute;
  width: 12px
}
.experience-content-right h6::before{
	left: -6px
}
.experience-content-left h6:before {
	right:-6px
}
.btn-experience-left{
	margin:12px 45px 0 0;
	position: relative
}
.btn-experience-left .btn-primary::before, 
.btn-experience-right .btn-primary::before{
  content: "";
  position: absolute;
  border-top: 12px solid;
  top: 0
}
.btn-experience-left .btn-primary::before{
  right: -35px;
  border-right: 35px solid transparent
}
.btn-experience-right {
  margin: 14px 0 0 45px
}
.btn-experience-right .btn-primary::before {
  border-left: 35px solid transparent;
  left: -35px
}
.experience-duration .duration {
  font-size: 16px;
  font-weight: bold
}
/***====================================================================
57.	Pricing Extend
====================================================================***/
.service-measurement, .additional-security{
	margin:30px 0 10px 0;
	display:block
}
.single-select label{
	font-weight:normal
}
/*----- Input Radio Switch ----*/
.radio_check {
    border-radius: 22px;
    display: block;
    height: 44px;
    width: 90px;
	position: relative;
	overflow: hidden
}
.radio_check input[type="checkbox"]{
	display: none
}
.radio_check label {
	padding:0 15px;
	transform: translateX(0px);
	width: 135px;
	cursor: pointer;
	max-width: inherit
}
.radio_check input[type="checkbox"]:checked + label{
	background: #0040a0;
	color: #fff;
	transform:translateX(-44px)
}
.radio_check input[type="checkbox"]:checked + label:before{
	background: #fff
}
.radio_check label span {
	line-height: 44px
}
.radio_check label span:first-child {
	float:left
}
.radio_check label span:last-child {
	float:right
}
.radio_check label::before {
  background-color: #f1f1f1;
  border-radius: 50%;
  content: "";
  height: 34px;
  left: 50px;
  position: absolute;
  top: 5px;
  width: 34px;
  z-index: 1
}
/*----- Input Radio Switch ----*/
.additional-features input[type="checkbox"]{
	display: none
}
.additional-features label {
  border-radius: 35px;
  float: left;
  height: 44px;
  line-height: 44px;
  margin: 0 10px 10px 0;
  padding: 0 25px;
  cursor: pointer
}
.total-cost {
  display: inline-block
}
.total-amount > span {
  display: inline-block;
  height:70px;
  line-height:70px;
  padding: 0 35px;
  font-weight: 500;
  font-size: 24px
}
.message-box.form-control{
	height: 220px
}
/***====================================================================
58.	Contact
====================================================================***/
.contact-us span{
	font-style: italic;
	display: block
}
.contact-detail .sub-title {
	font-size:14px;
	font-weight:normal;
	width: 100%;
	text-transform: capitalize
}
.error-handel {
  bottom: -30px;
  display: table;
  height: 35px;
  left: 15px;
  margin: auto 0;
  position: absolute;
  text-align: left;
  width: 100%
}
#success, #error {
  display: none;
  line-height: 34px
}
#success {
	color: #31bb15
}
.contact-detail > span {
  display: inline-block;
  font-weight: 600;
  margin: 10px 0;
  text-transform: uppercase
}
.contact_message textarea{
	height: 200px
}
.contact-detail {
	height: 100%;
	position: relative
}
#map {
	width: 100%;
	height: 500px
}
.contact_message .error {
	font-weight: 300;
	font-size: 13px;
	color: #f00
}
/***====================================================================
59.	404
====================================================================***/
.error-page span.color-default{
	font-size:55px
}
.error-page p {
  display: table;
  margin: 30px auto 0;
  width: 46%
}
/***====================================================================
60.	Masonry Gallery
=====================================================================***/
.masonry li {
	float: left;
	display: flex
}