@import url("https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700&display=swap");

/*********** commom variables **************/

@font-face {

  font-family: "Glyphicons Halflings";

  src: url("fonts/glyphicons-halflings-regular.eot"); /* IE9 Compat Modes */

  src: url("fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("fonts/glyphicons-halflings-regular.woff") format("woff"), url("fonts/glyphicons-halflings-regular.ttf") format("truetype");

}

html, body {

  width: 100%;

  height: 100%;

}



body {

  font-family: "Muli", sans-serif;

  font-size: 100%;

  font-size: 16px;

  margin: 0px;

  padding: 0px;

}



p {

  font-size: 1rem;

  font-family: "Muli", sans-serif;

}



h1, h2, h3, h4, h5, h6 {

  font-family: "Muli", sans-serif;

}



h1 {

  font-size: 3.75rem;

}



ul {

  margin: 0px;

  padding: 0px;

}

ul li {

  list-style: none;

}



/*********** mixin ******************/

/*********** common css***************/

.page-wrapper {

  width: 100%;

  height: 100%;

}



.flex, .homebanner, header nav.navbar .navbar-collapse ul.navbar-nav, header .loginbtn {

  display: flex;

}



.row, .homebanner, header nav.navbar .navbar-collapse ul.navbar-nav, header .loginbtn {

  flex-direction: row;

}



.column {

  flex-direction: column;

}



.animateclass, .servicespage .sercbox:hover, .servicespage .sercbox, .contentarea .marketingservices .sercbox:hover, .contentarea .marketingservices .sercbox {

  transition: all ease 0.5s;

}



/************ header css **************/

header {

  border-top: 10px solid #6666cc;

  min-height: 135px;

  padding: 10px 0px 0px;

  position: relative;

  background: rgba(255, 255, 255, 0.9);

  width: 100%;

  z-index: 999;

}

header .logo {

  width: 100%;

  display: block;

  margin-top: 3px;

}

header .logo img {

  max-width: 100%;

}

header .loginbtn {

  justify-content: flex-end;

  width: 100%;

  text-align: right;

  padding-right: 22px;

}

header .loginbtn a {

  color: #333333;

  text-decoration: none;

  padding: 0px 10px;

}

header .loginbtn a:hover {

  color: #003366;

  text-decoration: underline;

}

header nav.navbar {

  padding-bottom: 0px !important;

  margin-top: 5px;

}

header nav.navbar .navbar-collapse ul.navbar-nav {

  width: 100%;

  justify-content: flex-end;

}

header nav.navbar .navbar-collapse ul.navbar-nav li a {

  font-size: 1.12rem;

  color: #003366 !important;

  padding: 19px 10px;

  border-radius: 8px 8px 0px 0px;

  -webkit-border-radius: 8px 8px 0px 0px;

  -moz-border-radius: 8px 8px 0px 0px;

  transition: all ease 0.5s;

  margin: 0px 1px;

}

header nav.navbar .navbar-collapse ul.navbar-nav li a:hover, header nav.navbar .navbar-collapse ul.navbar-nav li a.active {

  background: #4061c1;

  color: #ffffff !important;

  transition: all ease 0.5s;

}



/*** home banner **/

.homebanner {

  width: 100%;

}

.homebanner img {

  max-width: 100%;

}



.devicehide {

  display: flex !important;

}



.desktophide {

  display: none !important;

}



.slider {

  width: 100%;

}



.slick-dots {

  bottom: 10px;

}



.slick-slide img {

  width: 100%;

}



.slick-dots li button::before {

  font-size: 20px;

  opacity: 1;

  color: #ffffff;

}



.slick-dots li.slick-active button::before {

  color: #4061c1;

  opacity: 1 !important;

}



.slick-prev:before,

.slick-next:before {

  color: black;

}



.slick-slide {

  transition: all ease-in-out 0.3s;

  opacity: 0.2;

}



.slick-active {

  opacity: 0.5;

}



.slick-current {

  opacity: 1;

}



/************ content area *************/

.contentarea h1 {

  font-size: 3.75rem;

  color: #336699;

  margin: 0px 0px 30px;

  padding: 0px;

  font-weight: 300;

  line-height: 50px;

}

.contentarea .cntarea {

  padding: 60px 0px;

}

.contentarea .cntarea p {

  font-size: 1.25rem;

  color: #333333;

  line-height: 25px;

}

.contentarea .homecontent p {

  text-align: center;

}

.contentarea .marketingservices {

  background: url(https://bstproject.s3.us-east-1.amazonaws.com/general/public/bst/images/img_serviceback.jpg) no-repeat center top;

  width: 100%;

  padding: 80px 0px;

}

.contentarea .marketingservices h1 {

  color: #01376b;

  margin-bottom: 40px;

}

.contentarea .marketingservices .sercbox {

  background: #fff;

  border-radius: 15px;

  overflow: hidden;

}

.contentarea .marketingservices .sercbox:hover {

  margin-top: -10px;

  box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.5);

}

.contentarea .marketingservices .sercbox a {

  text-decoration: none;

}

.contentarea .marketingservices .sercbox h2 {

  color: #373737;

  font-size: 1.5625rem;

  padding: 0px;

  font-weight: 300;

  text-align: center;

  min-height: 70px;

  display: flex;

  flex-direction: row;

  justify-content: center;

  vertical-align: middle;

  align-items: center;

}

.contentarea .marketingservices .slick-initialized .slick-slide {

  padding: 10px;

}

.contentarea .marketingservices .slick-active {

  opacity: 1;

}



.servicespage .sercbox {

  background: #fff;

  border-radius: 15px;

  overflow: hidden;

  margin-bottom: 40px;

  border: 1px solid #ccc;

}

.servicespage .sercbox:hover {

  margin-top: -10px;

  box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.5);

}

