@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;1,700&family=Montserrat:wght@200;300;400;500;600;700&display=swap');
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Montserrat', sans-serif;
}

a {
  color: #005283;
}

a:hover {
  color: #005283;

}

.nodecor{
  font-size: 25px;
  color: #393A3C;
  text-decoration: none;
  font-weight: 800;
  min-height: 1px;
  
}

.nodecor:hover{
  color: #006199;
  text-decoration: none;
  
  }

.hideloadmore {
  display: none!important;
}

/*NAVBAR */
/* ============ desktop view ============ */

    .navbar .nav-item .dropdown-menu {
        display: none;

    }
    .navbar .nav-item:hover .dropdown-menu {
        display: block;
        transition: all 0.5s ease-in;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
        font-weight: bold;

    }

    li.dropdown-item:hover {
      background: #006199;
      color: #fff;
      transition: all 0.4s ease-out;
    }

    .dropdown-menu a:hover{
      text-decoration: none!important;

    }

/* ============ desktop view .end// ============ */




.nav-link.active:link, 
.nav-link.active:active, 
.nav-link.active:visited {
  color: #006199!important;
  
 
}

p {
  margin: 0;
  color: #393A3C;
}

hr {
  height: 0px!important;
  margin: 0!important;
  border: 0;
  border-top: 1px solid #58585A;
  width: 140em;
}

button {
  text-transform: uppercase;
}


.sticky {
  position: relative;
  top: 0;
  width: 100%;
}


.text-muted{
  color: #393A3C!important;
}

.fw-semi-bold {
  font-weight: 600;
 }

.common-btn {
  background: #f1592a;
  border-radius: 25px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  white-space: normal;
}


.common-btn:hover {
  background: #006199;
  color: #fff;
  
}

.common-btn2 {
  background: #006199;
  border-radius: 25px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  padding-left: 25px;
  padding-right: 25px;
  text-transform: uppercase;
}


.common-btn2:hover {
  background: #f1592a;
  color: #fff;
  
}


.common-btn3 {
  background: #fff;
  border-radius: 25px;
  color: #006199;
  font-weight: 500;
  text-align: center;
  padding-left: 25px;
  padding-right: 25px;
  text-transform: uppercase;
}


.common-btn3:hover {
  background: #f1592a;
  color: #fff;
  
}

.accordion-body ul {
  list-style-type: none;
}

.accordion-body {
 padding: 1.5em 2em;
}

.text-success {
color: #006199 !important;
font-size: 20px;
font-weight: bold;
}


.new-btn {
  background: #ffffff;
  border-radius: 25px;
  color: #006199;
  font-weight: 500;
  text-align: center;
  padding-left: 25px;
  padding-right: 25px;
}



