body {
  font-family: 'Conv_Montserrat-Light';
  /*font-family: 'proximanovalight';*/
  font-size: 14px;
  line-height: 21px;
  color: #333;
  background: #fff;
}

/***********FONTS************/
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@font-face {
  font-family: 'proximanovalight';
  src: url('../fonts/proximanovalight.eot');
  src: local('proximanovalight'), url('../fonts/proximanovalight.woff') format('woff'), url('../fonts/proximanovalight.ttf') format('truetype');
}

@font-face {
  font-family: 'Conv_Montserrat-Regular';
  src: url('../fonts/Montserrat-Regular.eot');
  src: local('☺'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Conv_Montserrat-Light';
  src: url('../fonts/Montserrat-Light.eot');
  src: local('☺'), url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf') format('truetype'), url('../fonts/Montserrat-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Conv_Montserrat-Bold';
  src: url('../fonts/Montserrat-Bold.eot');
  src: local('☺'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Conv_Montserrat-Black';
  src: url('../fonts/Montserrat-Black.eot');
  src: local('☺'), url('../fonts/Montserrat-Black.woff') format('woff'), url('../fonts/Montserrat-Black.ttf') format('truetype'), url('../fonts/Montserrat-Black.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.text-gray {
  color: #a7a6a8;
}

.text-normal {
  font-weight: normal;
}

.text-bold {
  font-weight: bold;
  font-family: "Conv_Montserrat-Bold";
}

.text-red {
  color: #ff0000 !important;
}

.text-sky {
  color: #3b97b6 !important;
}

.text-white {
  color: #fff !important;
}

.text-light-green {
  color: #39d5ae;
}

.text-deep-blue {
  color: #0a6ccd;
}

.text-italic {
  font-style: italic;
}

.configure-area .table tbody tr th.selected, .configure-area .table tbody tr td.selected {
  background: #4D4D4D none repeat scroll 0% 0% !important;
}

.configure-area .table-bordered > tbody > tr:nth-child(1) > th.selected {
  background: #4D4D4D none repeat scroll 0% 0% !important;
}

.configure-area .table-bordered > tbody > tr:nth-child(3) > td:nth-child(2).selected {
  background: #4D4D4D none repeat scroll 0% 0% !important;
}

.configure-area .table-bordered > tbody > tr:nth-child(1) > td:last-child.selected {
  background: #4D4D4D none repeat scroll 0% 0% !important;
}

.configure-area .table-bordered > tbody > tr:nth-child(2) > td:last-child.selected {
  background: #4D4D4D none repeat scroll 0% 0% !important;
}

/***********Color************/
.red {
  background: #ff0000;
}

.light-green {
  background: #2dd6ad;
}

.sky {
  background: #3497b6;
}

.orrange {
  background: #ff6e00;
}

.gray {
  background: #404040;
}

.medium-gray {
  background: #999796;
}

.light-gray {
  background: #d1cfd0;
}

.deep-blue {
  background: #0a6ccd;
}

.medium-light-gray {
  background: #b0adad;
}

.light-gray-gradient {
  background: linear-gradient(#bebebd, #efefee);
}

.golden-gradient {
  background: linear-gradient(#d8bc72, #e4d2a2);
}

.platinum-gradient {
  background: linear-gradient(#8c9797, #b9c0c0);
}

.light-green-bg {
  background: #bdefdd;
}

.soft-green-bg {
  background: #cff3e4;
}

.medium-green-bg {
  background: #84e3c6;
}

.deep-green-bg {
  background: #2dd6ad;
}

.extra-light-blue-bg {
  background: #d9e9f8;
}

.light-blue-bg {
  background: #bad6f1;
}

.medium-blue-bg {
  background: #94bfe9;
}

.deep-blue-bg {
  background: #76ade3;
}

/***********Image************/
.image-full {
  width: 100%;
}

/***********Button************/
.button ul {
  margin: 0 -8px;
  display: table;
  border-collapse: separate;
  border-spacing: 7px;
}

.button li {
  width: 180px;
  height: 180px;
  border-radius: 100%;
  color: #FFF;
  padding: 0 2px !important;
  margin: 0 4px;
  z-index: 887;
  vertical-align: middle;
  display: table-cell;
}

.button-3 li {
  width: 135px;
  height: 135px;
}

.button li a {
  color: #FFF;
  text-decoration: none;
}

.button li h3 {
  line-height: 21px;
  margin: 0px;
  padding: 0px;
  font-size: 17px;
}

.button .red-btn {
  background: #ff3200;
}

.button .sky-btn {
  background: #3497b6;
}

.button .orrange-btn {
  background: #ff6e00;
}

.button .light-green-btn {
  background: #2dd6ad;
  padding-top: 0 !important;
  padding-bottom: 10px !important;
}

.button .yellow-btn {
  background: #f1a219
}

.button .orrange-btn img {
  padding: 17px 0;
}

.button li img {
  display: block;
  margin: 0 auto;
  margin-bottom: 2px;
  max-width: 60px;
}

.button .light-green-btn img {
  margin-bottom: 8px;
}

.button li span {
  display: block;
}

.button li h1 {
  font-size: 30px;
  line-height: 30px;
  margin: 0;
  font-family: 'Conv_Montserrat-Regular';
}

.sidebar-button.affix {
  position: fixed;
  top: 0 !important;
  right: 0;
  width: 140px;
  z-index: 10;
}

/***********HEADER************/
header {
  background: rgba(57, 57, 57, 0.3) none repeat scroll 0% 0%;
  position: relative;
  z-index: 9;
}

.header-top {
  background: #393939;
  border-bottom: 1px #6e6e6e solid;
  padding: 6px 0;
  color: #fff;
  font-size: 15px;
}

.header-top .row {
  margin: 0;
}

.header-top .top-menu .logo-icon {
  width: 20px;
}

.header-top a {
  color: #fff;
  transition: all 0.4s ease-in-out;
}

header .logo img {
  max-width: 220px;
}

header ul {
  margin-bottom: 0;
}

.header-top a:hover {
  color: #e94a3d;
  text-decoration: none;
}

.header-top .top-contact .fa {
  width: 20px;
  height: 20px;
  text-align: center;
  color: #FFF;
  font-size: 14px;
  padding: 0;
  line-height: 20px;
}

header .fa-facebook, footer .fa-facebook {
  background: #3b5999;
}

header .fa-google-plus, footer .fa-google-plus {
  background: #dc4c39;
}

header .fa-twitter, footer .fa-twitter {
  background: #00baf4;
}

header .fa-linkedin, footer .fa-linkedin {
  background: #1585c4;
}

header .fa-youtube, footer .fa-youtube {
  background: #ec1c25;
  color: #FFF !important;
}

header .fa-envelope {
  background: #71c802;
}

.header-body {
  padding: 15px 0 9px 0;
  background: #393939;
}

.social-icons .fa {
  width: 34px;
  height: 34px;
  border-radius: 100%;
  color: #FFF;
  font-size: 18px;
  text-align: center;
  line-height: 34px;
}

.social-icons {
  margin-top: 2px;
}

.drop-select {
  float: right;
  display: block;
  width: 175px;
  margin: 0 5px 15px 0;
}

.drop-select .language_selector {
  width: 175px;
  background: #545454;
  color: #eee;
  line-height: 25px;
  font-size: 12px;
  padding: 0 0 0 10px;
  text-align: left;
  cursor: pointer;
  border: 1px solid #c4c4c4;
}

.drop-select .language_selector:after {
  float: right;
  font-family: 'FontAwesome';
  content: '\f063';
  padding: 1px 5px;
  background: #c4c4c4;
  color: #545454;
}

.drop-select .languages {
  display: none;
  position: absolute;
  margin: 0;
  background: #dddddd;
  padding: 0;
  z-index: 560;
}

.drop-select .languages > li {
  width: 175px;
  background: #eee;
  line-height: 25px;
  font-size: 14px;
  padding: 0 10px;
  cursor: pointer;
  list-style: none;
}

.drop-select .languages > li:hover {
  background: #aaa;
}

.s-icons {
  clear: right;
}

header .navbar-default {
  background-color: transparent;
  border-color: transparent;
}

header .navbar-collapse {
  padding-right: 0;
  padding-left: 0;
}

header .navbar-default .navbar-nav > li > a {
  color: #FFF !important;
  background-color: rgba(57, 57, 57, 0.8);
  height: 45px;
  line-height: 14px;
  font-size: 12px;
  border-bottom: 4px #2dd6ad solid;
  transition: all 0.4s ease-in-out;
}

header .navbar-default .navbar-nav > li:first-child > a:hover, header .navbar-default .navbar-nav > li > a:focus {
  background-color: #3497b6;
}

header .navbar-default .navbar-nav > li > a:hover, header .navbar-default .navbar-nav > li > a:focus {
  background-color: #2dd6ad;
}

header .navbar-default .navbar-nav > li:nth-child(6) > a:hover, header .navbar-default .navbar-nav > li:nth-child(6) > a:focus, header .navbar-default .navbar-nav > li:nth-child(7) > a:hover, header .navbar-default .navbar-nav > li:nth-child(7) > a:focus {
  background-color: #ff6e00;
}

header .navbar-default .navbar-nav > li:nth-child(8) > a:hover, header .navbar-default .navbar-nav > li:nth-child(8) > a:focus, header .navbar-default .navbar-nav > li:nth-child(9) > a:hover, header .navbar-default .navbar-nav > li:nth-child(9) > a:focus {
  background-color: #ff0000;
}

header .navbar-default .navbar-nav > .active > a, header .navbar-default .navbar-nav > .active > a:focus, header .navbar-default .navbar-nav > .active > a:hover {
  background-color: #2dd6ad;
}

header .navbar-default .navbar-nav > .active:first-child > a, header .navbar-default .navbar-nav > .active:first-child > a:focus, header .navbar-default .navbar-nav > .active:first-child > a:hover {
  background-color: #3497b6;
}

header .navbar-default .navbar-nav > .active:nth-child(6) > a, header .navbar-default .navbar-nav > .active:nth-child(6) > a:focus, header .navbar-default .navbar-nav > .active:nth-child(6) > a:hover, header .navbar-default .navbar-nav > .active:nth-child(7) > a, header .navbar-default .navbar-nav > .active:nth-child(7) > a:focus, header .navbar-default .navbar-nav > .active:nth-child(7) > a:hover {
  background-color: #ff6e00;
}

header .navbar-default .navbar-nav > .active:nth-child(8) > a, header .navbar-default .navbar-nav > .active:nth-child(8) > a:focus, header .navbar-default .navbar-nav > .active:nth-child(8) > a:hover, header .navbar-default .navbar-nav > .active:nth-child(9) > a, header .navbar-default .navbar-nav > .active:nth-child(9) > a:focus, header .navbar-default .navbar-nav > .active:nth-child(9) > a:hover {
  background-color: #ff0000;
}

header .navbar-default .navbar-nav > li:first-child > a {
  border-bottom: 4px #3497b6 solid;
}

header .navbar-default .navbar-nav > li:nth-child(6) > a, header .navbar-default .navbar-nav > li:nth-child(7) > a {
  border-bottom: 4px #ff6e00 solid;
}

header .navbar-default .navbar-nav > li:nth-child(8) > a {
  border-bottom: 4px #ff0000 solid;
}

header .navbar-default .navbar-nav > li:last-child > a {
  border-bottom: 4px #ff0000 solid;
}

header .nav > li > a {
  padding: 10px 0px;
  display: block;
}

header .nav > li > a span {
  display: block
}

header .navbar-nav > li {
  float: none;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 10.7%;
}

header .navbar-nav {
  float: none;
  margin: 0px;
}

header .navbar {
  min-height: auto;
  margin-bottom: 0px;
  border: 0px none;
  position: relative;
  z-index: 99;
}

/******************BANNER*******************/
.banner {
  background: linear-gradient(#fff, #f2f2f2);
  position: relative;
}

.banner .container {
  position: relative;
}

.banner .caption-area {
  padding-top: 18px;
}

.caption-area > h3 {
  font-size: 35px;
  line-height: 40px;
  color: #b3b3b3;
}

.banner .title {
  font-size: 70px;
  line-height: 60px;
  color: #404040;
  margin-top: 20px;
  padding: 0;
  margin-bottom: 0;
}

.banner .subtitle {
  font-size: 55px;
  line-height: 55px;
  color: #3b97b6;
  padding: 0;
  padding: 0;
  margin: 0;
}

.banner p {
  color: #404040;
  font-size: 20px;
  line-height: 25px;
  padding: 28px 0;
  margin: 0;
}

.banner ul {
  margin: 0px;
}

.banner ul li {
  color: #404040;
  font-weight: bold;
  padding: 4px 0;
}

.banner .button {
  margin-top: 40px;
}

.phone-img {
  margin-left: -125px;
  max-width: 782px;
  margin-top: -50px;
}

.bdair-logo {
  position: absolute;
  right: 32px;
  top: 0px;
  margin-top: 18px;
}

@media (max-width: 768px) {
  .sidebar-button, .sticky-container {
    display: none;
    z-index: 0;
  }
}

.sidebar-button {
  width: 140px;
  position: absolute;
  right: 0;
  top: 179px;
  z-index: 9;
}

.banner .sidebar-button {
  top: 16px;
}

.system-page-banner .sidebar-button, .application-page-banner .sidebar-button, .environment-page-banner .sidebar-button, .safety-page-banner .sidebar-button {
  top: 60px;
}

.sidebar-button li {
  width: 100%;
  height: 95px;
  padding: 8px 0 !important;
}

.sidebar-button li h5 {
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 16px;
}

.sidebar-button li a {
  color: #fff;
  text-decoration: none;
  display: block;
}

.sidebar-button li h5 span {
  display: block;
}

.sidebar-button img {
  margin-bottom: 6px;
  width: 55%;
}

.sidebar-button .light-green img {
  transform: rotate(180deg);
}

.sidebar-button .red img, .sidebar-button .light-green img, .sidebar-button .gray img {
  padding: 7px 0px;
}

.sidebar-button.sky img {
  padding: 3px 0px;
}

.sidebar-button .orrange img {
  padding: 7px 0px;
}

.sticky-container {
  left: -154px;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 179px;
  width: 200px;
  z-index: 99;
}

.sticky li {
  list-style-type: none;
  color: #fff;
  height: 43px;
  padding: 0px;
  margin: 0px 0px 1px 0px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}

.sticky li:hover {
  margin-right: -115px;
}

.sticky li img {
  float: right;
  margin: 5px 5px;
  margin-right: 10px;
}

.sticky li .fa {
  color: #FFF;
  float: right;
  font-size: 22px;
  width: 47px;
  height: 39px;
  text-align: center;
  line-height: 38px;
}

.sticky li p {
  padding: 0px;
  margin: 0px;
  text-transform: uppercase;
  line-height: 43px;
  text-align: right;
  color: #fff;
  font-size: 15px;
}

.sticky-container ul .facebook {
  background: #315891;
}

.sticky-container ul .twitter {
  background: #2ca8d3;
}

.sticky-container ul .email {
  background: #738a8e;
}

.sticky-container ul .fax {
  background: #738a8e;
}

.content {
  margin-top: 150px;
  margin-left: 100px;
  width: 700px;
}

/***********Arrow button***************/
.arrow-btn a {
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 38%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(38%, rgba(255, 255, 255, 1)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 38%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 38%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 38%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 38%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
  color: #3b97b6;
  font-size: 24px;
  padding: 15px;
  width: 312px;
  display: inline-block;
  text-decoration: none;
  position: relative;
  margin-right: 36px;
}

.arrow-btn a::after {
  width: 0px;
  height: 0px;
  border-top: 26px solid transparent;
  border-bottom: 26px solid transparent;
  border-left: 35px solid #FFF;
  position: absolute;
  right: -35px;
  content: "";
  top: 0;
}

.arrow-btn-area {
  position: relative;
}

.arrow-btn-area .arrow-btn {
  position: absolute;
  right: 15px;
  bottom: 20px;
}

/***********block***************/
.blocks {
  color: #404040;
  font-size: 18px;
  line-height: 23px;
}

.blocks .bdair-logo {
  max-width: 98px;
  margin-top: 17px;
  position: static;
}

.blocks ul li {
  padding: 1px 0;
}

.blocks ul {
  margin-bottom: 0;
}

.blocks .title {
  margin: 0;
}

.blocks p {
  margin-bottom: 4px;
}

/***********first-block***************/
.first-block .title {
  color: #3b97b6;
  font-size: 40px;
  line-height: 42px;
  padding-bottom: 13px;
  padding-top: 35px;
}

.first-block p {
  margin-bottom: 12px;
}

/***********second-block***************/
.safety-area {
  background: #404040;
  color: #fff;
}

.safety-area .title {
  color: #fff;
  font-size: 57px;
  line-height: 57px;
  padding-bottom: 4px;
  font-family: 'Conv_Montserrat-Bold';
}

.safety-area .title span {
  color: #39d5ae;
}

/***********third-block***************/
.environment-area {
  background: #2dd6ad;
}

.environment-area .bdair-logo {
  max-width: 98px;
  margin-top: 17px;
  position: static;
}

.environment-area .title {
  font-size: 46px;
  line-height: 46px;
  padding-bottom: 4px;
  font-family: 'Conv_Montserrat-Bold';
}

.environment-area .title span {
  color: #3b97b6;
}

.environment-area ul li {
  padding: 0;
}

/***********safety-and-environment-area***************/
.safety-and-environment-area {
  background: #3497b6;
}

.safety-and-environment-area .title {
  font-size: 46px;
  line-height: 39px;
  padding-bottom: 4px;
  color: #fff;
  font-family: 'Conv_Montserrat-Bold';
}

.safety-and-environment-area .title span {
  display: block;
}

.safety-and-environment-area .arrow-btn {
  left: 50px;
  right: auto;
}

.safety-and-environment-area .arrow-btn a::after {
  border-left: 0;
  border-right: 35px solid rgb(255, 255, 255);
  left: -35px;
  right: auto;
}

.safety-and-environment-area .arrow-btn a {
  background: rgba(255, 255, 255, 1);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 84%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(84%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 84%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 84%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 84%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 84%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

/***********YOUR APPLICATION AREA***************/
.your-application-area {
  background: #404040;
  color: #fff;
}

.your-application-area .title {
  font-size: 40px;
  line-height: 40px;
  padding-bottom: 4px;
  font-family: 'Conv_Montserrat-Bold';
}

.your-application-area .title span {
  color: #39d5ae;
}

.your-application-area .add-more-btn a {
  color: #39d5ae;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
}

.your-application-area .add-more-btn a:hover {
  color: #3497b6;
}

/***********Castle Cloud Area***************/
.castle-cloud-area {
  background: rgba(255, 255, 255, 1);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(148, 210, 224, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(148, 210, 224, 1)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(148, 210, 224, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(148, 210, 224, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(148, 210, 224, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(148, 210, 224, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#94d2e0', GradientType=0);
  position: relative;
  padding: 6px 0 97px 0;
  z-index: 1;
}

.castle-cloud-area:after {
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url(../images/castle-cloud-area-bg.png);
  width: 100%;
  height: 106px;
  content: '';
}

.castle-cloud-area .title {
  font-size: 42px;
  line-height: 42px;
  padding-bottom: 37px;
  padding-top: 117px;
  color: #064066;
}

.castle-cloud-area .title, .castle-cloud-are .cloud-more, .castle-cloud-area p, .castle-cloud-area ul, .castle-cloud-area .find-out-more-btn {
  position: relative;
  z-index: 99;
}

.cloud-more {
  z-index: 999 !important;
}

.castle-cloud-area .title span {
  color: #85ccdb;
}

.castle-cloud-area .arrow-btn {
  margin-top: 40px;
}

.castle-cloud-area .castle-cloud-img {
  margin-bottom: 33px;
  position: relative;
  z-index: 99;
}

.castle-cloud-area .cloud-img {
  position: absolute;
  top: 0px;
  left: 0px;
  margin-top: 53px;
  z-index: 9;
}

/***********say-hi-to-wifi-area***************/
.say-hi-to-wifi-area {
  background: #d5ad96;
}

.say-hi-to-wifi-area .container {
  background: url(../images/say-hi-to-wifi.jpg);
  background-repeat: no-repeat;
  padding: 59px 0;
  min-height: 338px;
  background-position: center left;
}

.say-hi-to-wifi-area .title {
  font-size: 47px;
  line-height: 47px;
  padding-bottom: 4px;
  color: #fff;
  font-family: 'Conv_Montserrat-Bold';
}

.say-hi-to-wifi-area .caption-area {
  max-width: 390px;
  margin-left: 39%;
}

/***********pre-order-today-area***************/
.pre-order-today-area {
  background: #ff0000;
  color: #fff;
  padding: 26px 0;
}

.pre-order-today-area .title {
  font-size: 46px;
  line-height: 46px;
  padding-bottom: 4px;
  font-family: 'Conv_Montserrat-Bold';
}

.pre-order-today-area .sub-title {
  margin: 0;
  padding: 0;
  padding-bottom: 4px;
}

.castleshop-btn {
  background: url(../images/castle-shop-btn.png);
  width: 100%;
  height: 115px;
  background-repeat: no-repeat;
  margin-top: 19px;
}

.castleshop-btn a {
  color: #FFF;
  font-size: 32px;
  line-height: 85px;
  height: 115px;
  text-decoration: none;
  padding-left: 92px;
}

.pre-order-today-area h4 {
  margin: -24px 0px 0px 63px;
}

/***********multiple-blocks-area***************/
.multiple-blocks-area {
  color: #fff;
  background: #75e1c0;
  position: relative;
}

.multiple-blocks-area:after {
  background: #535353;
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
  content: '';
}

.multiple-blocks-area .container {
  position: relative;
  z-index: 9;
}

.multiple-blocks-area h1 {
  font-size: 31px;
  line-height: 34px;
  padding-bottom: 4px;
  text-transform: uppercase;
  font-family: 'Conv_Montserrat-Bold';
}

.small, small {
  font-size: 12px;
}

.multiple-blocks-area .row {
  margin: 0;
}

.multiple-blocks-area .col-md-3 {
  padding: 0;
}

.multiple-blocks-area .col-md-3 {
  padding: 19px 10px 30px;
}

.multiple-blocks-area .img-responsive {
  margin-bottom: 10px;
  margin: 0 auto;
}

.multiple-blocks-area a {
  color: #fff;
  text-decoration: none;
}

.multiple-blocks-area .image-box {
  width: 100%;
  height: 63px;
  margin-bottom: 10px;
  text-align: center;
  font: 0/0 a;
}

.multiple-blocks-area .image-box:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.multiple-blocks-area .image-box img {
  display: inline-block;
  vertical-align: middle;
  font: 16px/1 Arial sans-serif;
}

/***********important-information-area***************/
.important-information-area h5 {
  color: #000000;
}

.important-information-area {
  padding: 40px 0;
  font-size: 12px;
  line-height: 18px;
  color: #888888;
}

/***********footer***************/
footer {
  background: #333;
  padding: 19px 0;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}

.footer-menu {
  margin-bottom: 36px;
  font-size: 16px;
}

.footer-menu a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  line-height: 21px;
  transition: all 0.3s ease-in-out;
}

.footer-menu a:hover {
  color: #e41a12;
}

footer .logo img {
  float: right;
  display: block;
  margin-bottom: -12px;
}

footer .logo p {
  clear: both;
  margin: 0;
}

footer .logo a, footer .logo a:hover {
  color: #fff;
  text-decoration: none;
}

footer .social-icons {
  padding: 0 0px 11px 0;
}

/***********system-page-banner***************/
.system-page-banner {
  background: transparent url("../images/banner.jpg") no-repeat scroll center center;
  color: #FFF;
  margin-top: -45px;
  padding-bottom: 40px;
}

.system-page-banner .title, .system-page-banner .sub-title, .system-page-banner p, .system-page-banner ul li {
  color: #fff;
}

.system-page-banner .bdair-logo {
  position: static;
  margin-top: 0;
  margin-bottom: 20px;
}

.system-page-banner .title {
  font-size: 59px;
  line-height: 55px;
  margin: 0;
  padding-bottom: 4px;
}

.system-page-banner .subtitle {
  font-size: 22px;
  margin: 0px;
  padding-bottom: 10px;
  line-height: 28px;
  color: #FFF;
}

.system-page-banner .caption-area {
  padding-top: 80px;
}

/***********Instrument Area***************/
.instrument-area {
  font-size: 21px;
  color: #404040;
  line-height: 25px;
  padding: 25px 0px 40px 0;
  position: relative;
}

.instrument-area .title {
  color: #3b97b6;
  margin: 0;
  padding-bottom: 10px;
}

.instrument-area p {
  margin-bottom: 36px;
}

.instrument-area .bdair-logo {
  margin: 185px auto 18px;
  position: static;
}

.instrument-area .logo img {
  margin: 0px auto;
}

.instrument-area .instrument-img {
  position: absolute;
  top: -679px;
  right: 0px;
  margin-right: 50px;
}

/***********Choose by style area***************/
.choose-by-system-area {
  background: #e0e0e0;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  margin-top: 18px;
}

.choose-by-system-area .row {
  margin: 0;
}

.choose-by-system-area .col-md-3, .choose-by-system-area .col-md-6, .choose-by-system-area .col-md-12 {
  padding: 0;
}

.choose-by-system-area .box {
  padding: 15px;
  position: relative;
  height: 319px;
}

.choose-by-system-area .box > div {
  position: relative;
  z-index: 9;
}

.choose-by-system-area .box::after {
  position: absolute;
  bottom: 20px;
  width: 100%;
  height: 262px;
  background: transparent url("../images/bdair-logo-frame.png") no-repeat scroll 0% 0%;
  content: "";
}

.choose-by-system-heading {
  color: #3b97b6;
  font-size: 45px;
  line-height: 45px;
  font-family: 'Conv_Montserrat-Bold';
}

.choose-by-system-area .title {
  padding: 11px 0px 38px 15px;
  margin: 0px;
  height: 95px;
  line-height: 35px;
  font-size: 34px;
}

.choose-by-system-area .learn-more-btn {
  padding: 0px 15px 15px;
  position: relative;
  z-index: 9;
}

.choose-by-system-area .learn-more-btn a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  padding: 13px 0;
  border: 1px #fff solid;
  transition: all 0.3s ease-in-out;
}

.choose-by-system-area .learn-more-btn a:hover {
  background: #fff;
  color: #404040;
}

.choose-by-system-area .instrument-img {
  position: absolute;
  right: 0;
  top: -152px;
}

.choose-by-system-area .image-full {
  height: 147px;
}

.choose-by-system-area .light-green .instrument-img {
  right: -15px;
  top: -214px;
}

.choose-by-system-area ul {
  font-size: 17px;
}

.choose-by-system-area .light-green ul {
  margin-top: 144px;
}

.choose-by-system-area .sky .instrument-img {
  right: -15px;
  top: -77px;
}

.choose-by-system-area .sky ul li:nth-child(4), .choose-by-system-area .sky ul li:nth-child(5) {
  width: 100px;
}

/***********Configure Area***************/
.configure-area {
  padding: 40px 0;
  font-size: 18px;
  line-height: 24px;
  color: #404040;
}

.configure-area .title {
  padding: 40px 0;
  font-size: 44px;
  line-height: 40px;
  color: #3b97b6;
  margin: 0;
  padding: 0 0 13px 0;
}

.configure-area p a, .configure-area p a:hover {
  color: #404040;
  text-decoration: none;
}

.db-air-block {
  background: #E0E0E0 none repeat scroll 0% 0%;
  padding-left: 24px !important;
  position: relative;
  overflow: hidden;
}

.db-air-block .instrument-img {
  max-width: 290px;
  position: absolute;
  top: -182px;
  right: -20px;
}

.db-air-block .title {
  padding-top: 18px;
}

.db-air-block .subtitle {
  margin-top: 0px;
}

.db-air-block .buttons {
  margin-top: 96px;
}

.db-air-block .buttons li {
  width: 195px;
  font-size: 15px;
  line-height: 21px;
}

.db-air-block .buttons li a {
  background: #2dd6ad;
  color: #fff;
  padding: 12px;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
  display: block;
  border: 1px #fff solid;
}

.db-air-block .buttons li:last-child a {
  background: #ff0000;
}

.db-air-block .buttons li a:hover {
  background: #3b97b6;
}

.configure-area .row {
  margin: 0;
}

.configure-area .col-md-8, .configure-area .col-md-4, .configure-area .col-sm-8, .configure-area .col-sm-4 {
  padding: 0;
}

.configure-area .col-md-4 {
  padding-right: 15px;
}

.configure-area table {
  margin-top: 23px;
  font-size: 22px;
  line-height: 25px;
  color: #fff;
}

.configure-area .table {
  margin-bottom: 0;
}

.configure-area table th, .configure-area table td {
  text-align: center;
  width: 30%;
  vertical-align: middle !important;
  line-height: 25px !important;
  font-weight: 700 !important;
}

.configure-area table > thead > tr > th {
  background: #404040;
}

.configure-area .table-bordered > tbody > tr > td, .configure-area .table-bordered > tbody > tr > th, .configure-area .table-bordered > tfoot > tr > td, .configure-area .table-bordered > tfoot > tr > th, .configure-area .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
  border: 3px solid #FFF;
}

.configure-area .table-bordered > tbody > tr > th {
  background: #a9a9a9;
}

/*.configure-area .table-bordered > tbody > tr:nth-child(2) > th{
	background: #4d4d4d;
}*/
/*.configure-area .table-bordered > tbody > tr:nth-child(1) > th, .configure-area .table-bordered > tbody > tr:nth-child(3) > th, .configure-area .table-bordered > tbody > tr:nth-child(4) > th{
	background:#757575;
}*/
.configure-area .table-bordered > tbody > tr > td {
  background: #3497b6;
}

/*.configure-area .table-bordered > tbody > tr:nth-child(3) > td:nth-child(2){
	background: #007891;
}*/
.configure-area .table-bordered > tbody > tr > td:last-child {
  background: #a0ebd2;
}

/*.configure-area .table-bordered > tbody > tr:nth-child(1) > td:last-child, .configure-area .table-bordered > tbody > tr:nth-child(3) > td:last-child, .configure-area .table-bordered > tbody > tr:nth-child(4) > td:last-child, .configure-area .table-bordered > tbody > tr:nth-child(5) > td:last-child{
	background: #2dd6ad !important;
}*/
/*.configure-area .table-bordered > tbody > tr:nth-child(2) > td:last-child{
	background: #00ad81 !important;
}*/

/***********Accessories Area***************/
.accessories-area {
  background: #dddddd;
  padding: 36px 0;
  font-size: 18px;
  line-height: 24px;
  overflow: hidden;
}

.accessories-area .heading {
  color: #3b97b6;
  font-size: 59px;
  line-height: 50px;
  margin: 0;
  padding: 0 0 19px 0;
}

.view-all-btn a {
  background: #FFF none repeat scroll 0% 0%;
  color: #85ccdb;
  font-size: 24px;
  padding: 15px 0;
  width: 334px;
  display: inline-block;
  text-decoration: none;
  position: relative;
  margin-right: 36px;
  text-align: center;
}

.view-all-btn a::after {
  width: 0px;
  height: 0px;
  border-top: 26px solid transparent;
  border-bottom: 26px solid transparent;
  border-left: 35px solid #FFF;
  position: absolute;
  right: -35px;
  content: "";
  top: 0px;
}

.accessories-area .owl-carousel {
  padding: 16px 0px;
}

.accessories-area .owl-carousel .owl-item {
  background: #3497b6 none repeat scroll 0% 0%;
  color: #FFF;
  text-align: right;
  position: relative;
}

.accessories-area .owl-carousel .owl-item:nth-child(2n+2) {
  background: #404040 none repeat scroll 0% 0% !important;
}

.accessories-area .owl-carousel .owl-item .caption {
  bottom: 0px;
  left: 0px;
  width: 100%;
  position: absolute;
  background: rgba(52, 151, 183, 0.56) none repeat scroll 0% 0%;
  padding: 12px;
}

.accessories-area .owl-carousel .owl-item:nth-child(2n+2) .caption {
  background: rgba(64, 64, 64, 0.56) none repeat scroll 0% 0%;
}

.accessories-area #owl-demo .item .caption h4 {
  padding-bottom: 8px;
  margin: 0;
  font-weight: bold;
}

.accessories-area .owl-pagination {
  display: none;
}

.accessories-area .owl-theme .owl-controls .owl-buttons div {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  border-radius: 0px;
  opacity: 1;
  text-indent: -9999px;
}

.accessories-area .owl-theme .owl-controls .owl-buttons .owl-prev {
  border-radius: 0px;
  background: transparent url("../images/carousel-arrow.png") repeat scroll 0% 0%;
  width: 50px;
  height: 252px;
  position: absolute;
  left: -80px;
  top: auto;
  bottom: calc(50% - 126px);
}

.accessories-area .owl-theme .owl-controls .owl-buttons .owl-next {
  border-radius: 0px;
  background: url('../images/carousel-arrow.png');
  width: 50px;
  height: 252px;
  position: absolute;
  right: -80px;
  top: 10%;
  transform: rotate(180deg);
}

/***********Application page banner Area***************/
.application-page-banner {
  background: url('../images/application-banner.jpg') no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 752px;
  position: relative;
  margin-top: -45px;
  color: #fff;
}

.application-page-banner .caption-area {
  position: absolute;
  bottom: 35px;
  left: 12%;
  padding: 0;
}

.application-page-banner h2 {
  font-size: 47px;
}

.application-page-banner .title {
  font-size: 82px;
  color: #fff;
}

.application-page-banner h3 {
  color: #fff;;
}

.application-page-banner .title, h2, h3 {
  margin: 4px 0;
  padding: 0;
}

/***********Application system Area***************/
.application-system-area, .safety-system-area {
  padding: 29px 0 42px 0;
}

.application-system-area .container, .safety-system-area .container {
  position: relative;
}

.application-system-area .bdair-logo, .safety-system-area .bdair-logo {
  position: static;
  margin-bottom: 25px;
  max-width: 100%;
}

.application-system-area .title, .safety-system-area .title {
  font-size: 59px;
  margin: 0px;
  padding: 0px 0px 5px;
  line-height: 60px;
}

.application-system-area .subtitle, .safety-system-area .subtitle {
  font-size: 22px;
  color: #666666;
  margin: 0;
  padding: 0 0 25px 0;
}

.application-system-area p, .safety-system-area p {
  color: #666666;
}

.application-system-area .instrument-img, .safety-system-area .instrument-img {
  position: absolute;
  left: -165px;
  top: 0;
  margin-top: 64px;
}

.application-system-area .first-row, .safety-system-area .first-row {
  min-height: 695px;
  margin-bottom: 20px;
}

.application-system-area .logo, .safety-system-area .logo {
  padding: 31px 0px;
}

/***********Gray Blocks Area***************/
.gray-blocks {
  font-size: 18px;
  line-height: 23px;
  color: #353535;
  overflow: hidden;
  min-height: 350px;
}

.gray-blocks .container {
  position: relative;
}

.gray-blocks .title {
  font-size: 48px;
  color: #404040;
  margin: 0px;
  padding: 28px 0px 13px;
  max-width: 503px;
  line-height: 40px;
  font-family: 'Conv_Montserrat-Bold';
}

.gray-blocks .sub-title {
  font-size: 19px;
  color: #404040;
  margin: 0;
  padding: 0 0 4px 0;
  line-height: 21px;
}

.gray-blocks .arrow-btn a {
  text-align: right;
  color: #404040;
  margin-top: 10px;
  font-weight: bold;
}

.gray-blocks .container .img-responsive {
  position: absolute;
  right: 0;
  top: 0;
}

/***********Preorder Page Banner***************/
.preorder-page-banner .caption-area {
  padding-top: 42px;
}

.preorder-page-banner {
  color: #404040;
  padding: 21px 0 40px 0;
  background: #FFF none repeat scroll 0% 0%;
}

.preorder-page-banner .row {
  margin: 0;
}

.preorder-page-banner .col-md-6, .preorder-page-banner .col-md-6 {
  padding: 0;
}

.preorder-page-banner .title {
  font-size: 52px;
  margin: 0;
  padding: 0 0 4px 0;
}

.preorder-page-banner .subtitle {
  font-size: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0 0 33px 0;
  color: #404040;
}

.preorder-page-banner h3 {
  font-size: 22px;
  margin: 0px;
  padding: 0px 0px 33px;
  color: #404040;
  line-height: 26px;
}

.preorder-page-banner h3:last-child {
  padding: 0px;
}

/***********Gradient-Gray Blocks***************/
.gradient-gray-block {
  color: #404040;
  padding: 27px 0 0 0;
}

.gradient-gray-block h1, .gradient-gray-block h2, .gradient-gray-block h3 {
  margin: 0;
}

.gradient-gray-block .title {
  font-size: 54px;
  padding: 0px 0px 12px;
  color: #FFF;
  font-family: 'Conv_Montserrat-Bold';
}

.gradient-gray-block .subtitle {
  font-size: 35px;
  line-height: 32px;
  padding: 0 0 5px 0;
}

.gradient-gray-block h3 {
  padding: 0 0 6px 0;
}

.gradient-gray-block ul {
  font-size: 20px;
}

.gradient-gray-block .first-list {
  margin: 0px 0px 31px -20px;
}

.gradient-gray-block ul li {
  padding: 3px 0px;
}

.gradient-gray-block .price-title {
  font-size: 57px;
  padding: 0;
  font-family: 'Conv_Montserrat-Bold';
}

.gradient-gray-block .arrow-btn a {
  background: transparent linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FF6E00 38%) repeat scroll 0% 0%;
  color: #fff;
  margin-top: 20px;
  text-align: right;
  padding: 15px 10px;
}

.gradient-gray-block .arrow-btn a::after {
  border-left: 35px solid #ff6e00;
}

.platinum-gradient .title {
  font-size: 46px;
}

/***********Distributors Area***************/
.distributors-area {
  background: url('../images/glob.jpg') no-repeat top center;
  width: 100%;
  height: 100%;
  color: #404040;
  margin: 36px 0 0 0;
  padding-bottom: 53px;
}

.distributors-area .top-area {
  margin-bottom: 40px;
  padding-left: 40px;
}

.distributors-area .top-area .heading {
  font-size: 50px;
  line-height: 40px;
  margin: 0;
  padding: 30px 0 0 0;
}

.distributors-area .top-area ul {
  margin: 0;
}

.distributors-area .top-area ul li {
  vertical-align: bottom;
  padding: 0 20px;
}

.distributors-area .bdair-logo {
  position: static;
  margin: 0;
}

.accordion-toggle {
  cursor: pointer;
  color: #fff;
  background: #2dd6ad;
  padding: 17px 24px;
  font-size: 35px;
  margin: 0;
}

.accordion-content {
  display: none;
  background: #edfcf6;
  padding: 22px;
  font-size: 20px;
}

.accordion-content.default {
  display: block;
}

.distributors-area #accordion .title {
  font-size: 27px;
  margin: 0px;
  padding: 0px 0px 10px;
  color: #2DD6AD;
}

.distributors-area #accordion .subtitle {
  margin: 0px;
  font-size: 22px;
  padding-bottom: 10px;
  font-weight: bold;
}

.distributors-area ul {
  margin-bottom: 27px;
}

.distributors-area .box ul li {
  padding: 0 0 10px 0;
}

.distributors-area .box ul li:last-child {
  padding: 0;
}

.distributors-area #accordion h4:nth-of-type(2n+2) {
  background: #6edebe;
}

/***********Environment And Safety Banner Area***************/
.environment-page-banner {
  background: url('../images/environment-banner.jpg') no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 752px;
  position: relative;
  margin-top: -45px;
  color: #fff;
}

.safety-page-banner {
  background: url('../images/safety-banner.jpg') no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 752px;
  position: relative;
  margin-top: -45px;
  color: #fff;
}

.environment-page-banner .caption-area, .safety-page-banner .caption-area {
  position: absolute;
  bottom: 35px;
  left: 12%;
  padding: 0;
}

.environment-page-banner h2, .safety-page-banner h2 {
  font-size: 47px;
}

.environment-page-banner .title, .safety-page-banner .title {
  font-size: 82px;
  color: #fff;
}

.environment-page-banner h3, .safety-page-banner h3 {
  color: #fff;
  font-style: italic;
}

.environment-page-banner .title, .environment-page-banner h2, .environment-page-banner h3, .safety-page-banner .title, .safety-page-banner h2, .safety-page-banner h3 {
  margin: 4px 0;
  padding: 0;
}

/***********Environment system Area***************/
.environment-system-area {
  padding: 29px 0px 72px;
}

.environment-system-area .container {
  position: relative;
}

.environment-system-area .bdair-logo {
  position: static;
  margin-bottom: 25px;
  max-width: 100%;
}

.environment-system-area .title {
  font-size: 59px;
  margin: 0px;
  padding: 0px 0px 5px;
  line-height: 60px;
}

.environment-system-area .subtitle {
  font-size: 22px;
  color: #666666;
  margin: 0;
  padding: 0 0 25px 0;
}

.environment-system-area p {
  color: #666666;
}

.environment-system-area .logo {
  padding: 31px 0px;
}

.environment-system-area .instrument-img {
  margin: 0 auto;
}

/***********Compare-system***************/
.compare-system .title {
  font-size: 47px;
  padding: 0 0px 47px 0;
  margin: 0;
}

.compare-system {
  width: 100%;
  max-width: 100%;
  margin-bottom: 58px;
}

.compare-system .table-bordered {
  border: 1px solid #fff;
}

.compare-system .table {
  margin-bottom: 0px;
}

/***********Compare-system-environmental-area***************/
.compare-system-environmental-area .table-bordered > tbody > tr > td, .compare-system-environmental-area .table-bordered > tbody > tr > th, .compare-system-environmental-area .table-bordered > tfoot > tr > td, .compare-system-environmental-area .table-bordered > tfoot > tr > th, .compare-system-environmental-area .table-bordered > thead > tr > td, .compare-system-environmental-area .table-bordered > thead > tr > th {
  vertical-align: middle;
  text-align: center;
  border: 2px solid #FFF;
  background: #edfcf6;
}

.compare-system-environmental-area .table > thead:first-child > tr:first-child > th {
  background: #2dd6ad;
  color: #fff;
}

.compare-system-environmental-area .table > thead:first-child > tr:first-child > th:first-child {
  background: #edfcf6;
}

.compare-system-environmental-area .table-bordered > tbody > tr > th {
  text-align: left;
  background: #c1f0e0;
}

.compare-system-environmental-area .table-bordered > tbody > tr:nth-child(2n+2) > th {
  background: #d2f5e8;
}

.compare-system-environmental-area .table-bordered > tbody > tr > td:nth-child(2n+3) {
  background: #e0f7ed;
}

.compare-system-environmental-area .table-bordered > tbody > tr > td {
  height: 87px;
  width: 12.5% !important;
}

/***********compare-system-safety-area***************/
.compare-system-safety-area .table-bordered > tbody > tr > td, .compare-system-safety-area .table-bordered > tbody > tr > th, .compare-system-safety-area .table-bordered > tfoot > tr > td, .compare-system-safety-area .table-bordered > tfoot > tr > th, .compare-system-safety-area .table-bordered > thead > tr > td, .compare-system-safety-area .table-bordered > thead > tr > th {
  vertical-align: middle;
  text-align: center;
  border: 2px solid #FFF;
  background: #edfcf6;
}

.compare-system-safety-area .table > thead:first-child > tr:first-child > th:first-child {
  background: #edfcf6;
}

.compare-system-safety-area .table > thead:first-child > tr:first-child > th {
  background: #0a6ccd;
  color: #fff;
}

.compare-system-safety-area .table-bordered > tbody > tr > th {
  text-align: left;
  background: #bad6f1;
  height: 89px;
}

.compare-system-safety-area .table-bordered > tbody > tr:nth-child(2n+2) > th {
  background: #cce1f5;
}

.compare-system-safety-area .table-bordered > tbody > tr > td:nth-child(2n+3) {
  background: #e6f0fa;
}

/***********Number Blocks Area***************/
.number-blocks {
  padding: 21px 0;
  color: #353535;
}

.number-blocks .title {
  font-size: 35px;
  margin: 0;
  padding: 0 0 18px 0;
  color: #404040;
}

.number-blocks ul {
  margin: 0px 0 0 -20px;
  color: #404040;
  font-size: 18px;
}

.number-blocks ul li {
  padding: 4px 0;
}

.number-blocks .number-text {
  font-size: 274px;
  line-height: 174px;
  font-family: 'Conv_Montserrat-Black';
  opacity: 0.5;
}

/***********Green Blocks Area***************/
.green-blocks .arrow-btn a {
  color: #39d5ae;
  font-weight: bold;
  text-align: right;
}

.green-blocks .content-box {
  min-height: 235px;
}

/***********Blue Blocks Area***************/
.blue-blocks .arrow-btn a {
  color: #0A6CCD;
  font-weight: bold;
  text-align: right;
  margin-top: 30px;
}

.blue-blocks .content-box {
  min-height: 235px;
}

/***********Safety System Area***************/
.safety-system-area p {
  margin-bottom: 29px;
}

.safety-system-area h3 {
  font-size: 21px;
}

/***********Technical Specifications Area***************/
.technical-specifications {
  padding: 58px 0px 31px;
  font-size: 16px;
  color: #404040;
}

.technical-specifications .top-area .container {
  padding-bottom: 73px;
  border-bottom: 8px #2dd6ad solid;
  margin-bottom: 28px;
  position: relative;
}

.technical-specifications .top-area .row {
  position: relative;
  z-index: 9;
}

.technical-specifications .bdair-logo {
  position: static;
}

.technical-specifications .top-area .instrument-img {
  position: absolute;
  right: 0px;
  top: 54px;
}

.technical-specifications .heading {
  font-size: 50px;
  padding: 0;
  margin: 92px 0 0 0;
}

.technical-specifications .details {
  /*background: url('../images/tecnical-specification-bg.jpg') no-repeat top center;*/
  width: 100%;
  height: 100%;
}

.technical-specifications .details .title {
  color: #3497b6;
  margin: 0;
  padding: 0 0 10px 0;
}

.technical-specifications .details .subtitle {
  margin: 0;
  padding: 0 0 10px 0;
}

.technical-specifications .details ul {
  margin-bottom: 42px;
}

.technical-specifications .details ul li {
  padding: 4px 0;
}

.technical-specifications .details .table > thead > tr > th {
  border-bottom: 0;
}

.technical-specifications .details .table > tbody > tr > th, .technical-specifications .details .table > tbody > tr > td {
  border-top: 0;
}

/***********Technical Specifications Area End ***************/

/*********** Cloud banner Area ***************/
.cloud-page-banner {
  background: #fff;
  padding-bottom: 50px;
}

.cloud-page-banner .caption-area {
  padding-top: 20px;
}

.cloud-page-banner .caption-area .title {
  color: #064066;
  font-size: 52px;
  line-height: 52px;
  font-family: 'proximanovalight';
}

.cloud-page-banner .caption-area .title span {
  font-family: "Conv_Montserrat-Bold";
}

.cloud-page-banner .caption-area .subtitle {
  color: #064066;
  font-size: 22px;
  line-height: 28px;
  font-family: 'Conv_Montserrat-Regular';
  font-style: italic;
  padding-bottom: 20px;
}

.cloud-page-banner .caption-area h3 {
  color: #666666;
  font-size: 16px;
  line-height: 22px;
  font-family: 'Conv_Montserrat-Regular';
  padding-bottom: 20px;
}

.cloud-page-banner .caption-area h2 {
  font-size: 27px;
  line-height: 30px;
  color: #064066;
}

.cloud-page-banner .button li h3 {
  line-height: 20px;
  margin: 0px;
  padding: 0px;
  font-size: 18px;
  font-family: 'proximanovalight';
}

.cloud-page-banner .button .orrange-btn img {
  padding: 0;
}

/*********** Cloud banner Area ***************/

/*********** How it work Area ***************/

.how_it_work {
  width: 100%;
  float: left;
  height: auto;
  padding-bottom: 100px;
  padding-top: 60px;
  box-sizing: border-box;
  background-color: #84cbda;
  background-image: url(../images/how-it-work-grass.png), url(../images/how-it-work-cloud.png), url(../images/how-it-work-gd.png);
  background-position: bottom center, center 40px, bottom left;
  background-repeat: no-repeat, no-repeat, repeat;
}

.how_it_work .sub-heading {
  font-family: 'Conv_Montserrat-Black';
  font-size: 22px;
  line-height: 24px;
  padding-bottom: 20px;
  color: #404040;
  text-transform: uppercase;
  margin: 0;
}

.how_it_work .work-content {
  font-family: 'proximanovalight';
  font-size: 20px;
  line-height: 36px;
  padding-bottom: 20px;
  color: #404040;
  margin: 0;
}

.how_it_work .heading {
  font-size: 54px;
  line-height: 60px;
  color: #064066;
  font-family: "Conv_Montserrat-Bold";
  text-align: center;
  padding-bottom: 25px;
  position: absolute;
  top: 140px;
  left: 0;
}

.how_it_work .how_it_work_logo {
  position: absolute;
  top: -20px;
  left: 0;
}

/*********** How it work Area ***************/

/***********Cloud Feature Area***************/
.cloud_feature {
  width: 100%;
  float: left;
  height: auto;
  padding: 36px 0;
  box-sizing: border-box;
  background: #fff;
}

.cloud_feature .heading {
  font-size: 54px;
  line-height: 60px;
  color: #064066;
  font-family: "Conv_Montserrat-Bold";
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 25px;
}

.cloud_feature-section {
  width: 100%;
  float: left;
  padding-bottom: 30px;
  box-sizing: border-box;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
}

.cloud_feature-section .feature_title {
  font-size: 30px;
  line-height: 35px;
  color: #84cbda;
  font-family: "Conv_Montserrat-Bold";
  text-transform: uppercase;
  text-align: center;
}

/***********Cloud Feature Area***************/

/***********Cloud Gallery Area***************/
.the_cloud-area {
  width: 100%;
  float: left;
  height: auto;
  padding: 36px 0;
  box-sizing: border-box;
  background: #b2dde8;
  overflow: hidden;
  font-size: 18px;
  line-height: 24px;
}

.the_cloud-area .owl-carousel {
  padding: 16px 0px;
}

.the_cloud-area .owl-carousel .owl-item {
  background: #3497b6 none repeat scroll 0% 0%;
  color: #FFF;
  text-align: right;
  position: relative;
}

.the_cloud-area .owl-carousel .owl-item:nth-child(2n+2) {
  background: #404040 none repeat scroll 0% 0% !important;
}

.the_cloud-area .owl-carousel .owl-item .caption {
  bottom: 0px;
  left: 0px;
  width: 100%;
  position: absolute;
  background: rgba(52, 151, 183, 0.56) none repeat scroll 0% 0%;
  padding: 12px;
}

.the_cloud-area .owl-carousel .owl-item:nth-child(2n+2) .caption {
  background: rgba(64, 64, 64, 0.56) none repeat scroll 0% 0%;
}

.the_cloud-area #owl-demo .item .caption h4 {
  padding-bottom: 8px;
  margin: 0;
  font-weight: bold;
}

.the_cloud-area .owl-pagination {
  display: none;
}

.the_cloud-area .owl-theme .owl-controls .owl-buttons div {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  border-radius: 0px;
  opacity: 1;
  text-indent: -9999px;
}

.the_cloud-area .owl-theme .owl-controls .owl-buttons .owl-prev {
  border-radius: 0px;
  background: transparent url("../images/gallery-carousel-arrow.png") repeat scroll 0% 0%;
  width: 56px;
  height: 324px;
  position: absolute;
  left: -80px;
  top: auto;
  bottom: calc(50% - 162px);
}

.the_cloud-area .owl-theme .owl-controls .owl-buttons .owl-next {
  border-radius: 0px;
  background: url('../images/gallery-carousel-arrow.png');
  width: 56px;
  height: 324px;
  position: absolute;
  right: -80px;
  top: 10%;
  transform: rotate(180deg);
}

.the_cloud-area .heading {
  font-size: 60px;
  line-height: 60px;
  color: #064066;
  font-family: "Conv_Montserrat-Bold";
}

.the_cloud-area .heading span {
  font-size: 21px;
  line-height: 60px;
  color: #064066;
  font-style: italic;
  font-family: 'Conv_Montserrat-Regular';
}

/***********Cloud Gallery Area***************/

/*********** safetyenv banner Area***************/
.safetyenv-page-banner {
  background: rgba(0, 0, 0, 0) url("../images/safetyenv-banner.jpg") no-repeat scroll center center / cover;
  color: #fff;
  height: 752px;
  margin-top: -45px;
  position: relative;
  width: 100%;
}

.safetyenv-page-banner .caption-area {
  bottom: 35px;
  left: 12%;
  padding: 0;
  position: absolute;
}

.safetyenv-page-banner .caption-area h2 {
  font-size: 60px;
  line-height: 65px;
  font-family: "Conv_Montserrat-Bold";
}

.safetyenv-page-banner .caption-area h1.title {
  font-size: 96px;
  line-height: 90px;
  font-family: "Conv_Montserrat-Bold";
  margin: 0;
  color: #fff;
}

.safetyenv-page-banner .caption-area h4 {
  font-size: 24px;
  line-height: 30px;
  font-family: 'proximanovalight';
  margin: 0;
  color: #fff;
}

.safetyenv-system-area {
  padding: 29px 0 42px;
}

.safetyenv-system-area .instrument-img {
  left: -165px;
  margin-top: 64px;
  position: absolute;
  top: 0;
}

.safetyenv-system-area .bdair-logo {
  margin-bottom: 25px;
  max-width: 100%;
  position: static;
}

.safetyenv-system-area .title {
  font-size: 52px;
  line-height: 60px;
  margin: 0;
  padding: 0 0 5px;
  color: #f1a219;
}

.safetyenv-system-area p {
  font-size: 18px;
  line-height: 28px;
  color: #666666;
  padding-bottom: 25px;
  font-family: 'Conv_Montserrat-Regular';
  padding-right: 64px;
}

.safetyenv-system-area .subtitle {
  font-size: 22px;
  line-height: 30px;
  margin: 0;
  color: #666666;
  padding-bottom: 25px;
  padding-right: 0;
}

.safetyenv-system-area .instrument-img {
  left: auto;
  right: 0;
  margin-top: 64px;
  position: absolute;
  top: 0;
}

.safetyenv-system-area .first-row {
  margin-bottom: 20px;
  min-height: 695px;
  position: relative;
}

/*********** safetyenv banner Area ***************/

/*********** safetyenv title area ***************/
.system_title_area {
  width: 100%;
  float: left;
  padding: 20px 0;
  background: #fff;
  font-family: "Conv_Montserrat-Bold";
}

.system_title_area h1 {
  font-size: 84px;
  line-height: 84px;
  color: #f1a219;
}

.system_title_area h4 {
  font-size: 40px;
  line-height: 32px;
  color: #f1a219;
}

/*********** safetyenv title area ***************/

/*********** safetyenv block area ***************/
.safetyenv-block-section {
  width: 100%;
  float: left;
  height: auto;
  padding: 25px 0;
  font-size: 18px;
  line-height: 26px;
  font-family: 'proximanovalight';
}

.egg_sour_bg {
  background: #fbe8c7;
}

.caramel_bg {
  background: #F8D292;
}

.casablanca_bg {
  background: #F4B953;
}

.dark_tangerine {
  background: #F1A219;
}

.safetyenv-block-section h1.title {
  color: #404040;
  font-size: 34px;
  line-height: 38px;
  margin-top: 0;
}

.safetyenv-block-section .arrow-btn a {
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 38%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(38%, rgba(255, 255, 255, 1)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 38%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 38%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 38%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 38%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
  color: #f1a219;
  font-size: 24px;
  padding: 15px;
  width: 312px;
  display: inline-block;
  text-decoration: none;
  position: relative;
  margin-right: 36px;
  text-align: right;
  font-family: "Conv_Montserrat-Bold";
}

.safetyenv-block-section .arrow-btn a::after {
  width: 0px;
  height: 0px;
  border-top: 28px solid transparent;
  border-bottom: 28px solid transparent;
  border-left: 35px solid #FFF;
  position: absolute;
  right: -35px;
  content: "";
  top: 0;
}

.block_img_section {
  min-height: 300px;
  position: relative;
}

.block_pic {
  position: absolute;
  top: auto;
  bottom: -20px;
  left: auto;
  right: 0;
}

/*********** safetyenv block area ***************/
.home_btn {
  float: left;
  padding: 12px 20px;
  color: #fff;
  font-size: 30px;
}

.home_btn:hover {
  color: #fff;
}

.logo {
  float: left;
}

.call {
  float: left;
  padding: 12px 20px;
  color: #fff;
  font-size: 30px;
}

.call span {
  font-size: 20px;
  line-height: 30px;
}

.call:hover {
  color: #fff;
  text-decoration: none;
}

.matter-list {
  padding: 0;
  margin: 16px 0;
}

.matter-list li {
  list-style: none;
  margin: 0 0 3px 0;
}

.matter-list li i {
  font-size: 8px;
  vertical-align: middle;
  padding: 0 12px 0 0;
}

.dist-wanted h2 {
  color: #3b97b6;
}

.dist-wanted h2 strong {
  color: #000000;
  font-weight: bold;
}

.full-width {
  width: 100%;
}

.helpMeObiWan {
  display: none;
  height: 0;
}

#contactArea {
  padding-left: 0 !important;
}

@media only screen and (min-width: 992px) {
  .no-right-margin {
    padding-right: 0;
  }

  .no-left-margin {
    padding-left: 0;
  }
}

#footContact {
  width: 100%;
  background: #f1f1f1;
}

.cForm {
  background: #f1f1f1;
  padding: 0 0 65px 0;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

.cForm .endForm, .cForm .endFormError {
  display: none;
}

.cForm h3 {
  color: #afafaf;
  font-size: 28px;
  line-height: 65px;
  padding: 0;
  margin: 0;
}

.cForm form {
  width: 90%;
  max-width: 600px;
  display: inline-block;
}

.cForm form input, .cForm form textarea {
  border-radius: 10px;
}

.cForm form input[type="text"], .cForm form textarea {
  width: 100%;
  margin: 5px 0;
  padding: 6px 7px;
}

.cForm form textarea {
  height: 135px;
}

.cForm form input[type="submit"] {
  width: 100%;
  padding: 5px 10px;
  color: #fff;
  background: #e84c3d;
}

.cForm .clearForm {
  clear: both;
}