body {
  padding-top: 3rem;
  color: rgb(var(--bs-tertiary-color-rgb));
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.security {
  padding:2% 0 !important;
}

.security img {
  padding:2%;
}

.privacy ul, .privacy ol {
  list-style-position: inside;
}

.splide img {
   max-width:222px;
}

.splide__arrow {
    background: none !important;
    border-radius: 0% !important;
    height: 84px !important;
    opacity: 1 !important;
    width: 54px !important;
}

.splide__arrow--prev {
    left: -3em !important;
}

.splide__arrow--next {
    right: -2em !important;
}

.splide__slide img {
  width: 100%;
  height: auto;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  background-color:rgba(0,0,0,0.2);
}


.brands_mobile {
  display:none;
}

.navbar-brand {
  font-weight: 800;
  line-height:30px;
}   

.nav-link {
  font-size:18px;
  font-weight: 600;
  text-transform:uppercase;
  letter-spacing:3px;
}

.navbar-nav {
  margin-left:10%;
}

.navbar-nav .nav-item {
  padding:0 15%;
}

.header {
   background:#efefef url('images/header_background.jpg') top center no-repeat;
}

.header h1 {
  padding:0; margin:0;
  color:#1d8c73; 
  font-size:140px; 
  font-weight: 100; 
  font-style: normal; 
  line-height:140px;
  padding-right:10%;
}

.header h2 {
  padding:0; margin:0;
  font-size:45px;
  font-weight: 300;
  text-align:left;
  padding-left:47%;
}

h2.used_by {
 padding:40px 0;
}

.header .btn {
  margin-left:41%;
  
}

main h2 {
  font-weight:800;
  font-size:48px;
}

main h2 small {
  font-size:32px;
}

main h2 span {
  color:#128c73;
}


.carousel_nav {
  color:#929292;
  font-size:21px;
  
}

.carousel_nav a {
  color:#288c79;
  text-decoration:none;
  padding:0 20px;
}

#Products .carousel-item h1{
  position:absolute; 
  left:0; 
  color:#fff; 
  padding-top:21%; 
  left:10%;
  font-weight:100;
  font-size:45px;
}

#Products .carousel-inner, #Enhancements .carousel-inner {
  height:779px;
}

.featurette {
 margin:50px 0;
}

.featurette .col-md-5 {
  padding-top:5%;
}

.integration {
   margin-top:50px;
   background:#2c5a4b url('images/integration_bg.jpg') top center no-repeat;
   padding:2% 0;
}

.integration p {
   color:#ffffff;
}

.integration img {
  max-width:15%;
}


#Enhancements .device {
position:absolute; left:18%; top:10%;
}

.dedicated {
 background:#e3f4ee;
}

.dedicated h2 {
 font-size:35px;
}

img.drew {
filter: drop-shadow(10px 10px 0px #dde3e9);
}

.drew p {
 padding-top:20%;
}

#footer {
background:#e8e8e8;
color:#484848;
font-size:16px;
margin-top:50px;
}

#footer a {
 color:#484848;
 text-decoration:none;
 font-weight:300;
}


.theprice, .demo {
 background:#f4f3f3;
}

.theprice h1 {
  padding:30px 0;
}

.demo .text-demo p {
  font-size:21px;
  padding:20px 0;
}

.demo main {
  padding:50px 0;
}

.theprice .card {
 min-height:650px;
}

.theprice main ul {
  padding-left:20px;
  padding-top:30px;
}

.theprice main li {
  line-height:32px;
}

.theprice h4 {
   font-weight:800 !important;
}

.theprice small.forth {
   font-size:13px;
}