.toppest {
  background: transparent
    linear-gradient(90deg, #006199 0%, #00416c 74%, #00406a 100%) 0% 0%
    no-repeat padding-box;
  font-weight: 500;
}
.logo,
.logo2 {
  width: 150px;
  margin: 10px 20px 10px 0px;

}

.logo,
.logo2:hover {
  opacity: 0.8;
  -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}
ul li a {
  font-size: 1rem;
  font-weight: 700;
  color: rgb(83, 83, 83) !important;
}

.bg-section {
  background: #F6F6F7;
}

.col-md-6 {
  z-index: 2;
}
.hero-text-2 {
  display: none;
}

.sec-img-mobile {
  display: none;
}

.qualification h3 {
  color: #006199;
  font-weight: bold;
}
/* marketing */
.marketing {
  margin: 100px 20px;
  padding: 50px 50px 50px 150px;
  left: -10%;
}
.mark-img {
  position: relative;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

.anchorlink {
  color: #393A3C;
}

.anchorlink:hover {
  
  text-decoration: none;
}

.anchorlink2 {
  color: #fff;
}

.anchorlink2:hover {
  color: #fff!important;
  text-decoration: underline!important;
}


.pe-lg-top-5 {
  padding-right: 100px!important;
}

.form-bg {
  position: relative;
}
.form-bg::after {
  content: '';
  background: rgba(0, 64, 106, 0.85);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.foot-link a {
  text-decoration: none;
  color: white;
  display: block;
}
.social-icon i {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  text-align: center;
  line-height: 40px;
  color: #f15e30;
  background: #fff;
  border-radius: 50%;
}
.social-h-icon i {
  background-color: #006199;
  color: #fff;
}

.social-h-icon i:hover {
  background-color: #f1592a;
  color: #fff;
}


.social-icon2 i {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    text-align: center;
    line-height: 50px;
    color: #f15e30;
    background: #fff;
    border-radius: 50%;
    font-size: 25px;
  }


.extrapd {

  padding-left: 100px;
  padding-right: 100px;
}

input {
  height: 40px;
}
textarea .smallform {

  height: 75px;
  border-style: none; 
  border-color: Transparent; 
  overflow: auto; 

}

input[type="text"],
input[type="email"],
textarea[type="message"]
{
    font-size:20px;
    letter-spacing: -1px;

}

.nav-link:hover {
    color: #006199!important;
}

/* SLIDER */

.brands {
    width: 100%;
    padding-bottom: 50px;
  
  
}

/* ACCORDION */

.accordion-item {
  margin-bottom: 10px;
}

.accordion-button {
  padding:  0.75rem 2rem;
  background: #00406A;
  color: #fff;
}

.accordion-button:hover {
  
  background: #006199;
  
}

.accordion-button:not(.collapsed) {

  color: #fff;
  background-color: #006199;
}

.accordion-button::after{
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23ffffff' stroke-width='3' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 background-size: 20px 20px;

}
.accordion-button:not(.collapsed)::after{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23ffffff' stroke-width='3' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.acc-li::before {
position: absolute;
transform: translateY(5%) translateX(-2em);
width: 20px;
text-align: left;
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #F1592A;
font-size: 20px;

}

.acc-li{
  margin-top: 4px;
  font-size: 1em;
}


.brands_slider_container {
    height: 100px;
    padding-left: 97px;
    padding-right: 97px;
    background: #fff
}

.brands_slider {
    height: 100%;
    margin-top: 0px;
   
}

.brands_item {
    height: 100%;
    width: 200px;
}

.brands_item img {
    max-width: 100%
}

.brands_nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 5px;
    cursor: pointer
}

.brands_nav i {
    color: #F1592A;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.brands_nav:hover i {
    color: #006199;
}

.brands_prev {
    left: 40px;
}

.brands_next {
    right: 40px;
}

/* SLIDER ENDS HERE */

/*COLLAPSE TRANSITION*/

/* .collapse {
  visibility: hidden;
}
.collapse.show {
  visibility: visible;
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.65s;
  transition-duration: 0.65s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.collapsing.width {
  -webkit-transition-property: width, visibility;
  transition-property: width, visibility;
  width: 0;
  height: auto;
}*/


.arrow::before {

content: "";
position: absolute;
left: 40%;
top: -18px;
width: 0px;
height: 0px;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid white;

}

.arrow1::before {
content: "";
position: absolute;
left: 7%;
top: -18px;
width: 0px;
height: 0px;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid white;
}


.arrow2::before {
content: "";
position: absolute;
left: 33%;
top: -18px;
width: 0px;
height: 0px;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid white;
}


.arrow3::before {
content: "";
position: absolute;
left: 59%;
top: -18px;
width: 0px;
height: 0px;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid white;
}


.arrow4::before {
content: "";
position: absolute;
left: 84%;
top: -18px;
width: 0px;
height: 0px;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid white;
}

.card-body{
  margin-top: 30px;
  border: 0;
  padding: 65px;
  border-radius: 1em;
}

 .txt-title{
 color: #006199!important; 
 font-size:24px;

}

.txt-title:hover{

 text-decoration: none!important;
}

.w-60{
  width: 60% !important;
}

.prev {
  position: absolute;
  left: -50px;
  top: 40%;
  z-index: 22;
  font-size: 20px;
  color: #f1592a;
}

.next {
  position: absolute;
  text-align: end;
  top: 40%;
  right: -50px;
  z-index: 22;
  font-size: 20px;
  color: #f1592a;
}
.sec-img {
  background-size: cover !important;
  height: 90vh!important;
  background-attachment: fixed!important;
  background-position:center 185px!important;
  background-repeat: repeat-y!important;

  }


.contact-show {

  display: none;
}

.collapse-show {

  display: none;
}


.mark-img-2 {
  display: none;
}

.navbar {
  padding: 0;

  /*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);*/
}
.navbar-brand {
  padding: 0px;
}


.navbar-toggler {
  padding: 0.75rem .75rem;
}

.navbar-light .navbar-toggler {

  border: 0;
}
.animated-icon1 span {
  background: #004b7a;
}

.navbar-toggler:focus {

  box-shadow: 0 0 0 0;
}

/* CARDS START HERE */
#location-grid .lg-box {
 overflow:hidden;
 display:block;
 float:left;
 position:relative;
 width:100%;
}
#location-grid .lg-box:after {
 content:"";
 display:block;
 padding-top:100%;
 -webkit-transition:padding-top .5s;
 -moz-transition:padding-top .5s;
 -ms-transition:padding-top .5s;
 -o-transition:padding-top .5s;
 transition:padding-top .5s;
}
@media (max-width: 1200px) {
 #location-grid .lg-box:after {
  display:none;
 }

 #location-grid .lg-box .lg-location .lg-heading{
  background:none!important;
 }

}
#location-grid .lg-box .lg-icon-wrap {
 padding:0 20px 20px;
}
#location-grid .lg-box .lg-location-hldr {
 top:80%;
 position:absolute;
 display:block;
 width:100%;
 -webkit-transition:all 1s;
 -moz-transition:all 1s;
 -ms-transition:all 1s;
 transition:all 1s;
 z-index:10;

}
#location-grid .lg-box .lg-location {
 width:80%;
 margin-top:0px;
 position:relative;
 text-align:center;
 -webkit-transition:all .5s;
 -moz-transition:all .5s;
 -ms-transition:all .5s;
 transition:all .5s;
}
#location-grid .lg-box .lg-location .lg-heading {
 color:#fff !important;
 padding:10px;
 margin:0 0 15px;
 background: #F1592A;
 font-weight: bold;
 font-size: 20px;
}

