@font-face{
    font-family: AvertaReg;
    src:url(../fonts/AvertaStd-Regular.otf)
}
@font-face{
    font-family: AvertaXBold;
    src:url(../fonts/AvertaStd-ExtraBold.otf)
}
@font-face{
    font-family: AvertaSemiBold;
    src:url(../fonts/AvertaStd-Semibold.otf)
}

html {
  scroll-behavior: smooth;
}

body{
font-family: AvertaReg, sans-serif;
    color:#999999;
    font-weight: normal;
    font-size: 17px;
    overflow-x: hidden;

}

.active{
    font-weight: 400;
}

.lite{
    font-family: AvertaReg, sans-serif;  
    margin-bottom: 40px;
}

h1{
font-family: AvertaXBold, sans-serif;
    color: #5584B2;
    font-size: 32px; 
    letter-spacing: 1px;
  
}
h2
{
  
font-size:22px;
    font-weight: 300;
    
}
h3
{

font-size:18px;
    font-weight: 400;
     color: #2B4A6B;
}


.mainList
{
    margin-top: 40px;
    color: #F3BB3C;
}
.mainList li
{
    margin-top: 40px;
    
}
.mainList p strong
{
   font-family: AvertaReg;
    font-size: 22px;
  color:#5584B2;
    letter-spacing: 2px;
}
.mainList p 
{
    
	color:#999999;
}

.qHeader {

background:linear-gradient(180deg, rgba(85, 132, 178, 0.8), rgba(85, 132, 178, 0)), url("../img/Sheep-cover.jpg");
background-repeat:no-repeat;
	background-position: left center;
color:#FFF;
height:500px;
   
    margin-top:60px;
    background-size: cover;
}

.headerCopy{
  padding-top: 80px;
}

.headerCopy h1{
font-size: 42px;
  padding-bottom:10px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #FFF;
}
 .headerCopy h2{
 
   font-weight:400;
    letter-spacing: 1px;
     font-size: 26px;
     margin-bottom: 30px;
}


.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
    height: auto;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: none;
  border-radius: 10px;
  outline: 0;
}


.modal-body
{
    border: none;
}






.bg-light {
  background-color: #FFF !important;
}



.navbar-light .navbar-nav .nav-link {
color: #5584B2;
     font-size: 15px;
    padding-left:14px;
    padding-right:14px;   
    letter-spacing: 0.6pt;
    font-weight: 400;
}
.navvy{
  color: #EC9821!important;
}
.navvy:hover{
  color: #EC9821!important;
}



.navbar-light .navbar-nav .nav-link:hover {

    text-decoration: underline;
}

.navbar-light .navbar-nav .nav-link.active {
  color: #2B4A6B;
}


.navbar{
	border-bottom: 0.5px solid #2B4A6B;

}

.btn-success2 {
  color: #FFF;
  background-color: #5584B2;
  border-color: #5584B2;
    font-weight: 700;
}
.btn-success2:hover {
   color: #fff;
  background-color: #2B4A6B;
  border-color: #2B4A6B;
}

.btn-success {
  color: #fff;
  background-color: #5584B2;
  border-color: #5584B2;
font-weight: 700;
}

.btn-success:hover {
  color: #fff;
  background-color: #2B4A6B;
  border-color: #2B4A6B;
}

.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #5584B2;
  border-color: #5584B2;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}


