/* banner-inner */
#banner-inner {background: url(../images/banner-inner-bg.jpg) center top no-repeat; height:162px; position: relative;}
#banner-inner h1 {font-size: 214%; color:rgba(255,255,255,.4); text-transform: uppercase; margin:45px 0 15px;}
#banner-inner .banner-product{margin-top: 15px;}

/* breadcrumb */
.breadcrumb{background: transparent; margin: 0; padding: 0;}
.breadcrumb li,.breadcrumb li a{font-size:107%; color: #fff;}
.breadcrumb li a{font-weight: 300; text-decoration: none;}
.breadcrumb > li + li::before {color: #fff; content: "- "; padding: 0 5px;}
.breadcrumb > .active{font-weight:500; color: #fff;}

/* content */
#content {  background: url(../images/main-bg.jpg) no-repeat fixed center top; background-size: cover; position: relative;}
#page {background-color:#fff; min-height:800px; padding: 20px 30px 30px;}
#page ul{margin: 0 0 30px; padding: 0; list-style: none;}
#page ul li{color:#878787;padding-bottom:15px; padding-left:15px; position: relative;}
#page ul li:before{content: ""; width: 4px; height: 4px; display: inline-block; background: #878787; border-radius: 5px; position: absolute; left: 0; top:8px;}
#page ul li ul{margin:20px 10px 0;}
#page ul li ul li{padding-bottom: 8px; }
#page p{margin-bottom:18px; line-height: 25px; color: #6e6f71;}
h2.title{position: relative;  background-color:#55c5d1; color: #fff; font-size: 128%; font-weight: 300; padding: 12px 30px; margin:0 0 20px -45px; display: inline-block; letter-spacing: 2px; text-transform: uppercase;}
#page h3{font-size: 150%; color:#6e6f71; margin-bottom: 20px; position: relative; padding-bottom: 10px;}
#page h3:after{content: ''; width: 50px; height: 4px; background-color: #55c5d1;  position: absolute; left: 0; bottom: 0;}


/* banner-set */
.banner-set{text-align: center; margin-bottom: 35px; position: relative;}
.banner-right{float: right; margin:0 0 20px 20px;}
.banner-set img{display: inline-block; margin: 0 -2px; }
.banner-set p.name{color: #fff !important; font-size: 120%; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(85, 197, 209, 0.85); margin: 0 !important; padding: 10px; font-weight: 300;}

.feature-project{margin-top:15px;} 
.feature-project .block{margin-bottom: 20px; text-align: center;}
.feature-project .block img{margin-bottom:15px; border: 1px solid #dadada;}
.feature-project .block .title{color: #55c5d1; margin-bottom:5px;}
.feature-project .block .sub-title{ font-size: 114%; color: #6d6e72; margin-bottom: 12px;}
.feature-project .block a{background-color: #a8a9ad; color: #fff; padding:3px 8px; display: inline-block; text-decoration: none; font-size: 93%;}
.feature-project .block a:hover{background-color: #6e6f71;}

/* sidebar */
/*#sidebar{background-color: #fff; border: 1px solid #e7e7e7; margin-top: -45px;}
#sidebar .title{ background-color: #55c5d1; text-align: center; color: #fff;  font-size: 93%; text-transform: uppercase; font-weight:700; padding:13px; border-bottom: 1px solid #e7e7e7;}
#sidebar ul{margin: 0; padding:0 3px; list-style: none;}
#sidebar ul li{border-top: 1px solid #cccccc;}
#sidebar ul li:first-child{border-top: none;}
#sidebar ul li a{ color: #6e6f71; text-decoration: none; padding:30px 60px 30px 10px; display: block; font-size: 93%; font-weight: 700; text-transform: uppercase;}
#sidebar ul li a:hover{color: #55c5d1;}*/
#sidebar.stickIt {position: fixed;top: 0px; margin: 0; width: 285px;}

#sidebar{background-color: #fff; border: 1px solid #e7e7e7; margin-top: -45px;width: 285px;}
#sidebar .title{ background-color: #55c5d1; text-align: center; color: #fff;  font-size: 93%; text-transform: uppercase; font-weight:700; padding:13px; border-bottom: 1px solid #e7e7e7;}
#sidebar.panel-group .panel{border-bottom:1px solid #cccccc; -moz-border-radius: 0; -webkit-border-radius: 0;  border-radius: 0; margin:0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
#sidebar .panel-heading {padding: 0; -moz-border-radius: 0; -webkit-border-radius: 0;  border-radius: 0;border-bottom:1px solid #cccccc; margin-bottom: -1px;}
#sidebar .panel:last-child{border-bottom: none;}
#sidebar .panel-heading .panel-title{ }
#sidebar .panel-heading a {color: #6e6f71; font-weight: 700; font-size:93%;  padding:20px 60px 20px 15px; display: block; text-transform: uppercase; text-decoration: none; position: relative;}
#sidebar .panel-heading a:hover{color: #55c5d1;}
#sidebar .panel-heading .icon { width: 19px; height:19px; background-position:0px 0px; position: absolute; right:20px; top:22px; cursor: pointer;}
#sidebar .panel-heading .panel-title.active a{color:#55c5d1;}
#sidebar .panel-heading .panel-title.active .icon{background-position:-23px -9px; height: 19px; width: 19px; top: 31px;}
#sidebar .panel-body{border: none; padding:25px 35px;}
#sidebar .panel-body ul{margin: 0; padding: 0; list-style: none;}
#sidebar .panel-body ul li{margin-bottom: 20px;}
#sidebar .panel-body ul li.active a{font-weight:500; color: #55c5d1;}
#sidebar .panel-body ul li:last-child{margin-bottom: 0;}
#sidebar .panel-body ul li a{text-decoration: none; color: #6e6f71; font-size: 93%;}
#sidebar .panel-body ul li a:hover{color: #55c5d1;}
.sticky {position: fixed; margin-top: 0 !important;}

.table tr th{text-align: center; border: 1px solid #ddd !important; vertical-align: middle !important;}

/* form-panel */
.form-panel {background:url(../images/pattern-bg.jpg) repeat 0 0; padding: 35px 0; min-height: 512px;}
.form-panel h3 {font-size: 176%; font-weight: 600; color: #218795; margin: 0 0 35px;}
.form-group {margin-bottom: 25px;}

form .form-control{height:50px; border: 1px solid #d5d5d5; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
form .form-control:focus{background-color: #fff;}
.mandatory{color: #FF0000;}
form textarea.form-control{resize:none;height:130px;}
form .has-captcha .input-group .form-control{margin:0; width:168px; display:inline-block;}
.input-group-addon:last-child{display:inline-block; width:auto; background:#fff; border:1px solid #d5d5d5; height:auto; border-radius: 0; padding: 0;}
form label{font-weight: normal;}
form .refresh{cursor: pointer; width:40px; padding:10px 0; display: inline-block; vertical-align: top;}
form #imgCaptcha{border-right:1px solid #bfbfbf;}
form .btn{ font-size:120%; font-weight1:600; background-color: #218795; border-radius: 0; border:none; text-transform: uppercase; color:#fff; margin:0 10px 0 0; min-width: 120px;height:50px; line-height:35px;transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}
form .cancel-btn{background-color: #333333;}
form .btn:hover,form .btn:focus{ color:#fff; background-color: #6e6f71;}
form .error-inline{color: #ff0000; margin-top: 5px; font-size: 80%;}

form label{font-size: 100%; font-weight: normal;}
form .checkbox-inline{margin-right:20px;padding-left:0;}
form input[type="checkbox"] {display: none;}
form .custom-check {display: inline-block;width:20px; height: 20px;background: #f0f0f0;border: 1px solid #dbdbdb;font-family: 'FontAwesome';font-size: 125%;line-height: normal;vertical-align:bottom;margin-right:7px;font-weight:normal;}
form .custom-check::before {content: "\f00c";color: #7b7b7b;display: none;}
form input[type=checkbox]:checked+.custom-check::before {display: block;color: #7b7b7b;background-color: #f0f0f0;}

form .browse { position: relative; cursor: pointer; width:100%; cursor:pointer; margin:0 auto;}
form .browse .hide-field { opacity: 0; filter: alpha(opacity=0); position: absolute !important; z-index: 2; width: 100%;}
form .browse .show { left: 0; position: relative; top: 0; z-index: 1; }
form .browse .show input[type="text"] { margin-bottom: 0 !important;  border:1px solid #d0d0d0; width:100%; }
form .browse .action { position: absolute; right: 1px; top: 1px; width:50px; background:#eaeaea url(../images/browse-icon.png) no-repeat center center; color: #878787; padding: 0px 10px; height:48px; line-height:48px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }

.loading{position: relative; height: 350px; background:rgba(33, 135, 149,0.2);}
.loading img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}

#apply-job{position: relative;}
#career_loader{ position: absolute; left: 0; right: 0;top: 0; bottom: 0; margin: 0 auto; z-index: 9; text-align: center; background-color: rgba(255,255,255,0.5);  padding-top: 20%;}

ul.bullet li{float: left; width: 50%; }
ul.bullet li:before{display: none !important;}
.banner-set a{position: relative; text-align: center; display: block;}
.banner-set a .overlay{-moz-transition:transform 0.3s ease-in-out;  -webkit-transition:transform 0.3s ease-in-out;  transition:transform 0.3s ease-in-out;}
.banner-set a .overlay{display: block; position: absolute;left: 0; top: 0; bottom: 0; right: 0; margin:  auto; background-color:rgba(85, 197, 209, 0.85);  opacity: 0; z-index: 8;}
.banner-set a .overlay i{position: absolute; top:45%; left: 0;  right: 0; margin:  auto; z-index: 9; color: #fff;}
.banner-set a:hover .overlay{opacity: 1;}

/* contact */
.address-block{ min-height:335px; border: 1px solid #ccc; margin-bottom: 30px;}
.address-block .location{background:#eee; font-size:130%;  padding: 10px; position: relative; border-bottom: 1px solid #ccc;}
.address-block .location span.flag{ border-left: 1px solid #ddd; position: absolute;width: 50px; line-height:40px;  text-align: center; position:absolute; right: 0; top:0; bottom:0; background-color: #eee;  }
.address-block h5{margin-bottom:20px;}
.address-block .info{padding: 10px;}
#page .address-block .info ul{margin: 0; padding: 0; list-style: none;}
#page .address-block .info ul li{position: relative; padding-left:35px; font-size:95%; }
#page .address-block .info ul li:before{display: none;}
#page .address-block .info ul li i{position:absolute;left: 0; right:0; text-align: center; top: 5px; width: 30px; height:30px;}