* {
  -webkit-tap-highlight-color: transparent;
  padding: 0px;
  margin: 0px;
}
@font-face {
     font-family:'latolight';
     src: url( "../font/lato-light-webfont.woff2" ) format( "woff2" ), url( "../font/lato-light-webfont.woff" ) format( "woff" );
     font-weight:normal;
     font-style:normal;
     font-display: swap;
}
@font-face {
     font-family:'assistantbold';
     src:url("../font/assistant-bold-webfont.woff2") format("woff2"),url("../font/assistant-bold-webfont.woff") format("woff");
     font-weight:normal;
     font-style:normal;
     font-display: swap;
}
@font-face{font-family:'assistantlight';src:url("../font/assistant-light-webfont.woff2") format("woff2"),url("../font/assistant-light-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display: swap;}@font-face{font-family:'assistantregular';src:url("../font/assistant-regular-webfont.woff2") format("woff2"),url("../font/assistant-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display: swap;}@font-face{font-family:'assistantsemibold';src:url("../font/assistant-semibold-webfont.woff2") format("woff2"),url("../font/assistant-semibold-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display: swap;}@font-face{font-family:'assistantextrabold';src:url("../font/assistant-extrabold-webfont.woff2") format("woff2"),url("../font/assistant-extrabold-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display: swap;}@font-face{font-family:'latoblack_italic';src:url("../font/lato-blackitalic-webfont.woff2") format("woff2"),url("../font/lato-blackitalic-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display: swap;}@font-face{font-family:'latoblack';src:url("../font/lato-black-webfont.woff2") format("woff2"),url("../font/lato-black-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display: swap;}@font-face{font-family:'latobold';src:url("../font/lato-bold-webfont.woff2") format("woff2"),url("../font/lato-bold-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display: swap;}@font-face{font-family:'latolight';src:url("../font/lato-light-webfont.woff2") format("woff2"),url("../font/lato-light-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display: swap;}@font-face{font-family:'latoregular';src:url("../font/lato-regular-webfont.woff2") format("woff2"),url("../font/lato-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display: swap;}@font-face{font-family:'latomedium';src:url("../font/lato-medium-webfont.woff2") format("woff2"),url("../font/lato-medium-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display: swap;}@font-face{font-family:'latomedium_italic';src:url("../font/lato-mediumitalic-webfont.woff2") format("woff2"),url("../font/lato-mediumitalic-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display: swap;}@font-face{font-family:'latoheavy_italic';src:url("../font/lato-heavyitalic-webfont.woff2") format("woff2"),url("../font/lato-heavyitalic-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display: swap;}@font-face{font-family:'latoheavy';src:url("../font/lato-heavy-webfont.woff2") format("woff2"),url("../font/lato-heavy-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display: swap;}@font-face{font-family:'icomoon';src:url("../font/icomoon.eot?1y0w33");src:url("../font/icomoon.eot?1y0w33#iefix") format("embedded-opentype"),url("../font/icomoon.ttf?1y0w33") format("truetype"),url("../font/icomoon.woff?1y0w33") format("woff"),url("../font/icomoon.svg?1y0w33#icomoon") format("svg");font-weight:normal;font-style:normal;font-display: swap;}[class^="icon-"],[class*=" icon-"],.menu-social-media-menu-container a{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-check:before{content:"\e910"}.icon-ico_doc_download:before{content:"\e90f"}.icon-right_arrow:before{content:"\e90d"}.icon-left_arrow:before{content:"\e90e"}.icon-color_facebook:before{content:"\e90a"}.icon-color_linkedin:before{content:"\e90b"}.icon-color_twitter:before{content:"\e90c"}.icon-ico_menu:before{content:"\e908"}.icon-ico_close:before{content:"\e909"}.icon-tri_up:before{content:"\e907"}.icon-phone:before{content:"\e904"}.icon-down_arrow:before{content:"\e905"}.icon-twitter_bird:before{content:"\e906"}.icon-facebook:before,.menu-social-media-menu-container a[href*="facebook"]:before{content:"\e900"}.icon-linkedin:before,.menu-social-media-menu-container a[href*="linkedin"]:before{content:"\e901"}.icon-instagram:before,.menu-social-media-menu-container a[href*="instagram"]:before{content:"\e902"}.icon-twitter:before,.menu-social-media-menu-container a[href*="twitter"]:before{content:"\e903"}.icon-youtube:before,.menu-social-media-menu-container a[href*="youtube"]:before{content:"\e911"}
body {
  font-family: "Lato", sans-serif;
  font-size: 1.25rem;
  padding-top: 6.25rem;
  color: #5f6c79;
}


a {
  transition: all 0.3s ease-in-out 0s;
  text-decoration: none;
}
nav.navbar {
     font-family: "assistantregular";
}
img {
  max-width: 100%;
}

video.video {
  width: 100%;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
}

.section {
  padding: 90px 0;
}

#single-brand .article-content{
     font-size: larger;
}
    .page_header{
     color:#17222b}
     .home .diagonal{
     display:none !important}
     .diagonal{
     width:100%;height:100%;position:fixed;z-index:1;top:0;left:0;margin:0 auto}
     .diagonal .inner{
     max-width:100%}
     .diagonal_image{
     position:relative;background:url(../images/grey_diagonal.png) no-repeat;background-size:cover;width:125px;height:704px}
     .diagonal_image:after{
     content:'';position:absolute;width:35px;top:0;left:0;margin-left:-35px;height:100%;background-color:#f5f5f5}
     .detail{
     color:#5f6c79}
     .detail p:last-child{
     margin-bottom:0}
     .module{
     font-size:18px;font-size:1.125rem;margin-left:0;margin-right:0;line-height:1.65em}
     .module a{
     color:#4969b2}
     .module .col-lg-3{
     padding-left:0}
     .module .col-lg-9{
     padding-right:0}
     .module header{
     position:relative}
     .module h1{
          font-size: medium;
     text-transform:uppercase;display:inline-block;padding:6px 9px;background:#111920;color:#fff;max-width:230px}
     .module:not(.quick_fact_module)+.module:not(.quick_fact_module){
     position:relative;padding-top:50px}
     .module:not(.quick_fact_module)+.module:not(.quick_fact_module) .inner:after{
     content:'';position:absolute;height:1px;top:0;width:100%;max-width:1180px;left:50%;transform:translateX(-50%);background-color:#d1d1d1;border-top:1px solid #d1d1d1}
     .module+.module{
     margin-top:45px}
     .module+.module .overview{
     font-weight:bold;}
     .module .overview_with_image{
     max-width:835px}
     .module img{
     max-width:100%;height:auto}
     .module .detail p{
     line-height:1.778em;margin-bottom:35px}
     .module .detail p:last-child{
     margin-bottom:0}
     .no-touch .module a:hover{
     color:#111920;transition:color 250ms ease-in;-webkit-transition:color 250ms ease-in}
.quick_fact_style{
     overflow:hidden;position:relative;padding:30px 0 50px;background:#243f8c;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
     .quick_fact_style .quick_fact_shadow{
     position:absolute;bottom:0;height:30px;width:100%;border-style:solid;border-width:30px 0 0 1400px;border-color:transparent transparent transparent #4969b2}
     .quick_fact_style header h1{
     position:relative;background:none;padding:20px 0 0}
     .quick_fact_style header h1:after{
     content:'';position:absolute;top:0;left:0;width:40px;height:5px;background:rgba(255,255,255,0.2)}
     .quick_fact_style .media{
     height:45px;margin-bottom:20px}
     .quick_fact_style .media img{
     width:auto;height:auto;max-height:45px;margin:0 auto;text-align:center}
     .quick_fact_style .quick_fact_text{
     font-family:"latoregular";color:rgba(255,255,255,0.5);font-size:16px;font-size:1rem;width:80%;margin:0 auto;line-height:1.4em}
     .quick_fact_style .quick_fact_main_text{
     font-family:"latoheavy_italic";font-size:30px;font-size:1.875rem;margin-bottom:20px}
     .quick_fact_list,.regular_qf_list{
     display:block;list-style:none;margin:0;padding:0;text-align:center}
     .quick_fact_list li,.regular_qf_list li{
     padding:0 20px}
     .regular_qf_list{
     color:#5f6c79}
     .regular_qf_list .quick_fact_main_text{
     color:#17222b;font-family:"latoheavy";font-size:30px;font-size:1.875rem;margin-bottom:15px}

.support_module {
     margin-top: 2em;
}
.support_module h3 {
     padding: 5px 10px;
     display: inline-block;
     color: #fff;
     background-color: #111920;
     text-transform: uppercase;
     font-size: 1.25rem;
     margin-bottom: 20px;
}
.support_module .support_method {
	margin-bottom: 25px;
     border-left: 4px solid #c9202c;
     padding-left: 10px;
     font-weight: bold;
}
.overview p{
     font-weight: bold;
     font-size: 150%;
}
.overview h2, .overview p{
     line-height: 150%;
     margin-bottom: 1em;
}
.righty{
     float: right;
}
.line-animation {
  position: relative;
  padding-bottom: 5px;
  text-decoration: none;
}
.line-animation:hover {
  color: #1E438A;
}
.line-animation:focus {
  text-decoration: none;
  border: none;
}
.line-animation::after, .line-animation::before {
  content: "";
  height: 1px;
  position: absolute;
  bottom: 0;
  background: #1E438A;
  transition: all 0.3s ease-in-out;
}
.line-animation::after {
  left: 0;
  right: auto;
}
.line-animation::before {
  left: auto;
  right: 0;
  width: 0;
}
.line-animation:hover::after {
  right: 0;
  left: auto;
  width: 0;
}
.line-animation:hover::before {
  width: 100%;
  left: 0;
  right: auto;
}

@media (min-width: 1280px) and (max-width: 1399px) {
  .section {
    padding: 70px 0;
  }
}
@media (min-width: 992px) and (max-width: 1279px) {
  .section {
    padding: 50px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section {
    padding: 50px 0;
  }
}
@media (max-width: 767px) {
  .section {
    padding: 30px 0;
  }
}
/* form css */
.form-control {
  border-color: #E5E7EB;
  color: #000;
}

.form-select {
  height: 50px;
  border-color: #E5E7EB;
  color: #000;
}

.form-control:focus, .form-select:focus {
  border-color: #1E438A;
  box-shadow: none;
}

.form-group {
  margin-bottom: 15px;
}

textarea.form-control {
  height: 100px;
  min-height: auto;
  resize: none;
}

.banner-sec {
  position: relative;
  margin-top: 0;
  background: #e1e1e1;
  z-index: 9;
}
.banner-sec .main-img {
  -o-object-fit: cover;
     object-fit: cover;
     max-height: 50vh;
}
/* .banner-sec .shape {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -50px;
} */
.banner-sec .banner-text {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: #eee !important;
  text-shadow: 1px 1px rgba(255,255,255,0.2), -1px -1px rgba(0,0,0,0.5);
}
h1, h2, h3, h4, h5 {
  font-family: "assistantbold", sans-serif;
  color: #000;
}
h1{
     font-weight: 500;
     font-size: 48px;
}
.banner-text h1, .banner-text h2 {
     color: #fff;
}
.part-smart h4 {
  width: 90%;
}
.part-smart p {
  color: #555;
}
.part-smart .ratio {
  border-radius: 10px;
  overflow: hidden;
}

.smart-red {
  background: #C40030;
  color: #ffffff !important;
}
.smart-red p, .smart-red h2, .smart-red h4, .tech-support-sec h2 {
  color: #ffffff !important;
}

.form-log p {
  color: #555;
}
.form-log h4 {
  width: 90%;
}
.form-log ul {
  list-style: none;
  padding: 0 0 24px;
}
.form-log ul li {
  margin: 10px 0;
  color: #555;
}
.form-log ul li i {
  margin-right: 10px;
  color: #1E438A;
}

.form-sec {
  background: #FCFCFC;
  border: 1px solid #DAE1EF;
  padding: 15px;
  border-radius: 8px;
}
.form-sec .heading {
  padding: 5px 0 10px;
  border-bottom: 1px solid #DAE1EF;
  margin: 0 -15px 15px;
}
.form-sec button {
  text-transform: uppercase;
}

.tech-support-sec {
  height: 350px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #fff;
}
.tech-support-sec h2 {
  margin-bottom: 55px;
}

@media (max-width: 767px) {
  .inner-banner .main-img {
    height: 40vh;
  }
  .form-log ul li {
    margin: 5px 0;
  }
  .form-log h4 {
    width: 100%;
  }
  .tech-support-sec {
    height: 200px;
  }
  .tech-support-sec h2 {
    margin-bottom: 25px;
  }
}