@media (max-width: 1200px) {
 #location-grid .lg-box .lg-location {
  width:100%;
 }
}
#location-grid .lg-box .lg-address {
 width:90%;
 margin:auto;
 text-align:center;
 -webkit-transition:all .5s;
 -moz-transition:all .5s;
 -ms-transition:all .5s;
 transition:all .5s;
}
#location-grid .lg-box .lg-address p {
 color:rgba(0,0,0,0) !important;
 opacity:0;
 font-size:1rem;
 font-weight:400;
 margin:0 0 0px;
 padding:0px 0px 15px;
 position:relative;
 -webkit-transition:all .5s;
 -moz-transition:all .5s;
 -ms-transition:all .5s;
 transition:all .5s;

}
@media (max-width: 1200px) {
 #location-grid .lg-box .lg-address {
  width:100%;
 }
}
#location-grid .lg-box .lg-address a {
 opacity:0;
 margin-top:15px;
}
#location-grid .lg-box .lg-color-overlay {
 /*background:rgba(0,0,0,.4);*/
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:1;
 -webkit-transition:all .5s;
 -moz-transition:all .5s;
 -ms-transition:all .5s;
 -o-transition:all .5s;
 transition:all .5s;
}
@media (max-width: 1200px) {
 #location-grid .lg-box .lg-color-overlay {
  display:none;
 }
}
#location-grid .lg-box .lg-color-overlay.lg_overlay_static_0_1 {
 opacity:.1;
}
#location-grid .lg-box .lg-color-overlay.lg_overlay_static_0_2 {
 opacity:.2;
}
#location-grid .lg-box .lg-color-overlay.lg_overlay_static_0_3 {
 opacity:.3;
}
#location-grid .lg-box .lg-color-overlay.lg_overlay_static_0_4 {
 opacity:.4;
}
#location-grid .lg-box .lg-color-overlay.lg_overlay_static_0_5 {
 opacity:.5;
}
#location-grid .lg-box .lg-color-overlay.lg_overlay_static_0_6 {
 opacity:.6;
}
#location-grid .lg-box .lg-color-overlay.lg_overlay_static_0_7 {
 opacity:.7;
}
#location-grid .lg-box .lg-color-overlay.lg_overlay_static_0_8 {
 opacity:.8;
}
#location-grid .lg-box .lg-color-overlay.lg_overlay_static_0_9 {
 opacity:.9;
}
#location-grid .lg-box .lg-color-overlay.lg_overlay_static_1_0 {
 opacity:1;
}
#location-grid .lg-box .lg-mobile-img-wrap {
 display:none;
}
@media (min-width: 1025px) {

 #location-grid .lg-box:hover .lg-color-overlay,
 #location-grid .lg-box.focused .lg-color-overlay {
  background:#006199;
  opacity: .9;
 }
 #location-grid .lg-box:hover .lg-color-overlay.lg_overlay_hover_0_1,
 #location-grid .lg-box.focused .lg-color-overlay.lg_overlay_hover_0_1 {
  opacity:.1;
 }
 #location-grid .lg-box:hover .lg-color-overlay.lg_overlay_hover_0_2,
 #location-grid .lg-box.focused .lg-color-overlay.lg_overlay_hover_0_2 {
  opacity:.2;
 }
 #location-grid .lg-box:hover .lg-color-overlay.lg_overlay_hover_0_3,
 #location-grid .lg-box.focused .lg-color-overlay.lg_overlay_hover_0_3 {
  opacity:.3;
 }
 #location-grid .lg-box:hover .lg-color-overlay.lg_overlay_hover_0_4,
 #location-grid .lg-box.focused .lg-color-overlay.lg_overlay_hover_0_4 {
  opacity:.4;
 }
 #location-grid .lg-box:hover .lg-color-overlay.lg_overlay_hover_0_5,
 #location-grid .lg-box.focused .lg-color-overlay.lg_overlay_hover_0_5 {
  opacity:.5;
 }
 #location-grid .lg-box:hover .lg-color-overlay.lg_overlay_hover_0_6,
 #location-grid .lg-box.focused .lg-color-overlay.lg_overlay_hover_0_6 {
  opacity:.6;
 }
 #location-grid .lg-box:hover .lg-color-overlay.lg_overlay_hover_0_7,
 #location-grid .lg-box.focused .lg-color-overlay.lg_overlay_hover_0_7 {
  opacity:.7;
 }
 #location-grid .lg-box:hover .lg-color-overlay.lg_overlay_hover_0_8,
 #location-grid .lg-box.focused .lg-color-overlay.lg_overlay_hover_0_8 {
  opacity:.8;
 }
 #location-grid .lg-box:hover .lg-color-overlay.lg_overlay_hover_0_9,
 #location-grid .lg-box.focused .lg-color-overlay.lg_overlay_hover_0_9 {
  opacity:.9;
 }
 #location-grid .lg-box:hover .lg-color-overlay.lg_overlay_hover_1_0,
 #location-grid .lg-box.focused .lg-color-overlay.lg_overlay_hover_1_0 {
  opacity:1;
 }

 #location-grid .lg-box:hover .lg-location-hldr .lg-location  {
  display: none;
 }

 #location-grid .lg-box:hover .lg-address p,
 #location-grid .lg-box.focused .lg-address p {
  color:#fff !important;
  opacity:1;
 }
 #location-grid .lg-box:hover .lg-address p:after,
 #location-grid .lg-box.focused .lg-address p:after {
  background:#fff;
 }
 #location-grid .lg-box:hover .lg-address a,
 #location-grid .lg-box.focused .lg-address a {
  opacity:1;
 }
}

