/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. 
include "hubspot/styles/responsive/modules.css" 
 include "hubspot/styles/patches/recommended.css" */


/*****************************************/
/* Special landing pages    */
/*****************************************/

body{
  color: #000;
  font-family: "Century Gothic", sans-serif !important;
}
.row-nav, .new-nav{
  width:115%;
}

.col-xl-3{
  max-width: 18%;
}

/*****************************************/
/* High End Design    */
/*****************************************/
.first-box, .second-box, .third-box{
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.three-box{
  width: 354px; 
  height: 354px;
}

.text-area{
  background-color: white;
  padding: 3%;
  width: 98%;
}

.row-1{
  margin-top: 5%;
}

#hs_cos_wrapper_widget_28585605150{
  margin-left: 1%;
}

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

}
@media only screen and (max-width: 1700px) {
  .row-1 {
    margin-top: 0%;
  }
}
@media only screen and (max-width: 1600px)

}
@media only screen and (max-width: 1500px) {

}
@media only screen and (max-width: 1200px) {

  .row-1 {
    margin-top: 2%;
    margin-left: -2.5%;
  }
  .row-2 {
    margin-top: 2%;
    margin-left: -2.5%;
  }
  .three-box {
    width: 295px;
    height: 295px;
  }
}
@media only screen and (max-width: 992px) {
  .text-area {
    width: 96.5%;
  }
  .row-1 {
    margin-left: -3%;
  }
  .row-2 {
    margin-left: -3%;
  }
  .three-box {
    width: 295px;
    height: 295px;
  }
  .blog-block .img-fluid {
    width: 296px;
  }
}
@media only screen and (max-width: 768px) { 

  #hs_cos_wrapper_widget_28585605150{
    margin-left: 0;
  }
  .three-box {
    width: 230px;
    height: 230px;
  }
  .blog-section h3 {
    font-size: 1.2em;
  }
  .text-3 {
    font-size: .9em;
  }
  .blog-block .img-fluid {
    height: 214px;
    width: 230px;
    object-fit: fill;
  }
  .blog-content h1 {
    font-size: 1.2em;
    color: #000;
  }
  .blog-content p {
    font-size: .8em;
    margin: 0;
  }
  .blog-content {
    width: 91%;
  }
  .row-1 {
    margin-left: -3.5%; 
  }
  .row-2 {
    margin-left: -3.5%; 
  }
  .text-area {
    width: 98.5%;
  }
  .col-xl-3 {
    max-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .row-nav, .new-nav {
    width: 107%;
  }
  .text-area{
    width: 100%;
  }
  .three-box {
    width: 230px;
    height: 160px;
  }
  .row-1 {
    margin-left: -6%;
  }
  .row-2 {
    margin-left: -6%;
  }
  .blog-block .img-fluid {
    height: 214px;
    width: 285px;;
  }
}
@media only screen and (max-width: 468px) {
  
  .text-area {
    width: 100%;
  }
  a#cta_button_1546852_ec7629ee-a4ac-4b69-aab4-8454b83197a5 {
    font-size: 1em !important;
  }
  .three-box{
    width: 354px;
    height: 354px;
  }
  .blog-block .img-fluid {
    height: 354px !important;
    width: 354px;
  }
  .row-1 {
    margin-top: 3%;
    margin-left: 6%;
  }
  .row-2 {
    margin-left: 5%;
  }
  .blog-content {
    width: 79%;
  }
  .first-box, .second-box, .third-box {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 85.333333%;
    max-width: 100%;
  }
  
}
@media only screen and (max-width: 414px){
  .text-area {
    width: 92.5%;
  }
  .first-box, .second-box, .third-box {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-1 {
    margin-top: 0; 
    margin-left: 0;
  }
  .row-2 {
    margin-left: 0%;
  }
}
@media only screen and (max-width: 375px){
  .text-area {
    width: 97%;
  }
  .row-1 {
    margin-left: -5.8%;
  }
  .row-2 {
    margin-left: -5.8%;
  }
}

/*****************************************/
/* Form Page    */
/*****************************************/

#collapsibleNavbar{
z-index:2;
}


/*****************************************/
/* Video Page    */
/*****************************************/
button.viewdetail.float-right {
  padding: 1px 5px;
}

.row-fluid .top{
  padding: 0px 0 100px;
  background: #ff0000;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #ff0000, #93291E);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #ff0000, #93291E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.row-fluid .testimonial-section {
    border-top: 1px solid #ff0000;
}

.row-fluid .testimonial-section::before {
    background: #ff0000;
}

.row-fluid .footer {
  background: #ff0000;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #ff0000, #93291E);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #ff0000, #93291E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.FooterCTA a {
    color: #ff0000;
}

.top-video div.hs-responsive-embed-wrapper.hs-responsive-embed{
    max-width:640px !important;
    max-height:360px !important;
}

.row-number-5 iframe{
    width:640px !important;
    height:360px !important;
}

.row-fluid .wrapper {
    margin: 0 auto !important;
    width: 1400px;
    float: none !important;
}

.row-fluid .main-content{
  padding: 0px 20em;
}

@media only screen and (max-width: 1500px){
  .row-fluid .top-right {
    padding: 0 0 0 15px;
  }
}
@media only screen and (max-width: 1200px){
  .row-fluid .top-right {
    padding: 0 0 0 0px;
    width: 100%;
    text-align: center;
  }
  .row-fluid .main-content {
    padding: 0px 5em;
  }
  .row-fluid .wrapper {
    width: 100%;
  }
  ul.navbar-nav.menu-ul li a.nav-link {
    font-size: 16px;
  }
  .row-fluid .span6 {
    width: 100%;
    *width: 100%;
  }
}
@media only screen and (max-width: 992px){
  .row-number-5 iframe {
    width: 525px !important;
    height: 325px !important;
    margin-left: 18%;
  }
  .row-fluid .top-right {
    margin: -75px 0px 0 120px;
    width: 40%;
  }
  .row-fluid .main-content {
    padding: 0px 5em;
  }
  .row-fluid .top {
    padding: 0px 0 10px;
  }
  .row-fluid .span6 {
    width: 77.618785%;
    *width: 77.618785%;  
  }
  .row-fluid .testimonial-section {
    width: 100%;
  }
  .row-fluid .top-video {
    margin-left: 9% !important;
  }
}
@media only screen and (max-width: 768px){
  .row-fluid [class*="span"] {
      display: block;
      float: none;
      margin: 0 auto;
  }
  .row-fluid .testimonial-section {
    width: 100%;
  }
  .row-fluid .wrapper {
    margin: 0 auto !important;
    width: 100%;
    float: none !important;
  }
  .search-area {
    padding-right: 95px;
  }
  .row-fluid .top-video {
    margin-left: 3% !important;
    padding: 0 0 0px;
    margin-bottom: -17%;
  }
  .row-number-5 iframe {
    width: 453px !important;
    height: 255px !important;
    margin-left: 21%;
  }
}
@media only screen and (max-width: 468px){
  .row-fluid .span6 {
      width: 100%;
      *width: 100%;
  }
  .row-fluid .top-video {
    margin-left: -27% !important;
  }
  .row-number-5 iframe {
    width: 402px !important;
    height: 226px !important;
  }
}
@media only screen and (max-width: 414px){
  .row-fluid .main-content {
    padding: 0px 1em;
  }
  .row-number-5 iframe {
    width: 347px !important;
    height: 197px !important;
  }
}
@media only screen and (max-width: 375px){
  .row-number-5 iframe {
    width: 308px !important;
    height: 197px !important;
  }
}