/************************************* 
 * Summitas Marketing site styles 
 *************************************/



 /* To be sorted */

.container-fluid:before, .container-fluid:after, .container:before, .container:after, .row:before, .row:after {
  width: 0px !important;
}

body {
  overflow-x: hidden;
  color: #000 !important;
 }

body.modal-open .modal {
  display: flex !important;
  height: 100%;
} 

body.modal-open .modal .modal-dialog {
  margin: auto;
}

.modal-content {
  border-radius: 16px !important;
  padding: 40px;
  padding-top:80px;
  background-color: rgba(50, 60, 75, .85) !important;
  max-width:90%;
  margin-left:auto;
  margin-right:auto;
  min-width:375px;
  -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5), inset 0 5px 55px rgba(0,0,0,.15) !important;
  box-shadow: 0 5px 15px rgba(0,0,0,.5), inset 0 5px 55px rgba(0,0,0,.15) !important;
}

.modal {
  background-color: rgba(9, 21, 54, .30) !important;
}

#login-modal .fade, #login-modal .fade.in {
  background-color: rgba(9, 21, 54, .30) !important;
}

#modal-close-container {
  position: absolute;
  right: 15px;
  top: 15px;
}

#modal-close-container .close {
  color: white;
  font-size: 32px;
}

.tooltip.fade, .tooltip.fade.in {
  background-color: rgba(9, 21, 54, .0) !important;
}

.tooltip {
  font-family: 'Lato', sans-serif !important;
  background-color: white;
}

.tooltip-inner {
  background-color: #464966 !important;
  color: #fff;
  max-width: none;
  padding: 10px !important;
  text-align: left !important;
  font-size: 14px !important;
  white-space: nowrap;
  max-width: 1200px !important;
}

.tooltip.top {
  margin-top: -10px !important;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #464966;
  border:none;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #464966;
  border:none;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #464966;
  border:none;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #464966;
  border:none;
}

.tooltip-header {
  font-style: italic;
}

#country-select {
  line-height: 0px;
  list-style: none;
  float: right;
  padding-top: 23px;
  margin-right: 30px;
}

#country-select a {
  vertical-align:  middle;
  cursor: pointer;
}

#country-select .dropdown-menu {
  box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.25);
  border-radius: 0px;
  color: black;
  right: 0px;
  top: 62px;
  left:  auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (max-width: 1200px) {
  #country-select .dropdown-menu {
    top: 48px;
  }
}

#country-select .dropdown-menu li span {
  border-radius: 0px;
  color: black;
}

@media (max-width: 768px) {
  #country-select {
    padding-left: 0px !important;    
  }
}

.country-mini {
  display: none;
  padding-top: 17px !important;
}

@media (max-width: 1200px) {
  .country-large {
    display: none !important;
  }

  .country-mini {
    display: block;
  }
}

.country-name {
  padding-left: 3px;
  vertical-align: middle;
  color: white;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}  

.country-flag {
  max-height: 14px;
}

#country-select > .dropdown-menu:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #eee;
  border-left: 7px solid transparent;
  border-bottom-color: white;
  content: ''; 
}

#login-button {
  float: right;
  color: white;
  margin-right:20px;
  background: none;
  border: none;
  padding-top: 11px;
  font-size: 16px !important;
  font-weight: 700px;
  height:50px;
  outline: none !important;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

#login-button:hover {
  color: white !important;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

#login-button:active {
  transform:translateX(-1px);
}

#lock-icon {
  position: relative;
  top: -1px;
  left: -2px;
  font-size: 14px !important;
}

@media(max-width:1200px) {
  #lock-icon {
    line-height: 1.25;
  }
}

#login-header {
  margin-bottom: 60px;
}

#login-header, #forgot-pw a{
  color: white;
}

#login-form {
  height: 275px;
}

#login-form input[type=text], #login-form input[type=password] {
  font-size: 21px !important;
  background: white;
  border-width:1px;
  border: none;
  width:100%;
  height:60px;
  padding: 15px;
  margin-bottom:20px;
}

#login-form ::placeholder {
font-size: 16px;
}

input:-webkit-autofill::first-line {
  font-size: 21px !important;
}

#user-login-form .form-item label,
#user-login-form .login-forgot {
  display: none !important;
}

.topic-list {
  list-style: none;
}

.topic-list label {
  font-weight: 400 !important;
  margin-left: 10px;
}

#topic-container .col-sm-6 {
  margin-bottom: 0px !important;
}

.thanks-text {
  transition: opacity 500 ease-in-out;
}

#col-1 {
  padding-left: 0px;
}

#loginmsg {
  color: white;
  margin-bottom: 20px;
}

#forgot-pw {
  margin-top: 15px;
  margin-bottom: 80px;
  cursor: pointer;
}

#forgot-pw a {
  text-decoration: none !important;
}

 @media (min-width: 1500px) {
  .container {
    width: 1366px !important;
  }
 }

 .container.wide {
  width: 1720px;
 }

.right-container {
  position: absolute;
  width: 100%;
  max-width:1920px;
}