@media (min-width: 1200px) {

 #location-grid .lg-box:hover .lg-location-hldr,
 #location-grid .lg-box.focused .lg-location-hldr{
  top:50%;
  margin-top:0;
  margin-top:0 !important;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  transform:translateY(-50%);
  height:auto;
 }

 .contactformshort {
  max-height: 565px;
}
}


@media (max-width: 1200px) {
 #location-grid .lg-box {
  background:none !important;
 }
 #location-grid .lg-box:hover .lg-address p,
 #location-grid .lg-box.focused .lg-address p {
  color:#000 !important;
  opacity:1;
 }

 #location-grid .lg-box .lg-icon-wrap i {
  color:inherit !important;
 }
 #location-grid .lg-box .lg-icon-wrap.invert-color img {
  -wenbit-filter:invert(1);
  -moz-filter:invert(1);
  filter:invert(1);
 }
 #location-grid .lg-box .lg-icon-wrap.hide-icon {
  display:none;
 }
 #location-grid .lg-box .lg-mobile-img-wrap {
  display:block;
  padding-top: 20px;
 }
 #location-grid .lg-box .lg-color-overlay {
  background:rgba(0,0,0,.8);
 }
 #location-grid .lg-box .lg-location-hldr {
  top:0;
  -webkit-transform:translateY(5%);
  -moz-transform:translateY(5%);
  transform:translateY(5%);
  height:auto;
  position:relative;
  margin-top:0px !important;
  margin-bottom:20px;
  
   }
 #location-grid .lg-box .lg-location-hldr .lg-location {
  padding:15px 0px 0px;
 }
 #location-grid .lg-box .lg-location-hldr .lg-location .lg-heading {
  color:inherit !important;
 }
 #location-grid .lg-box .lg-address p {
  font-size:1rem;
  color:inherit !important;
  padding:0px 0px 0px 10px;
  opacity:1;
  text-align: left;
 }
 #location-grid .lg-box .lg-address p:after {
  background:#fff;
 }
 #location-grid .lg-box .lg-address a {
  opacity:1;
 }
}


