/**
	
* Template Name: Uwash - Cleaning Service Company HTML5 Template
* Version: 1.0.1
* Author: Unicoder
* Email: unicoder16@gmail.com
* Developed By: Unicoder
* Last Update: 28th July, 2017
* Author URL: www.unicoderbd.com

**/

/*===================================================
Table of CSS Content arrage with every section name
=====================================================
	1.   Default CSS
	2.   Default Padding & Margin css
	3.   Default Background css
	4.   Color Setting css
	5.   Header Top css
	5.1  Main Header section css
	5.2  Header Style 2 section css
	6.   Slider Section css
	6.1  Slider2 Section css
	6.2  Slider3 Section css
	7.   About Section css
	7.1  About-2 Section css
	8.   Service Section css
	8.1  Service2 Section css
	8.2  Service3 Section css
	9.   Why Choose Us Section css
	10.  Our Project Section css
	10.1 Our Project2 Section css
	10.2 Single Project Page css
	11.  Quote & Testmonial Section css
	12.  Recent News Section css
	12.1 Blog Page css
	12.2 Single Blog Page css
	13.  Pricing Table Section css
	14.  Acordion css
	15.  banner Section css
	16.  About Us Page css
	17.  Team Profile Page css
	18.  Service Inner Page css
	19.  Product Page css
	19.1 Single Product Page css
	19.2 Cart Page css
	20.  Terms and Condition page css
	21.  Quote, Sign In and Sign Up page css
	22. Contact page css
	23. Footer Section css
	24. Element Page css

===================================================== */

@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=Montserrat:400,400i,500,500i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i');

/*====================================================================
1. Default CSS
====================================================================*/
a {
	text-decoration: none !important;
	outline: none
}
ul {
	margin: 0;
	padding: 0
}
li {
	list-style: none
}
img {
	width: 100%
}
.full-row{
	position: relative;
	width: 100%
}
.flex-box{
	display: -webkit-box;
	display: flex
}
.text-area {
	margin: 15px 0;
	display: inline-block
}
.thumb-title{
	margin: 0 0 15px 0;
	position: relative
}
.inner-title {
	white-space: normal;
	margin: 0 0 20px 0
}
.according {
	margin: 15px 0
}
.circle {
	border-radius: 50%
}
.overflow-hidden{
	overflow: hidden
}
.line_primary, 
.line_black,
.line_default{
	position: relative
}
.line_primary::before, 
.line_black::before,
.line_default::before {
	content: "";
	width: 30px;
	height: 3px;
	position: absolute;
	bottom: -10px;
	left: 0
}
.btn {
	display: inline-block;
	white-space: nowrap;
	border: 2px solid transparent;
	border-radius: 30px;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	padding: 0 25px
}
.btn-link {
	font-weight: 600;
	text-transform: uppercase
}
.flaticon_small [class^="flaticon-"]:before{
	font-size: 20px
}
.flaticon_medium [class^="flaticon-"]:before{
	font-size: 45px
}
.flaticon_large [class^="flaticon-"]:before{
	font-size: 60px
}
.social_icon i{
	display: inline-block;
	margin-right: 20px
}
.list-icon li {
	margin-right: 18px;
	display: flex;
	float: left;
	line-height: 32px
}
.list-icon li i {
	margin: 6px 7px 0 0;
}
.social_icon a:last-child i,
.list-icon li:last-child{
	margin: 0
}
section{
	padding: 70px 0
}
h5, h6{
	text-overflow: ellipsis;
	white-space: nowrap
}
[type="checkbox"] {
	display: none;
}
label.checkboxes {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
}
[type="checkbox"]:checked + label.checkboxes::before {
	content: '✔';
	line-height: 13px;
	border: 1px solid;
	text-align: center
}
label.checkboxes::before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 15px;
	height: 15px;
	border: 1px solid;
	box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
