/* Table of index */
/* ===========================

	1.Common css
	2.Header css
	3. gallery css 
	4. tab css 
	5.description-list css 
	6.block-list css 
	7.inline list css 
	8.image block css 
	9.link with icon css 
	10.project list css 
	11.Slick slider css 
	12.Detail Table css 
	13.Table css 
	14. height-text css 
	15. Contact page css 
	16. Responsive css 
	17. image hover effect

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

	/* 1.Common css start */
	body{
		background-color: #485156;
		font-family: Arial, Helvetica, sans-serif;
		color: #fff;
		font-size: 12px;
	}
	*:focus{
		outline: none !important;
	}
	a{
		font-size: 13px;
		color: #fff;
	}
	a:hover{
		color: #FF0000;
		text-decoration: none;
		transition: all 0.3s ease;
	}
	p{
		margin-bottom: 12px;
	}
	.title{
		font-size: 18px;
		margin-top: 0.5rem;
		margin-bottom: 20px;
		font-weight: bold;
	}
	.f-700{
		font-weight: 700;
	}
	.m-b-0{
		margin-bottom: 0;
	}
	.row{
		position: relative;
	}
	/* 1.Common css end */


	/*2. Header Css start */
	header .navbar-light .navbar-nav .nav-link{
		color: #fff;
	}
	.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .nav-link:hover{
		color: #FF0000;
		transition: all 0.3s ease;
	}
	header{
		border-bottom: 1px solid grey;
		margin-bottom: 70px;
	}
	header .navbar-brand img{
		width: 220px;
	}
	header .navbar-light .navbar-brand{
		margin-bottom: 5px;
	}

	/*2. Header Css end */

	/*3. gallery Css start */	
	.list-inline__gallery{
		list-style: none;
		padding-left: 0; 
	}
	.list-inline__gallery li{
		display: inline-block;
		width:calc(16.66% - 1px);
	}
	.list-inline__gallery li img{
		width: 100%;
		padding-left:4px;
		padding-right: 4px;
		padding-bottom: 7px;
	}
	.list-inline__gallery > li:nth-child(6n) > img{
		padding-right: 0;
	} 

	/*3. gallery Css end */

	/*4. tab css start */
	.navigation-links{
		padding-left: 0;
		list-style: none;
	}
	.navigation-links li{
		font-size: 13px;
		color: #FFFFFF;
		font-weight: normal;
		line-height: 18px;
	}
	.navigation-links li a.active{
		color: #FF0000;
	}
	/*4. tab css end */

	/* 5.description-list css start */

	.description-list dd {
		padding-left: 10px;
		margin-top: 10px;
		margin-bottom: 0;
		transition: all 0.3s ease;
	}
	.description-list dl:hover dd{
		padding-left: 20px;
		transition: all 0.3s ease;
	}
	.description-list dl{
		margin-top: 0;
		margin-bottom: 1rem;
		margin-bottom: 10px;
	}

	/* 5.description-list css end */
	
	/* 6.block-list css start */
	ul.block-list {
		padding-left: 0;
		list-style: none;
	}
	ul.block-list li{
		padding-bottom: 12px;
	}
	/* 6.block-list css end */

	/* 7.inline list css start */
	p.inline-list {
		padding-right: 10px;
		position: relative;
		display: inline;
		white-space: nowrap;
	}
	p.inline-list:before{
		content: "";
		position: absolute;
		height: 4px;
		width: 4px;
		background-color: #fff;
		border-radius: 5px;
		right: 2px;
		bottom: 4px;
	}
	p.inline-list:last-child:before{
		height: 0;
		width: 0;
	}
	/* 7.inline list css end */

	/* 8.image block css start */
	.img-block img{
		width: 100%;
	}
	.img-block-main > div > .img-block:nth-child(odd){
		padding-right: 3px;
	}
	.img-block-main > div > .img-block:nth-child(even){
		padding-left: 3px;
	}
	.img-block-main > div  .img-block{
		padding-bottom: 7px;
	}
	/* 8.image block css end */

	/* 9.link with icon css start */
	.link-with-icon {
		float: right;
		font-size: 12px;
		padding-right: 13px;
		position: relative;
	}
	.link-with-icon:before{
		content: "";
		position: absolute;
		height: 9px;
		width: 9px;
		background-color: #ec1a38;
		right: 0;
		top: 4px;
	}
	/* 9.link with icon css end */

	/* 10.project list CSS start */
	.project-list-block .project-list {
		padding: 0 3px;
	}
	.project-list-block .project-list img{
		width: 100%;
	}	
	/* 10.project list CSS end */

	/* 11.Slick slider css start*/
	.slider {
		width: 100%;
	}
	.slick-slide img {
		width: 100%;
		padding: 12px;
	}
	.img-slider .slick-center img {
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		color: #e67e22;
		opacity: 1;
		transform: scale(1.2);
	}
	.slick-prev:before, .slick-next:before {
		color: white;
	}
	.slick-slide {
		transition: all ease-in-out .3s;
		opacity: .2;
	}
	.slick-active {
		opacity: .5;
	}
	.slick-current {
		opacity: 1;
	}
	/* 11.Slick slider css end*/

	/* 12.Detail Table css start */
	.detail-table th{
		width: 30%;
	}
	.detail-table td, .detail-table th {
		padding: 1px;
		border: 0;
	}
	.detail-table{
		margin-top: 15px;
		margin-bottom: 15px;
	}
	/* 12.Detail Table css end */

	/* 13.Table css start */
	.catalog-table thead{
		background-color: #5b5b5b;
	}
	.catalog-table thead th,.catalog-table th,.catalog-table td{
		border: 0;
		padding: 0;
	}