.theprice .card  {
filter:drop-shadow(5px 5px 0px #dde3e9);
}

.theprice .pricing-card-title {
  color:#2c5a4b;
  font-weight:800;
  font-size:45px;
  padding:10px 10px 20px 10px;

}

.theprice .pricing-card-title small {
  font-size:30px;
  color:#000000;
}

.demoform form {
  background:#ffffff !important;
filter:drop-shadow(5px 5px 0px #dde3e9);
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}

/* rtl:end:remove */

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 1600px) {

#Products img.device {
  max-height:650px;
}

.featurette-divider {
    margin: 2rem 0;
}

.featurette .col-md-5 {
 padding-top:20px;
}

#Products .carousel-inner, #Enhancements .carousel-inner {
    height: 679px;
}

}

@media (max-width: 1400px) {

#Products img.device, #Enhancements img.device  {
  max-height:550px;
}

main h2 {
    font-size: 38px;
}

.featurette-divider {
    margin: 2rem 0;
}

.carousel_nav {
    font-size: 18px;
}

.carousel_nav a {
    color: #288c79;
    text-decoration: none;
    padding: 0 10px;
}

.featurette .col-md-5 {
 padding-top:20px;
}

#Products .carousel-inner, #Enhancements .carousel-inner {
    height: 579px;
}

#Enhancements .carousel-inner {
  text-align:center;
}

#Enhancements img.thebg {
 display:none;
}

#Enhancements .device {
    position: inherit;
    left: inherit;
    top: 2%;
}

#Enhancements .carousel-item  {
  background-color:#1a6756;
  border-radius:10px;
}



}


@media (max-width: 1200px) {

.theprice .col {
    width:50%;
}

#footer {
 text-align:center;
}

#footer span, #footer p {
 width:100%;
 display:block;
}

#footer p a {
 font-size:13px;
}

#footer ul.nav  {
   width:100%;
  display:inherit;
  justify-content:center !important;
  margin:0 auto;
}

.demo form .col-md-4 {
  width:100%;
}

main h2 {
    font-size: 38px;
}

.featurette-divider {
    margin: 2rem 0;
}

main h2, main h2 small {
    font-size: 28px;
}
.featurette .col-md-5 {
 padding-top:0;
}

.lead {
    font-size: 16px;
}



.carousel_nav {
    color: #929292;
    font-size: 16px; 
    text-align:center;
}

.carousel_nav a {
    padding: 0 10px;
}

#Products .carousel-inner, #Enhancements .carousel-inner {
  height:500px;
}

#Products .carousel-item h1 br {
  display:none;
}

#Products .carousel-item h1 {
    position: absolute;
    top: 0;
    padding-top: 2%;
    left: 0%;
    font-weight: 100;
    font-size: 25px;
    width:100%;
    text-align:center;	
}
#Products img.thebg, #Enhancements img.thebg {
  display:none;
}

#Products .carousel-item, #Enhancements .carousel-item  {
  background-color:#1a6756;
  border-radius:10px;
}

#Products .carousel-item, #Enhancements .carousel-item {
  text-align:center;
}

#Enhancements .device {
    position: inherit;
    left: inherit;
    top: 2%;
     
}


#Products .carousel-item img, #Enhancements .carousel-item img  {
  padding-top:40px;
  max-height:450px;
  margin:0 auto;
  position:inherit !important;
  right:inherit !important;
}



.header h1 {
    font-size:80px;
    padding-right: inherit;
    text-align:center;
    line-height:80px;
    padding:0; margin:0;

}

.header {
  padding-top:10px !important;
}

.header h2 {
    font-size: 25px;
    padding-left: inherit;
    text-align:center;
    line-height:inherit;
}

.header h2 br {
    display:none;
}

.header .btn {
    margin-left: inherit;
    font-size:13px;
    margin-bottom:20px;
}

.dedicated, .security {
  margin-top:15px !important;
  margin-bottom:15px !important;
  padding-top:30px !important;
  padding-bottom:15px !important;
}

.drew {
  padding-top:0px !important;
}

.drew .col-md-4 {
  width:40%;
}

.drew .col-md-6 {
  width:60%;
}



}