.padding-top-70{
	padding-top: 70px
}
/*==========================Section Title===========================*/
.section_title{
	position: relative
}
.section_title:before, .section_title:after{
	position: absolute;
	content: "";
	width: 80px;
	height: 3px;
	left: 50%
}
.section_title:before{
	top: 0
}
.section_title:after{
	bottom: 0
}
.sub_title {
	width: 70%;
	display: table;
	margin: 35px auto 0;
	font-weight: 500
}
.section_title_2.line_default:before{
	left: 50%
}
/*====================================================================
2. Default Padding & Margin css
====================================================================*/
.no-padding{
	padding: 0 !important
}
.padding-10{
	padding: 10px 0
}
.padding-top-15{
	padding-top: 15px
}
.padding-bottom-15{
	padding-bottom: 15px
}
.padding-bottom-50{
	padding-bottom: 50px
}
.padding-15{
	padding: 15px 0
}
.padding_15{
	padding: 0 15px
}
.padding15{
	padding: 15px
}
.padding-top-30{
	padding-top: 30px
}
.padding-bottom-30{
	padding-bottom: 30px
}
.padding-30{
	padding: 30px 0
}
.padding_30{
	padding: 0 30px
}
.padding30{
	padding: 30px
}
.padding-70{
	padding: 70px 0
}
.padding-right-50 {
	padding-right: 50px
}
.padding-left-50 {
	padding-left: 50px
}
.padding-50-30{
	padding: 50px 30px
}
.no-margin{
	margin: 0 !important
}
.margin-top-15{
	margin-top: 15px
}
.margin-bottom-15{
	margin-bottom: 15px
}
.margin-15{
	margin: 15px 0
}
.margin_15{
	margin: 0 15px
}
.margin15{
	margin: 15px
}
.margin-top-30{
	margin-top: 30px
}
.margin-bottom-30{
	margin-bottom: 30px
}
.margin-bottom-40{
	margin-bottom: 40px
}
.margin-30{
	margin: 30px 0
}
.margin_30{
	margin: 0 30px
}
.margin30{
	margin: 30px
}
.margin-right-10{
	margin-right: 10px
}
.margin-right-30{
	margin-right: 30px
}
.margin-left-30{
	margin-left: 30px
}
.margin-top-70 {
	margin-top: 70px
}
.margin-auto{
	display: table;
	margin: 0 auto
}
/*====================================================================
3. Default Background css
====================================================================*/
.background_1{
	background: url(../images/bg-image/1.jpg) no-repeat center fixed
}
.page_banner{
	background: url(../images/banner_bg.jpg) no-repeat center / cover
}
.overlay_1, 
.overlay_2{
	position: relative
}
.overlay_1:before,
.overlay_2:before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%
}
/*====================================================================
4. 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
}
/*====================================================================
5. Header Top css
====================================================================*/
.top-header-list li {
	display: inline-block;
	margin-right: 15px;
}
.top-header-list li i{
	margin-right: 7px
}
.header_top {
	line-height: 50px;
	font-size: 12px
}
.header_top i{
	font-size: 14px
}
/*====================================================================
5.1 Main Header section css
====================================================================*/
.navbar-default .navbar-nav > li {
	padding: 33px 15px
}
.navbar-default .navbar-nav > li > a {
	text-transform: uppercase;
	padding: 0;
	font-weight: 600;
	font-size: 13px
}
.cart-nav {
	margin-right: 0px
}
.fixed-header .cart-nav li {
	padding: 12px 0
}
.cart-nav li {
	display: inline-block;
	padding:22px 0
}
.cart-nav li a:hover, .cart-nav li a:focus{
	background: transparent
}
.nav.cart-nav li a {
	border: 2px solid;
	padding: 5px 12px;
}
.header-style2 .nav.cart-nav li a {
	border: none;
	padding: 7px 12px;
}
.dropdown-toggle i.fa {
	font-size: 16px;
	padding-left: 5px
}
/*------- For Round Circle bottom of the menu ---------*/
.navbar-brand > img {
	display: block;
	left: 0;
	position: relative;
	top: 15px;
	width: 170px;
	z-index: 9
}
.navbar-brand::after {
	border-radius: 50%;
    content: "";
    height: 126px;
    left: -33px;
    position: absolute;
    top: 2px;
    width: 150px
}
.fixed-header .navbar-brand::after{
	display: none
}
.fixed-header .navbar-brand > img{
	top: 10px;
	width: 200px
}
.navigation .collapse.navbar-collapse {
	float: right;
	position: relative
}
/*--new add start--*/
.search_icon {
	cursor: pointer
}
.search_from_menu{
	top: -150px;
    position: absolute;
	width: 100%;
	padding: 20px 0;
	right: 0
}
.header-style2 .search_from_menu:before{
	position: absolute;
	content: "";
	border: 25px solid;
	left: -50px
}
.header-style2 .search_from_menu input[type="search"]{
	border: none
}
.fixed-header .search_from_menu{
	padding: 10px 0
}
.search_from_menu.active {
	right: 0;
	top: 0
}
.search_from_menu input[type="search"] {
	border: 1px solid #f1f1f1;
	height: 50px;
	padding: 5px 40px 5px 15px;
	width: 100%
}
.search_from_menu .src_close {
	color: #ccc;
	position: absolute;
	right: 15px;
	top: 32px;
	cursor: pointer
}
.fixed-header .src_close{
	top: 22px
}
/*====================================================================
5.2 Header Style 2 section css
====================================================================*/
.header-style2 .fixed-header .navbar-brand > img {
	top: 5px;
	width: 115px
}
.header-style2 .fixed-header .navbar-default .navbar-nav > li {
	padding: 20px
}
.header-style2 .fixed-header .cart-nav li {
	padding: 7px 0
}
.header-style2 .fixed-header .nav.navbar-right::before {
	border: 30px solid;
	left: -60px
}
.header-style2 .fixed-header #main_header:before{
	left: 0
}
.header-style2 .fixed-header #main_header:after{
	right: 0
}
.header-style2 .fixed-header #main_header:before,
.header-style2 .fixed-header #main_header:after{
	position: absolute;
	content: "";
	width: 50%;
	top: 0;
	bottom: 0;
	z-index: -1
}
.header-style2 header{
	position: absolute;
	left: 0;
	top: 0
}
.header-style2 .navbar-default {
	margin-top: 10px
}
.header-style2 .navbar-brand::after{
	background: none
}
.header-style2 .navbar-brand > img {
	top: 0px
}
.header-style2 .navbar-brand img{
	width: 130px
}
.header-style2 .navbar-default .navbar-nav > li {
	padding: 15px 20px
}
.header-style2 .cart-nav {
	padding: 0 5px
}
.header-style2 .cart-nav li {
	padding: 5px 0;
}
.header-style2 .nav.navbar-right{
	position: relative;
	margin-right: 0
}
.header-style2 .nav.navbar-right::before {
	position: absolute;
	content: "";
	border: 25px solid;
	left: -50px
}
.header-style2 .search_from_menu .src_close {
	top: 12px
}
.header-style2 .fixed-header .navbar-default{
	margin: 0
}
.header-style3 .navbar-brand::after{
	display: none
}
/*--new add end--*/
/*---- Header Fixed CSS ----*/
#header {
    animation-fill-mode: both;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99
}
@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;
}
}
.dropdown-menu li.active a:hover,
.dropdown-menu li.active a:focus {
	background: transparent
}
.navbar-default .navbar-nav > li > a,
.dropdown-menu > li > a {
	font-weight: 600
}
/*====================================================================
6. Slider Section css
====================================================================*/
#slider, .page_banner {
	margin-top: 136px
}
.slider_caption{
	width: 81%
}
.slider_caption h1 {
	font-size: 55px;
	position: relative;
	margin-bottom: 0;
	display: inline;
	white-space: normal
}
.slider_caption h1:before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 120px;
	height: 3px;
	bottom: -20px
}
.slider_caption p {
	margin: 40px 0
}
.carousel-inner .item:after{
	content:"";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	z-index: 1;
	left: 0;
	top: 0
}
.carousel-caption li {
	opacity: 0;
	padding-bottom: 10px
}
/*====================================================================
6.1 Slider2 Section css
====================================================================*/
.slider-style2 .carousel-caption {
	top: 55% !important;
}
.page-style2 #slider{
	position: relative;
	margin-top: 0
}
.slider-style2 .carousel-caption,
.slider-style2 .slider_caption h1::before,
.about_us_item .line_default:before,
.about_us_item .line_primary:before{
	left: 50%;
	right: 0
}
.carousel-control span:before{
	font-size: 21px;
	border: 2px solid;
	padding: 7px
}
/*====================================================================
6.2 Slider3 Section css
====================================================================*/
#slider.slider-style3 .carousel-inner > .item > img{
	height: 820px;
	width: auto
}
#slider.slider-style3 .slider_caption {
	width: 66%
}
.slider-style3 .slider_caption h1{
	font-size: 40px;
	line-height: normal;
	display: inherit
}
#slider.slider-style3 .quote_form2 {
	width: 25%;
	position: absolute;
	right: 8%;
	top: 54%
}
.quote_form2 .form-control{
	border: none
}
.quote_form2 textarea.form-control{
	min-height: 100px
}
.quote_form2 button{
	border-radius: 0
}
/*====================================================================
7. About Section css
====================================================================*/
.about_us_left .big_img{
	width: 370px
}
.about_us_left .small_img {
	position: absolute;
	right: -90px;
	bottom: 35px;
	width: 210px
}
.about_us_left .small_img.overlay_2:before{
	border-radius: 50%
}
.small_img.overlay_2 [class^="flaticon-"]::before {
	position: absolute;
	left: 50%;
	top: 50%
}
/*====================================================================
7.1 About-2 Section css
====================================================================*/
.about_us_item {
	margin-left: -14px;
	margin-right: -14px
}
.about_us_item .btn-link{
	display: inline-block
}
.we_are .thumb-title {
	white-space: normal;
	line-height: 30px
}
/*====================================================================
8. Service Section css
====================================================================*/
.service_middle{
	width: 380px;
	border: 5px solid transparent;
	padding: 10px
}
.service_left, .service_right {
	width: 42%;
	position: absolute;
	top: 5px;
	z-index: 3
}
.service_left {
	left: 0
}
.service_left .service-item {
	display: table;
	float: right;
	width: 100%
}
.service_right .service-item {
	display: table;
	float: left;
	width: 100%
}
.service_left .service_icon {
	float: right
}
.service_left .service_icon {
	margin-left: 30px
}
.service_right .service_icon {
	margin-right: 30px
}
.service_right .service_icon {
	float: left
}
.service_right {
	right: 0
}
.service_icon {
	border: 10px solid transparent;
	height: 100px;
	width: 100px
}
.service_icon span:before{
	line-height: 80px
}
.service_icon span{
	line-height: 80px;
	font-size: 18px
}
.service_left .service-item .title{
	line-height: 100px;
	text-align: right;
	float: right;
	margin: 0
}
.service_right .service-item .title{
	line-height: 100px;
	text-align: left;
	float: left;
	margin: 0
}
/*====================================================================
8.1 Service2 Section css
====================================================================*/
.our_service2 .service-item{
	padding: 40px 30px
}
.our_service2 .service_icon{
	float: inherit;
	border: none
}
.our_service2 .service_icon span{
	line-height: 100px
}
.our_service2 .service-item a{
	display: inline-block
}
/*====================================================================
8.2 Service3 Section css
====================================================================*/
.our_service3 .title .line_primary:before{
	left: 50%
}
.our_service3 .service_icon{
	border: 2px solid;
	float: none;
	margin: 0 auto 30px
}
.our_service3 .service_icon span{
	line-height: 110px
}
/*====================================================================
9. Why Choose Us Section css
====================================================================*/
.choose_us_2{
	padding: 70px 50px
}
.choose_resons span {
	width: 70px;
	height: 70px;
	display: table;
	float: left
}
.choose_text{
	display: table
}
.choose_resons span i:before{
	line-height: 70px
}
.choose_us_right {
	position: absolute;
	top: 50%;
	left: 0;
	width: 130%
}
.form-control {
	line-height: 1.2
}
.achievement span:before{
	font-size: 45px
}
.why_choose_us3 .choose_us .bg_img {
	bottom: 0px;
	position: absolute;
	width: 30% !important;
	left: 15% !important
}
/*====================================================================
10. Our Project Section css
====================================================================*/
.default-portfolio-item .overlay-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0
}
.default-portfolio-item:hover .overlay-box {
	opacity:1
}
.default-portfolio-item .overlay-box .inner-content {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%
}
.default-portfolio-item .overlay-box .arrow span {
	width: 25px;
	position: absolute;
	top: 30px;
	right: 30px
}
.default-portfolio-item .overlay-box .content_bottom {
	bottom: 5px;
	left: 30px;
	position: absolute
}
.default-portfolio-item .overlay-box h5 {
	max-width: 300px;
	margin: 15px auto 20px
}
.filter-list .mix {
	display: none
}
.gallery-section .filter-btns li {
	cursor: pointer;
	display: inline-block;
	font-weight: 600;
	margin: 0 15px;
	padding: 10px 0;
	text-transform: uppercase;
	position: relative;
	border-top:2px solid transparent;
	border-bottom:2px solid transparent
}
.gallery-section .filter-btns li.active{
	border-top:2px solid;
	border-bottom:2px solid
}