#driving-principles-bg .principles-icon {
    transition: all .4s ease-in-out;
    cursor: default;
  }

#driving-principles-bg .principles-icon:hover {
  transform:scale(1.05);
}

.blow-up {
  transition: all .4s ease-in-out;
}

.blow-up:hover {
  transform:scale(1.05);
}

@media (max-width:768px) {

  .xs-nofloat {
    float: none !important;
  }

  .no-sm {
    display:none !important;
  }

  .principles-icon {
    font-size: 45px !important;
    border-radius: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 8px 8px 10px 0 rgba(0, 0, 0, 0.19);
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:transform .5s;
    cursor: default;
  }

  .principles-icon:hover {
    transform:scale(1.2);
  }

  #aim-high img {
    width:1600px;
    margin-left: -70px;
  }

  #aim-high {
    min-height:800px;
  }

}

@media (max-width:1200px) {
  .no-md {
    display:none;
  }
}

#driving-principles {
  margin-top:80px;
  margin-bottom:80px;
}

@media (max-width:768px) {
  #driving-principles-bg .container {
    padding-bottom: 50px;
  }
}

@media (min-width:768px) {

  #aim-high {
    height: 1080px;
  }

  .sm {
    display: none;
  }

  #driving-principles {
    text-align: center;
  }

  #solution-container {
    height: 960px;
  }

  #dedicated-team-container {
    height:1080px;
  }

  .main-height {
    height:1000px;
    display: flex;
    flex-wrap: wrap;
  }

  .med-height {
    height:960px;
    display: flex;
    flex-wrap: wrap;
  }

  .full-centered {
    text-align: center;
  }
}

.centered {
    text-align: center;
  }

sup {
  top: -.7em !important;
  font-size: 60% !important;
}

.dp-heading {
  margin-top:30px;
  margin-bottom:30px;
  line-height: 1;
}

.dp-body {
  margin-bottom:30px;
}

.flush-fl {
  margin-left: -15px;
  margin-right: -15px;
}

.left-image {
  margin-right: 30px;
  margin-left: -30px;
  overflow: hidden;
}

.right-image {
  margin-right: -15px;
  margin-left: 30px;
  overflow: hidden;
  float: right;
}

 .wrapper-centered {
  display: flex;
  justify-content: center;
  align-items: center;
 }

.bg-image {
  position:absolute;
  left: -390px;
}

.text-section {
  top: 0%;
  margin-top: 80px;
  margin-bottom: 80px;
}

@media (min-width:768px) {

  .text-section {
    margin-top: auto;
    margin-bottom: auto;
  }

}

.principles-icon {
  height: 120px;
  width: 120px;
  line-height: 120px;
  font-size: 40px !important;
  border-radius: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 8px 8px 10px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}

#mainNav {
  padding-top: 15px;
  padding-bottom: 7px;
  max-width:1920px;
  margin-left:auto;
  margin-right:auto;
  transition: top 1.2s, background .5s;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 8px, rgba(0, 0, 0, 0.5) 0px 0px 4px;
}

.divider {
  font-family: 'Lato', sans-serif;
  font-size:60px;
  color: white;
  margin-top:-27px;
  display:none;
 }

@media (min-width:768px) {
  .divider {
    display:block;
  }
}

.navbar-nav {
  font-family: 'Lato', sans-serif;
  padding-top:5px;
  font-weight:300;
}

.right-body {
  position: absolute;
  left:965px;
}

#glasstext {
  top: 40vw;
  color: black;
  text-align: center;
}

#glasstext .heading {
  font-weight: 400;
}

#glasstext .main-text {
  margin-top:32px;
  margin-bottom:36px;
  font-weight:400;
}

#glass-img {
  margin-left: 50%;
  transform: translateX(-50%);
  width:100%;
  min-height:800px;
}

.left-body {
  position: absolute;
  left:10%;
  max-width: 250px;
}

.glass-center {
  position: absolute;
  text-align: center;
  margin-left:10%;
  margin-right:10%;
}

.glass-left {
  position: absolute;
  text-align: center;
  margin-left:6%;
  margin-right:6%;
}

#glass-button {
  padding:5px 10px;
  font-size:12px;
  border:none;
  border-radius:5px;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

#glass-button:hover {
  background: #515a60;
}

@media (min-width:768px) {

  #glass-button {
    padding:.65vw 1vw;
    font-size:.9vw;
  }
  
  #glasstext {
    min-width:72%;
    top: 40%;
    text-align:left;
  }

  #glass-img {
    max-width: 1920px;
    min-height:1080px;
  }

  .left-body {
    position: absolute;
    left:405px;
    max-width: 400px;
  }

  .glass-center {
    margin-left: 50%;
    transform: translateX(-50%);
    margin-right: 0px;
  }

  .glass-left {
    text-align:left;
  }

  #glasstext .main-text{
    font-size:clamp(12px, 1.5vw, 28px);
  }

  #glasstext .heading {
    font-size:clamp(32px, 4vw, 76px);
  }
}

