body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", "Segoe UI", sans-serif}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:10px 0}
html,body{font-size:15px;line-height:1.8}
html{overflow-x:hidden}
h1{font-size:28px}
h2{font-size:20px}
h3{font-size:16px}
h4{font-size:14px}
h5{font-size:12px}
h6{font-size:10px}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
img{margin-bottom:-5px}a{color:inherit}
ul { }
li { margin: 0px 0px 0px 0px; }
p { line-height: 1.3em; }
b, strong { font-weight: bold; }
em, i { font-style: italic; }
input, textarea { border: 1px solid #ccc; padding: 5px; }
a:link, a:visited { color: #1799cd; text-decoration: none; }
a:hover, a:active { color: #c62828; text-decoration: none; }

/* Menu bar */
.topnav {
  background-color: white;
  overflow: hidden;
  box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  margin-bottom: 1px;
}

.topnav a {
  float: left;
  display: block;
  text-align: center;
  text-decoration: none;
}

.topnav .icon {
  display: none;
  float: right;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  border: none;
  outline: none;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;  
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  transition:background-color .25s,color .15s,box-shadow .15s,opacity .25s,filter .25s,border .15s;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.topnav .menubar{ float: right; }
.navbar-icon { background: url("../images/bg-hdr-delimiter.gif") repeat-y top right; }

@media screen and (max-width: 840px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    display: block;
  }
  .navlink{ display: block; }
  .navbar-icon{ background-image: none !important; }
}

.topnav.responsive {position: relative;}
.topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
    float: left;
}
.topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
}
.topnav.responsive .dropdown {float: none;}
.topnav.responsive .dropdown-content {position: relative;}
.topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
}
.topnav.responsive .menubar{ float: none; }
.topnav.responsive .navlink{    border-top: 1px solid #8eb8c9;}

/*.navbar-bg { background: white; }*/
/*.navbarlarge li a { float:left;}*/
.navlogo{ padding:8px 10px 8px 4px; display:block; }
.navlink{ padding:11px 9px; font-size:15px; display:block;
          transition:background-color .25s,color .15s,box-shadow .15s,opacity .25s,filter .25s,border .15s
}
.navlink:hover, .dropdown-content a:hover{color:#000;background-color:#ccc}

/*.navlinksm{ padding:10px 8px; font-size:15px; display:block; }*/
/*.navlinkmenu{ padding:11px 12px; font-size:15px; display:block; }*/
.login{ border-left: 1px dashed #8eb8c9; }
/*.srs-logo { margin: 17px 35px 0px 0px; }*/
a.navlink:link, a.navlink:visited, a.navlinkmenu:link, a.navlinkmenu:visited, a.navlinksm:link, a.navlinksm:visited{color:#000000;text-decoration:none;}

/********************************************************************************************************************/

.sr-white{color:#000!important;background-color:#fff!important}
/*.sr-hover-white:hover{color:#000!important;background-color:#fff!important}*/
.sr-text-grey{color:#757575!important}
.sr-light-grey{color:#000!important;background-color:#fbfbfb!important}
.sr-container:after,.sr-row-padding:after{content:"";display:table;clear:both}

/*li.navbar-icon { background: url("../images/bg-hdr-delimiter.gif") repeat-y top right; }
li.navsmallitem{ border-top: 1px solid #8eb8c9;}
li.navsmallitemlast{ border-bottom: 1px solid #8eb8c9; }*/
/*.sr-top,*/
/*.sr-bottom{width:100%;z-index:1}*/
/*.sr-top{top:0; margin-bottom:1px;}*/
/*.sr-bottom{position:fixed;bottom:0}*/
/*.sr-right{float:right!important}*/
/*
.sr-navbar{list-style-type:none;margin:0;padding:0;overflow:hidden;line-height:1.8;}
.sr-navbar a{text-decoration:none!important}
.sr-navbar li{float:left}
.sr-navbar li a:hover{color:#000;background-color:#ccc}*/
/*.sr-navbar a{-webkit-transition:background-color .25s,color .15s,box-shadow .25s,opacity 0.25s,filter 0.25s,border 0.15s;
  transition:background-color .25s,color .15s,box-shadow .15s,opacity .25s,filter .25s,border .15s}*/

/*@media screen and (max-width:840px){
    .sr-topnav a{display:block} 
    .sr-navbar li:not(.sr-opennav){float:none;width:100%!important} 
    .sr-navbar li.sr-right{float:none!important}
}	*/
/*@media screen and (max-width:840px){.sr-navbar{text-align:center}}*/
/*@media (max-width:840px){.sr-hide-small{display:none!important}}*/
/*@media (max-width:992px) and (min-width:841px){.sr-hide-medium{display:none!important}}
@media (min-width:993px){.sr-hide-large{display:none!important}}*/

@media (max-width:600px){.small-to-lge{max-width:500px}}
@media (max-width:840px){.small-to-lge{max-width:500px}}
@media (min-width:993px){.small-to-lge{max-width:300px}}

/*.sr-shadow{box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}*/
.sr-hover-none:hover{box-shadow:none!important;background-color:transparent!important}
.sr-image{max-width:100%;height:auto}
.sr-container{padding:0.01em 16px}
/*.hdlnepad{padding-top:16px!important;padding-bottom:0px!important}*/
.subhdlnepad{padding-top:0px!important;padding-bottom:0px!important}
/*.toppad48{padding-top:48px!important;padding-bottom:0px!important}*/

* { box-sizing: border-box; }

.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
}
/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
/* For tablets: */
@media only screen and (min-width: 840px) {
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
/* For desktop: */
@media only screen and (min-width: 993px) {
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

/*-----------------------------------------------------------------*/
/* W3.CSS 2.85 Jan 2017 by Jan Egil and Borge Refsnes */
/*html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}*/
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{/*-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%*/}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;/*-webkit-text-decoration-skip:objects*/}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}
img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */

.sr-content{max-width:980px;margin:auto}
.sr-hide{display:none!important}
.sr-show{display:block!important}
.sr-large{font-size:18px!important}
.sr-left-align{text-align:left!important}
.sr-center{text-align:center!important}
.sr-margin-left{margin-left:16px!important}
.sr-margin-right{margin-right:16px!important}
.sr-padding-16{padding-top:16px!important}
.sr-padding-32{padding-top:32px!important}
.sr-padding-48{padding-top:48px!important}
.sr-padding-64{padding-top:64px!important}
.pad-bottom {padding-bottom: 12px;}

.products-row{ background: url("../images/bg-slider-rpt.png") repeat-x 0px 160px; }
.promo { overflow: hidden; background: url("../images/bg-promo-gradient.png") no-repeat 170px 0px; }
.info-text-main { margin-left: 180px; }
.info-text-main p { max-width: 180px; font-size: 14px; }

.page-body-inner { max-width: 980px; margin: auto; padding: 0.01em 16px;}

.fl { float: left; }
.fr { float: right; }
.center { margin: auto }
.cp { cursor:pointer }
.cb { clear: both; }
.w-sixty-five { width: 65%; }
.mt-twenty { margin-top: 20px; }
.mt-thirty { margin-top: 30px; }

.fronticon { width:22px; }

.form-element { display: block; margin: 0px 0px 10px 0px; overflow: hidden; float:left; }
.form-label { color: #000; text-align: right; margin: 4px 10px 0px 0px; }

/* CTA */
.cta-primary { 
display: inline-block; padding: 7px 10px; overflow: hidden; margin: 10px 0px 0px 0px; 
background: #bd0000; 
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.14) inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}

.cta-primary:hover { 
background: #1799cd; 
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.14) inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}

.cta-primary.blue-button { 
display: inline-block; padding: 7px 10px; overflow: hidden; margin: 10px 0px 0px 0px;
background: #1799cd; 
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.14) inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}

.cta-primary.blue-button:hover { 
background: #bd0000; 
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.14) inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
 
.cta-primary .text { 
line-height: 0.95em; padding: 0; margin: 0; 
text-transform: uppercase; 
background: none; border: none; float: left; 
font-size: 15px; 
color: #fff; 
}
.cta-primary .chevron { float: left; font-size: 24px; line-height: 0.4em; margin: 0px 0px 0px 6px; color: #fff;}

.cta-secondary { 
width: 100%; 
overflow: hidden; display: block; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.cta-secondary .text { float: left; font-size: 16px; }
.cta-secondary .chevron { float: left; display: block; font-size: 30px; line-height: 24px; margin: 0px 0px 0px 10px; }

form.cta-primary { cursor: pointer; }

.cta-primary input.text { 
cursor: pointer; 
line-height: 0.95em; padding: 0; margin: 0; 
text-transform: uppercase; 
background: none; border: none; float: left; 
font-size: 15px; 
color: #fff; 
}
 
.red { color: #a51212!important; }
.orange { color: #da7c00!important; }

/* Grids */
.grid-nine { width:100%; clear: both; overflow: hidden; display: block; }
.grid-six { float: left; margin: auto; }
.full-width { margin:auto;  }

/* Panels */
.small-panel-outer{ margin-top:20px; padding:10px;}
.small-panel-alpha-outer { 
 -moz-border-radius: 4px; 
 -webkit-border-radius: 4px; 
 border-radius: 4px; 
 border: 1px solid #8eb8c9; 
}
.small-panel-alpha-inner { overflow: hidden; padding: 16px 16px 8px 16px; background: #fefefe; }
.small-panel-header { display: block; overflow: hidden; border-bottom: 1px solid #8eb8c9; }
.small-panel-header img { padding: 4px 0px 0px 0px; margin: 0px 12px 0px 0px; }
.small-panel-header h3 { border-left: 1px solid #8eb8c9; padding: 0px 0px 0px 10px; margin: 0px 0px 8px 0px; font-size:18px;}
.small-panel-header a:link, .small-panel-header a:visited { color: #1f2d40; }
.small-panel-header a:hover, .small-panel-header a:active { color: #c62828; }
.small-panel-body { height: 180px; margin: 20px 0px 0px 0px; }
.small-panel-body p { margin: 0px 0px 0px 0px; color: #667; }

.panel-beta-inner { overflow: hidden; }

/* Lists */
ul.bullet { }
ul.bullet li { list-style-type: disc; list-style-position: outside; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px; }
ol.number { }
ol.number li { list-style-type: decimal; list-style-position: outside; margin: 0px 0px 0px 15px; padding: 0px 0px 10px 0px; }

.banner-container{position: relative;background: url("../images/bg-banner-generic.jpg") no-repeat left;height: 85px; background-position-x: -40px;}
.banner-text{position: absolute; bottom: 24px; left: 32px; text-shadow: 1px 1px 2px #a09b9b; font-size: 24px; text-wrap: nowrap;}

/* Products */
.product-inner { overflow: hidden; padding: 0px 0px 40px 0px; } 
.product-outer .boxshot, .downloads-outer .boxshot { margin-right: 10px; }
.product-outer .info-text { width: 52%; }

ul.list-red { margin: 0px 0px 0px 0px; list-style: none; padding-left: 14px; }
ul.list-red li { background: url("../images/bg-icon-chevron-red.gif") no-repeat top left; padding: 0px 0px 10px 20px; /*font-size: 1.2em;*/ background-position: 0px 6px; }

.product-outer h2 { font-size: 34px; margin-top:4px; }
ul.list-orange { margin: 0px 0px 0px 0px; list-style: none; padding-left: 14px; }
ul.list-orange li { background: url("../images/bg-icon-chevron-orange.gif") no-repeat top left; padding: 0px 0px 10px 20px; background-position: 0px 6px; }

/* About and Contact */
.about-inner-panel1 { padding-right: 20px; }
.about-inner-panel2 { padding: 0px 0px 0px 20px; background: url("../images/bg-column-delimiter.png") no-repeat top left; }

/* Downloads */
.downloads-grad-bg { background: url("../images/bg-download-gradient.png") no-repeat 0px 0px; }
.demo-downloads {margin-top:10px; margin-left:10px; color:#667;}
.demo-downloads-label1 { font-weight: bold; }
.demo-downloads-label2 { margin-bottom:10px; }
ul.download-details { list-style: none; color: #667; padding-left: 0px; }
ul.download-details li { margin: 0px 0px 10px 10px; }
.download-icon { margin: 0px 20px 0px 0px; width: 65px; }
.downloads-grad-bg { background: url("../images/bg-download-gradient.png") no-repeat 0px 0px; }
.download-label { font-weight: bold; width: 70px; display: block; float: left; margin: 0px 20px 0px 0px; text-align: right; }

/* Footer */
#footer-outer { width: 100%; background: url("../images/bg-footer.png") no-repeat top center; margin-top: 20px; }
#footer-inner { margin:auto; padding: 15px 30px 25px 30px; overflow: hidden; }
.footer-panel { 
 float: left; 
 padding: 0px 20px 0px 20px;
 background: url("../images/bg-footer-delimiter.png") no-repeat top right;
}
.footer-panel li { margin: 0px 0px 3px 0px; }
.footer-panel h3 { font-size:18px }


/* Modal pages */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 4px;
border: 1px solid #888;
width: 80%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

@-webkit-keyframes animatetop {
from {top:-300px; opacity:0} 
to {top:0; opacity:1}
}

@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}

.close {
color: black;
float: right;
font-size: 28px;
font-weight: bold;
}

.close:hover, .close:focus {
color: darkred;
text-decoration: none;
cursor: pointer;
}

.modal-header {padding: 2px 16px;}

.modal-body {
height: 480px;
overflow: auto;
padding: 2px 16px;
}

.modal-footer {padding: 2px 16px;}

.iframe-video-container {
    display: flex;
    justify-content: center;
  }
  
.responsive-iframe {
  aspect-ratio: 16 / 9;
  width: 100% !important;
}