/**
	
* Template Name: Uwash - Cleaning Service Company HTML5 Template
* Version: 1.0.6
* Author: Unicoder
* Email: support@unicoderbd.com
* Developed By: Unicoder
* Last Update: 21th May, 2018
* 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
	25. Unchangeable color 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=Muli&display=swap');
/*====================================================================
1. Default CSS
====================================================================*/
body{
	font-family: 'Muli', sans-serif !important;
	font-size:15px;
}
p{
	font-family: 'Muli', sans-serif !important;
}
a {
	text-decoration: none !important;
	outline: none
}
ul {
	margin: 0;
	padding: 0
}
li {
	list-style: none
}
img {
	width: 100%
}
h1, h2, h3, h4, h5, h6{
	color: #000;
	margin-top: 0
}
section{
	padding: 50px 0
}
.full-row{
	position: relative;
	width: 100%
}
.flex-box{
	display: flex
}
.text-area {
	margin: 15px 0;
	display: inline-block
}
.text-justify{
	text-align:justify;
}
.circle1 {
  width: 350px;
  height: 350px;
  min-width: 150px;
  float: left;
  margin-right: 8rem;
  border-radius: 50%;
  -webkit-shape-outside: circle();
  shape-outside: circle();
}
.circle{
	border-radius:50%;
}
.overflow-hidden{
	overflow: hidden
}
.margin-auto {
    display: table;
    margin: 0 auto;
}
.down_line::before{
	content: "";
	width: 30px;
	height: 3px;
	position: absolute;
	bottom: -15px;
	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 15px
}
.btn-link {
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase
}
.flaticon_small [class^="flaticon-"]:before{
	font-size: 20px
}
.flaticon_medium [class^="flaticon-"]:before{
	font-size: 35px
}
.flaticon_large [class^="flaticon-"]:before{
	font-size: 60px
}
.social_icon i, .social_icon_2 i{
	display: inline-block;
	margin-right: 20px
}
.social_icon a:last-child i, 
.social_icon_2 a:last-child i{
	margin: 0
}
.overlay_secondary:before,
.overlay_primary:before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%
}
label.checkboxes {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	font-weight: 500
}
[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);
}
textarea.form-control {
    height: auto;
    min-height: 120px;
}
#wrapper {
	position: relative;
    padding-left: 15px;
    padding-right: 15px;
}
/*==========================Section Title===========================*/
.both_line{
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px
}
.both_line:before, .both_line:after{
	position: absolute;
	content: "";
	width: 80px;
	height: 3px;
	left: 50%
}
.both_line:before{
	top: 0
}
.both_line:after{
	bottom: 0
}
.down_line.text-center:before{
	left: 50%
}
.sub_title.box {
    width: 770px;
}
.sub_title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    margin: 0 auto;
    padding-bottom: 40px
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
/*====================================position=================================*/
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.overlay_secondary, .overlay_primary,
.down_line{
	position: relative
}
/*====================================width & height=================================*/
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
/*=====================================================
2. Default Margin and Padding
======================================================*/
.m-0{
	margin: 0 !important
}
.m-10{
	margin: 10px !important
}
.m-15{
	margin: 15px !important
}
.m-20{
	margin: 20px !important
}
.m-25{
	margin: 25px !important
}
.m-30{
	margin: 30px !important
}
.mt-0, .my-0{
	margin-top: 0 !important
}
.mt-10, .my-10{
	margin-top: 10px !important
}
.mt-15, .my-15{
	margin-top: 15px !important
}
.mt-20, .my-20{
	margin-top: 20px !important
}
.mt-25, .my-25{
	margin-top: 25px !important
}
.mt-30, .my-30{
	margin-top: 30px !important
}
.mr-0, .mx-0{
	margin-right: 0 !important
}
.mr-10, .mx-10{
	margin-right: 10px !important
}
.mr-15, .mx-15{
	margin-right: 15px !important
}
.mr-20, .mx-20{
	margin-right: 20px !important
}
.mr-25, .mx-25{
	margin-right: 25px !important
}
.mr-30, .mx-30{
	margin-right: 30px !important
}
.mb-0, .my-0{
	margin-bottom: 0 !important
}
.mb-10, .my-10{
	margin-bottom: 10px !important
}
.mb-15, .my-15{
	margin-bottom: 15px !important
}
.mb-20, .my-20{
	margin-bottom: 20px !important
}
.mb-25, .my-25{
	margin-bottom: 25px !important
}
.mb-30, .my-30{
	margin-bottom: 30px !important
}
.ml-0, .mx-0{
	margin-left: 0 !important
}
.ml-10, .mx-10{
	margin-left: 10px !important
}
.ml-15, .mx-15{
	margin-left: 15px !important
}
.ml-20, .mx-20{
	margin-left: 20px !important
}
.ml-25, .mx-25{
	margin-left: 25px !important
}
.ml-30, .mx-30{
	margin-left: 30px !important
}
.mb-40{
	margin-bottom: 40px
}
.mt-70{
	margin-top: 70px
}
/*===============================Padding==================================*/
.p-0{
	padding: 0 !important
}
.p-10{
	padding: 10px !important
}
.p-15{
	padding: 15px !important
}
.p-20{
	padding: 20px !important
}
.p-25{
	padding: 25px !important
}
.p-30{
	padding: 30px !important
}
.pt-0, .py-0{
	padding-top: 0 !important
}
.pt-10, .py-10{
	padding-top: 10px !important
}
.pt-15, .py-15{
	padding-top: 15px !important
}
.pt-20, .py-20{
	padding-top: 20px !important
}
.pt-25, .py-25{
	padding-top: 25px !important
}
.pt-30, .py-30{
	padding-top: 30px !important
}
.pt-40, .py-40{
	padding-top: 40px !important
}
.pt-50, .py-50{
	padding-top: 50px !important
}
.pt-70, .py-70{
	padding-top: 70px !important
}
.pr-0, .px-0{
	padding-right: 0 !important
}
.pr-10, .px-10{
	padding-right: 10px !important
}
.pr-15, .px-15{
	padding-right: 15px !important
}
.pr-20, .px-20{
	padding-right: 20px !important
}
.pr-25, .px-25{
	padding-right: 25px !important
}
.pr-30, .px-30{
	padding-right: 30px !important
}
.pr-50, .px-50{
	padding-right: 50px !important
}
.pb-0, .py-0{
	padding-bottom: 0 !important
}
.pb-10, .py-10{
	padding-bottom: 10px !important
}
.pb-15, .py-15{
	padding-bottom: 15px !important
}
.pb-20, .py-20{
	padding-bottom: 20px !important
}
.pb-25, .py-25{
	padding-bottom: 25px !important
}
.pb-30, .py-30{
	padding-bottom: 30px !important
}
.pb-40, .py-40{
	padding-bottom: 40px !important
}
.pb-50, .py-50{
	padding-bottom: 50px !important
}
.pb-70, .py-70{
	padding-bottom: 70px !important
}
.pl-0, .px-0{
	padding-left: 0 !important
}
.pl-10, .px-10{
	padding-left: 10px !important
}
.pl-15, .px-15{
	padding-left: 15px !important
}
.pl-20, .px-20{
	padding-left: 20px !important
}
.pl-25, .px-25{
	padding-left: 25px !important
}
.pl-30, .px-30{
	padding-left: 30px !important
}
.pl-50, .px-50{
	padding-left: 50px !important
}
.py-70{
	padding: 70px 0
}
.padding-50-30{
	padding: 50px 30px
}
/*====================================================================
3. Default Background css
====================================================================*/
.background_1{
	background: url(../images/bg-image/1.jpg) no-repeat center fixed
}
.page_banner{
	background: url(../img/banner_bg.jpg) no-repeat center / cover !important
}
/*==========================Default Form===========================*/
.transparent_form .form-control{
	background: transparent;
	border-color: transparent transparent #fff transparent;
	box-shadow: none;
	padding-left: 0
}
/*=========================Default List Style========================*/
.list_style_1 li, .list_style_2 li{
	position: relative
}
.list_style_1 li, .list_style_2 li{
	margin-left: 20px
}
.list_style_1 li:before, .list_style_2 li:before{
	position: absolute;
	left: -20px;
	font-family: FontAwesome
}
.list_style_1 li:before{
	content: "\f00c"
}
.list_style_2 li:before{
	content: "\f046"
}
/*====================================================================
5. Header Top css
====================================================================*/
.header_top {
	line-height: 45px;
	font-size: 12px
}
.icon_list li {
	display: inline-block;
	margin-right: 15px;
}
.icon_list li i{
	margin-right: 7px
}
/*====================================================================
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:20px 0
}
.cart-nav li a:hover, .cart-nav li a:focus{
	background: transparent
}
.nav.cart-nav li a {
	border: 2px solid
}
.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: 110px
}
.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: 15px;
	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
}
/*.navbar-brand::after {
    content: "";
    height: 126px;
    left: -33px;
    position: absolute;
    top: 2px;
    width: 150px;
}*/
/*--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 {
	background: transparent;
	color: inherit
}
/*====================================================================
5.2 Header Style 2 section css
====================================================================*/
.header-style2 .fixed-header .navbar-brand > img {
	top: 0px;
    width: 110px;
    padding: 10px;
}
.header-style2 .fixed-header .navbar-default .navbar-nav > li {
	padding: 26px
}
.header-style2 .fixed-header .cart-nav li {
	padding: 7px 0
}
.header-style2 .fixed-header .nav.navbar-right::before {
	border: 37px solid;
    left: -74px;
}
.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;
	background:#fff;
	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{
	
}
.navbar-brand::after {
    content: "";
	border: 4px solid #63a541;
	box-shadow: -7px 5px 5px 0px #63a541;
    border-style: double;
    left: -16px;
    position: absolute;
    top: -3px;
    width: 225px;
    height: 110px;
    background: #fff;
    -webkit-transform: skew(-43deg);
    -moz-transform: skew(-43deg);
    -o-transform: skew(-43deg);
    transform: skew(-43deg)
}
.header-style2 .navbar-brand > img {
	top: 0px
}
.header-style2 .navbar-brand img{
	width: 160px;
	height:auto;
	padding:15px;
}

