@charset "utf-8";
/* CSS Document */

header{ width:100%; float:left; background:#7fbfff;}
header .logo{}
header .logo img{}
header .top_menu{ margin-top:10px;}

/*nav starts here*/

header .navbar-default{  border:none; padding:0; width:100%; }
header .navbar-default .navbar-nav>li{  padding: 5px 1px 5px 18px;}
header .navbar-default .navbar-nav>li>a{ color: #fff; font-family: 'ralewaylight'; font-size: 16px; padding: 15px 0; font-weight:normal;}
header .navbar-default .no-margin { margin-right:0px !important; }
header .no-margin a{ margin-right:0 !important; padding-right:15px !important;}
header .navbar-collapse, .collapse{ }
header .navbar{ margin-bottom:0;}
header .navbar-default{ background:none;}
.navbar-nav > li > .dropdown-menu{ margin-top:6px;}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background: none repeat scroll 0 0 transparent; color: #fff; padding: 16px 1px 5px; border-bottom: 2px solid #000;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{ background:none !important;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ color:#fff;}
.bg{ background:#00549e;}
header .navbar-default .navbar-nav > li > a:hover{ color:#414141; transition:ease-out 0.3s}
header .navbar-default .navbar-brand{color:#fff; }
header .navbar-collapse{border:none;}
header .navbar-header{border:none; border-radius:10px; float: left; width: 100%; background: none repeat scroll 0 0 #3b8bdb; margin-bottom:5px;}
header .navbar-default .navbar-nav{ padding:0;}
header .sub-text { text-transform:none !important; color:#333; margin-top:1px !important;   font-size:13px !important; line-height:14px;  display:block}
.dropdown-menu > li > a{ padding: 10px 20px; border-radius: 0; font-family: 'ralewaylight';}
.dropdown-menu > li > a:hover{ background:#7fbfff; color:#fff;}

/*nav ends here*/


.banner{ width:100%; float:left;}
.tagline{ width:100%; float:left; background:#f8f8f8; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1; font-family:'ralewaylight'; font-size:18px; color:#585858; padding-top:40px; padding-bottom:40px; text-align:center;}
h2{color: #303030; font-family: "ralewaylight"; font-size: 26px; font-weight: bold; margin-bottom: 0; text-align: center; text-transform: uppercase;}
h3{ font-family: 'ralewayregular'; font-size:22px; color:#3c3c3c; font-weight:bold;}
h4{ font-family: 'ralewayregular'; font-size:20px; color:#3590eb; text-align:left;}
h5{ font-family: 'ralewayregular'; font-size:18px; color:#898787; text-align:left;}
.h2{ margin-bottom: 0;  margin-top: -8px; text-align: center;}
p{  font-family: 'ralewayregular'; font-size:14px; color:#686868; line-height:28px; text-align:justify;}
.welcome_box{ width:100%; float:left; margin-top:45px;}
.welcome_box .welcome{ text-align: center; padding-left: 100px; padding-right: 100px;}
.welcome_box .welcome p{ font-family: 'ralewayregular'; font-size:14px; color:#686868; line-height:28px; text-align:center;}
.welcome_box .welcome button{ background:#7fbfff; font-family: 'ralewayregular'; font-size:17px; border-radius: 0; padding-bottom: 4px; padding-top: 4px; border: 0 none; margin-top:16px;}
.welcome_box .welcome button a{ color:inherit; text-decoration:none;}
.services{ width:100%; float:left; margin-top: 42px;}
.services .solution{ text-align:center; padding-left:200px;  margin-top: 30px;}
.services .solution p{ font-family: 'ralewayregular'; font-size:14px; color:#686868; line-height:28px; text-align:center;}
.services .solution a{ color:#7fbfff; text-decoration:none; font-family: 'ralewayregular'; font-size:15px;}
.services .trade{ text-align:center; padding-right:200px;  margin-top: 30px;}
.services .trade p{ font-family: 'ralewayregular'; font-size:14px; color:#686868; line-height:28px; text-align:center;}
.services .trade a{ color:#7fbfff; text-decoration:none; font-family: 'ralewayregular'; font-size:15px;}


footer{ background:#7fbfff; width:100%; float:left; padding-bottom: 11px; padding-top: 18px; margin-top:60px;}
footer .copiright{ font-family:'Uni-Sans-Book'; font-size:13px; color:#fff;}
footer .copiright a{ text-decoration:none; color:inherit;}
footer .social{ float: right;}
footer .social ul{ padding:0; margin:0;}
footer .social ul li{ list-style:none; float:left; margin-left: 14px;}



.inner_banner{ width:100%; float:left;}

.welcome_box .about{ text-align:center;}
.welcome_box .about p{ font-family: 'ralewayregular'; font-size:14px; color:#686868; line-height:28px; text-align:center;}

.welcome_box .technical{}
.welcome_box .technical ul{}
.welcome_box .technical li{ list-style:none; font-family: 'ralewayregular'; font-size:14px; color:#686868; line-height:28px;}
/*.welcome_box .technical li:hover{ color:#2581dc;}*/

.welcome_box .technical .click{}
.welcome_box .technical .click a{ color:#3590eb; font-family: 'ralewayregular'; text-decoration:none;}

.welcome_box .trading{}
.welcome_box .trading .click{}
.welcome_box .trading .click a{ color:#3590eb; font-family: 'ralewayregular'; text-decoration:none;}

.contact .address{ margin-bottom:20px;}
.contact .address p{ font-family: 'ralewayregular'; font-size:14px; color:#686868; line-height:28px; text-align:left;}

.contact .contact_form{}
.contact .contact_form input{ border-radius: 0; height: 40px;}
.contact .contact_form textarea{ border-radius: 0;}
.contact .contact_form button{ background:#7fbfff; color:#fff; border:none; border-radius:0; margin-bottom: 15px;}


@media(min-width:361px) and (max-width:980px) {
.services .solution{ padding:0;}
.services .trade{ padding:0;}
footer .social ul li{ margin-left: 12px;}
}


@media(max-width:360px)  {
	header .navbar-default .navbar-nav > li{ padding-left:0;}	
}


@media(max-width:768px)  {
	header .logo img{ padding-top:10px;}
	header .top_menu{ margin-top:0;}	
}

@media(max-width:800px)  {
	header .logo img{ padding-top:10px;}
	header .top_menu{ margin-top:0;}	
}

@media(max-width:980px)  {
	header .logo img{ padding-top:10px;}
	header .top_menu{ margin-top:0;}	
	header .navbar-default .navbar-nav > li > a{ font-size:15px;}
}


@media(max-width:360px)  {
	header .navbar-default .navbar-nav > li{ padding-left:0;}
	.welcome_box .welcome{ padding-left:0; padding-right:0;}
	.services .solution{ padding:0;}	
	.services .trade{ padding:0;}
	footer .social{ float:right;}
}


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

}



@font-face {
	font-family:'Uni-Sans-Book';
	src: url('../fonts/Uni-Sans-Book_gdi.eot');
	src: url('../fonts/Uni-Sans-Book_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Uni-Sans-Book_gdi.woff') format('woff'),
		url('../fonts/Uni-Sans-Book_gdi.ttf') format('truetype'),
		url('../fonts/Uni-Sans-Book_gdi.svg#Uni-Sans-Book') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-2122;
}


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

}