@media (min-width:1500px) {
  #glasstext {
    min-width: 0%;
    max-width: 49%;
  }
}

@media (min-width:2000px) {
  #glass-button {
    padding:10px 20px;
    font-size:18px;
  }
}

#the-challenge {
  color:black;
  margin-top:19%;
  margin-bottom:21%;
  z-index:1;
}

#challenge-img {
  left:-960px;
  z-index: 0;
  position:absolute;
}

#our-solution {
  color: white;
}

#solution-img {
  top:0px;
  left:-850px;
  margin-top: -300px;
  margin-left: -200px;
}

@media (max-width:768px) {
  #team-img {
    left: -750px;
    transform: scaleX(-1);
  }
}

.centered-bg-image {
  top:0px;
  left:-590px;
  margin-left: -200px;
}

#online-presence-bg .heading {
  margin-top: 0px;
  margin-bottom: 0px;
}

#proactive-bg {
  background: #202356;
}

#aim-high-text {
  margin-top: 180px;
}


@media (min-width:768px) {

  .centered-bg-image {
    top:0px;
    left:-450px;
    margin-top: 0px;
    margin-left: 0px;
  }

  #solution-img {
    top:0px;
    left:-450px;
    margin-top: 0px;
    margin-left: 0px;
  }

  #protection-img {
    margin-left:0px;
    margin-right:0px;
  }

  #our-solution {
    min-height: auto;
    padding-top:20px;
  }

  #vendor-neutral {
    top: -120px;
  }

  #vendor-neutral .heading {
    white-space: nowrap;
  }

  #online-presence-bg .heading {
    margin-top:0px;
    margin-bottom: 0px;
  }

  #online-presence-bg .main-text {
    padding-right: 33%;
  }
}

#organized-img {
  left:-930px;
  z-index:-1;
}

/* Line breaking helper */

@media (min-width:1500px) {

  #the-challenge .main-text {
    padding-right: 13%;
  }

  #vendor-neutral .main-text {
    padding-right: 12%;
  }

  #online-presence-bg .main-text {
    padding-right: 35%;
  }

  #proactive .main-text {
    padding-right: 20%;
  }
}

#bt-sub {
  transform:translateY(300%);
  max-height:20px;
}

#secure-sharing {
  color: black;
}

#array-container {
  min-height:800px;
}

#array-text {
  margin-left: 65%;
  transform: translateX(-50%);
}

#who-we-are-awards {
  position: relative;
  -webkit-display: block;
  display: block;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 0px;
  max-width: 110%;
  margin-left: 8.33333%;
  padding-left: 15px;
  margin-bottom: 40px;
}

#who-we-are-awards img {
  max-height:9vw;
  margin-right: 20px;
  float: left;
  max-width: none;
  margin-bottom: 20px;
}

@media(min-width:768px) {

  #who-we-are-awards {
    -webkit-display: flex;
    display: flex;
    padding-left:15px;
    padding-right:15px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index:10;
  }  

  #who-we-are-awards img {
    margin-right: 20px;
    max-height:50px;
  }
}

@media(min-width:1208px) {

  #who-we-are-awards img {
    margin-right: 20px;
    max-height:60px;
  }
}

#last-award {
  margin-right:0px !important;
}

#award-br {
  position: relative;
  float: left;
  margin-right: 100%;
}

#newsroom-bg {
  background-color: #6a7b89;
}

#newsroom {
  padding-top: 140px;
  padding-bottom: 120px;
  background-color: #6a7b89;
}

#newsroom .heading {
  color: white;
  margin-bottom: 80px;
  margin-top: 20px;
  padding-left: 15px;
}

.news-block-container {
  margin-bottom: 40px;
}

.news-block {
  background-color: #ffffff;
  border-radius: 10px;
  padding-top:0%;
}

.news-image {
  background-color: #f4f5f7;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}

.news-text {
  height: 180px;
  padding: 5%;
  padding-right: 15%;
  padding-left: 7%;
}

.news-type {
  font-size: 12px;
  color: #555555;
  margin-bottom: 15px;
}

.news-date {
  font-size: 14px;
  color: #555555;
  padding-top: 10px;
}

.news-headline {
  color: #070707;
  font-weight: bold;
  font-size: 21px;
  line-height: 1.35;
  min-height: 2.7em;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#news-carousel .carousel-control.right, #news-carousel .carousel-control.left {
  background-image:none !important;
}

#news-carousel .carousel-control {
  width: 5% !important;
  text-shadow: 0 1px 5px rgb(0, 0, 0) !important;
}

#news-carousel .carousel-indicators {
  bottom: -10px !important;
}

#who-we-are .col-sm-6, #who-we-are .col-sm-3 {
  padding-left: 15px;
  padding-right: 15px;
}

#simplicity .main-text {
  margin-top:10px;
  margin-bottom:50px;
}

#simplicity .row, #utility .row {
  padding-left: 15px;
  padding-right: 15px;
}

#simplicity, #utility, #partners {
  padding-top:80px;
  padding-bottom:80px;
}