@media (max-width: 760px) {


.navbar-nav {
    margin-left: 0%;
}

.navbar-nav .nav-item {
    padding: 0 2%;
}

.header img {
    width:100%;
    padding-bottom:10px;
}

.navbar-collapse {
    padding-bottom:20px;
    border-bottom:2px solid #ccc;
}

.navbar-nav .nav-item {
    border-bottom:1px solid #ccc;
}

.header h1 {
    font-size:80px;
    padding-right: inherit;
    text-align:center;
    line-height:80px;
    padding:0; margin:0;

}

.header {
  padding-top:10px !important;
}

.header h2 {
    font-size: 25px;
    padding-left: inherit;
    text-align:center;
    line-height:inherit;
}

.header h2 br {
    display:none;
}

.header .btn {
    margin-left: inherit;
    font-size:13px;
    margin-bottom:20px;
}

main h2 {
    font-weight: 800;
    font-size: 25px;
}

main h2 small {
    font-size: 18px;
    line-height:18px !important;
}

.featurette .col-md-5 {
  padding-top:5%;
  text-align:Center;
}

ul.lead {
  padding-left:0 !important;
}

.featurette .col-md-5 ul li{
list-style-type: circle;
list-style-position: inside;
}

.featurette .col-md-7 {
 display:none;
}

.featurette a.btn {
  font-size:16px !important;
}

.splide {
   display:none;
}

.brands_mobile {
   display:inherit;
}

.brands_mobile img {
   width:30%;
   padding:1%;
}


.splide .splide__pagination {
  display:none;
}

.splide ul li {
    width:25% !important;
}

.splide__arrows {
   display:none;
}

h2.used_by {
 padding:5px 0;
}


.carousel_nav {
    color: #929292;
    font-size: 14px; 
    text-align:center;
}

.featurette-divider {
    margin: 1rem 0;
}

.featurette {
 margin:10px 0;
}


.carousel_nav a {
    color: #288c79;
    text-decoration: none;
    padding: 0 2px;
}

#Products .carousel-inner, #Enhancements .carousel-inner {
  height:379px;
}

#Products .carousel-item img  {
  max-height:350px;
}


#Products .carousel-item h1 br {
  display:none;
}

#Products .carousel-item h1 {
    position: absolute;
    top: 0;
    padding-top: 2%;
    left: 0%;
    font-weight: 100;
    font-size: 25px;
    width:100%;
    text-align:center;	
}
#Products img.thebg, #Enhancements img.thebg {
  display:none;
}

#Products .carousel-item, #Enhancements .carousel-item  {
  background-color:#1a6756;
  border-radius:10px;
}


#Products .carousel-item img {
  padding-top:40px;
}

#Enhancements .carousel-item img {
  padding-top:10px;
}


.lead {
    font-size: 16px;
    line-height:20px;
}

.integration img {
   width:30%;
}

.integration {
text-align:center;
margin-top: 30px;
}

#Enhancements .device {
    position: absolute;
    left: inherit;
    top: inherit;
}

.security img {
   width:20%;
}

.security img+img {
   width:45%;
}


.drew {
  padding-top:5px !important;
}


.dedicated, .security {
  margin-top:5px !important;
  margin-bottom:5px !important;
  padding-top:15px !important;
  padding-bottom:5px !important;
}

.dedicated h2 {
  font-size:16px;
}

.drew .col-md-4 {
  width:40%;
}

.drew .col-md-6 {
  width:60%;
}

.drew p {
 padding-top:0%;
}


.drew a {
  font-size:14px;
  margin-top:5px !important;
}
  
img.drew {
    filter: drop-shadow(5px 5px 0px #dde3e9);
}


.theprice .col {
    width:100%;
}


.theprice .card {
    min-height: inherit;
}

.text-demo img {
 display:none;
}

.demo .text-demo p {
 font-size:16px;
}

.demo button.btn {
 width:100% !important;
}

.demo main {
  padding:10px 0;
}

.theprice h1 {
  padding:10px 0;
}


}

.form-error{
	color:red;
	font-weight:bold;
}