.ostrich
{
	
    background-image: linear-gradient(-90deg, #5684B3,#2B4A6B);
	color: #FFF;
    padding: 60px 0 0 0;
    border-top: 2px solid #FFF;
    
}
.ostrich h2{
    font-weight: 400;  
    font-size: 30px;
    letter-spacing: 1.2px;
}
.ostrich p{
    font-weight: 400; 
    margin-top: 30px;
    font-size: 18px;
}
.features
{
	margin-top: 40px;
}
.features img
{
	margin-bottom: 14px;
}
.features p strong
{
	font-size: 18px;
    font-family: AvertaSemiBold, sans-serif;
  color:#2B4A6B;
}
.card
{
 margin-top: 40px;
  padding: 30px;
  border:0.5px solid #5584B2;
    border-radius: 10px;
   box-shadow:
  0 6.9px 2.2px rgba(45, 74, 107, 0.023),
  0 13.1px 5.3px rgba(45, 74, 107, 0.033),
  0 19.8px 9.9px rgba(45, 74, 107, 0.039),
  0 28.6px 17.6px rgba(45, 74, 107, 0.045),
  0 42.2px 33px rgba(45, 74, 107, 0.052),
  0 77px 79px rgba(45, 74, 107, 0.07)
;
  
}



.qForm{
   padding-top: 40px; 
}

.no-shadow{
    box-shadow:none;
    border-radius:none;
    border: 0.5px solid #D4DDE3;
    padding: 20px;
    border-radius:0px;
}

.card-title2
{
    color:#FFF;
    font-weight:300;
    font-size:22px;
    display: block;
    background:#5584B2; 
    padding: 8px 0 8px 10px;
    margin-bottom: 30px;
    
}
.card-title2-yellow
{
    color:#FFF;
    font-weight:400;
    font-size:18px;
    display: block;
    background:#F3BB3C; 
    padding: 8px 0 8px 0;
    margin-top: 30px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(45, 74, 107,0.15);
    
}
.card-title2-yellow:hover{
    text-decoration: none;
    background:#F5C25D; 
    
}

.card-title2-blue
{
    color:#FFF;
    font-weight:400;
    font-size:18px;
    display: block;
    background:#5584B2;
    border-color:#5584B2; 
    padding: 8px 0 8px 0;
    margin-top: 30px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(45, 74, 107,0.15);
    
}
.card-title2-blue:hover{
    text-decoration: none;
    background:#2B4A6B; 
    border-color: #2B4A6B;
    
}

.card-title2-blue-outline
{
    color:#5584B2;
    font-weight:400;
    font-size:18px;
    display: block;
    background:#FFF;
    border:1px solid #5584B2; 
    padding: 8px 0 8px 0;
    margin-top: 30px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(45, 74, 107,0.15);
    
}
.card-title2-blue-outline:hover{
    text-decoration: none;
    background:#2B4A6B; 
    border-color: #2B4A6B;
    
}
.selected
{
   color:#FFF;
    background:#2B4A6B; 
}
.card-text span
{
    font-size:22px;
    font-weight:300;
    color:#5584B2;
}

.card-text strong
{
       color:#2B4A6B;
}

.card-title
{
    color:#5584B2;
    font-weight:400;
    font-size:24px; 
}


.card-title3
{
    color:#5584B2;
    font-weight:300;
    font-size:22px; 
    padding-bottom: 10px;
    text-align: center;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding:0;
	z-index: 1;
}

.card-body2 {

    padding: 40px;
}
.card-img{
    width: 180px;
}
section{
	margin-top: 80px;
    margin-bottom: 80px;
}
.no-header
{
    padding-top: 40px;
}


.qPattern
{
	z-index: 0;
	margin-top: -120px;
	height: 260px;
	background:url("../img/pattern-bg-09.png");
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 100%;
    
}
.qTable{
    
  border-collapse: collapse;
    border: 0.5px solid #D4DDE3;
    margin-bottom: 60px;
    margin-top: 40px;
    
    
}

.qTableFeatures{
    
  border-collapse: collapse;
    border: 0.5px solid #D4DDE3;
   
    
    
    
}

.qTable td, .qTableFeatures td{
  padding: 20px;
}
.qTable td strong, .qTableFeatures td strong{
  color:#2B4A6B;
}

.qTable-Heading{
    background: rgba(212, 221, 227, 0.2);
}

.qTable tr:nth-child(even){
  background: rgba(212, 221, 227, 0.2);
    
}
.qTableCheck{
    text-align: center;
}

.btn-primary {
  color: #fff;
  background-color: #F3BB3C;
  border-color: #F3BB3C;
}

.btn-primary:hover {
  color: #fff;
  background-color: #F5C25D;
  border-color: #F5C25D;
}
.button-centre
{
	margin: 0 auto;
  text-align: center;
}

.button-margin
{
    margin-top: 40px;
}

.qInstructions
{
    margin-top: 40px;
}
.qInstructions  h3 span
{
    
    margin-right: 10px;
    margin-bottom: 30px;
    padding:6px 8px 6px 8px;
    background: #2B4A6B;
    color: #FFF;
    border-radius: 8px;
    
    
}
.helpContent  h3 
{
    
    margin-bottom: 40px;
    font-size: 18px;
    font-family: AvertaSemiBold, sans-serif;
}


.industries 
{
   margin-top: 20px;
}
.industries img
{
   margin-bottom: 20px;
}
.industries p
{
    padding-top: 6px;
    color: #2B4A6B;
    font-weight: 400;
    font-size: 18px;
}
.industries a:link{
    box-shadow: box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

.Imgborder img
{
    border: 1px solid #CCCCCC;
}

footer
{
    background: #2B4A6B;
    
    color: #FFF;
    padding-top: 80px;
     padding-bottom: 20px;
    margin-top: 80px;

}
footer hr
{
    
    border: 0.5px solid #FFF;
    border-collapse: collapse;
    margin-top: 80px;
}
footer h1
{
    color: #FFF;
    font-size:22px;
}
footer p
{
    font-size:18px;
    margin-top: 20px;
}

.tiny-copy  
{
    text-align: center;
    
}

.tiny-copy  li
{
    font-size:11px;
    display:inline;
    padding: 0px 10px 0px 10px
}
footer ul{
list-style-type: none;
  margin: 0;
  padding: 0;
}
footer li  a:link, a:visited,  a:hover
{
    
    
    color: #FFF;
  text-decoration: underline;

}

.footer-button
{
   
    padding: 10px 20px 10px 20px;
    background-color: #FFF;
    color: #2B4A6B;
    font-weight: 300;
    font-size: 18px;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  transition: box-shadow 0.3s ease-in-out;
    
}
.footer-button:visited
{
     color: #2B4A6B;
}
.footer-button:hover
{
    text-decoration: none;
    box-shadow:
  0 5.1px 2.2px rgba(0, 0, 0, 0.023),
  0 9.7px 5.3px rgba(0, 0, 0, 0.033),
  0 14.7px 9.9px rgba(0, 0, 0, 0.039),
  0 21.1px 17.6px rgba(0, 0, 0, 0.045),
  0 31.3px 33px rgba(0, 0, 0, 0.052),
  0 57px 79px rgba(0, 0, 0, 0.07)
;
    transition: box-shadow 0.3s ease-in-out;
       color: #2B4A6B;
}

.btnContainer
{
    padding-top: 40px;
    padding-left: 38px;
}

.yellow-button
{
   
    padding: 10px 20px 10px 20px;
    background-color: #F3BB3C;
    color: #FFF;
    font-weight: 300;
    font-size: 18px;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(45, 74, 107,0.15);
  transition: box-shadow 0.3s ease-in-out;
    
    
}
.yellow-button:hover
{
    color: #F3BB3C;
    text-decoration: none;
    background-color: #FFF;
    
box-shadow:
  0 1.6px 11.1px rgba(45, 74, 107, 0.023),
  0 2.8px 15px rgba(45, 74, 107, 0.033),
  0 4.2px 17.8px rgba(45, 74, 107, 0.039),
  0 5.9px 20.9px rgba(45, 74, 107, 0.045),
  0 8.5px 25.7px rgba(45, 74, 107, 0.052),
  0 15px 40px rgba(45, 74, 107, 0.07)
;
    transition: box-shadow 0.3s ease-in-out;
    
}

.yellow-button2
{
   
    padding: 10px 20px 10px 20px;
    background-color: #F3BB3C;
    color: #FFF;
    font-weight: 300;
    font-size: 18px;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(45, 74, 107,0.15);
    width: 100%;   
}

.industry-box
{
    margin-top: 40px;
    /*border: 1px solid rgba(212, 221, 227, 0.4);*/ 
  
}

.toggler{
    color: #5584B2;
        text-decoration:underline;
    cursor: pointer;
    
}
.industry-copy
{
    padding: 40px;
}
.industry-copy p strong
{
    font-weight:400;
    font-size: 18px;
	color:#5584B2;   
    
}


.gradient-top
{
    height: 4px;
    background:linear-gradient(90deg, rgba(212, 221, 227, 1), rgba(85, 132, 178, 1));
    
   
}
#more, #more2, #more3, #more4, #more5, #more6  {display: none;}

.tableBox{border: 0.5px solid #D4DDE3;}


.terms h2 span
{
    color:#5584B2; 
    font-weight: 400;
}
.terms h2 
{
    margin-bottom: 40px;
     margin-top: 40px;
    padding-bottom: 20px;
    border-bottom: 0.5px solid #D4DDE3;
}
.terms li{
    padding-bottom: 10px;

}


.device-tab
{
    margin: 40px 0 20px 0;
}



.device-tab ul
{
    margin: 20px 0;
    padding: 0;
    list-style-type: none;
    border-bottom: 1px solid #2B4A6B;
}

.device-tab li
{
 display: inline;
    margin-right: 10px;
}

.device-on
{
    border-top: 1px solid #2B4A6B;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-right: 1px solid #2B4A6B;
    border-left: 1px solid #2B4A6B;
    padding: 10px 10px 3px 10px;
    background-color: #FFF;
    font-size: 14px;
    font-weight: 700;
    color: #2B4A6B;
}

.device-off
{
    
    padding: 0px 10px 0px 10px;
    background-color: #FFF;
    font-size: 14px;
}

.helpIndex 
{
    background-color: aliceblue;
    position: fixed;
    overflow-x: hidden;
    z-index: 1;
    height: 100%;
     top: 0; /* Stay at the top */
  left: 0;
    padding-top: 40px;
}



.helpIndex h2
{
    margin-bottom: 20px;
   color: #2B4A6B;
}

.helpIndex p
{
 font-size: 12px;

}
.helpIndex ul
{
    list-style-type: none;
}
.helpIndex li
{
 font-size: 12px;
   
}

.helpContent a:link
{
    color: #2B4A6B;
    
}
.helpContent a:visited
{
    color: #2B4A6B;
    
}
.helpContent a:active
{
    color: #2B4A6B;
    
}
.helpContent a:hover
{
    color: #2B4A6B;
    
}

.btn-link
{
   color: #5584B2; 
}
.btn-link:hover
{
   color: #2B4A6B; 
}


.indexBlock
{
    border-bottom: 1px solid #E6E7E8;
    margin-bottom: 40px;
}


.fixedButton {
    display: none;
    position: fixed;
    bottom: 20px;
    z-index: 99;
    font-size: 18px;
    background-color: #EC9821;
    color: #FFF;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
    opacity: 0.7;
  }
  
  .fixedButton:hover {
    background-color: #F3BB3C;
  }


#myBtn { 
    right: 30px;
  }
  
 

.helpContent h1
{
    
    font-family: AvertaSemiBold, sans-serif;
    margin-bottom: 20px;
}

.helpContent h2
{
    
    font-family: AvertaSemiBold, sans-serif;
    margin-bottom: 20px;
}

.helpContent h2
{
    margin:20px 0 20px 20px;

    color: #5584B2;
}
.red {
    color: red; 
}

.note, .exampleArea p, .exampleArea li, .note li {
    color: #EC9821 !important;
}
.exampleArea
{
    padding: 20px;
    /* color: #5584B2; */
    color: #EC9821 !important;
    border: 1px solid #5584B2;
    border-radius: 16px;
    margin-bottom: 40px;
}

.helpContent p, li
{
    color: #5584B2;
}
.small-image{
    max-width:500px;
}

.helpContent img
{
    width: 80%;
    padding: 20px;
    margin: 10px 0 20px 0;
    border: 1px solid #E6E7E8;
}

@media all and (max-width: 990px) {
    .helpContent img{
        width: 100%;
  }

.helpHeader {
    
    background-color: #2B4A6B;
    text-align: center;
    height: 290px;
    background:url("../img/pattern-bg-09.png");
	background-repeat:no-repeat;
	background-position: center center;
    background-size: 100%;
    
    
}
.helpHeader h1{
    font-family: AvertaSemiBold, sans-serif;
    color: #FFF;
    padding-top: 30px;
}

.helpHeader img{
    padding-top: 60px;
}



.indent{
    margin-left: 55px;
}