#simplicity .img-responsive {
  margin-top:30px;
  margin-bottom:30px;
  box-shadow: 6px 6px 8px 0 rgba(0, 0, 0, 0.5), 0px 0px 4px 0 rgba(0, 0, 0, 0.2);
}

@media (min-width:768px) {

  #simplicity .col-sm-6, #utility .col-sm-6 {
    padding-left: 30px;
    padding-right: 30px;
  }

}

#simplicity p {
  margin-bottom: 30px;
}

#simplicity p, #utility p {
  padding-right: 0px;
}

@media (min-width:768px) {
  #simplicity p, #utility p {
    padding-right: 45px;
  }
}

#utility .img-responsive {
  margin-top: 30px;
  margin-bottom: 30px;
}

#utility #ipad-img {
  box-shadow: none;
  margin-left: -14px;
}

#utility #encryption-img {
  margin-top:34px;
  margin-left:-11px;
}

#app-divider {
  padding-top:80px;
  padding-bottom:80px;
  background:#0b0c0d;
  text-align:center;
}

#utility .heading {
  margin-bottom:50px;
}

#utility .sub-heading {
  line-height: 1.3;
}

#partners img {
  margin-left:auto;
  margin-right:auto;
  max-height:35px;
}

#partners .main-text {
  margin-top: 20px;
  margin-bottom: 40px;
}

#partner-text {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}

#int-logos {
  padding-left:15px;
}

@media (min-width: 990px) {
  #int-logos {
    padding-right:30px;
  }
}

#int-logos .row {
  margin-bottom:15px;
  padding-left: 7.5px;
}

.int-logo {
  background-color:white;
  filter: drop-shadow(2px 2px 3px rgb(0, 0, 0, 0.1));
  background-clip: content-box;
  height: 120px;
  padding-left:7.5px !important;
  padding-right:7.5px !important;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.int-logo img {
  max-width: 50%;
}

.int-logo .medium-image {
  max-width: 40%;
}

.int-logo .short-image {
  max-width: 30%;
}

.int-logo .large-image {
  max-width: 60%;
  max-height: 45px !important;
}

@media (max-width: 990px) {

  .int-logo {
    margin-left: 15px;
    padding-right:35px !important;
  }

}

#nexmo-logo, #cronofy-logo, #laserfiche-logo {
  max-width: 150px;
  padding-top: 7px !important;
}

#docunav-logo {
  max-height:43px !important;
}

#modifiedlogic-logo {
  max-height:60px !important;
  margin-top:-10px !important;
}

#fitek-logo {
  max-height: 40px !important;
}

#max-logo {
  padding-top: 5px !important;
}

#cronofy-logo {
  max-width: 190px;
}

#dedicated-team {
  margin-top: 180px;
}

#operations, #process {
  padding-top: 80px;
  padding-bottom: 160px;
  padding-right: 0px;
  padding-left: 0px;
}

#operations .heading {
  padding-bottom: 80px;
}

#operations .row, #process .row{
  padding-bottom:15px;
  padding-top:15px;
}

#operations .summ-lgreybg, #operations .summ-whitebg {
  padding-top:10px;
  padding-bottom:10px;
}

@media (max-width: 768px) {

  #operations .col-sm-6, #operations .summ-white div {
    padding-left: 0px;
    padding-right: 0px;
  }

  #operations .summ-white {
    padding-left:15px !important;
    padding-right:15px !important;
  }

  #operations .heading {
    padding-left: 30px;
    padding-right: 30px;
  }

}

#operations .row .col-sm-6 {
  padding-left:30px;
  padding-right:30px;
}

#process .heading {
  margin-bottom: 20px;
}

#process-th {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1;
  margin-bottom: 20px;
  padding-left:5%;
  padding-right:5%;
}

#process .timeline-bar {
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 3px;
}

#process .process-tl-week {
  width: 12.5%;
  float: left;
}

#process .timeline-group-1 {
  margin-left: 10.5%;
}

#process .timeline-group-2 {
  margin-left: 44.5%;
}

#process .team-bar {
  background:#fec12e;
  width: 38%;
}

#process .summitas-bar {
  background:#ed2724;
  width: 20px;
  padding: 20px;
  border-radius: 100%;
}

#process .branding-bar {
  background:#16adb6;
  width: 41%;
}

#process .onboarding-bar {
  background:#78b94f;
  width: 81%;
}

#process .support-bar {
  background:#57caed;
  width:200%;
}

#process .main-text {
  padding-bottom: 80px;
}

@media (max-width:768px) {

  #operations .row, #process .heading, #process .main-text {
    padding-right: 30px;
    padding-left: 30px;
  }

  #process-th {
    padding-left:0px;
    padding-right:0px;
  }

  #process .process-tl-week {
    width: 33.33%;
    float: left;
  }

  #process .timeline-group-1 {
    margin-left: 15%;
  }

  #process .timeline-group-2 {
    margin-left: 15%;
  }

  #process .team-bar {
    margin-left: -33%;
  }
}