/*====================================================================
10.1 Our Project2 Section css
====================================================================*/
.project_item2_hover {
	background: rgba(50, 129, 246, 0.9);
	left: 0;
	padding: 20px 25px;
	position: absolute;
	z-index: 99;
	width: 100%;
	height: 100%;
	top: 86%
}
.project_item2:hover .project_item2_hover{
	padding: 90px 25px;
	top: 0
}
.project_item2 .title{
	font-size: 18px
}
/*====================================================================
10.2 Single Project Page css
====================================================================*/
.service-slider .owl-prev, .service-slider .owl-next{
	border-radius: 50%;
	border-color: transparent
}
.service-slider .owl-prev{
	margin-left: 70px;
	left: 0
}
.service-slider .owl-next{
	margin-right: 70px;
	right: 0
}
.single_project_content .list-icon li, 
.information_table li {
	padding-bottom: 10px;
	width: 100%;
	float: none;
}
.information_table{
	padding: 30px 20px
}
.information_table li b {
	width: 85px;
	display: inline-block;
	float: left
}
.information_table li span {
	font-size: 13px;
	display: table
}
/*====================================================================
11. Quote & Testmonial Section css
====================================================================*/
.title{
	margin-top: 0px
}
.testimonials .owl-controls{
	top: auto;
	bottom: -50px
}
.quote, .testimonials{
	padding: 60px 35px
}
.quote-image {
	position: absolute;
	bottom: 0px;
	right: -20px;
	width: 37%;
	z-index: 1
}
.get_quote .form-control{
	background: transparent;
	border-color: transparent transparent #fff transparent;
	box-shadow: none;
	padding-left: 0;
	resize: none
}
.quote-sidebar{
	display: inline-block
}
.testimonial_author {
	width: 65px;
	margin: 50px 0 30px
}
.testimonial_detail::before {
	position: absolute;
	content: "";
	border: 15px solid;
	border-color: transparent transparent #fff;
	top: -30px
}
.testimonials .owl-dots .owl-dot span,
.feedback-sidebar .owl-dots .owl-dot span{
	height: 3px;
	border-radius: 0;
	border: none;
	width: 20px
}
/*====================================================================
12. Recent News Section css
====================================================================*/
.blog_post {
	border-bottom: 3px solid transparent
}
.blog_date {
	position: absolute;
	width: 190px;
	left: 50%;
	bottom: -23px;
	text-transform: capitalize;
	border: none
}
.post_admin {
	font-size: 11px;
	font-weight: 500
}
.blog_img > a , .blog_img > span{
  display: block;
  overflow: hidden
}

