/*-----------------------------------------------------------------------------------

	Client: Umer Group
	Theme URI: http://www.umergroup.com
	Description: Responsive Corporate Theme
	Author: DOTDEZINE
	Author URI: http://www.dotdezine.com
	Version: 1.0

-----------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------
    Top Bar
-----------------------------------------------------------------*/


#top-bar {
    position: relative;
    height: 40px;
}

#top-social {
	position: relative;
	float: right;
	height: 40px;
	margin: 0 -30px 0 10px;
}

#top-social ul, #top-menu ul { margin: 0; }

#top-social li,
#top-social li a,
#top-social li .ts-icon,
#top-social li .ts-text {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
}

#top-social li,
#top-social li a,
#top-social li .ts-text {
    float: left;
    width: auto;
    overflow: hidden;
}

#top-social li a {
    width: 150px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

#top-social li .ts-icon { float: left; }

#top-social li.ts-spinning a { background-color: #3B5998; }

#top-social li.ts-spinning .ts-icon { background: url("../images/icons/company/spinning.png") no-repeat center center; }

#top-social li.ts-weaving a { background-color: #3CF; }

#top-social li.ts-weaving .ts-icon { background: url("../images/icons/company/weaving.png") no-repeat center center; }

#top-social li.ts-footwear a { background-color: #BD3518; }

#top-social li.ts-footwear .ts-icon { background: url("../images/icons/company/footwear.png") no-repeat center center; }

#top-social li.ts-leather a { background-color: #000; }

#top-social li.ts-leather .ts-icon { background: url("../images/icons/company/leather.png") no-repeat center center; }

#top-social li.ts-dairy a { background-color: #304C25; }

#top-social li.ts-dairy .ts-icon { background: url("../images/icons/company/dairy.png") no-repeat center center; }

#top-social li.ts-power a { background-color: #F88F16; }

#top-social li.ts-power .ts-icon { background: url("../images/icons/company/power.png") no-repeat center center; }

#top-social li.ts-construction a { background-color: #D97AA5; }

#top-social li.ts-construction .ts-icon { background: url("../images/icons/company/construction.png") no-repeat center center; }

#top-social li.ts-tannery a { background-color: #4818AB; }

#top-social li.ts-tannery .ts-icon { background: url("../images/icons/company/tannery.png") no-repeat center center; }

#top-social li.ts-phone a { background-color: #4818AB; }

#top-social li.ts-phone .ts-icon { background: url("../images/icons/social/phone.png") no-repeat center center; }

#top-social li.ts-mail a { background-color: #444; }

#top-social li.ts-mail .ts-icon { background: url("../images/icons/social/mail.png") no-repeat center center; }

/* ----------------------------------------------------------------
    Machinery Details Tables
-----------------------------------------------------------------*/