#about-page {
  padding-top:80px;
  height:1268px;
}

@media(min-width:768px) {
  #about-page {
    padding-top:140px;
  }
}

#about-text p {
  margin-bottom: 30px;
}

.img-inner {
  position: absolute;
  margin-left: 50%; 
  transform: translateX(-50%); 
}

#customers {
  padding-top: 80px;
  padding-bottom: 0px;
}

#customers .heading {
  margin-bottom: 80px;
}

#contacttitle {
  color:#E09534;
}

#contacttext {
  margin-top:20px;
  margin-bottom:30px;
  padding-right:0px;
  font-weight:400;
  font-size:18px;
}

@media(min-width:1200px) {
  #contacttext {
    font-size:24px;
  }
}

#start-dialog {
  padding-top:80px;
  padding-bottom:80px;
}

#start-dialog .img-col {
  padding: 0px;
  overflow-x:hidden;
}

#start-dialog .main-text {
  padding:5% 5% 0 5%;
  padding-bottom:0px;
  margin-top:40px;
}

@media(min-width:1900px) {
  #contacttext {
    padding-right:0px;
  }

  #start-dialog .main-text {
    padding:5% 7% 0 7%;
  }
}

#start-dialog .input-col {
  display:flex;
  border-style:solid;
  border-color:#EBEBEA;
  border-width:2px;
  border-radius:5px;
  padding-bottom:5px;
  padding-top:5px;
  padding-left:15px;
  padding-right:15px;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

#dialog-img {
  margin-left: 50%;
  transform: translateX(-50%);
}

#connect-text {
  top:880px;
  position:absolute;
}

#connect-text .main-text{
  font-weight:400;
}

#start-dialog .input-col label {
  line-height:1.6;
  margin-bottom:0px;
}

#start-dialog .input-col:focus-within {
  border-color:#E09534;
}

#contactform input::placeholder, #contactform textarea::placeholder, #contactform label {
  color:black;
  opacity:1;
  font-size:16px;
  font-weight:400;
}

#phone::placeholder {
  color:grey !important;
  opacity:.75 !important;
}

@media (min-width:768px) {
  #start-dialog {
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
  }

  #contactform .row {
    margin-left:0px;
    margin-right:0px;
  }

  #contacttitle, #contacttext {
    padding-left:15px;
  }
}

#start-dialog .fname {
  padding-left:0px;
  padding-right:0px;
}

#start-dialog .lname {
  padding-left:0px;
  padding-right:0px;
}

@media (min-width:1200px) {
  #start-dialog .fname {
    padding-left:0px;
    padding-right:15px;
  }

  #start-dialog .lname {
    padding-left:15px;
    padding-right:0px;
  }
}

#start-dialog .full-image {
  width: 1120px;
}

#start-dialog .small-image {
  width: 70%;
  margin-left: 15%;
  margin-top: 30px;
}

#start-dialog input[type=text],
#start-dialog input[type=email],
#start-dialog input[type=tel] {
  flex:1;
  outline:none;
  font-size:16px;
  font-weight:400;
  background: transparent;
  border: none;
  width:100%;
  padding-top:0px;
  padding-left:0px;
}

#start-dialog #phone {
  padding-left:52px;
}

.iti {
  width:100%;
}

#start-dialog .col-sm-6, #start-dialog .col-sm-12, #start-dialog .col-lg-6, #start-dialog .col-md-12 {
  margin-bottom: 15px;
}

#start-dialog select {
  width: 100%;
  cursor: pointer;
  border-radius: 0;
  background-color: white;
  border-style: none;
  outline:none;
  color: black;
  padding: 0px;
  padding-right:15px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='36' viewBox='0 0 1 24' width='48' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: -5px;
}

#start-dialog textarea {
  width:100%;
  appearance:none;
  -moz-appearance:none;
  outline:0px none transparent;
  border:none;
  resize:none;
  box-shadow:none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

#schedule-demo {
  float:left;
}

#demo-label {
  font-weight:700 !important;
  font-size:14px !important;
  width:88%;
}

#start-dialog .submit-col {
  padding:0px;
}

#start-dialog input[type=submit] {
  font-size: 21px;
  font-weight: 400;
  background: #dc2320;
  border:none;
  width: 100%;
  color: white;
  padding: 10px;
  border-radius: 5px;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

#login-form input[type=submit] {
  font-size: 21px;
  font-weight: 400;
  background: #ed2724;
  border:none;
  width: 100%;
  color: white;
  padding: 15px;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

#start-dialog input[type=submit]:hover, #login-form input[type=submit]:hover {
  background: #CE2121;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

#start-dialog .g-recaptcha {
  padding-left:0px;
  margin-bottom: 20px;
}

#customers .quote-box {
  margin-bottom: 0px;
  box-shadow: inset 0 12px 12px -8px rgba(0, 0, 0, 0.5);
  padding: 30px;
  padding-left: 13.5%;
  padding-right: 13.5%;
  margin-left: -30px;
  margin-right: -30px;
}

