body{font-family:'Open Sans', sans-serif;font-size:13px;color:#171717;background:url(images/bg.png) repeat 0 0 #f5f5f5;line-height:22px;}

.container{max-width:1000px;}
.no-margin{margin:0 !important;}
.clr{clear:both;}
.font16{font-size:16px;}

.icon-bar-custom{height:40px;width:51px;background:url(images/bar.png) no-repeat 0 center;display:inline-block;}
.icon-cloud-power-custom{height:40px;width:40px;background:url(images/cloud-power.png) no-repeat 0 center;display:inline-block;}
.icon-tools-custom{height:40px;width:40px;background:url(images/tools.png) no-repeat 0 center;display:inline-block;}
.icon-group-custom{height:40px;width:45px;background:url(images/group.png) no-repeat 0 center;display:inline-block;}

.btn-dark{color:#ffffff;font-size:18px;font-family: 'Oswald', sans-serif;font-weight:300;text-shadow:none;background:#126889;border:0;line-height:1;padding:13px 20px 10px;}
.btn-dark:focus,.btn-dark:active,.btn-dark:hover{background:#f47920;color:#fff;}

.btn-gray{color:#ffffff;font-size:17px;font-family: 'Oswald', sans-serif;font-weight:300;text-shadow:none;background:#626669;border:0;line-height:1;padding:13px 20px 10px;}
.btn-gray:focus,.btn-gray:active,.btn-gray:hover{background:#f47920;color:#fff;}

.grey-line{height:4px;border:0;margin:45px 0;background:url(images/line.png) no-repeat center 0 #d0d0d0;}

.header-home{background:url(images/banner-bg.png) repeat-x 0 0 #22a1d3;position:relative;overflow:hidden;}
.header-home .header-right{float:right;width:600px;max-width:100%;}
.header-home .logo{display:block;background:url(images/logo-grid.png) repeat-x 0 0;padding-top:205px;text-align:center;}
.line-banner{background:url(images/banner-line.png) no-repeat 0 0;width:653px;height:100%;position:absolute;left:16%;margin-left:5px;z-index:0;}
.header-home .container{position:relative;z-index:1;}
.header-home .banner-text{float:right;width:530px;max-width:100%;float:right;text-align:justify;margin-top:165px;padding-bottom:85px;}
.header-home .banner-text h1{font-weight:300;margin: 0 0 30px;color:#fdfeff;font-size:45px;letter-spacing:-2px;font-family: 'Open Sans', sans-serif;}
.header-home .banner-text .desc{
	margin-bottom: 20px;
	color: #fdfeff;
	font-size: 26px;
	font-weight: 300;
	font-family: 'Open Sans Condensed', sans-serif;
	line-height: 1.3;
	letter-spacing: -0.5px;
}
.header-home .header-bottom{margin:0;height:40px;width:100%;background:url(images/banner-grid.png) repeat-x 0 0;position:relative;z-index:1;}

	.navbar{padding-top:15px;margin:0;}
	.navbar-inner{background:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:0;padding:0;filter:none;}
	.navbar .nav{margin:0;}
	.navbar .nav > li{margin-left:40px;}
	.navbar .nav > li > a{padding:10px 2px;text-shadow:none;text-transform:uppercase;color:#fdfeff;font-size:16px;font-family: 'Oswald', sans-serif;font-weight:300;}
	.navbar .nav > li > a:focus, .navbar .nav > li > a:hover{background:url(images/nav-line.png) repeat-x 0 bottom;color:#fdfeff;}
	.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{color:#fdfeff;background:url(images/nav-line.png) repeat-x 0 bottom;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
	.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{background:url(images/nav-line.png) repeat-x 0 bottom;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#fdfeff;}
	
	.dropdown-menu{background:#1996C7;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin:0;}
	.navbar .nav > li > .dropdown-menu:before,.navbar .nav > li > .dropdown-menu:after{display:none;}
	.dropdown-menu > li > a{padding:2px 5px;text-transform:uppercase;font-family: 'Oswald', sans-serif;font-size:13px;color:#e5f8ff;font-weight:300;}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a{filter:none;color:#222;background:#E5F8FF;}

.header{background:#128ebf;}
.header .logo{float:left;padding:15px 0;}
.header .navbar{padding-top:20px;}
.header .navbar .nav > li > a{padding-bottom:25px;}
.header .dropdown-menu{padding:15px 8px;background:#128ebf;}

.page-title{background:#a9d5e6;padding:30px 0;margin:0 0 35px;}
.page-title h1{
	color: #fdfeff;
	font-size: 48px;
	font-weight: 300;
	margin: 0;
	letter-spacing: -2px;
}

.title-orange{
	font-size: 30px;
	color: #171717;
	font-weight: 300;
	letter-spacing: -1px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
}
.title-orange i{color:#f47920;font-size: 40px;}
.title-orange i.icon-bar-custom{margin-right:10px;float:left;}
.title-orange i.icon-cloud-power-custom{margin-right:10px;float:left;}
.title-orange i.icon-tools-custom{margin-right:10px;float:left;}
.title-orange i.icon-group-custom{margin-right:10px;float:left;}

.hero-unit{font-size:26px;color:#333333;font-family: 'Open Sans Condensed', sans-serif;font-weight:300;background:transparent;padding:0;line-height:1.3;margin:0 0 45px;}

.box {padding:18px 11px;text-align:center;margin:35px 0 0;}
.box:hover {background:#fff;border-radius:5px;box-shadow:0 0 15px #ddd}
.box h3{color:#4c4c4c;font-weight:400;font-size:18px;line-height:1.1;margin:0 0 15px;letter-spacing:-1px;min-height:40px;}
.box:hover h3{font-weight:600}
.box .image{width:115px;height:80px;padding-top:35px;margin:0 auto 35px;-webkit-border-radius:70px;-moz-border-radius:70px;border-radius:70px;background-color:#f4f4f4;text-align:center;font-size:40px;color:#f47920;}
.box .desc{min-height:200px;margin-bottom:20px;}

.box:hover .btn-gray{background:#f47920;}
.box:hover .image{color:#626669;}
.box:hover .icon-bar-custom{background-position:right center;}
.box:hover .icon-cloud-power-custom{background-position:right center;}
.box:hover .icon-tools-custom{background-position:right center;}
.box:hover .icon-group-custom{background-position:right center;}

.foot-menu{margin-bottom:65px;}
.foot-menu a{color:#111111;font-size:16px;text-transform:uppercase;font-family: 'Oswald', sans-serif;font-weight:300;margin-right:35px;}
.foot-menu a:hover{}

.copyright{font-family:arial;font-size:10px;color:#818181;margin-bottom:5px;}

.foot-social{float:right;font-size:13px;border-bottom:5px solid #f47920;padding-bottom: 80px;}
.foot-social a{color:#333333;font-size:22px;margin-left:32px;}
.foot-social a:hover{text-decoration:none;color:#F47920}

@media (min-width: 768px) and (max-width: 979px) {
	.box h3{min-height:60px;}
	.box .desc{min-height:310px;}
}
@media (max-width: 767px) {
	body {padding-right: 0;padding-left: 0;}
	.container {padding-right: 20px;padding-left: 20px;}
	.header-home .logo{padding-top:80px;}
	.header-home .banner-text{width:100%;margin-top:20px;}
	.line-banner{left:50%;margin-left:-317px;}
	.box h3{min-height:20px;}
	.box .desc{min-height:22px;}
	
	.header .logo{float:none;display:block;text-align:center;}
	
	.foot-menu{margin-bottom:20px;text-align:center;}
	.foot-menu a{margin:0 12px}
	.copyright{text-align:center;padding-bottom:20px}
	.foot-social{float:none;padding-bottom: 40px;display:block;text-align:center;}
}
@media (max-width: 979px) {
	.header .navbar{display:block;float:none;}
	.navbar .nav > li{margin:0;}
	.header .navbar .nav > li > a{padding-bottom:15px;}
	.nav-collapse .dropdown-menu a{font-weight:300;padding:3px 5px;color:#fdfeff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
	.nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus{color:#222;background:#E5F8FF;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
	.nav-collapse, .nav-collapse.collapse{float:none;}
	
	.navbar-inner .in{height:auto !important;}
}
@media (max-width: 480px) {
	.header .logo{float:none;padding:15px 0;display:block;text-align:center;}
}