.servicespage .sercbox a {

  text-decoration: none;

}

.servicespage .sercbox h2 {

  color: #373737;

  font-size: 1.5625rem;

  padding: 0px;

  font-weight: 300;

  text-align: center;

  min-height: 70px;

  display: flex;

  flex-direction: row;

  justify-content: center;

  vertical-align: middle;

  align-items: center;

}



h3 {

  color: #405bab;

  font-size: 25px;

  font-weight: bold;

  margin-bottom: 15px;

}



.pad60 {

  padding: 70px 0px;

}



.slick-arrow, .slick-arrow:hover {

  background: url(https://bstproject.s3.us-east-1.amazonaws.com/general/public/bst/images/btnnext-previous.png) no-repeat center top;

  z-index: 999 !important;

  top: 43% !important;

}



.slick-prev.slick-arrow, .slick-prev.slick-arrow:hover {

  width: 58px;

  height: 58px;

  background-position: left top;

  left: 9px;

}



.slick-next.slick-arrow, .slick-next.slick-arrow:hover {

  width: 58px;

  height: 58px;

  background-position: -63px top;

  right: 9px;

}



.slick-prev:before, .slick-next:before {

  display: none !important;

}



.contactform ul {

  margin: 0px;

  padding: 0px;

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  flex-wrap: wrap;

}

.contactform ul li {

  list-style: none;

  width: 49%;

  margin-bottom: 10px;

}

.contactform ul li .btn.btn-primary {

  width: 100%;

  height: 50px;

}

.contactform ul .form-control {

  height: 50px;

}

.contactform ul textarea.form-control {

  height: 150px;

}

.contactform ul .wdth100 {

  width: 100%;

}



/****** footer ******************/

.footerarea {

  background: #1b3993;

  padding: 40px 0px;

}

.footerarea ul {

  margin: 0px;

  padding: 0px;

}

.footerarea ul li {

  list-style: none;

}

.footerarea ul li a {

  color: #ffffff;

  text-decoration: none;

  color: #a9b5d8;

  padding: 5px 0px;

  display: block;

}

.footerarea ul li a:hover {

  color: #ffffff;

}

.footerarea h3 {

  font-size: 1.875rem;

  font-weight: 600;

  color: #ffffff;

  margin: 0px 0px 25px;

  padding: 0px;

}

.footerarea p {

  color: #ffffff;

  font-size: 1rem;

  padding-left: 40px;

}

.footerarea p.location {

  background: url(https://bstproject.s3.us-east-1.amazonaws.com/general/public/bst/images/icon_location.png) no-repeat left top;

}

.footerarea p.phoneno {

  background: url(https://bstproject.s3.us-east-1.amazonaws.com/general/public/bst/images/icon_mobile.png) no-repeat left top;

}

.footerarea p.fax {

  background: url(https://bstproject.s3.us-east-1.amazonaws.com/general/public/bst/images/icon_fax.png) no-repeat left top;

}

.footerarea .designby {

  margin-top: 40px;

}



.mt20 {

  margin-top: 25px !important;

}



.hidedesktop {

  display: none;

}



.copyright {

  font-size: 12px !important;

}



.contactus p {

  padding-left: 40px;

}



.addressbox {

  background: url(https://bstproject.s3.us-east-1.amazonaws.com/general/public/bst/images/icon_location2.png) no-repeat left top;

}



.telebox {

  background: url(https://bstproject.s3.us-east-1.amazonaws.com/general/public/bst/images/icon_phone.png) no-repeat left top;

}



.faxbox {

  background: url(https://bstproject.s3.us-east-1.amazonaws.com/general/public/bst/images/icon_fax2.png) no-repeat left top;

}



.contactus iframe {

  margin-top: 20px;

}



/************ login css **************/

.logincontainer {

  background: url(https://bstproject.s3.us-east-1.amazonaws.com/general/public/bst/images/loginback.jpg) no-repeat center center;

  background-size: cover;

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

}

.logincontainer .loginboxmianbox {

  max-width: 1120px;

  display: flex;

  background: #3859bb;

  min-height: 440px;

  width: 80%;

  border-radius: 15px;

  overflow: hidden;

}

.logincontainer .loginboxmianbox .logintext {

  max-width: 640px;

  min-height: 440px;

  width: 60%;

  background: #ffffff;

  padding: 40px 60px;

}

.logincontainer .loginboxmianbox .logintext p {

  font-size: 1.12rem;

  color: #333333;

  font-weight: 600;

}

.logincontainer .loginboxmianbox .logintext .loginlogo {

  text-align: center;

  width: 100%;

  margin-bottom: 40px;

}

.logincontainer .loginboxmianbox .logintext .loginlogo img {

  max-width: 100%;

}

.logincontainer .loginboxmianbox .loginform {

  max-width: 470px;

  min-height: 440px;

  width: 40%;

  padding: 40px 60px;

}

.logincontainer .loginboxmianbox .loginform h1 {

  color: #ffffff;

  font-weight: 300;

  text-align: center;

  width: 100%;

  margin-bottom: 25px;

}

.logincontainer .loginboxmianbox .loginform ul {

  list-style: none;

  margin: 0px;

  padding: 0px;

}

.logincontainer .loginboxmianbox .loginform ul li {

  list-style: none;

  margin: 0px;

  padding: 0px;

  margin-bottom: 5px;

}

.logincontainer .loginboxmianbox .loginform ul li .form-control {

  height: 50px;

}

.logincontainer .loginboxmianbox .loginform ul li .btnloginsubmit {

  width: 100%;

  color: #ffffff;

  background: #07247b;

  font-size: 1.12rem;

  margin-top: 10px;

  height: 50px;

}

.logincontainer .loginboxmianbox .loginform ul li .btnloginsubmit:hover {

  background: #17358f;

}

.logincontainer .loginboxmianbox .loginform ul li a {

  color: #ffffff;

  text-decoration: none;

  font-size: 13px;

}

.logincontainer .loginboxmianbox .loginform ul li a:hover {

  text-decoration: underline;

}

.logincontainer .loginboxmianbox .loginform ul .forgotpass {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  width: 100%;

  padding-top: 5px;

}



/*********** register page ***************/

.regsiterpage {

  background: url(https://bstproject.s3.us-east-1.amazonaws.com/general/public/bst/images/loginback.jpg) no-repeat center center fixed;

  background-size: cover;

  padding-top: 199px;

}

.regsiterpage .minh800 {

  min-height: 650px;

}

.regsiterpage .registercontainer {

  width: 100%;

  background: #ffffff;

  margin-bottom: 50px;

  border-radius: 15px;

  min-height: 600px;

  padding: 40px;

}

.regsiterpage .registercontainer h1 {

  color: #003366;

  font-weight: 300;

  text-align: left;

  width: 100%;

  margin-bottom: 25px;

  font-size: 2.5rem;

}

.regsiterpage .registercontainer .formbox {

  margin-bottom: 20px;

  background: #f8f8f8;

  padding: 20px 30px;

  border-radius: 15px;

  width: 100%;

}

.regsiterpage .registercontainer .formbox h3 {

  font-size: 25px;

  font-weight: 600;

  margin-bottom: 20px;

}

.regsiterpage .registercontainer .formbox ul {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: space-between;

}

.regsiterpage .registercontainer .formbox ul li {

  list-style: none;

  margin-bottom: 20px;

}

.regsiterpage .registercontainer .formbox ul li .form-control {

  height: 50px;

}

.regsiterpage .registercontainer .formbox ul .twocol {

  width: 49%;

}

.regsiterpage .registercontainer .formbox ul .threecol {

  width: 32%;

}

.regsiterpage .registercontainer .formbox ul .fourcol {

  width: 23.5%;

}

.regsiterpage .registercontainer .formbox ul .fivecol {

  width: 18.5%;

}

.regsiterpage .registercontainer .formbox ul .sixcol {

  width: 10%;

}

.regsiterpage .registercontainer .formbox ul .wd30 {

  width: 29%;

}

.regsiterpage .registercontainer .formbox ul .mb10 {

  margin-bottom: 5px;

}

.regsiterpage .registercontainer .formbox ul .onecol {

  width: 100%;

}

.regsiterpage .registercontainer .formbox ul textarea.form-control {

  width: 100% !important;

  height: 100px;

}

.regsiterpage .registercontainer .formbox ul .captchabox img {

  margin-bottom: 10px;

}

.regsiterpage .registercontainer .nav.nav-tabs {

  margin-bottom: 30px;

  display: flex;

  justify-content: flex-end;

  width: 100%;

}



.btnsubmit {

  padding: 8px 35px;

}



input[type=checkbox] {

  opacity: 0;

  position: absolute;

}



input[type=checkbox] + label {

  color: #333333;

  position: relative;

  line-height: 30px;

}



input[type=checkbox] + label {

  background: url(https://bstproject.s3.us-east-1.amazonaws.com/general/public/images/icon_checkbox.png) no-repeat left 4px;

  padding-left: 30px;

  height: 25px;

}



input[type=checkbox]:checked + label {

  background: url(https://bstproject.s3.us-east-1.amazonaws.com/general/public/images/icon_checkbox.png) no-repeat left -22px;

  color: #333333;

  font-style: normal;

}



.tab-content > .tab-pane, form {

  width: 100%;

}



.fnt10 {

  font-size: 10px;

}



.panel-heading {

  padding: 0;

  border: 0;

  background: #f1f1f1;

  margin-top: 10px;

}

.panel-heading h4 {

  margin-bottom: 0px;

}



.panel-title > a, .panel-title > a:active {

  display: block;

  padding: 15px;

  color: #555;

  font-size: 17px;

  font-weight: bold;

  letter-spacing: 1px;

  word-spacing: 3px;

  text-decoration: none;

}



.panel-heading a:before {

  font-family: "Glyphicons Halflings";

  content: "\e114";

  float: right;

  transition: all 0.5s;

}



.panel-heading.active a:before {

  transform: rotate(180deg);

}



.panel-heading.active a {

  background: #2e73b3;

  color: #fff;

}



.panel-body {

  padding: 20px;

  border: 1px solid #f1f1f1;

}

.panel-body .locationbox {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

}

.panel-body label {

  font-weight: bold;

}



.formbox ul li {

  position: relative;

}

.formbox ul li label.error {

  position: absolute;

  bottom: -25px;

  color: #ff0000;

  font-size: 12px;

}



.clear {

  clear: both;

}



/************ responsive ************/

@media screen and (max-width: 1024px) {

  .logincontainer .loginboxmianbox .loginform {

    padding: 40px 40px;

  }

}

@media screen and (max-width: 825px) {

  header nav.navbar .navbar-collapse ul.navbar-nav li a {

    padding: 20px 8px !important;

    font-size: 1rem;

    margin: 0px !important;

  }

  header .loginbtn {

    padding-right: 0px;

  }

  header nav.navbar {

    padding-left: 0px !important;

  }

  .servicespage .sercbox h2 {

    font-size: 1.25rem;

  }

  .ipadmt25 {

    margin-top: 25px;

  }

  .logincontainer {

    align-items: flex-start;

    position: fixed;

    overflow: auto;

  }

  .logincontainer .loginboxmianbox {

    display: flex;

    overflow: auto;

    min-height: 200px;

    margin-bottom: 50px;

    flex-direction: column-reverse;

    justify-content: flex-start;

    margin-top: 80px;

  }

  .logincontainer .loginboxmianbox .logintext {

    width: 100%;

    padding: 30px;

  }

  .logincontainer .loginboxmianbox .loginform {

    width: 100%;

    justify-content: center;

    align-items: center;

    padding: 30px;

    margin: 0px auto;

  }

  .regsiterpage .registercontainer .formbox ul .smtwocol {

    width: 49%;

  }

}

@media screen and (max-width: 767px) {

  .pad60 {

    padding: 70px 20px;

  }

  .hidedesktop {

    display: block;

  }

  h1, .contentarea h1 {

    font-size: 2.5rem;

  }

  header {

    height: 170px;

    position: relative;

  }

  header .devicehide {

    display: none !important;

  }

  header .desktophide {

    display: block !important;

  }

  header .loginbtn {

    text-align: right;

  }

  header .logo img {

    max-width: 100%;

    height: 60px;

    margin: 0px auto;

    display: block;

  }

  header nav.navbar {

    justify-content: flex-end;

  }

  header nav.navbar button {

    outline: none;

  }

  header nav.navbar .navbar-collapse ul.navbar-nav {

    flex-direction: column !important;

    background: #ffffff;

    border-radius: 8px;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.3) !important;

  }

  header nav.navbar .navbar-collapse ul.navbar-nav li {

    border-bottom: 1px solid #f2f2f2;

  }

  header nav.navbar .navbar-collapse ul.navbar-nav li:last-child {

    border-bottom: 0px;

  }

  header nav.navbar .navbar-collapse ul.navbar-nav li a {

    padding: 10px !important;

    text-align: center;

  }

  .footerarea h3 {

    text-align: center;

  }

  .footerarea p {

    max-width: 228px;

    margin: 0px auto 20px;

  }

  .footerarea ul {

    margin-bottom: 30px;

  }

  .footerarea ul li a {

    text-align: center;

  }

  .footerarea .devicehide {

    display: none !important;

  }

  .footerarea .mt15 {

    margin-top: 20px;

  }

  .footerarea .sociallinks, .footerarea .designby {

    text-align: center;

  }

  .contactform ul li {

    width: 100%;

  }

  .regsiterpage {

    padding-top: 50px;

  }

  .regsiterpage .container {

    padding: 20px;

  }

  .regsiterpage .registercontainer {

    padding: 20px;

  }

  .twocol, .threecol, .fourcol, .fivecol, .sixcol, .regsiterpage .registercontainer .formbox ul .twocol {

    width: 100%;

  }

  .regsiterpage .registercontainer .formbox {

    padding: 15px !important;

  }

  .regsiterpage .registercontainer .formbox ul .smtwocol, .regsiterpage .registercontainer .formbox ul .threecol,

  .regsiterpage .registercontainer .formbox ul .fivecol, .regsiterpage .registercontainer .formbox ul .wd30,

  .regsiterpage .registercontainer .formbox ul .fourcol {

    width: 100%;

  }

}

@media screen and (max-width: 650px) {

  .panel-body {

    padding: 20px;

    border: 1px solid #f1f1f1;

  }

  .panel-body .locationbox {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

  }

  .panel-body label {

    font-weight: bold;

  }

}/*# sourceMappingURL=style.css.map */