@media (min-width:768px) {
  #customers .quote-box {
    margin-bottom: 20px;
    box-shadow: 6px 6px 8px 0 rgba(0, 0, 0, 0.5), 0px 0px 4px 0 rgba(0, 0, 0, 0.2);
    padding: 40px;
    margin-left: 0px;
    margin-right: 0px;
  }
  #customers {
    padding-bottom: 80px;
  }
}

#thank-you {
  padding-top: 140px;
  padding-bottom: 80px;
  display: flex;
  flex-flow: column;
  min-height:600px;
}

#customers .col-sm-4 {
  padding-left:0px;
  padding-right:0px;
}

#customers .mini-text {
  margin-bottom: 0px;
}

#driving-principles-bg {
  background:#6c7d8b;
}

#everything-organized-bg {
  background:#6c7d8b;
}

#inbuilt-protection-bg {
  background:#464966;
}

#who-we-are-bg {
  background-color: #f1f1f1;
}

#partners-bg {
  background-color: #f2f2f2;
}

#secure-sharing-bg {
  background:#f7f9f9;
}

#online-presence-bg {
  background:#6c7d8b;
}

#simplicity-bg {
  background:#e0e2e2;
}

#learn-more {
  font-family: "Lato", sans-serif;
  color: #333;
  background:#f8f8f8;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 30px;
  font-weight: bold;
}

#learn-more-copy {
  float: left;
  line-height: 48px;
  margin-right: 15px;
}

#learn-more button {
  font-size: 16px;
  line-height: 16px;
  color: #333;
  border: 2px solid #333;
  background: none;
  padding: 13px;
  margin-left: 20px;
  vertical-align: middle;
}

.learn-more-border {
  border-top: 2px solid #ddd;
}

@media (max-width:768px) {
  #learn-more {
    font-size: 27px;
  }

  #learn-more button {
    margin-left: 0px;
  }
}

#footer {
  padding-top: 50px;
  padding-bottom:50px;
  height: auto;
}

#footer-bg {
  background:#0b0c0d;
}

#footer-bg .container {
  min-height: auto;
}

#footer-ul {
  list-style:none;
  position:absolute;
  width:200%;
}

#footer-ul a:link, a:visited, a:active, #sm-terms a:link, a:visited, a:active {
  color:#AFAFAF;
}

#footer-ul a:hover, #sm-terms a:hover {
  color: #e0e0e0;
}

#footer-ul .mini-header {
  margin-bottom: 10px;
}

#footer-ul li {
  margin-bottom: 3px;
}

#sm-terms {
  margin-top:20px;
}

#sm-terms a {
  margin-right: 10px;
}

.fullwidth {
  width:1920px;
  max-width:1920px;
  overflow-x:hidden;
}

.small-image {
  display:none !important;
}

.divider-image {
  overflow-y: hidden;
}

.divider-sm {
  display: block;
}

.divider-md {
  display: block;
}

@media (min-width:500px) {
  .divider-sm, .divider-sm img {
    display: none !important;
  }
}

@media (max-width:500px) {

  .divider-md, .divider-md img {
    display: none !important;
  }

}

.full-image {
  overflow: hidden;
}

@media (min-width:768px) {
  .lg-centered {
    text-align:center;
  }
}

@media (max-width:768px) {
  .small-centered {
    text-align:center;
  }
  .small-image {
    display:block !important;
  }
  .full-image {
    display:none !important;
  }
}

#protection-img-container {
  float:right;
  position: relative;
}

#sharing-img {
  left:-200px;
  z-index:-1;
}

@media (min-width:768px) {
  #sharing-img {
    left:-930px;
    z-index:-1;
  }
}

@media (max-width:801px) {

  .right-body {
    position: absolute;
    left:27%;
  }

  #bt-sub {
    margin-top:70px;
    max-width:330px;
  }

  #protection-img {
    margin-left:-430px;
  }

}

#protection-soc {
  position:absolute;
  height:70px;
  top:-25px;
}

#protection-sub {
  padding-left:90px;
}

/* Fonts */

body, #login-button {
  font-family: 'Lato', sans-serif;
}

.light {
  font-weight: 300 !important;
}

.regular {
  font-weight: 400 !important;
}

.bold {
  font-weight: 700 !important;
}

.main-title {
  font-family: 'Lato', sans-serif;
  font-size: 50px;
  line-height: 1;
}

.heading {
  font-family: 'Lato', sans-serif;
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
}

.main-text {
  font-family: 'Lato', sans-serif;
  font-size: 22px;
  font-weight:300;
}

.sub-heading {
  font-family: 'Lato', sans-serif;
  font-size: 32px;
  line-height: 1;
}

#driving-principles-bg .sub-text {
  font-size: 18px;
}

.sub-text {
  font-family: 'Lato', sans-serif;
  font-size: 22px;
  font-weight:300;
}

.small-text {
  font-family: 'Lato', sans-serif;
  font-size: 24px;
  font-weight:700;
}

.mini-text {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
}

.footer-text {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
}

.mini-header {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
}

