* { margin:0; padding:0; outline:0; outline:none !important;}
.nobdr { border:none !important; }
.nobg { background:none !important; }
.nobdr_top { border-top:none !important; }
.nomargin { margin:0px !important; }
.nomargin-top{margin-top:0 !important;}
.nomargin-left { margin-left:0px !important; }
.nomargin-right { margin-right:0px !important; }
.nopadding { padding:0px !important; }
.alignbottom { vertical-align:text-top; }
img {height: auto;  border:0;}
ul { list-style-type:none; padding:0; margin:0; }
ul li { list-style:none; padding:0; margin:0; }
a { text-decoration:none; outline:none; }
aside, details, figcapxion, figure, ins, summary, small, mark, title, video, footer, header, hgroup, nav, section, article { display: block; }
.clear { padding:0; margin:0; clear:both; }
h1, h2, h3, h4, h5, h6 { padding:0; margin:0;}
html, body { height: 100%; width: 100%; padding: 0; margin: 0;}
.cf:before,.cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}
body{ margin:0px; padding:0px; background:#fff;}
html{ margin:0px; padding:0px;}
a:hover, a:focus{outline:none; text-decoration:none; color:#fff; outline:none !important;}

@font-face {
    font-family: 'dinboldalternate';
    src: url('fonts/ufonts.com_din-boldalternate-webfont.eot');
    src: url('fonts/ufonts.com_din-boldalternate-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ufonts.com_din-boldalternate-webfont.woff2') format('woff2'),
         url('fonts/ufonts.com_din-boldalternate-webfont.woff') format('woff'),
         url('fonts/ufonts.com_din-boldalternate-webfont.ttf') format('truetype'),
         url('fonts/ufonts.com_din-boldalternate-webfont.svg#dinboldalternate') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family:'DIN Next LT Pro UltraLight';
    src: url('fonts/DINNextLTPro-UltraLight.eot');
	src: url('fonts/DINNextLTPro-UltraLight.eot?#iefix') format('embedded-opentype'),
		url('fonts/DINNextLTPro-UltraLight.woff2') format('woff2'),
		url('fonts/DINNextLTPro-UltraLight.woff') format('woff'),
		url('fonts/DINNextLTPro-UltraLight.svg#DINNextLTPro-UltraLight') format('svg');
    font-weight: 250;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family: 'dinregular';
    src: url('fonts/ufonts.com_din-regular-webfont.woff2') format('woff2'),
         url('fonts/ufonts.com_din-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family:'DINNextLTPro-Black';
	src: url('fonts/DINNextLTPro-Black_gdi.eot');
	src: url('fonts/DINNextLTPro-Black_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/DINNextLTPro-Black_gdi.woff') format('woff'),
		url('fonts/DINNextLTPro-Black_gdi.ttf') format('truetype'),
		url('fonts/DINNextLTPro-Black_gdi.svg#DINNextLTPro-Black') format('svg');
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}
@font-face {
	font-family:'DINNextLTPro-Italic';
	src: url('fonts/DINNextLTPro-Italic_gdi.eot');
	src: url('fonts/DINNextLTPro-Italic_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/DINNextLTPro-Italic_gdi.woff') format('woff'),
		url('fonts/DINNextLTPro-Italic_gdi.ttf') format('truetype'),
		url('fonts/DINNextLTPro-Italic_gdi.svg#DINNextLTPro-Italic') format('svg');
	font-weight: 400;
	font-style: italic;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}
@font-face {
    font-family: 'dinmedium';
    src: url('fonts/dinmedium-webfont.eot');
    src: url('fonts/dinmedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dinmedium-webfont.woff2') format('woff2'),
         url('fonts/dinmedium-webfont.woff') format('woff'),
         url('fonts/dinmedium-webfont.ttf') format('truetype'),
         url('fonts/dinmedium-webfont.svg#dinmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family:'DIN-Bold';
	src: url('fonts/DIN-Bold_gdi.eot');
	src: url('fonts/DIN-Bold_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/DIN-Bold_gdi.woff') format('woff'),
		url('fonts/DIN-Bold_gdi.ttf') format('truetype'),
		url('fonts/DIN-Bold_gdi.svg#DIN-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2122;
}
@font-face {
	font-family:'DINNextLTPro-Regular';
	src: url('fonts/DINNextLTPro-Regular_gdi.eot');
	src: url('fonts/DINNextLTPro-Regular_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/DINNextLTPro-Regular_gdi.woff') format('woff'),
		url('fonts/DINNextLTPro-Regular_gdi.ttf') format('truetype'),
		url('fonts/DINNextLTPro-Regular_gdi.svg#DINNextLTPro-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}
@font-face {
	font-family:'DIN-BoldAlternate';
	src: url('fonts/DIN-BoldAlternate_gdi.eot');
	src: url('fonts/DIN-BoldAlternate_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/DIN-BoldAlternate_gdi.woff') format('woff'),
		url('fonts/DIN-BoldAlternate_gdi.ttf') format('truetype'),
		url('fonts/DIN-BoldAlternate_gdi.svg#DIN-BoldAlternate') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

@font-face {
	font-family:'Interstate-Light';
	src: url('fonts/Interstate-Light_gdi.eot');
	src: url('fonts/Interstate-Light_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/Interstate-Light_gdi.woff') format('woff'),
		url('fonts/Interstate-Light_gdi.ttf') format('truetype'),
		url('fonts/Interstate-Light_gdi.svg#Interstate-Light') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}
@font-face {
	font-family:'DINNextLTPro-Medium';
	src: url('fonts/DINNextLTPro-Medium_gdi.eot');
	src: url('fonts/DINNextLTPro-Medium_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/DINNextLTPro-Medium_gdi.woff') format('woff'),
		url('fonts/DINNextLTPro-Medium_gdi.ttf') format('truetype'),
		url('fonts/DINNextLTPro-Medium_gdi.svg#DINNextLTPro-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}
@font-face {
	font-family:'DINNextLTPro-Bold';
	src: url('fonts/DINNextLTPro-Bold_gdi.eot');
	src: url('fonts/DINNextLTPro-Bold_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/DINNextLTPro-Bold_gdi.woff') format('woff'),
		url('fonts/DINNextLTPro-Bold_gdi.ttf') format('truetype'),
		url('fonts/DINNextLTPro-Bold_gdi.svg#DINNextLTPro-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}
.header-top-part{padding: 1.8% 2.8% 0 1.5%;}
.logo-new{float: left; width:800px;}
.logo-new img{max-width: 100%; height: 88px;}
.our-company{float: right; position: relative; padding-top:42px;}
.our-company span{font:19px/19px 'DINNextLTPro-Medium'; color: #b32b26; text-transform: uppercase; cursor: pointer; padding: 0 12px;}
.our-company span img{margin-left: 2px; height: 12px;}
.our-company ul{display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #000000; margin-top: 10px; z-index: 99;}
.our-company ul li a{font:14px/44px "dinboldalternate"; color: #fff; text-transform: uppercase; padding: 0 12px; display: block; border-bottom: 2px solid #898989; }

.container{ width: 82.2%; margin: 0  auto;}
.history-main-area{padding-top: 30px;}
.history-main-area h1{font:67px/67px "dinmedium"; letter-spacing: -0.39px; color: #c8c8c8; text-transform: uppercase; text-align: center; padding-bottom: 30px; letter-spacing: -2.5px;}
.history-main-area .history-column-part p {font: 24px/30px "DINNextLTPro-Regular"; color: #666666; margin-bottom: 30px; padding: 0px;}
.history-main-area h2 { color: #afafaf;font: 36px/36px "DIN-Bold";padding-bottom: 22px; text-transform: uppercase;}
.history-main-area h3 {color: #959595;font: 28px/28px "DIN-Bold"; padding-bottom: 22px;  text-transform: uppercase;}
.history-main-area p { color: #666666; font: 24px/30px "DIN-Bold"; padding-bottom: 30px; }
.history-main-area .history-quote > h3 {color: #d2311f; display: inline-block; font: 32px/32px "DINNextLTPro-Italic"; padding-bottom: 20px; padding-left: 53px;
    position: relative; text-transform:none;}
.history-quote{padding-top:42px;}
.history-quote > h3::before {background: rgba(0, 0, 0, 0) url("../images/catgory-qution-head-bf.jpg") repeat scroll 0 0 / 100% auto;   content: ""; height: 18px;
    left:19px; position: absolute; top:-5px; width: 27px; background-size: 100% 100%;}
.history-quote > h3::after { background: rgba(0, 0, 0, 0) url("../images/catgory-qution-head-af.jpg") repeat scroll 0 0 / 100% auto;  content: ""; height: 18px;
    position: absolute; right: -38px; top: -3px; width: 27px; background-size: 100% 100%;}
.history-main-area .history-quote > h4 { color: #444444;font: 18px/18px "DINNextLTPro-Medium"; padding-left:56px; padding-bottom: 65px;}
.history-quote > h4 span { color: #c41705; display: block; font: 10px/10px "DINNextLTPro-Regular"; padding-left: 11px;}
.history-main-area .history-quote > p { color: #666666;font: 24px/30px "DINNextLTPro-Regular";padding-bottom: 22px;}
 .history-quote > h6 {color: #666666;font: 24px/24px "DINNextLTPro-Bold"; padding-bottom: 22px;}
.numarial-bullet { padding-bottom: 30px;padding-left:25px;}
.history-quote-listin{padding-bottom: 10px;}
.history-quote-listin li {color: #666666;font: 24px/30px "DINNextLTPro-Regular";}
.numarial-bullet > li { list-style-type: number;}
.bullet > li {list-style-type: disc;}
.bullet { padding-bottom: 30px; padding-left:25px;}

.footer{ background: #000; padding: 53px 0px;}
.footer-box{ width: 210px; float: left;}
.footer-inner-box{ padding-bottom: 25px;}
.footer-box h3{font:18px/18px "DINNextLTPro-Bold"; color: #afafad; text-transform: uppercase; padding-bottom: 13px;}
.footer-box ul{padding-left: 15px;}
.footer-box ul li{ list-style-type: disc; color: #afafad;}
.footer-box ul li a{ font:14px/21px 'DINNextLTPro-Bold'; color: #afafad;}
.copy-right{font:9px/9px 'DINNextLTPro-Bold'; color: #afafad; text-align: right; padding-right: 26px;}

.our-values-outer{padding-bottom: 97px;}
.our-container{width:77%; margin: 0 auto;}
.our-values-main{ padding-top: 30px;}
.our-values-main h1{color: #c8c8c8;
    font: 67px/67px "dinmedium";
    letter-spacing: -2.5px;
    padding-bottom: 30px;
    text-align: center;
    text-transform: uppercase;}
.our-value-box figure img{float: left; margin-right: 87px; height: auto; width: auto; max-width: 120px;}
.our-value-box{background: #ededed; padding: 30px 40px 30px;}
.ourvalue-ontent{overflow: hidden;}
.ourvalue-ontent h3{font:32px/32px "dinboldalternate"; color: #b0b0b0; padding-bottom: 27px; padding-top: 23px;}
.ourvalue-ontent p{font: 24px/30px "DINNextLTPro-Regular"; color: #666666;}
.our-value-box:nth-child(2n){ background: #fff;}
.our-values-area{padding-bottom: 50px;}

.location-outer{padding-top: 30px; padding-bottom: 15px;}
.location-container{ width: 80%; margin: 0 auto; position: relative;}
.location-map-area h1{font:36px/36px 'DIN Next LT Pro UltraLight'; color: #000000; text-transform: capitalize; text-align: center; padding-bottom: 30px;}
.location-map-area img{max-width: 100%;}
.loaction-text{ text-align: center; padding: 35px 12%; margin: 60px 0px; border-top:1px solid #898989; border-bottom:1px solid #898989; clear: both; position: relative; z-index: 9;}
.loaction-text p{font:37px/44px 'DIN Next LT Pro UltraLight'; color: #000000;}


/*map-css */
#container {
    float: left;
    height: 800px; 
    width: 100%; }
#info_div1{ display: none !important;}
.show-info{display:block !important;}
.show-info1{display:block !important;}
.info-main-div{display:none; padding: 50px 40px 30px !important; position: absolute; background:url("../images/area-bg.png") no-repeat scroll;
    background-size: 80%  95%;   box-sizing:border-box; left: 50px; top:200px; width:500px;
    z-index: 99; min-height: 495px;}   
#info_div5.info-main-div{right: 50px; left: inherit;}
#info_div6.info-main-div{right: 50px; left: inherit;}
.info-indus h2{ font:33px/33px "DINNextLTPro-Bold"; color: #949494; text-transform: uppercase; padding-bottom: 20px}
.info-indus h3{ font:25px/25px "DINNextLTPro-Bold"; color: #949494; text-transform: uppercase; padding-bottom: 5px;}
/* .info-indus a{ font:17px/17px "DINNextLTPro-Bold"; color: #b02c1b; text-transform: capitalize; display: block; vertical-align: top; padding-bottom: 25px;} */
.info-indus a{ font:17px/17px "DINNextLTPro-Bold"; color: #b02c1b; display: block; vertical-align: top; padding-bottom: 25px;}
.close{ position: absolute; top:15px; left: 15px; background: none; border:none; cursor: pointer;} 


.highcharts-legend-item{ display: none !important;} 
.highcharts-credits{ display: none !important;}
.highcharts-point {cursor: pointer;}

@media only screen and (max-width:1366px){
    .loaction-text{ padding: 35px 0px; }
    .location-container{ width:95%;}
    #container{ height: 650px;}
}

@media only screen and (max-width:1200px){
    .our-container{width:95%;}
    
    .loaction-text p{font:27px/30px "DIN Next LT Pro UltraLight";}
    .info-main-div{width: 405px; padding: 55px 25px 40px !important; top:135px;  min-height: 428px;} 
    .info-indus h2{font:27px/27px "DINNextLTPro-Bold"; padding-bottom: 10px;}
    .info-indus h3{font:18px/25px "DINNextLTPro-Bold";}
    .info-indus a{ padding-bottom: 15px;}
    .location-container{ width: 95%;}
    #container{ height: 600px;}
}
@media only screen and (max-width:1020px){.logo-new{width:450px;} .our-company{padding-top:37px;}}
@media only screen and (max-width:991px){
    .container{width:95%;}
    .history-main-area h1{ font-size: 50px; line-height: 50px; padding-bottom: 5px;}
    .footer-box{ width:33%;}
    .our-values-main h1{font-size: 50px; line-height: 50px; padding-bottom: 20px;}
    
}

@media only screen and (max-width:900px){
    .ourvalue-ontent h3{font:26px/26px "dinboldalternate"; padding-bottom: 18px;}
    .ourvalue-ontent p{font:18px/29px "dinboldalternate";}
    .our-value-box figure{ margin-right: 28px;}
    .our-value-box figure{ height: 100px; width: 100px;}
    .our-value-box figure img{ width: 100%;}
}
@media only screen and (max-width:768px){
     #container{ height: 400px;}
    .info-main-div{ min-height: 300px; padding: 51px 22px 40px !important; top: 62px; width: 296px;}
    .info-indus h2{font: 19px/19px "DINNextLTPro-Bold";}
    .info-indus h3{font:14px/14px "DINNextLTPro-Bold";}
    .info-indus a{font:13px/17px "DINNextLTPro-Bold"; padding-bottom: 10px;}
     .logo-new{width:400px;}
    .our-company {
    padding-top:37px;
}
}
@media only screen and (max-width:767px){.our-values-outer{ padding-bottom: 0px;}}
@media only screen and (max-width:640px){
    .footer-box{width:100%;}
    .our-value-box{ padding: 23px 10px;}
    .loaction-text p{font:21px/25px "DIN Next LT Pro UltraLight";}
     #container{ height: 300px;}
    .location-map-area h1{font:24px/26px "DIN Next LT Pro UltraLight"; padding-bottom: 0px;}
    .logo-new img{height: 47px;} 
    .our-company { padding-top:12px;}
    .logo-new{width: 240px;}
}
@media only screen and (max-width:480px){
    .info-main-div{ left: 0px;}
    #info_div5.info-main-div{right:inherit; left:0px;}
#info_div6.info-main-div{right:inherit; left: 0px;}
    .loaction-text{padding: 19px 0; }
    .loaction-text p{font:16px/24px "DIN Next LT Pro UltraLight";}
}

@media only screen and (max-width:479px){
    .our-company span{font-size: 14px; line-height: 14px;}
    
    .history-main-area .history-column-part p{font:17px/22px "DINNextLTPro-Regular"; margin-bottom: 15px;}
    .history-main-area h2{font:26px/25px "DIN-Bold"; padding-bottom: 10px;}
    .history-main-area h3{font:21px/21px "DIN-Bold"; padding-bottom: 10px;}
    .history-main-area p{font:17px/23px "DIN-Bold"; padding-bottom: 0px;}
    .history-main-area .history-quote > h3{font:21px/30px "DINNextLTPro-Italic"; padding-bottom: 5px;}
    .history-quote > h3::after{ height: 16px; width: 23px; right: -30px; background-size: 100% 100%;}
    .history-quote > h3::before{ height: 16px; width: 23px; left: 20px; background-size: 100% 100%;}
    .history-main-area .history-quote > h4{font:15px/18px "DINNextLTPro-Medium"; padding-bottom: 19px; padding-left: 49px;}
    .history-main-area .history-quote > p{font:17px/22px "DINNextLTPro-Regular"; padding-bottom: 15px;}
    .history-quote > h6{font:20px/21px "DINNextLTPro-Bold"; padding-bottom: 10px;}
    .history-quote-listin{ padding: 0 10px;}
    .history-quote-listin li{font:17px/22px "DINNextLTPro-Regular";}
    .numarial-bullet{ padding-bottom: 10px;}
    .our-company ul li a{font:11px/27px "dinboldalternate";}
    .history-main-area h1 {font-size: 40px;line-height: 40px;}
    .our-values-main h1{ font-size: 40px; line-height: 40px;}
    .ourvalue-ontent h3 {font: 20px/20px "dinboldalternate";padding-bottom: 8px; padding-top: 10px;}
    .ourvalue-ontent p {font: 16px/23px "dinboldalternate";}
    .our-value-box figure { margin-right: 20px; height: 80px; width: 80px;}
}
@media only screen and (max-width:400px){
    
.logo-new {
    width: 175px;
}
    .copy-right{text-align: left; padding-left: 15px; padding-right: 15px; font:9px/12px "DINNextLTPro-Bold";}
    .our-company span{padding: 0 7px;}
      .our-value-box figure { margin-right: 10px; height: 50px; width: 50px;}
     #container{ height:200px;}
}
.footer-box h3 a{font:18px/18px "DINNextLTPro-Bold"; color: #afafad; text-transform: uppercase; padding-bottom: 13px;}
.copy-right a {font:9px/9px 'DINNextLTPro-Bold'; color: #afafad; text-align: right; padding-right: 26px;}