.catalog-table tbody > tr> th,.catalog-table tbody > tr > td{
	padding-top: 15px;
}
.catalog-table tr> th,.catalog-table tbody > tr > td{
	padding-left: 5px;
}
.catalog-table tbody ul li{
		min-height: 15px;
	}
	.catalog-table tbody ul{
		list-style: none;
		padding-left: 0;
	}
	.catalog-table{
		margin-top: 30px;
	}
	.catalog-table tbody > tr > td > table > tbody > tr > td {
		padding: 0 0 15px;
	}
	/* 13.Table css end */

	/* 14. height-text css start */
	.height-text{
		font-size: 14px;
		background-color: #5b5b5b;
		padding: 0 5px;
		font-weight: 500;
	}
	/* 14. height-text css end */

	/* 15. Contact page css start */
	.contact-form input,.contact-form label{
		height: 21px;
		border-radius: 0;
		padding-top: 1px;
		font-weight: 400;
	}
	.contact-form .form-group{
		margin-bottom: 1px;
	}
	.contact-form .link-with-icon{
		float: left;
	}
	.map-link .link-with-icon{
		text-align: right;
	}
	.address-block{
		list-style: none;
		padding-left: 0;
		/* padding-top: 45px; */
	}
	.map-link{
	    position: absolute;
	    width: 200px;
	    right: 15px;
	}
	.address-block li{
		margin-bottom: 10px;
	}
	.address-block li p{
		margin-bottom: 0;
	}
	.contact-order-block{
		list-style-type: decimal;
		padding-left: 10px;
	}
	/* .col-form-label ~ div{
		padding-right: 0;
	} */
	/* 15. Contact page css end */

	/*16. Responsive css start*/
	@media  (min-width: 992px) {
		.navbar-nav.mr-auto{
			float: right;
			display: block;
			width: 100%;
			text-align: right;
		}
		.navbar-nav .nav-item{
			display: inline-block;
		}
		.navbar{
			padding-bottom: 0;
			padding-top: 1.5rem;
		}
		.container{
			width: 780px;
			position: relative;
		}
	}
	@media  (max-width: 992px){
		.navbar-light .navbar-nav .nav-link{
			text-align: right;
		}
	}
	@media  (max-width: 599px){
		.slick-next {
			right: 0;
		}
		.slick-prev {
			left: 0;
		}
	}
	@media  (max-width: 575px){
		.contact-link.navigation-links{
			text-align: center;
			border-bottom: 1px solid ;
		}
		.list-inline__gallery li {
			width: calc(33.33% - 3px);
		}
		.list-inline__gallery > li:nth-child(6n) > img{
			padding-right: 2px;
		} 
		.list-inline__gallery > li:nth-child(3n) > img{
			padding-right: 0;
		} 
		textarea{
			max-width: 100%;
		}
		.contact-link.navigation-links li{
			padding-bottom: 10px;
			position: relative;
		}
		.contact-link.navigation-links li:before {
			content: "";
			position: absolute;
			height: 5px;
			width: 5px;
			border-radius: 100%;
			background-color: white;
			bottom: 2px;
			left: 0;
			right: 0;
			margin: 0 auto;
		}
		.contact-link.navigation-links li:last-child:before{
			height: 0;
			width: 0;
		}
		.map .col-md-6.col-12{
			order: 2;
			margin-top: -30px;
		}
		.map-link{
			padding-top: 100px;
		}
	}
	@media  (max-width: 420px){
		.navbar-brand img {
			width: 180px;
		}
		.tab-content.default-tab-content{
			padding-left: 20px;
		}
		header .navbar-brand img {
			width: 160px;
		}
		.navbar-light .navbar-nav .nav-link{
			line-height: 1;
		}

	}
	/*16. Responsive css end*/



input.inptError, textarea.inptError {
	background-color: #F6CECE !important;
}
div.inptError {
	color: #FF0000;
}

ul.description-list {
	padding-left:  15px;
}

.nav-link {
	padding-bottom: 0;
}
.navbar {
	padding-bottom: 0 !important;
}