.principles-heading {
  font-family: 'Lato', sans-serif;
  font-size: 28px;
}

.about-copy {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
}

.about-title {
  font-family: 'Lato', sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 1;
}

#copyright-footer {
  font-size: 14px;
}

#login-header {
  font-size: 48px;
}

@media (min-width:768px) {

  .main-title {
    font-family: 'Lato', sans-serif;
    font-size: 40px;
  }

  .heading {
    font-family: 'Lato', sans-serif;
    font-size: 40px;
    font-weight: 300;
    line-height:45px;
  }

  .main-text {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
  }

  .sub-heading {
    font-family: 'Lato', sans-serif;
    font-size: 25px;
  }

  #driving-principles-bg .sub-text {
    font-size: 16px;
  }

  .sub-text {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
  }

  .small-text {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight:700;
  }

  .principles-heading {
    font-family: 'Lato', sans-serif;
    font-size: 30px;
  }

  .about-copy {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    margin-right: 15px;
  }

  .about-title {
    font-family: 'Lato', sans-serif;
    font-size: 60px;
    font-weight: 400;
  }

}

@media (min-width:992px) {

  .main-title {
    font-family: 'Lato', sans-serif;
    font-size: 52px;
  }

  .heading {
    font-family: 'Lato', sans-serif;
    font-size: 52px;
    font-weight: 300;
    line-height:57px;
  }

  .main-text {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
  }

  .sub-heading {
    font-family: 'Lato', sans-serif;
    font-size: 28px;
  }

  #driving-principles-bg .sub-text {
    font-size: 24px;
  }

  .sub-text {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
  }

  .small-text {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight:700;
  }

  .centered-bg-image {
    left: -390px;
  }

  #solution-img {
    left:-390px;
  }

}

@media (min-width:1500px) {
  .centered-bg-image, .bg-image {
    left: -292px;
  }
  #solution-img {
    left: -292px;
  }
}

@media (min-width:1200px) {

  .main-title {
    font-family: 'Lato', sans-serif;
    font-size: 60px;
  }

  .heading {
    font-family: 'Lato', sans-serif;
    font-size: 60px;
    font-weight: 300;
    line-height:65px;
  }

  .main-text {
    font-family: 'Lato', sans-serif;
    font-size: 28px;
  }

  .sub-heading {
    font-family: 'Lato', sans-serif;
    font-size: 38px;
  }

  .sub-text {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
  }

  .small-text {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    font-weight:700;
  }

}

/* Colors */

.summ-greybg {
  background: #6c7d8b;
}

.summ-dgreybg {
  background: #515a60;
}

.summ-tealbg {
  background: #05acb6;
}

.summ-lbluebg {
  background: #348dc0;
}

.summ-dpurplebg {
  background: #464966;
}

.summ-lgreenbg {
  background: #78b94f;
}

.summ-lgreybg {
  background: #e1e1e1;
}

.summ-offwhitebg {
  background: #f1f3f4;
}

.summ-whitebg {
  background: white;
}

.summ-red {
  color: #ee2a24;
}

.summ-yellow {
  color: #fec230;
}

.summ-dgray {
  color: #6b7c8a;
}

.summ-mgray {
  color: #AFAFAF;
}

.summ-lgray {
  color: #e0e0e0;
}

.summ-white {
  color: white;
}

.summ-tealbg {
  background: #05acb6;
}


/* 
 * Core bootstrap overrides 
 */

a {
  text-decoration: none !important;
}

#landingMessages a {
  text-decoration: underline !important;
}

.navbar-brand {
  padding: 5px 15px !important;
  margin-left:5px;
}

@media(min-width:1200px) {
  .navbar-brand {
    padding-right: 35px !important;
  }
}
ul {
  list-style-position: inside;
  padding-left: 0;
}

.container-full {
  max-width: 1920px;
  width:100%;
  padding-left: 0px;
  padding-right: 0px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

.img-responsive.centered {
  margin-left:auto;
  margin-right:auto;
}

.img-responsive.small {
  max-width: 75%;
}

.col-lg-12 {
  padding-left:0px !important;
  padding-right:0px !important;
}

@media(max-width:768px) {
  
  div .col-xs-10 {
    padding-left: 0px;
    padding-right: 0px;
  }

}

/*
 * webkit select box hack (chrome/safari)
 */

@media screen and (-webkit-min-device-pixel-ratio:0) {
  select.form-control {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
    -moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none;
  }
}

/* 
 * Creative bootstrap overrides/additions
 */

body {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif !important;
}

section {
  padding: 0px 0;
}

.bg-primary {
  background-color: #CFD7DC !important;
}

.bg-dark {
  background-color: #8598A7 !important;
}

.navbar-default {
  background-color: rgb(50, 50, 50) !important;
  background-color: rgb(0, 0, 0, .65) !important;
  border-color: transparent !important;
}

.container-fluid {
  max-width: 1920px;
}

.navbar.affix .container-fluid {
  display: block;
}

.navbar.always-show .container-fluid {
  display: block !important;
}

.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
  font-size: 14px;
  font-weight: normal;
  text-transform: capitalize !important;
}