/* CARDS ENDS HERE */


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

  .w-60{
  width: 90% !important;
} 

 #location-grid .lg-box .lg-location-hldr .lg-location  {
  display: none;
 }



}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
    .sec-img {
    display: none;
  }

  .sec-img-mobile {
    display: block;
  }

  .hero-text-2 {
    display: block;
  }
}


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

  .w-mobile {
    width: 100%!important;
  }

  hr {
    width: 100%;
}

  .vimeovideo {
    width: 100%!important;
  }

     .sec-img {
    display: none;
  }

  .sec-img-mobile {
    display: block;
  }

  .text-align-center {
    text-align: center!important;
  }

  .card-body{
 margin-top: 50px;
border: 0;
padding: 25px;
border-radius: 0.5em;
}

.arrow::before {

content: "";
position: absolute;
left: 40%;
top: -35px;
width: 0px;
height: 0px;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid white;
margin: auto;

}

  .sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background: #ffffff;
  z-index: 9999;
  padding-bottom: 0px;
  padding-top: 0px;
}

.sticky + .content-top {
  padding-top: 150px;
}

.serviceicon {
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 30px;
}

  
.navbar {
 box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
  .hero-text {
    display: none;
  }
  .hero-text-2 {
    display: block;
  }
  
  .mark-img {
  position: absolute;
  left: 12%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

.pe-lg-top-5 {
  padding-right: 10px!important;
  text-align: center!important;
 
}

.nav-link {
    font-size: 14px;

  }


.nav-link:active{
  color: red!important;
}

.extrapd {

  padding-left: 0px;
  padding-right: 0px;
}
  

.nav-item:hover {
    background: #efefef;
}


  .navbar-light .navbar-brand {
  margin: 0;
  
}


.contact-none {
  display: none;
}


.contact-show {

  display: block;
}




.mright {
  margin-right: 0px!important;
}

.btn-w-100 {
  width: 100%!important;
}
.pb-section {

  padding-bottom: 20px!important;
}



  .marketing {
    padding: 48px;
    margin: 0 0px;
    left: 10px;
  }

  .sidebar-toggle {
    display: block !important;
    position: absolute;
    right: 20px;
    top: 100px;
    color: #333;
    cursor: pointer;
  }

  .logo {
    margin: 20px auto;
  }
  .logo2 {
    display: block !important;
    width: 100px;
    position: relative;
    top: 0;
    margin: 0;
    padding: 10px;
    
  }


  /*ul li {
    margin: 0 0px;
    padding: 3px;
    padding-left: 10px;
    background: #ffffff;
    color: #58585A;
    font-size: 24px;
  }*/

   .side-bottom {
    position: relative;
    bottom: 0;
    padding: 0px;
    padding-left: 5px;
  }

  .d-video {
    display: none;
  }

 .lg-address {
  padding-top: 20px;
  margin-bottom: 20px;
 }

}
@media only screen and (max-width: 768px) {
  .sidebar-toggle {
    margin-top: 0px;
  }
  
  .serviceicon {
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 0px;
}

  .pb-section {
    padding-bottom: 100px!important;
  }

  .collapse-show {

  display: block;
}

.collapse-none {
  display: none;
}
  


  .d-block {
  display: block!important;
}



   .marketing {
    padding: 40px;
    left: 0px;
    max-width: 100%;
  }
  .mark-img {
    display: none;
  }
  .mark-img-2 {
    display: block;
    position: relative;
    transform: translateY(-20%);
    z-index: 2;
  }
 
  
  .topfont {

  font-size: 1.5vh;
  }
}

@media only screen and (max-width: 576px) {
  .pb-section{
    padding-bottom: 70px!important;
  }

  .brands_slider_container {
    padding-left: 20%;
    padding-right: 15%;
  }

  .brands_prev {
    left: 10px;
  }


  .brands_next {
    right: 10px;
  }
}

@media only screen and (max-width: 476px) {
  .d-none-small{
    display: none;
  }

 
 }


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

  .hideonxsdevice{
    display: none;
  }
  
   .display-4 {
    font-size: 3rem;
  }

}


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

  .showonxsdevice{
    width: 70%;
  }



}