.process_item{
	padding: 70px 50px
}
/*====================================================================
12.1 Blog Page css
====================================================================*/
.search_box button {
	background: transparent;
	border: medium none;
	line-height: 44px;
	padding: 0 15px 0 12px;
	position: absolute;
	right: 0;
	top: 0
}
.sidebar-item li img{
	width: 70px;
	margin-right: 20px
}
.sidebar-item.post > li{
	display: flex
}
.sidebar-item > li{
	margin: 15px 0;
	font-weight: 500
}
.sidebar-item li p{
	font-size: 13px
}
.sidebar-item .content h6{
	white-space: normal
}
.sidebar-gallery {
	display: inline-block;
	margin-left: -7px;
	margin-right: -7px
}
.photo_gallery a {
	width: 28.5%;
	float: left;
	margin: 7px;
	position: relative
}
.photo_gallery a:hover:before{
	position: absolute;
	content: "\f067";
	font-family: FontAwesome;
	font-size: 20px;
	top: 50%;
	left: 50%;
	z-index: 1
}
.photo_gallery a:hover:after{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%
}
/*====================================================================
12.2 Single Blog Page css
====================================================================*/
.single_blog_date {
	position: absolute;
	top: 30px;
	left: 30px;
	line-height: 44px;
	border-radius: 30px;
	font-weight: 500;
	width: 190px
}
.blog_tag span, .blog_tag li a{
	float: left
}
.blog_tag li a,
.comment h6 i{
	font-weight: 500;
	font-size: 12px;
	margin-left: 7px
}
.comment img{
	width: 80px;
	margin: 12px 20px 0 0;
	float: left
}
.comment_details{
	display: table
}