.CSSTableMachinery {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:12px;
	-webkit-border-bottom-left-radius:12px;
	border-bottom-left-radius:12px;
	
	-moz-border-radius-bottomright:12px;
	-webkit-border-bottom-right-radius:12px;
	border-bottom-right-radius:12px;
	
	-moz-border-radius-topright:12px;
	-webkit-border-top-right-radius:12px;
	border-top-right-radius:12px;
	
	-moz-border-radius-topleft:12px;
	-webkit-border-top-left-radius:12px;
	border-top-left-radius:12px;
}.CSSTableMachinery table{
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableMachinery tr:last-child td:last-child {
	-moz-border-radius-bottomright:12px;
	-webkit-border-bottom-right-radius:12px;
	border-bottom-right-radius:12px;
}
.CSSTableMachinery table tr:first-child td:first-child {
	-moz-border-radius-topleft:12px;
	-webkit-border-top-left-radius:12px;
	border-top-left-radius:12px;
}
.CSSTableMachinery table tr:first-child td:last-child {
	-moz-border-radius-topright:12px;
	-webkit-border-top-right-radius:12px;
	border-top-right-radius:12px;
}.CSSTableMachinery tr:last-child td:first-child{
	-moz-border-radius-bottomleft:12px;
	-webkit-border-bottom-left-radius:12px;
	border-bottom-left-radius:12px;
}.CSSTableMachinery tr:hover td{
	
}
.CSSTableMachinery tr:nth-child(odd){ background-color:#ffffff; }
.CSSTableMachinery tr:nth-child(even)    { background-color:#d3e9ff; }.CSSTableMachinery td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:6px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableMachinery tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableMachinery tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableMachinery tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableMachinery tr:first-child td{
		background:-o-linear-gradient(bottom, #0057af 5%, #007fff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0057af), color-stop(1, #007fff) );
	background:-moz-linear-gradient( center top, #0057af 5%, #007fff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0057af", endColorstr="#007fff");	background: -o-linear-gradient(top,#0057af,007fff);

	background-color:#0057af;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableMachinery tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #0057af 5%, #007fff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0057af), color-stop(1, #007fff) );
	background:-moz-linear-gradient( center top, #0057af 5%, #007fff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0057af", endColorstr="#007fff");	background: -o-linear-gradient(top,#0057af,007fff);

	background-color:#0057af;
}
.CSSTableMachinery tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableMachinery tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}


/* ----------------------------------------------------------------
    Machinery Table
-----------------------------------------------------------------*/

.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #0B3F8C; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.datagrid table td, .datagrid table th { padding: 3px 10px; }.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #0B3F8C) );background:-moz-linear-gradient( center top, #006699 5%, #0B3F8C 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#0B3F8C');background-color:#006699; color:#FFFFFF; font-size: 12px; font-weight: bold; border-left: 1px solid #FFFFFF; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #0B3F8C; border-left: 1px solid #ACB6BA;font-size: 10px;font-weight: normal; }.datagrid table tbody .alt td { background: #E1EEF4; color: #00496B; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }


/*													  Clients ^
--------------------------------------------------------------*/
.b-clients {
	margin: 0 -10px;
	line-height: 0;
	margin-bottom: 30px;
}

.client {
	display: inline-block;
	width: 83px;
	margin: 0 40px 0px;
}

.client:hover img {
	opacity: 100;
}

.client a, .b-client img {
	width: 83px;

}

.client img {
	max-width: 100%;
	opacity: 0.5;

	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

/*----------------------------------------------------*/

.b-clients.m-small .client {
	width: 153px;
}

/*												  	 Tooltips ^
--------------------------------------------------------------*/

.tooltips {
	position: relative;
}

.tooltips:hover .tooltips-data {
	top: -5px;
	left: 50%;
	opacity: 1;

	-webkit-transition: opacity 0.2s ease-in-out, left 0s ease-in-out, top 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out, left 0s ease-in-out, top 0.2s ease-in-out;
}

.tooltips-data {
	position: absolute;
	top: -10px; left: -9999px;

	z-index: 99;

	padding: 5px 11px 5px;

	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);

	background: rgba(36,39,42,0.8);
	border-radius: 2px;

	white-space: nowrap;
	line-height: 20px;
	font-weight: normal;
	font-size: 11px;
	color: #dee2e6;

	opacity: 0;

	-webkit-transition: opacity 0.2s ease-in-out, left 0s ease-in-out 0.2s, top 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out, left 0s ease-in-out 0.2s, top 0.2s ease-in-out;
}

.tooltips-data:after {
	content: '';

	position: absolute;
	bottom: -4px; left: 50%;

	margin-left: -2px;

	border-top: 4px solid #4e5153;
	border-left: 4px dashed transparent;
	border-right: 4px dashed transparent;
}

/* ----------------------------------------------------------------
    Corporate Information Table
-----------------------------------------------------------------*/

.CSSCorporateInformation {
	margin:0px;padding:0px;
	width:700px;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSCorporateInformation table{
	width:700px;
	height:100%;
	margin:0px;padding:0px;
}.CSSCorporateInformation tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSCorporateInformation table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSCorporateInformation table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSCorporateInformation tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSCorporateInformation tr:hover td{
	
}
.CSSCorporateInformation tr:nth-child(odd){ background-color:#acc4e2; }
.CSSCorporateInformation tr:nth-child(even)    { background-color:#ffffff; }.CSSCorporateInformation td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:13px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSCorporateInformation tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSCorporateInformation tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSCorporateInformation tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSCorporateInformation tr:first-child td{
		background:-o-linear-gradient(bottom, #284163 5%, #081e3a 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #284163), color-stop(1, #081e3a) );
	background:-moz-linear-gradient( center top, #284163 5%, #081e3a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#284163", endColorstr="#081e3a");	background: -o-linear-gradient(top,#284163,081e3a);

	background-color:#284163;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSCorporateInformation tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #284163 5%, #081e3a 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #284163), color-stop(1, #081e3a) );
	background:-moz-linear-gradient( center top, #284163 5%, #081e3a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#284163", endColorstr="#081e3a");	background: -o-linear-gradient(top,#284163,081e3a);

	background-color:#284163;
}
.CSSCorporateInformation tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSCorporateInformation tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}