@media only screen and (min-width: 310px) {

  .showonxsdevice{
    display: block;
  }

}

@media only screen and (min-width: 405px) {

  .showonxsdevice{
    display: none;
  }

}





@media only screen and (min-width: 476px) {

  .hideonxsdevice{
    display: none;
  }

}

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

  .serviceicon {
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 30px;
}

}

@media screen and (max-width: 1200px) and (min-width: 992px) {

  
  .contact-none {
    padding-right: 0px!important;
    padding-left: 0px;
  }
  
}





  /* Icon 1 */

.animated-icon1, .animated-icon2, .animated-icon3 {
width: 40px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
display: block;
position: absolute;
height: 5px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: #004a78;
}

.animated-icon2 span {
background: #e3f2fd;
}

.animated-icon3 span {
background: #f3e5f5;
}

.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}

/* Icon 3*/

.animated-icon2 span:nth-child(1) {
top: 0px;
}

.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
top: 10px;
}

.animated-icon2 span:nth-child(4) {
top: 20px;
}

.animated-icon2.open span:nth-child(1) {
top: 11px;
width: 0%;
left: 50%;
}

.animated-icon2.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
top: 11px;
width: 0%;
left: 50%;
}

/* Icon 4 */

.animated-icon3 span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 0px;
left: 8px;
}

.animated-icon3.open span:nth-child(2) {
width: 0%;
opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 21px;
left: 8px;
}

/* Chart.js */
@-webkit-keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}@keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}.chartjs-render-monitor{-webkit-animation:chartjs-render-animation 0.001s;animation:chartjs-render-animation 0.001s;}


.siteEyebrow {
  background: #f1592a;
  padding: 10px 20px;
  position: relative;
  display: flex;
  justify-content: center;
}

.siteEyebrow a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9;
}

.siteEyebrow .title {
  color: #fff;
  text-align: right;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.05;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #fff;
}

.siteEyebrow p {
  color: #fff;
  font-size: 0.9rem;
  margin: 2px 0;
}

.siteEyebrow p.large {
  font-size: 1rem;
  font-weight: bold;
}

.siteEyebrow p span {
  padding: 0 10px;
}

.siteEyebrow p strong.cta {
  color: #000000;
  text-decoration: underline;
}

@media only screen and (max-width: 790px) {
  .siteEyebrow {
    padding: 10px 10px;
  }

  .siteEyebrow p,
  .siteEyebrow p.large {
    font-size: 0.85rem;
  }
}

.container.eyebrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}
.webinar-link span,
a.webinar-link span {
    display: block;
    font-size: 14px;
}
.webinar-link,
a.webinar-link {
    color: #fff;
    font-size: 20px;
}
@media(max-width: 1024px) {
    .container.eyebrow {
        display: flex;
        flex-wrap: wrap;
    }
    .container.eyebrow p {
        flex: 0 0 100%;
    }
    .container.eyebrow p,
    .container.eyebrow p.text-end {
        text-align: center !important;
        margin: 5px 0;
        font-size: 14px;
    } 
    .webinar-link span,
    a.webinar-link span {
        display: block;
        font-size: 12px;
    }
    .webinar-link,
    a.webinar-link {
        color: #fff;
        font-size: 14px;
    }
}