/******************base element default style
/******************/
@font-face {
    font-family: 'futura_md_btmedium';
    src: url('../fonts/futura_medium_bt-webfont.woff2') format('woff2'),
         url('../fonts/futura_medium_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body {
	color: #757576; font-size:1em;
	line-height: 30px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	padding-top: 70px;
}
img {
	max-width: 100%;
}
a {
	color: inherit;
	color: #1c447c;
	font-size: inherit;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
a:hover, a:focus, a:active {
	text-decoration: none;
	color: #72c02c;
	outline: none;
}
h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-weight: normal;
}
h1, h2 {
	font-size: 48px;
}
h3 {
	font-size: 38px;
}
h4 {
	font-size: 30px;
}
h5 {
	font-size: 24px;
}
h6 {
	font-size: 20px;
}
section {
	padding-top: 60px;
	padding-bottom: 60px;
}
input, textarea {
	width: 100%;
	padding: 10px 15px;
	 
	margin-bottom: 15px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 4px;
	color: #666;
	font-family: inherit;
}
pre, code, blockquote {
	background-color: #F5F5F5;
	border-color: #72c02c;
	border-style: solid;
	border-width: 0px 0px 0px 4px;
	padding: 20px;
	margin-top: 10px;
	font-size: 16px;
}
pre, code {
	font-family: monospace;
}

button:focus{ outline:none; outline: 0 auto -webkit-focus-ring-color !important}

::-moz-selection {
 background: #39467a;
 color: #fff;
}
::selection {
	background: #39467a;
	color: #fff;
}

::-webkit-input-placeholder {
 opacity: 1;
 color: inherit;
}

::-moz-placeholder {
 opacity: 1;
 color: inherit;
}

:-ms-input-placeholder {
 opacity: 1;
 color: inherit;
}

:-moz-placeholder {
 opacity: 1;
 color: inherit;
}
:focus, :active {
	outline: none;
}


 
.bdrBtm{ border-bottom:2px solid #ebebea;}

.subhead { color:#1c447c;font-weight: bold}

.subhead a { color:#1d437c}
.subhead a:hover { text-decoration:none}

.pdngT30{ padding-top:30px}
.pdngB30{ padding-bottom:30px}

.pdngB55{ padding-bottom:55px}

.fnt16{ font-size:16px;}







.site-header {
	padding-top: 30px;
	padding-bottom: 30px;
	background: #fff;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	display: block;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.site-header.navbar-fixed-top {
 
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.navbar-brand {
	padding-top: 0;
}
.main-nav > .nav-item > .nav-link {
	text-transform: capitalize; font-weight:600;
	padding-left: 10px;
	padding-right: 10px; color:#777677
}
.main-nav > .nav-item > .nav-link.btn-menu {
	min-width: 120px;
}
.main-nav > .nav-item > .nav-link:hover, .main-nav > .nav-item > .nav-link:focus {
	background: inherit;
}
.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030
}


.main-nav > .nav-item > .nav-link {
  text-transform: uppercase;
  padding-left: 25px;
  padding-right: 25px; font-size:18px; 
}
  .main-nav > .nav-item > .nav-link.btn-menu {
    min-width: 120px; }
  .main-nav > .nav-item > .nav-link:hover, .main-nav > .nav-item > .nav-link:focus {
    background: inherit; }
	
	
	
	/******************#intro section
/******************/
.introHero {
  background: url(../images/main-bg.jpg) no-repeat 0 0;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 140px;
  padding-bottom: 120px;
  position: relative;
  z-index: 1;
  color: #fff; }
 
.innerServices{
  background: url(../images/sevices.jpg) no-repeat 0 0;
  background-size: cover;
  padding-top: 140px;
  padding-bottom: 120px;
  position: relative;
  z-index: 1;
  color: #fff; }
.innerServices h4 {
    max-width: 730px;
    /* text-align: center; */
    margin: auto;
	line-height: normal
}
.sbcBanner, .trainingBanner{
	background-image: url(../images/sbc-services.jpg);	
  padding-bottom: 60px;
}
.trainingBanner{
	background-image: url(../images/training-img.jpg);	
  padding-bottom: 60px;
}
.sbcBanner h4, .trainingBanner h4{
	padding-top: 20px;
}
.about-banner {
    background-image: url(../images/about-us-2.jpg);
    padding-bottom: 60px;
}
.contact-banner {
    background-image: url(../images/contact-banner.jpg);
    padding-bottom: 60px;
}
.careers-banner {
    background-image: url(../images/careers.jpg);
    padding-bottom: 60px;
}
.faq-banner {
    background-image: url(../images/faq-help.jpg);
    padding-bottom: 60px;
}
.documentation{
  background-image: url(../images/documentation.jpg);
  padding-top: 120px;
  padding-bottom: 86px;
  z-index: 1;
  color: #25292b; }
.documentation h4 {
    max-width: 730px;
   margin: 0;
	line-height: normal
}
.documentation h1 {
	color: #1a467c;
}
.hero-title {
  color: #fff;
font-family: 'futura_md_btmedium', 'Open Sans', sans-serif;
	font-weight: normal;
}

.hero-tagline {
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 50px; }

.intro-btn > .btn {
  margin-right: 15px; font-weight:500; }
.btn{ font-weight:500;}
.slick-dots {
  position: static;
  margin-top: 15px; }
  .slick-dots > li {
    border: 1px solid #fff;
    background: transparent;
    width: 12px;
    height: 12px;
    border-radius: 50%; }
    .slick-dots > li button[type="button"] {
      display: none; }
    .slick-dots > li.slick-active {
      border: 1px solid #fff;
      background: #fff; }
.grayBg{
	background-color: #f7f9fa; 
}

.feature-block {
  padding-left: 15px;
  padding-right: 15px; }
  .feature-block > h4 {
    margin: 20px 0;
    font-size: 20px;
    font-weight: 600; }

.tileWhite {
    padding: 15px;
}
.tileWhite .feature-block {
    background-color: #fff;
    padding: 42px;
    border: 2px solid #ececec;
}

.customCheckbox{
	width: auto!important;
	margin-bottom: 0px!important;
}
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + .customLabel,
[type="checkbox"]:checked + .customLabel {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + .customLabel:before, 
[type="checkbox"]:checked + .customLabel:before {
    content: '';
    position: absolute;
    left: 0;
    top: -0.8em;
    width: 1.9em;
    height: 1.9em;
    border: 2px solid #ccc;
    background: #fff;
    border-radius: 0px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + .customLabel:after,
[type="checkbox"]:checked + .customLabel:after {
  content: '✔';
  position: absolute;
  top: -.2em; left: .275em;
  font-size: 1.4em;
  line-height: 0.8;
  color: #00589a;
  transition: all .2s;
  font-family: Helvetica, Arial, sans-serif;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + .customLabel:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + .customLabel:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + .customLabel:before,
[type="checkbox"]:disabled:checked + .customLabel:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + .customLabel:after {
  color: #999;
}
[type="checkbox"]:disabled + .customLabel {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + .customLabel:before,
[type="checkbox"]:not(:checked):focus + .customLabel:before {
  border: 2px solid #00589a;
}

/* hover style just for information */
.customLabel:hover:before {
  border: 2px solid #00589a!important;
}
.customLabel i {
    margin-left: 14px;
    font-size: 29px;
    color: #777677;
}
.downloadDocument{
	border: 2px solid #536291;
	color: #1c447c;
	background-color: #fff;
	display: inline-block;
	padding: 10px 16px;
	cursor: pointer;
	transition: all .5s ease;
	font-size: 16px;
}
.downloadDocument:hover{
	border: 2px solid #f48420;
	color: #fff;
	background-color: #f48420;
	padding: 10px 19px;
}
.downloadDocument .fa{
	margin-right: 10px;
	transition: margin .2s ease;
}
.downloadDocument:hover .fa{
	margin-right: 5px;
}
.downloadNoBorder{
	padding: 0!important;
	border: none!important;
	color: #f48420
}
.downloadNoBorder:hover{
	background-color: transparent;
	color: #f48420
}
.downloadNoBorder.disabled{
	background-color: transparent;
	color: #bcbbbb!important;
	cursor: not-allowed
}
.downloadNoBorder.disabled:hover .fa{
	margin-right: 10px;
}
.tableActionCol{
	text-align: right;
}
.table thead th {
    vertical-align: middle!important;
    border-bottom: 2px solid #eceeef;
    border-top: none;
}
.table td {
    vertical-align: middle!important;	
    border-bottom: 2px solid #eceeef;
	padding-top:30px!important;
	padding-bottom:30px!important
}
.table td a{
	color:#00589a!important;
	text-decoration: underline;
}
.table td a:hover{
	color:#f48420!important;
	text-decoration: none;
}
.customThead {
	padding-top: 43px!important;
}


.table-bordered td  {padding-top:10px!important;
	padding-bottom:10px!important}


.customThead .customLabel i{
	position: relative;
    top: -11px;
}
.clickList, .clickList>li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.clickList > li{
	background: url(../images/icon-click.png) 0 0 no-repeat;
	padding-left: 45px;
	padding-bottom: 20px;
}
.bullets, .bullets>li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.bullets > li{
    padding-left: 40px;
    padding-bottom: 30px;
    background: url(../images/bullet.png) 0 8px no-repeat;
    font-size: 1.2em;
}
.block{
	display: block;
}
@media screen and (max-width: 991px) {
  #introHero {
    padding-top: 100px;
    padding-bottom: 100px; } }

@media screen and (max-width: 767px) { .carousel-item > img { left:43% !important; min-width:100px !important; width:100px}
  .w-50 {
    width: 100% !important; }
  #introHero {
    padding-top: 60px;
    padding-bottom: 60px; } .navbar-brand img { width:60%} .navbar-toggler-right { right:0 !important; top:1rem}}

@media screen and (max-width: 480px) {
  .intro-btn .btn {
    display: block;
    margin: 0;
    margin-bottom: 15px; } 
}



@media (max-width: 575px) {
  .feature-block {
    padding-left: 0;
    padding-right: 0; } 
	
	
	.carousel-item > img { left:36% !important; min-width:100px !important; width:100px}
	
	.carousel-item div { width:100% !important} .carousel-caption{ left:1% !important; right:1% !important}
	
	
	}

.promo-list > ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  .promo-list > ul > li {
    width: 50%;
    float: left;
    padding: 10px 0;
    color: #999999; }
    .promo-list > ul > li span {
      color: #72c02c;
      font-size: 30px;
      margin-right: 10px;
      vertical-align: middle; }

.promo-thumb.pull-right {
  padding-left: 30px;
  padding-right: 15px; }

.promo-thumb {
  padding-right: 30px; }

.promo-thumb > img {
  width: 100%; }

@media screen and (max-width: 991px) {
  .promo-thumb {
    float: none !important;
    padding-bottom: 30px; } }

@media screen and (max-width: 767px) {
  .promo-list > ul > li {
    width: 100%;
    float: none; } }
	
	
	
	@media (min-width: 992px){
 
.col-md-offset-2 {
    margin-left: 16.66666667%;
}

.col-md-offset-3 {
    margin-left: 22.66666667%;
}


}


.icon-block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 99px;
  height: 99px;
  background: #fff;
  border-radius: 50%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 30px;
  color: #fff;
  margin: 0 auto;   box-shadow: 0 0 10px #dfdfdf;}
  
  
  .feature-block:hover .icon-block {box-shadow: 0 0 5px #fdb823;}
  
  .carousel-indicators li { height:12px !important; width:12px; border-radius:50%; flex:none !important}

.bg-yellow {
  background: #ffb81e; }
  
  .section-tagline {
    max-width: 1025px; font-size:19px; color:#434343;
    margin: 0 auto; font-weight:600;
 
}

.btn {
  cursor: pointer; }

.btn-theme {
  background: #f6871f;
  font-size: 13px;
  font-weight: 600;
  padding: 15px 30px;
  color: #fff;
  line-height: normal;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
 
  text-align: center;
  letter-spacing: 1px; }
  
  .bgBlue{ background:#1d437d; }

.btn-round {
  border-radius: 100px; }

.btn-theme:hover, .btn-theme:focus {
  background: #d56a06 !important;
  color: #fff; }
  
  
  .btnSec{ margin:0 auto; padding:60px 0; }
  
  .getNow{ background:#fafbfc; border-bottom:2px solid #e7e7e8; border-top:2px solid #e7e7e8; padding:40px 0 }
  
  .downloadarea{ background:#fff; border-bottom:2px solid #e7e7e8; border-top:2px solid #e7e7e8; padding:40px 0 }
  
  .margnT20 { margin-top:25px;}
  
  #brands {}

   #brands ul li{     list-style: none;
    display: inline-block;
    margin: 0 5px;
}
     #brands ul {
    text-align: center;
}
   .pdngB25{ padding-bottom:25px;}
   
   
   
   /* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
 
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
  background:url(../images/right-quote.png) no-repeat right bottom, url(../images/left-quote.png) no-repeat left top;
}
.carousel-caption h3 { font-size:17px; font-weight:600;}
.carousel-caption h3 span{ font-weight:normal; font-size:16px; display:block}
.carousel-caption p{ margin-top:20px;}
 
/* Declare heights because of positioning of img element */
.carousel-item {
  height: 11rem;
  background-color: #3a4a7f;
}
.carousel-item > img {
  position: absolute;
  top: 5%;
  left: 45%; border-radius:50%;
  min-width:150px;
   
}

.fntsze{ font-size:20px !important; position:relative; top:2px; }


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

.whtHead { color:#fff; text-transform:uppercase}
.bg-blue { background:#3a4a7f; }

.free-trail {
    background: url(../images/bg-contact.jpg) no-repeat center bottom;
    background-size: contain;
}


.form-join {
  background: #fff;
  max-width: 500px;
  margin: 0 auto;
  padding-bottom: 40px;
  border-radius: 4px;
  text-align: center;
   
  box-shadow: 0 0 10px #dfdfdf; }
.formIn{
	padding: 45px 45px 45px;
}
.err-txt{
	border-bottom-color: #ff0000;
	    background: #fffdb0;
}
  .form-join > h4 {
    font-weight: 600;
    margin-bottom: 35px; }
  .form-join input {
    background: #fff;
    color: #aaa; }
	
.form-join label{ text-align:left; display:block; color:#767676; font-size:14px; text-transform:uppercase; font-weight:600; margin-bottom:0}	

.form-small-text {
  display: block;
  margin-top: 30px;
  color: #bbbbbb;
  font-size: 14px; }

.nice-select {
  color: #aaa; }
.form-join .btn{
	margin: 20px 0 0px;
}
.form-join .subhead {
	font-size: 20px;
}
input, textarea {
  width: 100%;
  padding: 5px 15px 10px 0;  border:none;
  border-bottom: 2px solid #e6e7e6; 
 
  margin-bottom: 15px !important;
  -webkit-box-shadow: none;
  box-shadow: none; font-size:13px !important; font-style:italic;
  
  color: #666;
  font-family: inherit; background:none }
  
  .pdngR10 { padding-right:10px;}
  .pdngL10 { padding-left:10px;}
  
  
 .site-footer{ padding:60px 0;} 
 .site-footer h6 { font-weight:600; color:#212121; font-size:14px; text-transform:uppercase}
 .site-footer ul{ margin:0; padding:0}
 .site-footer ul li{ list-style:none; font-size:13px; color:#616261; padding:5px 0;}
.cgray{
	color:#ebebea;
	font-weight: 600;
}
.cdarkGray{
	color: #434343!important;
}
.padBottom0{
	padding-bottom: 0!important;
}
.customRow{
	padding-top: 45px;
    padding-bottom: 49px;
}
.width100{
	width:100%
}
.whiteRoundBtn{
	background-color: #fff;
	font-size: 32px;
	width: 60px;
	height: 60px;
	border: none;
	box-shadow: 0 0 10px #bbb;
	border-radius: 50%;
	margin-right: 20px;
	margin-top: 20px;
	cursor: pointer;
	transition: all 0.5s ease;

	}
.whiteRoundBtn .fa-thumbs-o-down{
	color: #ed404a
}
.whiteRoundBtn .fa-thumbs-o-up{
	color: #34b685
}
.whiteRoundBtn.down:hover{
	background-color: #ed404a
} 
.whiteRoundBtn.down:hover .fa-thumbs-o-down{
	color: #fff
} 
.whiteRoundBtn.up:hover{
	background-color: #34b685
} 
.whiteRoundBtn.up:hover .fa-thumbs-o-up{
	color: #fff
} 


.centerlist{ width:70%; margin:0 auto}
.bdRn{ border-radius:0 !important;     margin-top: -6px;}