/*====================================================================
13. Pricing Table Section css
====================================================================*/
.pricing_item .title{
	font-size: 18px
}
.pricing_item .service_price{
	font-size: 21px;
	font-weight: 600
}
.pricing_item .get_info li{
	padding: 7px 0
}
/*====================================================================
14. Acordion css
====================================================================*/
.according_area {
	margin-bottom: 3px
}
.according_title {
	cursor: pointer;
	line-height: 35px;
	position: relative;
	padding-right: 35px;
	text-transform: uppercase
}
.according_title:before{
	content: "";
	position:absolute;
	width:10px;
	height:2px;
	right:20px;
	top: 18px
}
.according_title:after{
	content: "";
	position:absolute;
	width:10px;
	height:2px;
	right:20px;
	top: 18px
}
.according_details {
	padding: 20px 15px;
	display: none
}
.according > div:first-child .according_details{
	display:block
}
/*====================================================================
15. banner Section css
====================================================================*/
.page_banner_link li{
	display: inline-block
}
.page_banner_link li a{
	margin: 0 3px
}
.error_content .thumb-title{
	font-size: 150px;
	line-height: normal
}
/*====================================================================
16. About Us Page css
====================================================================*/
.company_details .list-icon li{
	width: 45%;
	font-family: 'Open Sans', sans-serif
}
.video_right {
	width: 100%;
	height: 350px;
	background: #f8c304 url(../images/video_img.jpg) no-repeat;
	background-size: cover;
	position: relative;
	top: 15px;
}
.video_right a.video-popup span:before {
	position: absolute;
	top: 50%;
	left: 50%
}
.our-history .choose_resons span{
	width: 100px;
	height: 100px;
	border: 7px solid
}
.history-list li span{
	font-weight: 600;
	font-size: 16px
}
.history-list li{
	margin-bottom: 20px
}
.choose_resons .years{
	line-height: 66px
}
.our_history_right {
	width: 80%
}
.banner-quote .quote_button {
    position: absolute;
    top: 50%;
    right: 15px;
}
.member_img_hover {
	position: absolute;
	width: 100%;
	top: 0px;
	bottom: 0;
	z-index: 1;
	padding: 80px 40px;
	opacity: 0
}
.team_member:hover .member_img_hover{
	opacity: 1
}
.team_member a .title{
	margin-bottom: 0
}
/*----------Ineer pages of About us----------*/
.other_service li a{
	font-size: 14px;
	font-weight: 500;
	line-height: 50px
}
.brochure_info a {
	display: block;
	line-height: 50px;
	padding: 0 20px;
	margin-bottom: 5px;
	font-weight: 600
}
/*====================================================================
17. Team Profile Page css
====================================================================*/
.about_trainer tr td {
	padding-bottom: 10px
}
.about_trainer tr td:last-child {
	padding-left: 30px
}
.trainer_profile_acquire li{
	float: left;
	width: 25%
}
.trainer_profile_acquire li i{
	font-size: 25px;
	margin-bottom: 15px
}
.trainer_profile_media .title {
	margin-top: 8px;
}
/*====================================================================
18. Service Inner Page css
====================================================================*/
/*----------Appartment Service----------*/
.project-thumbnail a {
	display: block;
	overflow: hidden
}
.project-thumbnail a.onlive {
	position: relative
}
.project-thumbnail a.onlive::after {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	border: 5px solid
}
.service_sidebar .other_service li a{
	line-height: 60px;
	font-size: 15px;
	font-weight: 600
}
.other_service li a {
	display: block;
	padding: 0 20px;
	text-transform: uppercase;
	margin-bottom: 5px
}
.btn-download a{
	border-radius: 0;
	margin: 3px 0
}
.our_brochure .btn-download a{
	width: 100%
}
.feedback-sidebar{
	border: 1px solid
}
.feedback-sidebar .user img{
	width: 50px;
	float: left
}
.feedback-sidebar .user .user_name{
	padding-top: 7px
}
.facts span{
	float: left
}
.facts .content{
	display: table
}
/*====================================================================
19. Product Page css
====================================================================*/
.product_category li a:before,
.product_category li a:after{
	display: none
}
.product_category a,
.product_brand a{
	text-transform: capitalize;
	border-bottom: 1px solid;
	padding: 7px 0;
	display: inherit
}
.product_category a i{
	line-height: 44px
}
.filter-price{
	width: 110px;
	height: 36px
}
.product_small_img img{
	width: 65px;
	margin: 7px 10px 0 0;
	float: left
}
.product_small_detail{
	display: table;
	font-size: 12px
}
del, .grid-view{
	margin-right: 7px
}
.product_store .select_icon{
	width: 200px
}
.show_per_page .form-control{
	width: 80px
}
.product_show select{
	padding: 6px 10px
}
.product_img{
	padding: 10px
}
.view_category {
	float: right;
	margin-top: 4px;
	font-size: 20px
}
.show_per_page {
	display: inline-block
}
.product_info .btn {
    line-height: 33px;
    padding: 0 15px;
    font-size: 13px;
    text-transform: inherit
}
.product_img {
	border: 1px solid transparent
}
.product_name a {
	font-size: 13px;
	font-weight: 700
}
.product_status .amount{
	float: left
}
.product_status .stars {
	font-size: 10px;
	text-align: right
}
/*====================================================================
19.1 Single Product Page css
====================================================================*/
.single_product_info label{
	font-weight: normal
}
.single_product_info .stars{
	border-top: 1px solid;
	border-bottom: 1px solid
}
.single_product_info .price{
	font-size: 20px;
	font-weight: 600
}
.woocommerce-cart-form .quantity-nav i{
	left: 80px;
	right: auto
}
.woocommerce-cart-form span {
	margin: 8px 0px 0px 10px;
	display: inline-block
}
.product_tab_menu .nav-tabs {
	position: absolute;
	left: 0;
	top: 0
}
.product_tab_menu ul li {
	float: none
}
.product_tab_menu .nav-tabs li a {
  line-height: 44px;
  margin-bottom: 3px;
  text-align: center;
  width: 170px
}
.product_tab_menu .nav-tabs > li.active > a, 
.product_tab_menu .nav-tabs > li.active > a:hover, 
.product_tab_menu .nav-tabs > li.active > a:focus {
	border-top: none;
	border: 1px solid #f5f5f5;
	border-right: none;
	width: 174px;
	margin-right: 0
}
.product_tab_menu .tab-content {
	border: 1px solid;
	margin-left: 173px;
	padding: 20px
}
.single_product_categories {
	border-top: 1px solid
}
/*====================================================================
19.2 Cart Page css
====================================================================*/
.woocommerce-cart-form tr img{
	width: 60px
}
.woocommerce-cart-form tr td, .woocommerce-cart-form tr th {
	text-align: center
}
.woocommerce-cart-form tr td {
	padding: 20px
}
.woocommerce-cart-form tr th {
	line-height: 40px
}
.woocommerce-cart-form .product-remove {
	width: 100px;
	padding: 0;
}
.woocommerce-cart-form .product-thumbnail, .woocommerce-cart-form .product-name{
	text-align: left;
	padding-left: 0
}
.woocommerce-cart-form tr:first-child, .woocommerce-cart-form tbody{
	border-bottom: 1px solid
}
.woocommerce-cart-form .total-price {
	width: 100%;
}
.product-quantity .form-control {
	width: 100px;
	padding: 0 35px;
	-moz-appearance: textfield
}
.product-quantity{
	position: relative
}
.quantity-nav i {
	position: absolute;
	right: 0px;
	border: 1px solid;
	padding: 3px 5px;
	cursor: pointer
}
.quantity-nav i:first-child{
	top: 0px
}
.quantity-nav i:last-child{
	bottom: 0px
}
.cart_total td {
	border: 1px solid;
	padding: 15px 30px
}
.cupon .form-control {
	border-radius: 30px
}
.cupon .btn-primary {
	position: absolute;
	top: 30px;
	right: 14px;
	border-radius: 0px 30px 30px 0px;
	line-height: 36px;
	padding: 0 15px;
}
/*====================================================================
20. Terms and Condition page css
====================================================================*/
.conditions li a {
	font-weight: 600;
	margin-bottom: 20px;
	display: inline-block
}
/*====================================================================
21. Quote, Sign In and Sign Up page css
====================================================================*/
.service_quote_form label, 
.sign_in_or_up_form label{
	font-weight: normal;
	cursor: pointer
}
.sign_in_or_up {
	margin: 99px auto;
	width: 50%
}
.sign_in_or_up_form {
	padding: 70px 10%
}
.sign_in_or_up_form .checkboxes span{
	margin-left: 10px
}
.sign_in_or_up li a{
	font-size: 24px
}
.sign_in_or_up.nav-tabs > li:first-child{
	margin-bottom: 30px
}
.sign_in_or_up.nav-tabs > li > a{
	padding:0;
	font-weight: 600
}
/*====================================================================
22. Contact page css
====================================================================*/
.contact_icon {
	width: 70px;
	height: 70px;
	border: 5px solid
}
.contact_icon i {
	line-height: 58px;
	font-size: 28px
}
.contact_location .message{
	padding: 50px 50px 15px
}
.error-handel{
	display: none
}
#map {
	height: 583px
}
/*====================================================================
23. Footer Section css
====================================================================*/
.footer_widget{
	font-size: 13px
}
.footer_widget img{
	width: 120px
}
.widget_title {
	line-height: 50px
}
.widget_content li{
	padding-bottom: 10px
}
.widget_content i{
	font-size: 17px
}
.widget_content li .title{
	margin: 0
}
.newsletter_form {
	margin-right: 77px
}
.newsletter_left, .newsletter_right label{
	padding-top: 7px;
	font-size: 13px
}
.newsletter_form input[type="text"]{
	border-radius: 30px 0 0 30px
}
.newsletter_form input[type="submit"]{
	position: absolute;
	right: 15px;
	top: 0;
	border-radius: 0 30px 30px 0;
	border: none
}
.newsletter_2 {
	position: absolute;
	top: -38px;
	left: 50%
}
.newsletter_2 .news2{
	display: flex;
	display: -webkit-box;
	width: 100%;
	padding: 20px
}
.newsletter_2 .newsletter_form .form-control{
	border: none
}
.newsletter_2 .newsletter_form input[type="submit"]{
	right: 2px
}
/*====================================================================
24. Element Page css
====================================================================*/
.element_part {
	border-bottom: 1px solid;
	font-size: 24px
}
.all_elements .title{
	line-height: 40px
}
.all_elements .line_primary::before, 
.all_elements .line_black::before, 
.all_elements .line_default::before{
	bottom: -6px
}
.all_elements [class^="padding"]{
	display: inline-block;
	width: 100%
}
.all_elements .list_style_num li {
	list-style: decimal;
	list-style-position: inside
}
.all_elements .quote, .all_elements .message{
	padding: 30px
}
.service_quote_form ul li {
	width: 48%;
	display: inline-block;
	font-size: 13px
}
.all_elements label{
	font-weight: normal
}
.service_quote_form input{
	margin-right: 10px
}
.service_quote_form [name="date"],
.service_quote_form [name="time"]{
	position: relative
}
.service_quote_form .form-group a i.fa {
	position: absolute;
	right: 30px;
	top: 15px
}
.forget_password {
	display: inline-block;
	width: 100%
}
.otherwise {
	margin: 11px 0px;
	display: inline-block
}