@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700);
body {font-family: 'Source Sans Pro', sans-serif; padding-right: 0 !important; color: #5d5d5d; font-size: 15px; background:#fff; font-weight:400; left:0 !important; right:0 !important; overflow:auto !important; }
h1, h2, h3 {font-weight:400; color:#282828; }
h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:24px;}
h4 {font-weight:600; }
a {color: #282828;}
a:hover {color: #282828; text-decoration:underline;}
p {margin: 0;}
ul {margin-bottom: 0;}

.modal-row { display: table;  width: 100%; }

.download { margin-top: 0 !important; margin-bottom: 10px; color: #FFF !important; }
.modal-btn { margin-top: 0 !important; margin-bottom: 10px; margin-right: 10px; }

.modal-submit { float: right; margin-right: 10px; }
.modal-reset { float: right; }

.side-menu{margin-top:30px; font-size: 16px;}
.dropdown-side-menu a {color:#FFFFFF; display:inline-block; width:100%; background-color:#282828; border-bottom:1px solid #DADADA; padding:10px 15px; }
.dropdown-side-menu a:hover { background-color:#E39F24; text-decoration: none; }
.side-menu-bg { position:relative; width:100%; }
.side-menu-bg li a { background-color: #EFEFEF; color: #282828; }
.side-menu-bg li a:hover { text-decoration: none; }
.dropdown-side-menu a:hover, .dropdown-side-menu a:focus { background-color:#E39F24; text-decoration: none; } 

.dropdown-side-menu ul { margin: 0; padding: 0; }

.selectpicker-set .btn-default {border-color: #cccccc; border-radius: 4px; }
.selectpicker-set .btn-default {  color: #999999 !important; }
.selectpicker-set button { margin-top: 0; background-color: transparent; }
.selectpicker-set .dropdown-menu li a { padding: 5px 20px !important; }
.selectpicker-set .dropdown-header { font-size: 16px; color: #333333; font-weight: 600; }
.selectpicker-set .dropdown-menu .divider { margin: 0; }
.selectpicker-set .open > .dropdown-toggle.btn-default { border: 1px solid #cccccc ; }
.selectpicker-set .dropdown-menu { margin-top: 2px; border-radius: 4px; }
.selectpicker-set .bs-donebutton .btn-group button { margin-bottom: 3px; background-color: #282828;color: #FFF !important; }

 
#myModal .modal-dialog { width: 100%; padding:10px 1%; }
.modal-body { padding: 5px; }
.modal-dialog { margin: 0; }

#myModal1 { text-align: center; }
#myModal1 .modal-header { border-bottom: 0; }
#modal-img { margin: 0 auto; }

.active { background-color: #E39F24 !important; }
.active-links { color:#FFF !important; }

.my-slider {
	height: 70px;
	margin: 0 auto;
	width: 100%;
}
.my-slider ul {
	height: 70px;
	overflow: hidden;
	list-style-type:none; padding:0;
}
.my-slider li {
	float: left;
}
.my-slider li img{ margin:0 20px;}

.center-text {text-align: center;}
.margin-top {margin-top: 10px;}
.margin-bottom {margin: 0 auto 10px auto;}
.white {color: #FFF;}
.red{color:#F00;}
.close-menu{ display:block; width:100%; background: rgb(227, 159, 36) }
.close-btn a{padding:12px; display:block; font-size:25px;}
.close-btn a:hover{color:#FFF;}
#active { background-color:#282828; text-decoration: none; color: #fff; }
.red{ color:red;}
/* Jancy Bootstrap*/
.navbar-default .navbar-offcanvas { filter: alpha(opacity=90); background: rgba(0, 0, 0, 0.9); border: 0; }
.navbar-default .navbar-offcanvas .navmenu-brand {color: #282828 !important; text-align:center; }
.navbar-offcanvas .navbar-nav {margin:0 20px;}

.close-button { margin-top:0;}
.close-button:hover { background-color:transparent !important; }
.close-button span { font-size: 25px;padding-right: 15px; padding-top: 4px; }

/*Bootstrap CSS*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-left: 10px;
padding-right: 10px;
}
.row {margin-left: -10px;margin-right: -10px;}
address{ margin-bottom:10px;}

.navbar-nav {margin: 0;}
blockquote {margin: 0;}
.navbar {border-radius: 0; border: 0; margin: 0; min-height: 0;}

.navbar-default { background: rgba(0,0,0,0); border: 0; }
.navbar-default .navbar-nav > li > a {color: #ddd; text-transform: uppercase; border-bottom: 1px dotted #666; font-size:18px; text-align:center; padding: 12px 0;}
.navbar-collapse{padding:0;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #FFF;  background-color: transparent;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color:rgba(0,0,0,0); color: #FFF;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #fff;  border-bottom:1px dotted #717171; position: relative; display: block; text-align:center; font-size:16px; }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #fff;background-color: transparent;}

.full-screen-menu .dropdown-menu ul {margin:0; border:0; border-radius:0; padding:0; }
.full-screen-menu .dropdown-menu{margin:0; border:0; border-radius:0; padding:0; }
.dropdown-menu li{ border:0 !important;}

.dropdown-menu > li > a{font-weight:300; padding:8px 16px !important; }
.dropdown-menu > li > a:hover{color: #FFF !important; background: #282828;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #FFF; background-color: #282828;}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav .open > a:visited, .nav .open > a:active { color:#fff !important; border-color: #333; border-bottom:1px solid #333; background: #282828; }
.navbar-toggle{margin-bottom:0px; margin-right:0; border: 1px solid #FFF; margin-top:9px; padding:0; border:0; border-radius:0;}
.navbar-toggle .icon-bar + .icon-bar { margin-top: 6px; }
.navbar-toggle .icon-bar { width: 25px; }
.navbar-toggle .icon-bar { background:#282828;}


.btn-default[disabled]{color:#282828 !important; border:1px solid #282828; opacity: 1;}

.menu-bg li a { color:#333 !important; }
.menu-bg{background:rgba(0, 0, 0, 0.9) !important; color:#000 !important;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:60%; left:100%;margin-top:-6px;margin-left:-1px; -webkit-border-radius:0 ;-moz-border-radius:0; border-radius:0;}
/*.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#FFF;margin-top:5px;margin-right:-5px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}*/
.dropdown-submenu.pull-left{float:none;}
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}


.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
  background-color: #EAEAEA;
}
.glyphicon-remove:before {  color:#FFF;}

.container {width: auto; max-width: 1370px; margin: 0 auto; padding: 0 10px; }

#header {background-color: #E39F24; color: #282828; padding:15px 0; }
.white-border {margin-right: 5px; float: left; }
.large-logo{display:none;}
.small-logo{display:block;}
.slogan {font-size: 11px; padding:3px 5px; float:left;  border-left:1px solid #282828; color:#282828}
.small-iso{display:none;}
.certification {font-size: 18px; color: rgb(58, 63, 66); font-weight: lighter; text-align: center; padding-top: 10px; border:0; display:none; }
.font-17 {font-size: 14px; color: #282828; text-align: right; }

.font-26 {font-size: 18px; color: #282828;  font-weight: 400; text-align: center; margin-top:10px;}
.place {border-left:5px solid #282828;}
.small-contact {display: inline-block; margin:0 0; width:100%; }
.small-content-inner{float:left; display:none;}

#header-nav {background:#1e1e20 ; border-bottom:0; z-index: 1000;  width: 100%; height:auto; }
.navbar-header{border-top:1px solid #494949;}
.red-bg {background: rgba(0,0,0,0);}
.small-screen-link {display: none;}
.full-screen-menu {display: block;}


.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

#banner .img-responsive { margin: 0 auto; }

#banner {width: 100%; position: relative;}
#banner .carousel-inner .item img { width: 100%; }
.carousel-control.left, .carousel-control.right { background: transparent; }

#main-content p {margin-bottom: 10px;}

.font-22 {font-size: 22px;}
.panel-danger {font-size: 16px; border-color: #282828;}

.panel-danger > .panel-heading {background: #282828!important; border-color: #282828; }
.panel-title{color:#FFF;}
.panel-group {margin-bottom: 0px;}
.border-left {border-left: 5px solid #E39F24; padding:10px;}
.border-left p{margin:0 !important;}
.btn {border-radius: 0; margin-top: 10px;}
.btn-default {color: #FFF !important; background-color: #282828; border-color: #282828; }
.btn-default span{ margin-left:5px; font-size: 16px; vertical-align: text-bottom; }
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	color: #282828 !important; background-color: #FFF; border-color:#282828;}

.table {border-color: #d5d5d5; border-collapse: separate;}

.panel-group .panel + .panel {margin-top: 20px; }
.panel-default > .panel-heading {color: #FFF; background-color: #666; border-color: #dddddd; }

.resp-tabs-container a{color:#282828;}
.resp-tabs-container a:hover, a:focus {color: #282828;}

.gray-bg{ width:100%; background:#F3F3F3; padding:0 0 20px 0; margin:30px 0 0; }

.product-list a {color: #333; font-size: 18px;}
.product-list img {vertical-align: middle; margin:0 auto;}
hr {border-top: 1px solid #d5d5d5;}
.margin-20 {margin-top: 10px !important;}
.outer-border{border:1px solid #d5d5d5; padding:30px;}
.sidebar {padding: 0; font-size: 16px; line-height: 35px; }
.sidebar li a{color: #282828;}
.sidebar li a:hover {color: #666; text-decoration: none;}
.sidebar-b{margin-bottom:4px; border-left:5px solid #282828; background-color:#f9f9f9;}

#footer {background-color: #efefef; color: #282828; font-size: 13px; padding: 15px 0; margin-top: 20px; }
#footer a {color: #282828; line-height: 20px;}
.footer-logo {display: none;}

.link {float: left; margin-right: 30px;}
.contact {text-align:left; margin-top:10px; margin-right:30px;}
.black-border {border-right: 1px solid #1e1e20; border-left: 0; padding: 0 20px;}

#footer .font-26 {padding:0;}

.footer-contact{margin-top:10px;}
.social-icon p {margin: 10px 0;}
.social-icon ul{margin-left:0;}
.social-icon li{ padding-left:0;}
.social-icon li:last-child{padding-right:0;}

#footer-copyright {background-color: #dfdfdf; color: #282828; padding: 10px 0; font-size: 13px;}
#footer-copyright p{margin-bottom:10px;}
#footer-copyright a {color: #282828; }
.left-text {text-align: center; display:block;}
.right-text {text-align: center;}

#main-content2, #main-content3{display:none;}

.project p{ margin-top:10px; margin-bottom:15px !important; text-align:center; font-weight:bold;}
.client-logo { list-style-type:none; margin:0; padding:0;}
.client-logo li{ display:inline-block; padding:10px 20px; }

/* Gmap */
#map{display: block;  width: 100%; height: 300px; margin: 0 auto; }
#map.large{height:800px;}
.overlay{display:block; text-align:center; color:#fff; font-size:60px; line-height:80px; opacity:0.8; background:#4477aa; border:solid 3px #336699; border-radius:4px; padding:0 4px;}
.overlay_arrow{left:50%; margin-left:-16px; width:0; height:0; position:absolute; }
.overlay_arrow.above{bottom:-15px; border-left:16px solid transparent; border-right:16px solid transparent;  border-top:16px solid #336699; }
.overlay_arrow.below{top:-15px; border-left:16px solid transparent; border-right:16px solid transparent; border-bottom:16px solid #336699;}


.client-logos{ width:100%; border:1px solid #e2e2e2; padding:5px; border-radius:5px; margin-bottom:30px; }
.client-logos img{ margin:0 auto; }

@media (min-width: 768px) {

.modal-body { padding: 15px; }
#myModal .modal-dialog { width: 100%; padding:10px 4%; }

.button-down-ask { float: right; }

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left: 15px; padding-right: 15px; }
	.row {margin-left: -15px; margin-right: -15px;}

	.dropdown-submenu>a:after{border-left-color:#282828;}
	address{ margin-bottom:20px;}
	.container {padding: 0 15px; }
	
	.margin-top {margin-top: 0px;}
	.margin-bottom {margin: 0 0 20px 0;}
	
	.navbar-toggle{margin-top:18px;}
	.large-logo{display:block;}
	.small-logo{display:none;}
	.white-border {margin-right: 15px;  margin-top:2px;}
	.slogan {padding:8px 10px; font-size:14px;}
	.certification {font-size: 20px; text-align: left; padding-top: 10px;  }
	.btn {margin-top: 20px;}
	.font-26 {font-size: 18px; color: #282828; font-weight: 400; padding-top: 0; text-align: right; }
	.dropdown-menu > li > a{padding:12px 30px !important; }
	.tab-content {padding: 15px;}
	.nav-tabs > li > a {padding: 10px 15px; }
	#footer {padding:20px 0; margin-top: 30px;}

	.footer-contact{margin-top:0;}
	.footer-logo {display: none; }
	.link {margin-right: 18px;}
	.social-icon{margin-top:0;}
	.contact {margin-top:0;}
	#map{height: 550px;}
	#footer-copyright p{margin-bottom:0;}
	.left-text {text-align: left;}
	.right-text {text-align: right;}

	.project p{ margin-top:10px; margin-bottom:30px !important; }
}

@media (min-width: 992px) {

	#myModal .modal-dialog { width: 100%; padding:10px 10%; }
	.navbar-offcanvas .navbar-nav {margin: 0;}

	.navbar-default .navbar-nav > li > a {color: #DCDCDC; border:0; font-size:15px; padding: 16px 10px; text-align:left;}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #FFF;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #333333;  background-color: #282828;}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color: #282828; color: #FFF;}
	.dropdown-menu{background-color: #FFF !important;; opacity:1;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#282828; background-color: #FFFFFF;  border-bottom:0 ;text-align:left; font-size:14px;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, a:focus{color: #FFF !important;}
	.dropdown-submenu>a:after{margin-right:-20px;}
	.dropdown-menu{ background:#FFF; opacity:1;}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color:#FFF !important; background-color: #282828;}
	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {border-bottom:0; }
	
	.glyphicon-remove:before {  color:#A94442;}
	
	.small-contact {display: block; text-align:right; margin:0;}
	.small-content-inner{float:none; display:block; line-height: 1.19; }

	.slogan { font-size:16px; padding:6px 10px; }
	#header {padding: 20px 0;}
	.margin-top {margin-top:0; }
	.center-text {text-align: left;}
	.small-iso{display:block;}
	.certification {font-size: 19px; text-align: left; padding:0; display:block;}
	.font-17 {font-size: 15px;}
	.font-service {font-size: 17px;}
	.font-26 {font-size: 20px;}
	.red-bg {background-color: #282828;}
	.red-bg a{ padding:16px !important}
	.small-screen-link {display: block;}
	.small-screen-link li:first-child {border-right: 1px solid rgba(200,200,200,0.3);}
	#header-nav {background: rgba(0,0,0,0.7);  height:60px; position:absolute; border-bottom: 8px solid #E39F24;}
	.navbar-header{border-top:0;}
	#main-content .nav > li > a {padding: 15px 7px;}
	.link {margin-right: 30px;}
	.social-icon p {margin: 10px 0;}
	#footer-copyright p{margin-bottom:0;}
	.footer-logo {display: block; }

	.v-middle {float: none; display: inline-block; vertical-align: middle; margin-right: -4px;}
	#map{height: 670px;}

	.close-menu{ display:none; }
}

@media (min-width: 1200px) {
	#myModal .modal-dialog { width: 100%; padding:10px 20%; }
	.slogan {padding:7px 15px;}
	.certification {padding: 8px; font-size: 30px;}
	.nav > li > a {padding: 16px 15px;}
	#main-content .nav > li > a {padding: 15px 40px;}
	.social-icon p {margin: 0 0 10px 0;}
	.black-border {border-right: 1px solid #1e1e20; border-left: 1px solid #1e1e20; padding: 0 20px;}
}
#owl-demo .item{ text-align:center; }