@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
body{ font-family: 'Ubuntu', sans-serif; font-size:14px; color:#333333;  font-weight:400;}
h1{ color:#f58733; margin-top:0; font-size:40px; font-weight:400; }
h2{ color:#3c3c3c; margin-top:0; font-size:30px; font-weight:400; }
.font-big{ font-size:20px; }

.navbar-brand { height: auto;   padding: 0;}
.navbar-default { background:transparent ; border:0; padding:15px 0;}
.navbar { margin-bottom: 0; }
.nav > li > a { padding: 18px 20px 15px; border-bottom:3px solid; border-color:transparent; }
.navbar-default .navbar-nav > li > a { color: #666; text-transform:uppercase; font-weight:700; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #f58733; background-color: transparent; border-bottom:3px solid #f58733; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { border-color: #f58733; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: transparent;
  color: #f58733;
}
.dropdown-menu > li > a { padding: 10px 20px; }
blockquote { border-left: 5px solid #f58733; }
.btn-default { color: #FFF; background-color: #333; border-color: transparent; }
.btn { border-top-right-radius: 10px; border-top-left-radius: 0px; border-bottom-left-radius: 10px;   border-bottom-right-radius: 0px;  }
.btn-default:disabled{color: #333333;}

.slogan{ background:#f2f2f2; width:100%; border-bottom:1px solid #dedede; font-size:15px; font-weight:500; color:#666; padding:15px 0; }
.left-slogan{ float:none; text-align:center; margin-bottom:0;}
.right-slogan{ float:none; text-align:center;}
.right-slogan ul{ margin:0; padding:0; list-style-type:none;}
.right-slogan ul li{ display:inline-block; padding-right:15px; }
.right-slogan ul li:first-child{ margin-top:10px; margin-bottom:10px;}
.right-slogan ul img{ margin-right:10px;}

.banner img{ margin:0 auto;}

.wlc-content{ width:100%; background:#f2f2f2; padding:20px 0; text-align:center; font-size:20px }
.wlc-content a{ margin-top:20px; display:inline-block;}

.products{ background:#3c3c3c; width:100%; padding:20px 0; }
.pro-title { width: 100%; padding-bottom: 50%; float: left; position: relative; height: auto; overflow: hidden; background: #f58733; color:#FFF; font-size:20px; }
.pro-title section { position: absolute; left: 0; right: 0; top: 0; bottom: 0; border:1px solid #3c3c3c;}
.pro-title section div { display: table; width: 100%; height: 100%; }
.pro-title section div mid { display: table-cell; vertical-align: middle; text-align: center; padding:0 15px;}
.pro-title h2{ font-size:30px; }
.pro-squre{ width:50%; padding-bottom:50%; float:left; height:auto; position:relative; overflow:hidden; background-size:cover !important;  }
.pro-squre  a:hover{ text-decoration:none;}
.pro-squre section{ position:absolute; left:0; right:0; bottom:0; top:0;  border:1px solid #3c3c3c; }
.pro-squre section div { display: table; width: 100%; height: 100%; }
.pro-squre section div mid { display: table-cell; vertical-align: bottom; text-align: center; }
.pro-squre section div mid h3{ margin:0; background:#FFF; font-size:18px; font-weight:500; padding:10px 0; color:#3c3c3c; }
.pro-img-1{ background:url(../images/pro-img-1.jpg) no-repeat;}
.pro-img-2{ background:url(../images/pro-img-2.jpg) no-repeat;}
.pro-img-3{ background:url(../images/pro-img-3.jpg) no-repeat;}
.pro-img-4{ background:url(../images/pro-img-4.jpg) no-repeat;}
.pro-img-5{ background:url(../images/pro-img-5.jpg) no-repeat;}
.pro-img-6{ background:url(../images/pro-img-6.jpg) no-repeat;}

.services{ background:#f2f2f2; width:100%; padding:20px 0; text-align:center; }
.services h3{ margin:15px 0; font-size:18px;}
.services img{ border:5px solid #f58733;}
.services .item{ padding:0 15px;}

#owl-demo{ margin:20px 0;}

.group-comp{ background:#e6e6e6; padding:30px 0; text-align:center; }
.group-comp ul{ margin:20px 0 0 0; padding:0; list-style-type:none; }
.group-comp ul li{ display:inline-block; padding:0 20px; }

#footer{ background:#181818; width:100%; padding:30px 0; color:#666; font-size:13px; text-align:center;}
#footer img{ margin:0 auto 15px; }
#footer a{ color:#666; }
#footer address strong{ font-size:16px; font-weight:700;}

.text-container { width: 100%; padding: 15px 20px !important; }
.text-container h1{ font-size:26px; margin:0 0 10px; color:#FFF;}
.text-container p{ font-size:18px; color:#FFF; margin:0 0 10px;}

.inner-title h1{ margin-bottom:0; }
.inner-content{ padding:30px 0; }
.inner-content h2{ font-size:22px; margin:20px 0 15px;}
.achiv-img img{ margin-bottom:30px; }

.nav-tabs {border-bottom: 1px solid #f58733;}
.nav-tabs .active a { border:1px solid #f58733!important; background-color:#f58733!important; color: white!important; font-weight: bold;}
.nav-tabs > li > a { color:#666666; font-weight: bold; padding:13px 15px; }
.nav-tabs > li { margin-bottom: -2px;  }

.service-download {float:right; margin-bottom: 10px; font-weight: bold; font-size: 14px; border-radius: 3px; text-decoration: none!important; padding:10px; border:1px solid #f58733!important; border-bottom:0; color:#f58733!important; background-color: white!important; }

@media screen and (min-width: 860px) {
  .flex-caption { top: 5%; }
  .caption-container { padding-left: 3.5%; }
  .text-container { max-width: 400px; }
}
.text-container{ background-color:#f58733; text-align:center;}


@media (min-width: 768px){
	.text-container h1{ font-size:40px;}
	.text-container p{ font-size:20px; color:#FFF;}
	.text-container { width: 100%; padding: 20px; }

	.left-slogan{ margin-bottom:10px; }
	.right-slogan ul li:first-child{ margin-top:0; margin-bottom:0;}

	.pro-title { width: 25%; padding-bottom: 50%; float: left; position: relative; height: auto; overflow: hidden; background: #f58733; color:#FFF; font-size:20px; }
	.pro-squre{ width:25%; padding-bottom:25%; float:left; height:auto; position:relative; overflow:hidden; background-size:cover !important;  }
}
@media (min-width: 992px){
	.text-container{ background:none;}
	.text-container h1{ font-size:40px; margin:20px 0 10px 0; }
	.text-container p{ font-size:20px; }
	.text-container{ text-align:right;}

	.left-slogan{ float:left; padding:15px 0; margin-bottom:0; text-align:left; }
	.right-slogan{ float:right; text-align:right;}
	.right-slogan ul li{ display:block; padding-right:15px;}
	.right-slogan ul li:first-child{ margin-bottom:10px; }

	.wlc-content{ padding:50px 0; }
	.products {  padding: 50px 0; }
	.services {  padding: 50px 0; }

	#footer{ text-align:left;}
	.border-left{ border-left:1px solid #666;}
	.border-right{ border-right:1px solid #666;}
}
@media (min-width: 1200px){
	.left-slogan{ float:left; padding:0 0;}
	.right-slogan ul li{ display:inline-block; padding-right:15px;}
	.right-slogan ul li:first-child{ margin-bottom:0; }

}