/* ==========================================================================
*
* Custom CSS Stylesheet. This is where you should add your own styles!
*
** ========================================================================== */
/* Simple style overrides or custom adds */


.site-header .separator.black {background: #f3bd1f; height:3px; opacity: .4;}

.menu-item .nav-buttons {color:#fff; font-size: 20px; font-weight: 400;}

.main-nav > ul > li > a:before {content:''; opacity:0; position:absolute; border-radius:2px; height:50%; width: 100%; top:50%; left: 0;
background-color: #f3bd1f; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:height .2s ease-in-out;
transition:height .2s ease-in-out; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index: -1;}

/* BODY FONT - Applies to everything */
body {
 font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size: 1.1rem;
 line-height: 1.7;
 color: #535353;
 background-color: #fbfbfb;
}

.yellow {color: #f3bd1f !important;}
.green {color: #008000 !important;}
.red {color: #8B0000 !important;}


.bg-yellow {background-color: #f3bd1f !important;}
.bg-dark-purple {background-color: #4b0126 !important;}
.bg-purple {background-color: #7b2937 !important;}
.bg-dark-blue {background-color: #03234c !important;}

/*** Btn Fullwhite */
.btn-fullred {position: relative; background-color: #ff0000; color: #fff;}
.btn-fullgray {position: relative; background-color: #808080; color: #fff;}
.btn-fullyellow {position: relative; background-color: #f3bd1f; color: #fff;}
.btn-fullyellow:hover {color: #353535; background-color: rgba(255,255,255,0.85);}
.btn-md {padding: 16px 25px; font-size: 18px; line-height: 1.3333333;}
.btn-loading .btn__text {visibility: hidden; opacity: 0;}
.btn-loading::after {content: ""; position: absolute; width: 20px; height: 20px; top: 0; left: 0; bottom: 0; right: 0; margin: auto; border: 4px solid transparent; border-top-color: #ffffff; border-radius: 50%; animation: btn-loading-spinner 1s ease infinite;}

/* Callout Banner */
.callout-banner { margin-bottom: 20px; margin-top: 20px;}

@keyframes btn-loading-spinner {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(1turn);
  }
}

/* Title Block Element */
.kl-title-block {padding-top:0; padding-bottom: 15px;}

.kl-iconbox__desc {font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.0rem; line-height: 1.7; font-weight: 400; font-style: normal; color: #3e3f3d;}

.subheader-maintitle {color:#fff; font-weight:bold; line-height:1.3; margin:0 0 5px;}

/* HG Section */
.hg_section {padding: 0px;}

.hg_separator {margin-top: 15px; margin-bottom: 15px; border-top-style: solid; border-top-width: 10px; border-top-color: #efefef;}

.ts-pt-testimonials__img {position:relative; width: 110px; height: 110px; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 50%; overflow:hidden; float:left; margin-right: 20px; margin-left: 25px;
 border: 5px solid rgba(244, 188, 31, 0.5); background-clip: content-box;}

.fun-fact .fun-number {font-size: 100px; font-weight: 300; color: #23262d; line-height: 100px; height: 100px; display: block;}
.fun-fact .fun-thing {font-family: 'Montserrat'; font-size: 25px; font-weight: 700; color: #45474d; line-height: 1.4; display: block; position: relative; margin-top: 40px;}
.fun-fact .fun-thing.topline::before {content: ''; position: absolute; top: -15px; left: 50%; width: 80px; margin-left: -40px; height: 1px; background: #dcddde;}

input[type=submit] {
  border-width: 2px; background: none; color: #242424; text-shadow: none; padding: 7px 20px; line-height: 1.6; box-shadow: none; font-size: 14px;
  font-weight: 700; border-style: solid; border-radius: 3px; border-color: #242424; -webkit-transition:all .1s ease-in-out; transition:all .1s ease-in-out;
  display: inline-block; margin-top: 20px; margin-bottom: 70px;
}

.grid-ibx--style-lined-center .grid-ibx__item {border-color: rgba(244,188,31,0.5); border-style: solid;}

.pricing-table-element .plan-column.featured .plan-title .inner-cell::after {content:''; opacity:.4; font-size: 14px; font-weight: 600;
	line-height: 20px; display:block;}

.pricing-table-element .plan-column .subscription-price .inner-cell {background:#f3bd1f; color:#ffffff; font-weight: bold;}
.pricing-table-element .plan-column .subscription-price .price { font-size:45px; color:#ffffff; font-weight: 700; line-height: 1; }
.pricing-table-element .plan-column .subscription-price span {color:#ffffff; padding-bottom: 10px; display: block;}

.logo-container.hasInfoCard:before {display: none;}

.priceListElement-itemTitle {font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1.2rem; line-height: 1.7; font-weight: 700; margin: 0;}
.priceListElement-itemPrice {font-family: "Open Sans",Helvetica,Arial,sans-serif; font-size: 18px; line-height: 24px; font-weight: 700;}

.imgboxes_style2 .imgboxes-wrapper {height: 240px;}

/*dash-list - style for unordered lists */
ul.dash-list,
ul.dash-list ul {padding:0; list-style:none;}
ul.dash-list ul { margin-top: 10px; margin-bottom: 5px;}
ul.dash-list li {line-height: 1.6; padding: 4px 0;}
ul.dash-list li::before {content:''; display:inline-block; margin-right: 12px; width:8px; height:2px; background:#f3bd1f; vertical-align: middle;}

.keywordbox.keywordbox-4 h4 {font-size: 1.5rem; color: #000; margin-bottom: 0;}
.keywordbox.keywordbox-4::after {margin-left: -22px; border: 22px solid transparent; border-top-color: #f3bd1f;}

/* Base class */
.bs-docs-example { position: relative; margin: 15px 0; padding: 39px 19px 14px; padding-top:19px; background-color: #fff;
border: 1px solid #ddd; border-radius: 4px; }
/* Echo out a label for the example */
.bs-docs-example:after { content: "High Scores"; position: absolute; top: -1px; left: -1px; padding: 3px 7px; font-size: 12px;
 font-weight: bold; background-color: #f5f5f5; border: 1px solid #ddd; color: #9da0a4; border-radius: 4px 0 4px 0; }
/* Remove spacing between an example and it's code */
.bs-docs-example + .prettyprint { margin-top: -20px; padding: 0; padding-top: 15px; }
/* Tweak examples  */
.bs-docs-example > p:last-child {margin-bottom: 0;}

.infobox3 {text-align: center; padding: 50px 30px; margin-bottom: 20px;}

/* ==========================================================================
** Responsive styles custom rules
* These rules are ready to be used for either overrides
* or just your own custom rules.
========================================================================== */

/** Higher screens+ **/
@media only screen and (min-width : 1921px){

}


/** Desktop+ **/
@media (min-width: 1200px) {

}


/** Laptop **/
@media (max-width: 1200px) {

}


/** Laptop+ **/
@media (min-width: 991px) {

}


/** Laptop **/
@media (min-width: 992px) and (max-width: 1199px) {

}


/** Large Tablets **/
@media (max-width: 992px) {

}


/** Tablets (landscape mode)  **/
@media (min-width: 768px) and (max-width: 991px) {

}


/** Tablets+  **/
@media (min-width: 768px) {

}


/** Tablets (portrait mode)  **/
@media (min-width : 481px) and (max-width : 768px) {

}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 767px) {
  .pricing-table-element .plan-column .subscription-price .price { font-size:45px; color:#7c7c7c; font-weight: 700; line-height: 1; }
  .pricing-table-element .plan-column .subscription-price span {color:#7c7c7c; padding-bottom: 10px; display: block;}
  .pricing-table-element .plan-column .subscription-price .inner-cell {background:#ffffff; color:#7c7c7c; font-weight: bold;}
}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 600px) {
  /* BODY FONT - Applies to everything */
  body {
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 1.0rem;
   line-height: 1.7;
  }
}


/** Smartphone portrait mode **/
@media (max-width: 480px) {
  /* BODY FONT - Applies to everything */
  body {
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 1.0rem;
   line-height: 1.7;
  }

  .pricing-table-element .plan-column .subscription-price .price { font-size:45px; color:#7c7c7c; font-weight: 700; line-height: 1; }
  .pricing-table-element .plan-column .subscription-price span {color:#7c7c7c; padding-bottom: 10px; display: block;}
  .pricing-table-element .plan-column .subscription-price .inner-cell {background:#ffffff; color:#7c7c7c; font-weight: bold;}

}


/** Normal phone portrait mode+ **/
@media (min-width: 320px) {
}