* { outline:none!important;}
ul , ol {list-style:none;}

p a{ text-decoration:underline;}


#header {display:block;}
.top-section { width:100%; display:table;  background: #00498C; padding:10px 0;}
.top {position:relative; float:right;}
.top-inner { position:relative;}
.phone {color:#CCCCCC; float:left; margin:0 15px 0 0;}
.phone:before {content: "\f095";font-family: 'FontAwesome';  padding: 0 5px 0 0;}
.top-links {float:left;}
.top-links ul {position:relative; margin:0 15px 0 0; padding:0px;}
.top-links ul li {float:left;}
.top-links ul li a {display:block; color:#ccc; font-size:13px; padding:0 10px 0 0;font-family: 'open_sansregular';
-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.top-links ul li a:hover { text-decoration:none; color:#ACCA00;}
.ico1:before { padding:0 5px 0 0 ;content: "\e900";font-family: 'IcoMoon-Free'; font-size:16px;}
.ico2:before { padding:0 5px 0 0 ;content: "\e976";font-family: 'IcoMoon-Free'; font-size:16px;}
.ico3:before { padding:0 5px 0 0 ;content: "\e947";font-family: 'IcoMoon-Free'; font-size:16px;}
.ico4:before { padding:0 5px 0 0 ;content: "\f003";font-family: 'FontAwesome'; font-size:16px;}
.top_contect{color:#ccc;}
.top_contect:hover{color:#ACCA00;}

.social {float:left; position:relative; margin:0px; padding:0px;}
.social ul {position:relative; margin:0px; padding:0px;}
.social ul li { float:left; position:relative;}
.social ul li a {display:block; width:16px; height:16px; margin:0 5px 0 0 ;}

.fb:before {font-size:16px; color:#ccc;padding:0 5px 0 0 ;
-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.fb:hover:before {color:#ACCA00;}
.ln:before {font-size:16px; color:#ccc;padding:0 5px 0 0 ;
-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.ln:hover:before {color:#ACCA00;}
.gp:before { font-size:16px; color:#ccc;padding:0 5px 0 0 ;
-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.gp:hover:before {color:#ACCA00;}

.current{background: #0072bc !important; margin-right:1px !important;}
.current1{color:#ACCA00 !important;}

.logo-section { width:100%; display:table; background:ffffff; padding:10px 0;}
.logo { display:block;}
.logo img {width:100%;}
.tagline {border-bottom:1px solid #00498C; float:right; padding:0 0 5px 0;font-family: 'merienda_oneregular'; font-size:18px; color:#FF9900; margin:20px 0 0 0;}

#section { width:100%; float:left;background:url(../images/section-bg.jpg) 0px 0px repeat; display:block; position:relative;}

.welcome { position:relative; text-align:center; margin:0px 0 0px 0; display:inline-block;}
h1 {font-family: 'open_sansregular' !important; font-size:20px !important; color:#333 !important;}
.p1 { padding:0 20px;font-family: 'open_sansregular' !important; font-size:14px;}
.more { color:#006C33;font-family: 'open_sansregular' !important; font-size:13px;
-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.more:after {content: "\f105";font-family: 'FontAwesome'; padding:0 5px; font-size:20px; position:absolute; margin:-4px 0 0 0;
-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.more:hover { color:#00498C;}
.more:hover:after {margin:-4px 0 0 3px;}


.products {position:relative; display:inline-block; margin:0px;width:100%; padding:0 0 40px 0;}
h3 {font-family: 'open_sansregular' !important; font-size:20px !important; color:#333 !important; background:url(../images/underline.png) 90px 10px no-repeat;}


#bottom-section { background:#0059AA;position: relative;display:block;width: 100%;}
.bot-bx { padding:20px 15px 20px 23px !important;}
.bord { border-right:1px solid #00498C;}
.icon-1 { margin:0 0 10px 0;}
.sec-1 { font-size:20px; color:#FFF;font-family: 'open_sansregular' !important;}
.ul-one { position:relative; margin:10px 0 10px 0; padding:0px;}
.ul-one li{ background:url(../images/arrow.png) 0px 4px no-repeat; font-size:14px; color:#fff; padding:0 0 0 15px; line-height:20px;font-family: 'open_sansregular' !important;}
.p2 { font-size:14px; color:#fff; padding:10px 0 0 0;font-family: 'open_sansregular' !important;}
.bot-bx a { font-size:13px; color:#ACCA00;font-family: 'open_sansregular' !important;
-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.bot-bx a:hover { color:#fff;}

#footer { background:#0e3179; position:relative; display:block; padding:15px 0;}
.f-left {color:#fff; font-size:13px;font-family: 'open_sansregular' !important; float:left;}
.f-right {color:#fff; font-size:13px;font-family: 'open_sansregular' !important; float:right;}
.f-right a {color:#fff; text-decoration:underline;
-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.f-right a:hover { text-decoration:none; color:#069;}




#back-top { display:none; }
#back-top-wrapper {
	position:fixed;
	right:0px;
	bottom:40px;
	overflow:hidden;
	z-index:199;
	margin-right:30px;
}
#back-top a {
	display:block;
	width:39px;
	height:39px;
	color:#bbb;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	border-radius:0px;
	border:none;
	text-transform:uppercase;
	font:11px/100% Arial, Helvetica, sans-serif;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}
#back-top a:hover span { background:transparent url(../images/up-arrow.png) center bottom no-repeat; }
#back-top span {
	display:block;
	margin-bottom:10px;
	width:39px;
	height:39px;
	background:transparent url(../images/up-arrow.png) center top no-repeat;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}




													/*company-profile*/


.sub-banner-bg {position: relative;}
.sub-banner {margin-top: 15px; position: relative;  z-index: 1; width:100%; background:#f8f8f8; }
.sub-banner-txt{font-family: 'merienda_oneregular'; font-size:24px; color:#FFF; position:absolute; right:54px; bottom:68px; }
.sub-bnr-shadows {bottom: -7px; left: 0; position: absolute; right: 0; top: 22px; z-index: 0; }

.sub-bnr-shadows_side-top::before,
.sub-bnr-shadows_side-top::after,  
.sub-bnr-shadows_side-bottom::before, 
.sub-bnr-shadows_side-bottom::after { content: ""; height: 100%; position: absolute;  width: 10px;  }

.sub-bnr-shadows_side-top::after {box-shadow: 5px 0px 7px 0px rgba(0,0,0,0.75); right: 16px; top: -7px; transform: rotate(-10deg); }
.sub-bnr-shadows_side-top::before {box-shadow: -5px 0px 7px 0px rgba(0,0,0,0.75); left: 16px; top: -21px; transform: rotate(-10deg); }
.sub-bnr-shadows_side-bottom::before {box-shadow: -5px 0px 7px 0px rgba(0,0,0,0.75); bottom: 6px; left: 16px;transform: rotate(10deg); }
.sub-bnr-shadows_side-bottom::after {box-shadow: 5px 0px 7px 0px rgba(0,0,0,0.75); bottom: 22px; right:16px; transform: rotate(10deg); }

.company-left{margin:0px 0px; border:solid 10px #FFF; }
.company-right{margin:32px 0px;  }
.company-right p{margin:0px; padding:5px 0px 5px 2px; font-family: 'open_sansregular' !important; font-size:14px; line-height:20px; text-align:justify;}
.company-right h1{margin:18px 0px 3px 0px; color:#00498c !important; padding:5px 0px 5px 2px; border-bottom:solid 1px #CCC; box-shadow: 0px 2px 0px 0px rgba(255,255,255,1); }
.company-right ul{margin:0px; padding:0px; }
.company-right ul li{margin:0px; padding:3px 0px; font-family: 'open_sansregular'; font-size:14px; line-height:20px; }
.company-right ul li:before {font-family: 'FontAwesome'; content: "\f00c"; color:#0059AA; font-weight:100; font-size:13px; margin-right:9px; display: inline-block; }
.company-right ul li a{text-decoration:underline; }
.company-right ul li a:hover{text-decoration:none; }
.fig { float:left; margin:0 10px 0px 0 ;}

.ul-two { position:relative; margin:20px 0 10px 0 !important; padding:0px;}
.ul-two li{font-size:14px; color:#333; background:#fff; padding:5px 0 5px 5px !important; line-height:20px; font-family: 'open_sanssemibold'!important;  margin-bottom: 5px !important;}
.ul-two li:before {font-family: 'FontAwesome'; content: "\f105" !important; color:#666; font-size:14px; margin-right:9px; display: inline-block; }

.infrast-space{margin-left:5px !important; }
.infrast-top{margin-top:0px !important; }


.pro-left{margin:32px 0px !important; background:#FFFFFF !important; padding:15px !important; text-align:-webkit-center; box-shadow: 0px 4px 0px 0px rgba(238,238,238,1) !important; }
.pro-right{margin:32px 0px; background:#FFFFFF; padding:15px; box-shadow: 0px 4px 0px 0px rgba(238,238,238,1); }
.pro-right p{margin:0px; padding:12px 0px 4px 2px; font-family: 'open_sansregular'; font-size:14px; line-height:20px; color:#333; text-align:justify;}
.pro-right h1{margin:0px; color:#00488C !important; font-size:20px; font-weight:normal; font-family: 'open_sansbold' !important; letter-spacing:0.1px; padding:5px 0px 5px 2px; border-bottom:solid 1px #CCC; box-shadow:0px 1px 0px 0px rgba(245, 245, 245, 1) !important; }

.pro-right h2{margin:0px; color:#333; font-size:14px; font-weight:normal; padding:13px 0px 6px 2px; font-family: 'open_sansbold'; }

.pro-right ul{margin:0px; padding:0px; }
.pro-right ul li{margin:0px;  padding-left: 10px; font-family: 'open_sansregular'; font-size:14px; line-height:21px; color:#333; }
.pro-right ul li:before {font-family: 'FontAwesome'; content: "\f111"; color:#0059AA; font-weight:normal; font-size:6px; margin-right:9px; vertical-align:middle; }
.pro-right ul li:last-child{display:inline-flex; }

.pad-lf{padding-left:0px !important; }
.pad-rf{padding-right:5px !important; }


.infrast-left{margin:32px 0px ;  }
.infrast-right{margin:32px 0px;  }
.infrast-right p{padding:0px 0px 0px 35px; }
.infrast-right h1{margin:18px 0px 3px 35px !important; color:#00498c !important; padding:5px 0px 5px 2px; border-bottom:solid 1px #CCC; box-shadow: 0px 2px 0px 0px rgba(255,255,255,1); }
.infrast-right ul{margin:0px; padding:0px; }
.infrast-right ul li{margin:2px 16px; padding:5px 10px; font-family: 'open_sansregular' !important; font-size:14px; line-height:20px; display:inline-flex; width:47%; border:solid 1px #CCC; background:#fafafa; }
.infrast-right ul li:before {font-family: 'FontAwesome'; content: "\f105"; margin-right:10px; display: inline-block; }
.infrast-right ul li a{text-decoration:underline; }
.infrast-right ul li a:hover{text-decoration:none; }

.infrast-img{position:relative; margin:0px 0px 32px 0px; padding:7px; float:left; overflow:hidden; width:100%; background:rgba(0, 0, 0, .02); border:1px solid rgba(0, 0, 0, .09); 
	box-shadow:0 0 2px rgba(255, 255, 255, 1); text-align:center; border-radius:3px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.infrast-img:hover{background:rgba(255, 255, 255, .35); border:1px solid rgba(0, 0, 0, .19); box-shadow:0 0 6px rgba(0, 0, 0, .15); }

.infrast-img:before {content: ""; position: absolute; top:7px; left:7px; right:7px; bottom:7px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.infrast-img:hover:before{background:rgba(51, 51, 51, 0.6);  }
.infrast-img i{position:absolute; top:40%; margin:auto; right:0px; left:0px; font-size:30px; color:#00a0e4; visibility:hidden; opacity:0; transition:visibility 0s linear 0.5s,opacity 0.5s linear; }
.infrast-img:hover i{visibility:visible; opacity:1; transition-delay:0s; }


/*.infrast-img:hover .image {
-webkit-transform:scale(2);
transform:scale(2);
}

.image {
-webkit-transition: all 3s ease;
transition: all 3s ease;
}*/

.exports-mf{margin:32px 0px; width:100%; height: 450px;  }

.contact-us{ margin:32px 0px 0px 0px;  width:100%;}
.contact-us p{margin:0px; padding:8px 0px; font-family: 'open_sansregular' !important; font-size:14px; line-height:20px; }
.contact-us h1{color:#000 !important; font-family: "open_sansregular" !important;  font-size:17px !important; margin:0px; padding:15px 0px 0px 0px; }
.contact-us h2{color:#333 !important; font-family: "open_sansregular" !important;  font-size:20px !important; margin:0px; padding:2px 0px 12px 0px; text-transform:capitalize; line-height:30px; }
.contact-us p:nth-child(2){padding:0px 0px 2px 0px; }
.contact-us ul{margin:0px; padding:0px; }
.contact-us ul li{margin:0px; padding:0px; font-family: 'open_sansregular' !important; font-size:14px; line-height:22px; width:49%; display:inline-block; }
.contact-us ul li:last-child{width:100%; }
.contact-us i{color:#666 !important; }
.contact-us a{color:#333 !important; text-decoration:underline; }
.contact-us a:hover{text-decoration:none; }

.contect_no{color:#666 !important; text-decoration:none !important;}
.contect_no:hover{ text-decoration:underline  !important;}


.contact{ margin:32px 0px 20px 0px;  width:100%; padding:10px 0px; background: #EDEDED; border:1px solid #E0DBDB;}
.contact h2{color:#333 !important; font-family: "open_sansregular" !important;  font-size:20px !important; margin:0px; padding:2px 0px 12px 0px; text-transform:capitalize; line-height:30px; }
#form-wrap{ margin:0px; padding:8px 0px; width:100%; display:block; }

#form-wrap label {font-family: 'open_sansregular'; font-size:15px; font-weight:normal; color:#4d4d4d; float:left; margin-right:10px; width:145px; padding-left:1px; }
#form-wrap .input {font-family: 'open_sansregular'; font-size:13px; padding:8px 10px; margin:0px 0px 15px 0px; border:1px solid #d5d5d5; width:100%; color:#000; border-radius:3px; background:#fbfbfb; box-shadow: 0px 2px 2px 0px #DEDEDE;
transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;}

#form-wrap .input:focus {background:#f2f2f2; border-left:3px solid #0e3179; color:#000; outline: 0; }
#form-wrap .textarea {height:auto; min-height:115px; max-width:100%; resize:none; }

#form-wrap  .row-capt {width:227px; float:left; position:relative;  margin:0px; padding:0px; }
#form-wrap  .row-capt span{float:right; margin:0px; padding:0px;}
#form-wrap .input2{font-family: 'open_sansregular'; font-size:13px; padding:8px 10px; margin:0px 5px 20px 0px; border:1px solid #d5d5d5; width:59%; color:#000; border-radius:3px; background:#fbfbfb; box-shadow: 0px 2px 2px 0px #DEDEDE; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; }
#form-wrap .input2:focus {background:#f2f2f2; border-left:3px solid #0e3179; color:#000; outline: 0; }

#form-wrap .button{float:left; margin:0px 10px 0px 0px; padding:7px 25px; border-radius:3px; cursor:pointer; color:#fff; font-family: 'open_sansregular'; font-size:14px; border:0px; overflow:visible; background-color:#9ebc01; }
#form-wrap .button:hover {background-color: #0e3179; }
#form-wrap .btn{width:215px; position:relative; margin:2px 0px 0px 0px; padding:0px; clear:both; float:left; }


#thanks{width:50%; margin:56px auto; padding:20px; border:#CCC 1px dashed; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#333; line-height:20px; font-size:14px;}
#thanks h3{font-family: Verdana, Geneva, sans-serif; background-image:none; padding-bottom:15px; font-size: 18px; line-height: 30px; font-weight: bold; color: #FF6E21 !important;}
#thanks p{padding:5px 0px; }

.error{font-size:12px; color:#F00; font-family:Arial, Helvetica, sans-serif; padding:0px 0px 0px 12px;}

.map-bod {width:100%; height:365px;
		border: 5px solid #ffffff;
	   -webkit-box-shadow: 0px 3px 5px 1px rgba(153,153,153,0.75);
	   -moz-box-shadow: 0px 3px 5px 1px rgba(153,153,153,0.75);
	   box-shadow: 0px 3px 5px 1px rgba(153,153,153,0.75); }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.50);
}
.modal-dialog {
    width: auto;
    margin: 30px auto; position:fixed !important; top:45%; left:50%; transform:translate(-50%,-50%);
}
.modal-content {width:100%; margin:0 auto;background: top;box-shadow: none;border: none;}
.modal-content img {
    width: 100%;
}
.modal-header {padding: 0; border: none; position: absolute; top: -52px; right: -62px;}
.modal-header .close {
    margin: 0;
    color: #000;
    opacity: 0.8;
    font-size: 22px;
    background: #fff;
    border-radius: 100%;
    font-weight: normal;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
.modal-header .close:hover {opacity: 1;}	   
@media only screen and (max-width: 786px) {
	.modal-dialog {width:90% !important;  }	
	}