/*
* Theme Name: Invention
* Theme URI: http://www.jozoor.com
* Description: Invention Theme for corporate and creative sites, responsive and clean layout, more than color skins
* Author: Jozoor team
* Author URI: http://www.jozoor.com
* Version: 1.0
*/

/*
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  
=     00   00 00 00   00 00 00   00 00 00   00 00 00   00 00    =
=     00   00    00        00    00    00   00    00   00       =
=     00   00    00      00      00    00   00    00   00       =
=     00   00    00    00        00    00   00    00   00       =
=  00 00   00 00 00   00 00 00   00 00 00   00 00 00   00       =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
*/

/* Custom CSS Code 
=================================================*/

/* this logo width & height , you can change it depend on your logo */
.logo img {
	width:245px;
	height:68px;
}

@media only screen and (max-width: 1024px) {

#wrap.boxed .top-bar, body.under-construction header, #wrap.boxed .footer-down {
border-radius: 0 !important;
}

}

#contact{
    /* background-image: url(../images/contact_us.jpg); */
	/* background-repeat: no-repeat; */
	/* background-size: 100% 100%; */
	color:#f9f9f9;
	background: rgb(75,76,77);
}
#contact h3 , #contact label{
	color:#f9f9f9;
}
#contact li{
	/*font-size:12px;*/
}
#contact h3 {
	font-size:18px;
	line-height:2%
}

#gallery {
	padding-top:110px;
	padding-bottom:110px;
}

#about {
	background-color: #f6f6f6;
	padding-top:110px;
	padding-bottom:110px
}

.pagination>li>a,
.pagination>li>span {
	border-radius: 2px;
	border: 1px solid #dfdfdf;
	background: #fff;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #72b266;
	border-color: #dfdfdf;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
	color: #BEBDBF;
	cursor: not-allowed;
	background-color: #f6f6f6;
	border-color: #ddd
}

@media only screen and (max-width: 959px) {
	#contact{
		background-image: url(../images/contact_us.jpg);
		background-size:200%;
		color:#f9f9f9;
	}
}

@media only screen and (max-width: 769px) {
	#contact{
		background-image: url(../images/contact_us.jpg);
		background-size:800%;
		color:#f9f9f9;
	}
}


table thead tr th{
	background: #f15e26 !important;
}
table thead {
	background: #f15e26 !important;
	color: #fff;
}
.social-media a i {
	font-size: 20px !important;
}
.social-media a span {
	position: relative;
	top: -3px;
}