.navbar-default .nav > li > a.link-normal,
.navbar-default .nav > li > a.link-normal:focus {
  color: #bebebe ;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

.navbar-default .nav > li > a.link-prio,
.navbar-default .nav > li > a.link-prio:focus {
  color: #E75824;
}

.navbar-default .nav > li > a.link-normal:hover,
.navbar-default .nav > li > a.link-normal:focus:hover {
  color: white !important;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

.navbar-active {
  color: white !important;
  font-weight: 700 !important;
}

.navbar-default .nav > li > a.link-prio:hover,
.navbar-default .nav > li > a.link-prio:focus:hover,
.navbar-default .nav > li.active > a.link-prio,
.navbar-default .nav > li.active > a.link-prio:focus {
  color: #C94A23 !important;
}

.navbar-default .nav > li.active > a.link-normal,
.navbar-default .nav > li.active > a.link-normal:focus {
  color: #00579B !important;
}

.navbar-default.affix {
  background-color: rgba(30,30,30,0.80) !important;
}

#nav-dialogue {
  padding: 9px;
  margin: 4px;
}

.navbar-default .nav > #navbar-dialogue > #nav-dialogue,
.navbar-default .nav > #navbar-dialogue > #nav-dialogue:focus {
  border: 1.5px solid #bebebe ;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}
.navbar-default .nav > #navbar-dialogue > #nav-dialogue:hover,
.navbar-default .nav > #navbar-dialogue > #nav-dialogue:focus:hover {
  border: 1.5px solid white !important;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}
#navbar-dialogue .navbar-active {
  border: 1.5px solid white !important;
}

@media (min-width: 1250px) {
  .navbar-default .nav > li > a,
  .navbar-default .nav > li > a:focus {
    font-size: 16px !important;
  }
}

@media (max-width:768px) {
  #mainNav .navbar-collapse {
    padding-left: 35px !important;
  }
}

#mainNav .navbar-collapse{
  border: none !important;
  overflow-y: visible;
}

/*
Bootstrap collapse override
*/

@media (min-width: 768px) and (max-width: 1200px) {
  #mainNav .navbar-header {
    float: none;
  }
  #mainNav .navbar-left,.navbar-right {
    float: none !important;
  }
  #mainNav .navbar-toggle {
    display: block;
  }
  #mainNav .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  #mainNav .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  #mainNav .navbar-collapse.collapse {
    display: none!important;
  }
  #mainNav .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
  }
  #mainNav .navbar-nav>li {
    float: none;
  }
  #mainNav .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #mainNav .collapse.in{
    display:block !important;
  }
  #mainNav .no-sm{
    display: none !important;
  }
}

@media (max-width: 768px) {
  #login-button {
    padding-left: 0px !important;    
  }
}

@media (max-width: 1200px) {
  #login-button {
    float: left;
    padding-left: 13px;
  }
}


#main-logo {
  display: block;
  background: transparent url(summitas_white.png) top left no-repeat;    
  background-image: -webkit-linear-gradient(transparent, transparent), url(../images/summitas_white.svg);
  background-image: linear-gradient(transparent, transparent), url(../images/summitas_white.svg);
  background-size: contain;
  width: 175px;
  height: auto;
  margin-left:15px;
}

@media (min-width:1200px) {
  #main-logo {
    width:190px;
    margin-top: -2px;
  }
}

section#footercerts #footer, section#footercerts #copyright {
  display: none !important;
}

section#footercerts {
  padding: 30px 0 30px 0 !important;
  background-color: #FFFFFF !important;
}

section#footercerts #footer-certs {
  margin-top: 10px;
}

section#footercerts .footer-cert {
  display: inline-block;
}

section#footercerts #footer-truste {
  background: #FFFFFF url(/images/trustmarks/truste2021.jpg) top left no-repeat;
  background-size: contain !important;
  width: 108px !important;
  height: 46px !important;
}

section#footercerts #footer-verisign {
  background: #FFFFFF url(/images/trustmarks/digicert2021.jpg) top left no-repeat;
  background-size: contain !important;
  width: 89px !important;
  height: 46px !important;
  margin-left: 20px;
}

section#footercerts #footer-mcafee {
  background: #FFFFFF url(/images/trustmarks/trustedsite2021.jpg) top left no-repeat;
  background-size: contain !important;
  width: 89px !important;
  height: 46px !important;
  margin-left: 14px;
}

section#footercerts #footer-soc {
  background: #FFFFFF url(/images/trustmarks/21972-312_SOC_NonCPA.png) top left no-repeat;
  background-size: contain !important;
  width: 43px !important;
  height: 43px !important;
  margin-left: 20px;
}

section#footercerts img {
  width:100%;
  height:100%;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.iti__flag {background-image: url("/sites/all/libraries/intl-tel-input-17.0.0/build/img/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("/sites/all/libraries/intl-tel-input-17.0.0/build/img/flags@2x.png");}
}