/* CSS Document */
.CSRlist{
	text-align: left;
}

.CSRlist li{
	background: url("images/csr/arrow-icon.jpg") no-repeat scroll 0 5px transparent;
	color: #808285;
	font-size: 16px;
	outline: none;
	line-height: 27px;
	list-style: none;
	padding-left: 15px;
}

.address-info p{
	padding-bottom: 4%;
}

.news{
	text-align: left;
}

.news p{
	margin-bottom: 40px;
}

.center{
	text-align: center;
}

.news-date{
	font-size:12px;
	margin-bottom: 20px;
}
.news-details-img{
	    float: left;
margin-right: 22px;
margin-bottom: 22px;
}

.h1-news{
	font-size: 30px !important;
}
.Sdate{
	    color: #666565;
    font-size: 14px;
}
.cf{
    font-size: 16px;
    outline: none;
    line-height: 27px;
    color:#808285
}
.numeric{
    text-align: right;
}
.company-name{
    width: 200px;
    font-size: 13px;
}
.company-name-2md{
	width: 280px;
}
.company-name-trade{
	/*width: 9%%;*/
	font-size: 13px;
}
.color-text{
    color:#428bca;
}
.investor-img{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 150px;
}
.numeric{
	 font-size: 13px;
	/*width: 9% !important;*/
}
.edit-icon{
    background: #f3f3f3 none repeat scroll 0 0;
    border: 1px dashed #cdcfcf;
    border-radius: 0;
    display: block;
    /* height: 250px; */
    margin: 0 auto 35px;
    overflow: hidden;
    padding: 13px;
    position: relative;
    transition: all 0.3s linear 0s;
    width: 100%;
    text-align: center;
}

.edit-inner{
	    background: #fff none repeat scroll 0 0;
    border: 1px solid #cdcfcf;
    border-radius: 0;
    padding-top: 0%;
    box-sizing: border-box;
    display: block;
    height: 100%;
    position: relative;
    transition: all 0.3s linear 0s;
    width: 100%;
}
.bdt{
	text-align: right;
}
.extra-change{
	margin-top: 10px;
	float: left;
	font-size: 13px;
    outline: none;
    line-height: 20px;
    color: #808285;
}
.table-margin{
  margin-bottom: 24px;
}

.align-left{
	text-align: left !important;
}
.container-edit{
	padding: 0px 0px 0px 0px !important;
}
.container-edit a{
   color:white;
}
.contact-map{
	padding: 0 !important;
}
.kontainer-XGA {
    width: 90%;
    max-width: 1152px;
    margin: auto;
}
ul.comitem {
    padding: 0;
    margin: 0;
}
ul.comitem li {
    background: rgba(0,0,0, 0.2);
    display: inline;
    float: left;
    list-style: outside none none;
    margin: 1%;
    padding: 2%;
    width: 23%;
    min-height: 435px;
}

ul.comitem li:hover {
    background:#1768a9;
}
.slide-section {
    background-attachment: fixed;
    width: 100%;
   /* background: #C4C6C8;*/
    height: auto;
    position: relative;
    padding: 140px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.klearfix  p {
    color: #fff;
    max-width: 600px;
    display: inline-block;
}
#home-changegear {
    /*background: url(../img/investor-relations-banner.png) no-repeat;*/
    padding: 0 0 0 50px;
    text-align: center;
    min-height: 220px;
}



@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	#home-changegear {
    text-align: center;
    min-height: 180px;
}



}
#services{
	background: #eee;
}
.in-pic{
    max-width: 100%;
    height: auto !important;
}

#home-changegear h3 {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    line-height: 28px;
    max-width: 700px;
    margin: 0 auto;
    color: #fff;
}

#home-changegear .section-title{
	color: #0a67b2;
    font-size: 34px;
    font-weight: 400;
    margin: 30px auto;
    text-transform: uppercase;
}
.extendContainer{
	width: 100% !important;
	max-width: 100% !important;

}
.background-edit{

}
.nav-edit{
	    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-edit li{
	margin-bottom: 5px !important;
}


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

			    /* Force table to not be like tables anymore */
				#no-more-tables table,
				#no-more-tables thead,
				#no-more-tables tbody,
				#no-more-tables th,
				#no-more-tables td,
				#no-more-tables tr {
					display: block;
				}

				/* Hide table headers (but not display: none;, for accessibility) */
				#no-more-tables thead tr {
					position: absolute;
					top: -9999px;
					left: -9999px;
				}

				#no-more-tables tr { border: 1px solid #ccc; }

				#no-more-tables td {
					/* Behave  like a "row" */
					border: none;
					border-bottom: 1px solid #eee;
					position: relative;
					padding-left: 50%;
					white-space: normal;
					text-align:left;
				}

				#no-more-tables td:before {
					/* Now like a table header */
					position: absolute;
					/* Top/left values mimic padding */
					top: 6px;
					left: 6px;
					width: 45%;
					padding-right: 10px;
					white-space: nowrap;
					text-align:left;
					font-weight: bold;
				}

				/*
				Label the data
				*/
				#no-more-tables td:before { content: attr(data-title); }
			}


#wrap{
	width: 600px;
	margin: 15px auto;
	padding: 20px 25px;
	background: white;
	border: 2px solid #DBDBDB;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.alert{
	display: none;
	padding: 8px 35px 8px 14px;
	margin: 20px 0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
/* form styling */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
textarea {
	width:100%;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 13px;
	line-height: 20px;
	margin: 0;
	padding: 7px 10px;
	box-shadow: inset 0 1px 2px #eee;
	border:1px solid #CCC;
	margin:0 0 5px;
	border-radius:5px;
}

textarea {
	height:100px;
	max-width:100%;
}
button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#991D57;
	background-image:linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
	background-image:-moz-linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
	background-image:-webkit-linear-gradient(bottom, #8C1C50 0%, #991D57 52%);
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
button[type="submit"]:hover {
	background-image:linear-gradient(bottom, #9C215A 0%, #A82767 52%);
	background-image:-moz-linear-gradient(bottom, #9C215A 0%, #A82767 52%);
	background-image:-webkit-linear-gradient(bottom, #9C215A 0%, #A82767 52%);
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
input:focus,
textarea:focus {
	outline:0;
	border:1px solid #999;
}
label{
	display: block;
	margin: 5px 0;
	font-weight: 900;
	cursor: pointer;
}
word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;