.header-style2 .navbar-default .navbar-nav > li {
	padding: 17px 20px
}
.header-style2 .cart-nav li {
	padding: 5px 0
}
.header-style2 .cart-nav {
	padding: 0 5px;
}
.header-style2 .nav.navbar-right{
	position: relative;
	margin-right: 0
}
.header-style2 .nav.navbar-right::before {
	position: absolute;
	content: "";
	border: 28px solid;
	left: -56px
}
.header-style2 .nav.navbar-right::after {
	position: absolute;
	content: "";
	border: 28px solid;
	right: -56px
}
.header-style2 .search_from_menu .src_close {
	top: 12px
}
.header-style2 .fixed-header .navbar-default{
	margin: 0
}
.header-style3 .navbar-brand::after{
	display: none
}
/*====================================================================
6. Slider Section css
====================================================================*/
#slider, .page_banner {
	margin-top: 0px;
	background: #fff
}
 .page_banner {
	padding-top: 120px;
	background: #fff
}
.slider-style1 .carousel-inner > .item{
	max-height: 740px;
}
.carousel-inner > .item > a > img, 
.carousel-inner > .item > img {
	height: auto;
	width: 100%
}
.box-layout .carousel-inner > .item > a > img,
.box-layout .carousel-inner > .item > img {
	height: 100%;
	width: auto
}
.carousel-caption {
	width: 100%;
	right: 0;
	left: 0;
	padding-bottom: 30px
}
.slider_caption{
	width: 900px
}
.slider_title {
    font-size: 55px;
    position: relative;
    margin-bottom: 0;
    display: inline-block;
    white-space: normal;
    margin-top: 0;
    height: auto;
    line-height: initial;
	padding-bottom: 30px
}
.slider_title:before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 120px;
	height: 3px
}
.slider_caption p {
	margin: 40px 0
}
.carousel-inner .item:after{
	content:"";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
	z-index: 1;
	left: 0;
	top: 0
}
.carousel-caption li {
	opacity: 0;
	padding-bottom: 10px
}
/*====================================================================
6.1 Slider2 Section css
====================================================================*/
.slider-style2 .slider_caption {
	display: table;
	margin: 0 auto
}
.slider-style2 .carousel-caption{
	top: 58%
}
.slider-style2 .carousel-inner > .item {
	height: 800px
}
.slider-style2 #slider{
	position: relative;
	margin-top: 0
}
.slider-style2 .slider_title:before{
	left: 50%
}
.carousel-control span:before{
	font-size: 21px;
	border: 2px solid;
	padding: 7px
}
/*====================================================================
7. About Section css
====================================================================*/
.about_us_left .big_img{
	width: 420px
}
.about_us_left .small_img {
	position: absolute;
	right: -90px;
	bottom: 35px;
	width: 210px
}
.about_us_left .small_img.overlay_primary:before{
	border-radius: 50%
}
.small_img.overlay_primary [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
}
/*====================================================================
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
}
.service_right .service-item {
	display: table;
	float: left
}
.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 #eee;
	height: 100px;
	width: 100px
}
.service_icon span:before{
	line-height: 80px
}
.service_icon span{
	line-height: 80px;
    font-size: 35px;
    color: #fff;
}
.service_left .service-item .inner-title{
	line-height: 100px;
	text-align: right;
	float: right;
	margin: 0
}
.service_right .service-item .inner-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 .service_icon{
	border: 2px solid;
	float: none;
	margin: 0 auto 15px
}
.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_resons .choose_text{
	display: table
}
.choose_resons span i:before{
	line-height: 70px
}
.choose_us_right {
	position: relative;
	top: 50%;
	left: 8%
}
.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 img {
	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 .inner-title {
	max-width: 300px;
	margin: 15px auto 20px
}
.filter-list .mix {
	display: none
}
.gallery-section .controls 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 .controls li.mixitup-control-active{
	border-top:2px solid;
	border-bottom:2px solid
}
/*====================================================================
11. Quote & Testmonial Section css
====================================================================*/
.product_item{
border: 1px solid #f2f2f2;
}
.testimonials .owl-controls{
	top: auto;
	bottom: -50px
}
.quote, .testimonials{
	padding: 45px 35px
}
.quote-image {
	position: absolute;
	bottom: 0px;
	right: 4px;
	width: 37%;
	z-index: 1
}
.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
}
.blog_title {
	margin-top: 15px
}
.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
}
/*====================================================================
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 img {
	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 .controls 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 .controls li.mixitup-control-active{
	border-top:2px solid;
	border-bottom:2px solid
}
/*====================================================================
10.1 Our Project2 Section css
====================================================================*/
.project_item2_hover {
	left: 0;
	padding: 20px 25px;
	position: absolute;
	z-index: 99;
	width: 100%;
	height: 100%;
	top: 84%
}
.project_item2:hover .project_item2_hover{
	padding: 90px 25px;
	top: 0
}
.project_item2 .inner-title{
	font-size: 18px;
	margin-top: 0
}
/*====================================================================
10.2 Single Project Page css
====================================================================*/
.service-slider .owl-prev, .service-slider .owl-next{
	border-radius: 50%;
	border-color: transparent
}
.service-slider.owl-theme .owl-nav{
	z-index: 2
}
.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
}
/*====================================================================
13. Pricing Table Section css
====================================================================*/
.pricing_item .inner-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;
	text-transform: uppercase
}
.according_title:before{
	content: "";
	position:absolute;
	width:10px;
	height:2px;
	right:20px;
	top: 17px
}
.according_title:after{
	content: "";
	position:absolute;
	width:10px;
	height:2px;
	right:20px;
	top: 17px
}
.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;
	    color: #63a541;
}
/*====================================================================
16. About Us Page css
====================================================================*/
.company_details .list_style_1 li {
    width: 45%;
	float: left
}
.video_right {
	width: 100%;
	height: 350px;
	background: #f8c304 url(images/video_img.jpg) no-repeat;
	background-size: cover;
	position: relative
}
.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
}
.our-history .choose_resons .choose_text{
	display: table
}
.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: 5px;
	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
}
/*====================================================================
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 .according_title.active{
	background-color: transparent
}
.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, .product_img{
	padding: 10px
}
.view_category {
	float: right;
	margin-top: 8px;
	font-size: 20px
}
.show_per_page {
	display: inline-block
}
.product_info .btn{
	line-height: 30px;
	padding: 0 15px;
	font-size: 13px
}
.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
}
.all_quantity .quantity-nav i{
	left: auto;
	right: 0
}
.all_quantity 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: 150px auto;
	width: 180px
}
.sign_in_or_up_form {
	padding: 70px 10%
}
.sign_in_or_up_form .checkboxes span{
	margin-left: 10px
}
/*====================================================================
Error page css
====================================================================*/
.error_content .inner-title{
	font-size: 150px;
	line-height: normal
}
/*====================================================================
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 {
	min-height: 543px;
    max-height: 700px
}
.contact_message label {
	font-weight: 400;
	font-size: 13px;
	color: #fff
}
.error-handel {
    bottom: -5px;
    display: table;
    height: 35px;
    left: 15px;
    margin: auto 0;
    position: absolute;
    text-align: left;
    width: 100%;
}
#success, #error {
    display: none;
    line-height: 34px;
}
/*====================================================================
23. Footer Section css
====================================================================*/
.footer_widget .widget-title{
	margin-bottom: 30px;
}
.footer_widget{
	font-size: 15px;
	text-align:justify;
}
.footer_widget img{
	width: 100px;
    margin-bottom: 13px
}
.widget_content li{
	padding-bottom: 10px;
	font-size:14px;
	font-weight:600;
}
.widget_content i{
	font-size: 17px
}
.widget_content li .inner-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;
	width: 100%;
	padding: 20px
}
.newsletter_2 .newsletter_form input[type="submit"]{
	right: 2px
}
/*====================================================================
24. Element Page css
====================================================================*/
.element_part {
	border-bottom: 1px solid;
	font-size: 24px
}
.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 input[type=checkbox]{
	display: none
}
.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
}
/*====================================================================
25. Unchangeable color css
====================================================================*/
.navbar-default .navbar-nav > li > a, 
.cart-nav li a, .dropdown-menu > li > a, .social_icon i,
.color-black, .color-black-a a, .title, .btn-link,
.our_service3 .service-item:hover .btn.btn-link {
	color: #000
}
.dropdown-menu > li > a.active{
	color:#fff;
}
.navbar-nav > li > a.active{
	color:#fff !important;
}
.color-white, .color-white-a a,
.flat-white [class^="flaticon-"]::before,
.transparent_form .form-control, .social_icon_2 i:hover,
.blog_post:hover .btn-secondary, 
.pricing_item:hover span, .pricing_item:hover li,
.header-style3 .navbar-default .navbar-nav > li > a,
.header-style3 .cart-nav li a, .pricing_item:hover .inner-title,
.other_service li.active a, .other_service li a:hover,
.pagination > li > a:hover, .pagination > li.active > a, 
[type="radio"]:checked + label.radios::after,
#success{
	color: #fff
}
.bg-white, .navbar-brand::after,
.newsletter_form .btn-primary:hover,
.newsletter_form .btn-secondary:hover,
.down_line.white:before, .pagination > li > a,
.according_title:before, .according_title:after,
.service-slider .owl-prev, .service-slider .owl-next{
	background-color: #fff
}
.bg-black, .down_line.black:before{
	background-color: #000
}
.bg-gray, .other_service li,
.pagination_2.pagination li a{
	background-color: #f5f5f5
}
.bg-gray2{
	background-color: #a2a2a2
}
.switcher_layout, .box_bg_style{
	border-color: #eee
}
.buttonenquiry{
	z-index: 999;
    position: fixed;
    right: 0px;
    top: 50%;
}
.buttonenquiry a{
	transform: rotate(90deg);
    float: right;
    transform-origin: right top 0px;
    background-color:#e52b32;
    color: rgb(255, 255, 255);
    padding: 10px 15px;
    font-weight: 500;
    border-radius: 0px 0px 10px 10px;
    letter-spacing: 2px;
	cursor: pointer;
}
.buttonenquiry a:hover{
	background-color: #2b2b2b;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #f9fbf8;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 40%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
#contactform label, #enquiryform label, #quatationfrm label {
    font-weight: 600;
    font-size: 13px;
    color: red;
}
#contactsuccess, #contacterror,#enquirysuccess,#getmsgsuccess {
    padding: 6px 12px;
    margin: 15px 0;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 13px;
}
#enquirymsg {
    float: left;
    width: 100%;
    display: contents;
}
#enquiryform .form-group {
		    padding: 0 15px 30px;
		    margin: 0;
		    max-height: 70px;
		}
form#enquiryform {
    min-height: 465px;
}