/*---------- NI.CSS ----------*/
/* HTML DEFAULTS - NICSS - Feb 9 */

h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
    font-family: 'Roboto Condensed', sans-serif;
    margin: 0;
    padding: 0;
    line-height:1.42857143;
}
h1, .h1, h2, .h2 {
    font-weight: 300;
}

h3, .h3{
    font-weight: 400;
}

h4, .h4{
    font-weight: 600;
}

h1, .h1, .ni-home h1, .ni-home .h1 {
    font-size:24px;
}
h2, .h2{
    font-size:21px;
}
h3, .h3{
    font-size:16px;
}
.section-header{
    font-size:14px;
}
body{
        font-size:13px;
}


@media (min-width: 768px){
    h1, .h1{ font-size:36px; }
    .ni-home h1, .ni-home .h1{ font-size:25px; }
    h2, .h2{ font-size:26px;}
    h3, .h3{ font-size:18px;}
    .section-header{font-size:14px;}
    body{font-size:13px;}
}

@media (min-width:920px) {
    h1, .h1 {
        font-size: 45px;
    }
    .ni-home h1, .ni-home .h1 {
        font-size: 45px;
    }
    .ni-homepage-top h1, .ni-homepage-top .h1 {
        font-size: 40px;
    }
    h2, .h2{ font-size:32px;}
    h3, .h3{ font-size:21px;}
    .section-header{font-size:18px;}
    body{font-size:16px;}
}


p
{
    margin:0;
    padding:0;
}

/*-----------------------------------------------------
        Remove the 40 pixels from footer for AEM/CMS
-------------------------------------------------------*/
.ni-page-wrap .footer {
    margin-top: 0;
}

/*-----------------------------------------------------
        Adding Optional 85 pixel rule
-------------------------------------------------------*/
.ni-page-wrap .ni-footer-divider {
    height: 85px;
}

@media only screen and (max-device-width : 667px) {
    .ni-page-wrap .ni-footer-divider {
        height: 10px;
    }

}

/*-----------------------------------------------------
        Adding Legal Treatment.
-------------------------------------------------------*/

.ni-text-legal-treatment {
    font-size: 10px;
    font-style: italic;
}

/*-----------------------------------------------------
       Removing "X" from input boxes in IE.
-------------------------------------------------------*/
::-ms-clear {
    display: none;
}
/*-----------------------------------------------------
       Declare font specific classes
-------------------------------------------------------*/

.section-header, .section-subhead{font-family: 'Roboto Condensed', sans-serif;
}

/*-----------------------------------------------------
       Divider Classes
-------------------------------------------------------*/

.ni-divider-small {
    height: 1px;
}

.ni-divider-medium {
    height: 5px;
}

.ni-divider-large {
    height: 10px;
}

/*-----------------------------------------------------
        Reset ul and ol padding and margin
-------------------------------------------------------*/

ol, ul {
    margin-bottom: 0;
    padding: 0;
}

ol {
    padding-left: 20px;
}
ul {
    padding-left: 15px;
    list-style-type: square;
}
ul.ni-linklist li,
ul.ni-linklist li
{
    margin-bottom:9px!important;
}

ul.ni-linklist li::-moz-list-bullet
{
    font-size: 10px;
    padding-right: 8px;
}



/* FLOATS */
.left { float:left; }
.right { float:right; }
.clear { clear:both; }

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}


/* NI text modifications -  */

.ni-uppercase {
    text-transform: uppercase;
}

.ni-lowercase {
    text-transform: lowercase;
}

.ni-capitalize {
    text-transform: capitalize;
}

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

.ni-text-align-center {
    text-align: center;
}

.ni-text-align-right{
    text-align: right;
}



/* Enforcing the 15px padding on container -  */
.container-fluid.aem {
    padding-left: 15px;
    padding-right: 15px;
}

/* NI text component background AEMEC-14 -  */

.ni-blue {
    background-color: #065FA3;
    color: #fff;
}

.ni-darkgrey {
    background-color: #444;
    color: #fff;
}

.ni-lightgrey {
    color:#000000;
    background-color: #E7E7E7;
}

/*-----------------------------------------------------
        Light grey anchor tags for feature only
-------------------------------------------------------*/

.ni-lightgrey .feature p a {
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}

.ni-lightgrey .feature p a:hover {
    text-decoration: none;
}

.ni-white {
    background-color: #fff;
    color: #000;
}
.ni-darkgrey p a, .ni-darkgrey a, .ni-blue p a, .ni-blue a{
    color:#fff;
}
    .ni-darkgrey p a, .ni-blue p a{
    text-decoration:underline;
}
    .ni-darkgrey p a:hover, .ni-blue p a:hover{
    text-decoration:underline;
    color:#b2b2b3;
}

/*-------------------------------------------
            S&B Button Styles
---------------------------------------------*/
.ni-btn{
    display: inline-block !important;
    margin-top: 20px;
    padding: 13px 15px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    text-transform: uppercase;
}
.ni-btn:hover{
  text-decoration: none;
}

/* Default NI Button - Light */
.ni-btn-primary{
    color: #fff;
    background-color: #f04e23;
    font-weight: 400;
}
.ni-btn-primary:hover{
    color: #fff;
    background-color: #d73a0f;
}

.ni-btn-secondary{
    color: #d73a0f;
    background-color: transparent;
    font-weight: 400;
    border: 2px solid #f04e23;
}
.ni-btn-secondary:hover{
    color: #fff;
    background-color: #f04e23;
}

.ni-btn-tertiary{
    color: #065fa3;
    background-color: transparent;
    font-weight: 400;
    border: 2px solid #065fa3;
}
.ni-btn-tertiary:hover{
    color: #fff;
    background-color: #065fa3;
}
.ni-btn-commerce{
    color: #fff;
    background-color: #6aa239;
    font-weight: 400;
}
.ni-btn-commerce:hover{
    color: #fff;
    background-color: #4b8400;
}

/* Dark Button */



.ni-darkgrey .ni-btn-primary, .ni-blue .ni-btn-primary{
    color: #d73a0f;
    background-color: #fff;
    font-weight: 400;
}
.ni-darkgrey .ni-btn-primary:hover, .ni-blue .ni-btn-primary:hover{
    color: #fff;
    background-color: #f04e23;
    border: 2px solid #fff;
    padding: 11px 13px;
}

.ni-darkgrey .ni-btn-secondary, .ni-blue .ni-btn-secondary{
    color: #fff;
    background-color: transparent;
    font-weight: 400;
    border: 2px solid #fff;
}
.ni-darkgrey .ni-btn-secondary:hover, .ni-blue .ni-btn-secondary:hover{
    color: #d73a0f;
    background-color: #fff;
}

.ni-darkgrey .ni-btn-tertiary, .ni-blue .ni-btn-tertiary{
    color: #fff;
    background-color: transparent;
    font-weight: 400;
    border: 2px solid #fff;
}
.ni-darkgrey .ni-btn-tertiary:hover, .ni-blue .ni-btn-tertiary:hover{
    color: #065fa3;
    background-color: #fff;
}

.ni-darkgrey .ni-btn-commerce, .ni-blue .ni-btn-commerce{
    color: #4b8400;
    background-color: #fff;
    font-weight: 400;
}
.ni-darkgrey .ni-btn-commerce:hover, .ni-blue .ni-btn-commerce:hover{
    color: #fff;
    background-color: #6aa239;
    border: 2px solid #fff;
    padding: 11px 13px;
}
/*-------------------------------------------
            End: S&B Button Styles
---------------------------------------------*/

/* Brought over from PNX */
.pnx-block-1x, .padding-bottom-sm, .ni-padding-bottom-small {
    margin-bottom:9px;
}

.pnx-block-2x, .padding-bottom-md, .ni-padding-bottom-medium {
    margin-bottom:18px;
}

.pnx-block-3x, .padding-bottom-lg, .ni-padding-bottom-large {
    margin-bottom:27px;
}

.pnx-block-1x p:last-child, .pnx-block-2x p:last-child, .pnx-block-3x p:last-child{
    margin-bottom: 0;
}

@media (min-width: 768px){
    /* Brought over from PNX */
.pnx-block-1x, .padding-bottom-sm, .ni-padding-bottom-small {
    margin-bottom:12px;
}

.pnx-block-2x, .padding-bottom-md, .ni-padding-bottom-medium {
    margin-bottom:24px;
}

.pnx-block-3x, .padding-bottom-lg, .ni-padding-bottom-large {
    margin-bottom:36px;
}
}

@media (min-width:920px) {
    
    /* Brought over from PNX */
.pnx-block-1x, .padding-bottom-sm, .ni-padding-bottom-small {
    margin-bottom:12px;
}

.pnx-block-2x, .padding-bottom-md, .ni-padding-bottom-medium {
    margin-bottom:24px;
}

.pnx-block-3x, .padding-bottom-lg, .ni-padding-bottom-large {
    margin-bottom:36px;
}
    
}

/* Separation for hotspot */
.ni-transparent-dark-blue {
    background-color: rgba(6, 95, 163, 0.9);
}

/*-------------------------------------------
            Adding Inset options
---------------------------------------------*/
.ni-inset-padding-small{
    padding: 15px;
}

.ni-inset-padding-medium{
    padding: 30px;
}

.ni-inset-padding-large{
    padding: 45px;
}

/*-------------------------------------------
            Adding container dropshadow
---------------------------------------------*/

.ni-container-top-dropshadow{
    -webkit-box-shadow: inset 0px 10px 8px -9px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px 10px 8px -9px rgba(0,0,0,0.3);
    box-shadow: inset 0px 10px 8px -9px rgba(0,0,0,0.3);
}

/* PNX Icons */

[class^="ni-icn-"],
[class*=" ni-icn-"] {
  display: inline-block;
  width: 25px;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
  background-image: url("../../images/icons/pnx-icns.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

[class^="ni-icn-"]:nth-child(2),
[class*=" ni-icn-"]:nth-child(2){
  margin-left: 8px;
}

.ni-icn-save{background-position: 0px -46px}
.ni-icn-save.disabled{background-position: 0px -92px}
.ni-icn-rtf{background-position: 0px -184px}
.ni-icn-pdf{background-position: 0px -460px}
.ni-icn-phone{background-position: 0px -322px}
.ni-icn-phone.disabled{background-position: 0px -368px}
.ni-icn-email{background-position: 0px -597px}
.ni-icn-user{background-position: 0px -733px}
.ni-icn-user.disabled{background-position: 0px -779px}
.ni-icn-cart{background-position: 0px -870px}
.ni-icn-cart.disabled{background-position: 0px -914px}
.ni-icn-print{background-position: 0px -1016px}
.ni-icn-fax{background-position: 0px -1016px}
.ni-icn-chevLeft{background-position: 0px -1162px; height: 18px}
.ni-icn-chevRight{background-position: 0px -1210px; height: 18px}
.ni-icn-pageLeft{background-position: 0px -1257px; height: 18px}
.ni-icn-pageRight{background-position: 0px -1303px; height: 18px}
.ni-icn-globalSearch{background-position: 0px -1349px; height: 18px}
.ni-icn-sidebarSearch{background-position: 0px -1394px; height: 20px; width: 28px}
.ni-icn-search{background-position: 0px -1442px}
.ni-icn-retrieve{background-position: -3px -1956px}
.ni-icn-refresh{background-position: -3px -1818px}
.ni-icn-request-quote{background-position: -3px -1542px}
.ni-icn-chat{background-position: -3px -1542px}
.ni-icn-chat.disabled{background-position: -3px -1588px}
.ni-icn-download{background-position: -3px -1680px}
.ni-icn-download.disabled{background-position: -3px -1726px}
.ni-icn-rss{background-position: 0px -2098px}
.ni-icn-srm{background-position: -3px -2373px}
.ni-icn-srm.disabled{background-position: -3px -2423px}
.ni-icn-training{background-position: -3px -2233px}
.ni-icn-training.disabled{background-position: -3px -2278px}
.ni-icn-checkmark{background-position: -3px -1123px}
.ni-icn-attachment{background-position:-3px -2460px; height:20px;}
.ni-icn-close {background-image: url('/niassets/icons/close.svg'); width:32px; height:32px; cursor: pointer;}


a:hover .ni-icn-save{background-position: 0px 0}
a:hover .ni-icn-save.disabled{background-position: 0px -92px}
a:hover .ni-icn-rtf{background-position: 0px -138px}
a:hover .ni-icn-pdf{background-position: 0px -414px}
a:hover .ni-icn-phone{background-position: 0px -276px}
a:hover .ni-icn-email{background-position: 0px -552px}
a:hover .ni-icn-user{background-position: 0px -687px}
a:hover .ni-icn-cart{background-position: 0px -825px}
a:hover .ni-icn-print{background-position: 0px -960px}
a:hover .ni-icn-fax{background-position: 0px -960px}
a:hover .ni-icn-retrieve{background-position: -3px -1910px}
a:hover .ni-icn-refresh{background-position: -3px -1772px}
a:hover .ni-icn-request-quote{background-position: -3px -1496px}
a:hover .ni-icn-chat{background-position: -3px -1496px}
a:hover .ni-icn-download{background-position: -3px -1634px}
a:hover .ni-icn-rss{background-position: 0px -2052px}
a:hover .ni-icn-srm{background-position: -3px -2322px}
a:hover .ni-icn-training{background-position: -3px -2190px}

span:hover .ni-icn-phone{background-position: 0px -32px}
span:hover .ni-icn-phone.disabled{background-position: 0px -368px}
span:hover .ni-icn-user{background-position: 0px -687px}
span:hover .ni-icn-user.disabled{background-position: 0px -779px}
span:hover .ni-icn-chat{background-position: -3px -1496px}
span:hover .ni-icn-chat.disabled{background-position: -3px -1588px}
span:hover .ni-icn-download{background-position: -3px -1634px}
span:hover .ni-icn-download.disabled{background-position: -3px -1726px}
span:hover .ni-icn-srm{background-position: -3px -2322px}
span:hover .ni-icn-srm.disabled{background-position: -3px -2423px}
span:hover .ni-icn-training{background-position: -3px -2190px}
span:hover .ni-icn-training.disabled{background-position: -3px -2278px}

/******** Action icons ********/
.ni-actions{ background:url("../../img/icons/pnx-icns.png") 50px 50px no-repeat; display:inline-block;}

[class^="ni-action-l-"],
[class*=" ni-action-l-"] {
  padding-left: 26px;
  height: 17px;
  vertical-align: middle;
}

.ni-action-l-download{   background-position: -2px -1680px;}
.ni-action-l-download:hover{   background-position: -2px -1634px }
.ni-action-l-request-quote{    background-position: -2px -1542px; }
.ni-action-l-request-quote:hover{    background-position: -2px -1496px; }
.ni-action-l-print-fax{    background-position: 1px -1016px;}
.ni-action-l-print-fax:hover{    background-position: 1px -960px}
.ni-action-l-print{   background-position: 1px -1016px;}
.ni-action-l-print:hover{   background-position: 1px -960px}
.ni-action-l-buy-now{   background-position: 0px -870px }
.ni-action-l-buy-now:hover{   background-position: 0px -825px }
.ni-action-l-save-share{    background-position: 0px -46px;}
.ni-action-l-save-share:hover{   background-position: 0px 0 }
.ni-action-l-refresh{    background-position:0px -1818px; }
.ni-action-l-refresh:hover{    background-position:0px -1772px; }

/*finish disables*/
.ni-action-l-download.disabled{   background-position: -2px -1680px;}
.ni-action-l-download.disabled:hover{   background-position: -2px -1634px }
.ni-action-l-request-quote.disabled{    background-position: -2px -1542px; }
.ni-action-l-request-quote.disabled:hover{    background-position: -2px -1496px; }
.ni-action-l-print-fax.disabled{    background-position: 1px -1016px;}
.ni-action-l-print-fax.disabled:hover{    background-position: 1px -960px}
.ni-action-l-print.disabled{   background-position: 1px -1016px;}
.ni-action-l-print.disabled:hover{   background-position: 1px -960px}
.ni-action-l-buy-now.disabled{   background-position: 0px -870px }
.ni-action-l-buy-now.disabled:hover{   background-position: 0px -825px }
.ni-action-l-save-share.disabled{    background-position: 0px -92px }
.ni-action-l-save-share.disabled:hover{   background-position: 0px -92px}
.ni-action-l-refresh.disabled{    background-position:0px -1818px; }
.ni-action-l-refresh.disabled:hover{    background-position:0px -1772px; }

[class^="ni-action-r-"],
[class*=" ni-action-r-"] {
  padding-right:31px;
  height: 17px;
  vertical-align: middle;
}

.ni-action-r-download{ background-position:100% -1680px }
.ni-action-r-download:hover{ background-position:100% -1634px  }
.ni-action-r-request-quote{  background-position:100% -1542px }
.ni-action-r-request-quote:hover{  background-position:100% -1496px}
.ni-action-r-print-fax{  background-position:100% -1016px}
.ni-action-r-print-fax:hover{  background-position:100% -960px}
.ni-action-r-print{  background-position:100% -1016px }
.ni-action-r-print:hover{  background-position:100% -960px}
.ni-action-r-buy-now{  background-position:100% -870px }
.ni-action-r-buy-now:hover{  background-position:100% -825px }
.ni-action-r-save-share{    background-position:100% -46px }
.ni-action-r-save-share:hover{  background-position:100% 0; }
.ni-action-r-refresh{  background-position:97% -1818px; }
.ni-action-r-refresh:hover{  background-position:97% -1772px;}


[class^="ni-support-icon-"],
[class*=" ni-support-icon-"] {
  display: inline-block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  vertical-align: middle;
  background-image: url("../img/icons/support-icons.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  margin-right:12px;
}

.ni-support-icon-prod-manuals{ background-position:-389px 100% }
.ni-support-icon-knowledge-base{ background-position:-143px 100% }
.ni-support-icon-discuss{ background-position:-301px 100% }
.ni-support-icon-downloads{ background-position:-69px 100% }
.ni-support-icon-tutorials{ background-position:0px 100% }
.ni-support-icon-examples{ background-position:-220px 100% }


/********************************
 * jQuery-UI Overrides          *
 * ******************************/
.ui-widget-overlay {
    background: #000;
    position:absolute;
    top:0;
    left:0;
    opacity : .7;
    filter:alpha(opacity=70);
  #ie10 { z-index: 1001!important };
}

/**

 * Tabs Widget

 */

.ui-tabs .ui-tabs-nav {

    padding:0;

    margin:0;

    list-style: none;

    *display:inline-block; /* IE7 hack */

}



.ui-tabs .ui-tabs-nav:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

    _height: 1%; /* IE6 hack */

}



html[xmlns] .ui-tabs .ui-tabs-nav {

    display: block;

}



.ui-tabs .ui-tabs-nav li {

    font-size:12px;

    float:left;

    margin-right:4px;

    margin-left:0;

    margin-top:5px;

    position:relative;

    top:1px;

    _top:2px; /* IE6 hack */

    *top:2px; /* IE7 hack */

    list-style-type:none;

    border:1px solid #CCC;

    border-bottom:none;

    border-top-left-radius:5px;

    border-top-right-radius:5px;

    -moz-border-radius-topleft :5px;

    -moz-border-radius-topright:5px; 

    -webkit-border-top-left-radius: 5px;

    -webkit-border-top-right-radius:5px;

}



.ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li a, .ui-tabs .ui-tabs-nav li a span {

    cursor:pointer;

}



.ui-tabs .ui-tabs-nav li a {

    padding:2px 16px;

    color:#000;

    outline:none;

    text-decoration:none;

}



.ui-tabs .ui-tabs-nav li a, .ui-tabs .ui-tabs-nav li span {

    display:block;

}



.ui-tabs .ui-state-hover {

    background:transparent url(images/tabs.png) repeat-x 0 0;

    border-bottom:1px solid #ccc;

}



.ui-tabs .ui-tabs-nav li.ui-tabs-active {

    background:transparent url(images/tabs.png) repeat-x 0 0;

    position:relative;

    top:1px;

    margin-top:0;

}



.ui-tabs .ui-tabs-nav li{

    margin-bottom: 0;

}



.ui-tabs .ui-tabs-nav li.ui-tabs-active a {

    font-weight:bold;

    position:relative;

    padding-top:8px;

    top:-1px;

}



.ui-tabs .ui-tabs-panel {

    padding:12px;
    
    display: block;

    background:transparent url(images/tabs.png) repeat-x 0 -26px;

    border:1px solid #CCC;

    border-bottom-left-radius:5px;

    border-bottom-right-radius:5px;

    border-top-right-radius:5px;

    -moz-border-radius-bottomleft :5px;

    -moz-border-radius-bottomright:5px; 

    -moz-border-radius-topright :5px;

    -webkit-border-bottom-left-radius: 5px;

    -webkit-border-bottom-right-radius:5px;

    -webkit-border-top-right-radius:5px;

}

/*for RMS tabs */
.region .ui-tabs .ui-tabs-panel {

    border:1px solid #CCC !important;
}

 
.ui-tabs .ui-tabs-hide {

    display:none;

}



/* Bottom tabs, places the tabs at the bottom of the container */

.ui-tabs-bottom {

    position:relative;

    zoom:1;

}



.ui-tabs-bottom .ui-tabs-panel {

    background:#fff;

    border-top-left-radius:5px;-moz-border-radius-topleft :5px;-webkit-border-top-left-radius: 5px;

    border-bottom-left-radius:0;-moz-border-radius-bottomleft :0;-webkit-border-bottom-left-radius: 0;

}



.ui-tabs-bottom .ui-tabs-nav {

    position:absolute;

    top:100%;

}



.ui-tabs-bottom .ui-tabs-nav li {

    background: transparent url(/widgets/jqueryui/1.8.5/css/ni/images/tabs-bottom.png) repeat-x 0 100%; 

    top:0;

    margin-top:0;

    border-bottom:1px solid #ccc;

    border-top:none;

    border-top-left-radius:0;-moz-border-radius-topleft: 0;-webkit-border-top-left-radius: 0;

    border-top-right-radius:0;-moz-border-radius-topright: 0;-webkit-border-top-right-radius: 0;

    border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;

    border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;

}



.ui-tabs-bottom .ui-tabs-nav li.ui-tabs-active {

    background:#fff;

    top:-1px;

    margin-top:0;

}

/*-------------------------------------------
            HotSpot override
scrip tags are showing in hotspots, code below fixes that issue.
---------------------------------------------*/

.hotspot .hs-spot script{
    display: none;
}

/*-----------------------------------------------------
        Hotspot Close
-------------------------------------------------------*/

#hotspotModal .modal-header .close svg polygon {
    fill: #ccc;
}

#hotspotModal .modal-header .close:hover svg polygon{fill:#b2b2b2}

#hotspotModal .modal-header {
    min-height: 40px;
    padding-bottom: 0;
}
#hotspotModal #ni-close-svg {
    width: 20px;
    height: 20px;
}

/*-----------------------------------------------------
        Fonzie H1
-------------------------------------------------------*/

.ni-homepage-top .title div {
    padding-top: 44px;
    padding-bottom: 44px;
}

.ni-homepage-top .hotspot .title div {
    padding-top: 0;
    padding-bottom: 0;
}

/*-----------------------------------------------------
        Fixes Hotspot issues displaying in mobile
-------------------------------------------------------*/
@media (max-width: 768px) {
    .hotspot .title {
        height: inherit;
        /*margin-top: -130px;*/
    }

    .ni-homepage-top .title div {
        padding: 25px;
        /*margin-top: 130px;*/
    }

    .ni-homepage-top .hotspot {
        margin-top: 130px;
        overflow: visible;
    }

    .ni-homepage-top .hotspot .title {
        margin-top: -130px;
    }

    .hotspot .hs-wrap .separator {
        height: 12px;
    }

    .hs-spot.visible .hs-spot-shape-inner {
        width: 24px !important;
        height: 24px !important;
        margin: -12px 0 0 -12px !important;
    }

    .hs-spot-object {
        width: 28px !important;
        height: 28px !important;
    }

    .hs-spot.visible .hs-spot-shape {
        border: 2px solid #f04e23 !important;
        left: -2px !important;
        top: -2px !important;
    }

}

/*-----------------------------------------------------
        Fixes Highlight Card View
-------------------------------------------------------*/

.highlight-card-height {
    overflow: hidden;
    margin-bottom:30px;
}

.highlight-horizontal-img{
    float: left;
}
.highlight-horizontal-content{
    float: left;
    padding-left: 20px;
}

@media only screen and (min-width: 1200px) {

    .highlight-card-height {
        overflow:hidden;
        margin-bottom:30px;
    }
    
    .highlight-horizontal-img {
        width: 165px;
    }

    .highlight-horizontal-content{
        width: 84%;
    }
    
    .grid .col-sm-6 .highlight-horizontal-content{
        width: 66%;
    }
}

@media only screen and (max-width: 1199px) {
    .highlight-title-card{
        bottom: 75px!important;
    }
    .highlight-card-height {
        padding-left: 0;
        height: 176px !important; /*184*/
    }
    .highlight-title-card{
        bottom: 44px!important;
        padding: 12px 0 12px 12px !important;
    }
    .highlight-image-card img{
        width: 100%;
    }
    
    .highlight-horizontal-img {
        width: 165px;
    }

    .highlight-horizontal-content{
        width: 80%;
    }
    
    .grid .col-sm-6 .highlight-horizontal-content{
        width: 60%;
    }
}



@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px){
    .highlight-card-height {
        padding-left: 0;
        height: 136px !important;
    }
    .highlight-title-card{
        bottom: 40px!important; /*20*/
        padding: 8px 0 10px 5px !important; /*15 0 10 10*/
        height: 40px !important;
    }
    
    .grid .highlight-card .col-xs-12 { /*Added*/
        margin-bottom: -30px;
    }

    .highlight-title-card h3 {
        font-size: 13px !important;
    }

    .highlight-image-card img{
        width: 100%;
    }
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
    .highlight-title-card{
        bottom: 40px!important; /*45 change*/
    }
}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px),
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px){ /*Added*/
    .grid .highlight-card .col-xs-12 {
        margin-bottom: -21px; /*-20*/
    }
    
    .highlight-horizontal-img {
        width: 77px;
    }
    
    .highlight-horizontal-content {
        width: 70%;
    }
}

@media only screen
and (min-device-width : 360px)
and (max-device-width : 567px){ /* Added */
    .grid .highlight-card .col-xs-12 {
        margin-bottom: -11px !important;
    }
}


@media only screen
and (min-device-width : 360px)
and (max-device-width : 640px){ /* Added */
    .grid .highlight-card .col-xs-12 {
        margin-bottom: -6px !important;
    }
}

@media only screen
and (min-device-width : 384px)
and (max-device-width : 567px){ /* Added */
    .grid .highlight-card .col-xs-12 {
        margin-bottom: -8px !important;
    }
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 627px){ /* Added */
    .grid .highlight-card .col-xs-12 {
        margin-bottom: 1px !important;
    }
    
    .grid .col-sm-6 .highlight-horizontal-content {
        width: 70%;
    }
}

@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px){ /*Added*/
    .grid .highlight-card .col-xs-12 {
        margin-bottom: 16px !important;
    }
}

@media only screen
and (min-device-width: 412px)
and (max-device-width: 659px){ /*Added*/
    .grid .highlight-card .col-xs-12 {
        margin-bottom: 15px !important; /*16*/
    }
}

@media only screen
and (min-device-width: 600px)
and (max-device-width: 1024px){ /*Added*/
    .grid .highlight-card .col-xs-12 {
        margin-bottom: 18px !important; /*32*/
    }
    
    .highlight-horizontal-img {
        width: 132px;
    }
    
    .highlight-horizontal-content{
        width: 70%;
    }
    
    .grid .col-sm-6 .highlight-horizontal-content {
        width: 75%;
    }
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px){
    .grid .highlight-card .col-xs-12 {
        margin-bottom: 30px !important; /*32*/
    }
    
    .grid .col-xs-6.col-sm-4 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .highlight-title-card p {
        padding-top: 33px !important;
    }
    
    .highlight-horizontal-content {
        width: 80%;
    }
    .grid .col-sm-6 .highlight-horizontal-content {
        width: 60%;
    }
}

@media only screen
and (min-device-width: 800px)
and (max-device-width: 1280px){ /*Added*/
    .highlight-horizontal-content {
        width: 80%;
    }
    
    .grid .col-sm-6 .highlight-horizontal-content {
        width: 60%;
    }
}

@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) {
    .highlight-title-card{
        bottom: 40px!important; /*60 change*/
    }
}

@media only screen
and (min-device-width : 600px)
and (max-device-width : 960px) { /*Style added*/
    .highlight-title-card{
        bottom: 67px!important;
    }

}

/*-----------------------------------------------------
        Fixes Highlight Standard view Shop Page
-------------------------------------------------------*/
.grid .col-xs-12 {
    margin-bottom: 30px;
}

.grid .no-padding {
    margin-bottom: 0;
}


/*-----------------------------------------------------
        Categorical Link fix
-------------------------------------------------------*/
@media only screen and (max-device-width: 768px){
    .categorical-content.horizontal img{width:46px!important;}
    .categorical-content.horizontal .section-media+.link-desc {
    margin-left:60px!important;
    }
}

@media only screen and (max-device-width: 860px){

    .row.ni-home{
        margin-right: 0!important;
        margin-left: 0!important;

    }
    .flexslider .flex-next, .flexslider .flex-prev{
        background: rgba(255, 255, 255, 0.25);
    }

    .flex-direction-nav a.flex-next::before {
        color: white!important;
        margin-top:-10px;
        content: "\203A" !important;

        margin-right: 6px;
    }

    .flex-direction-nav .flex-next {
        right: 0!important;
        top:197px;
        width:25px;
    }

    .flex-direction-nav a.flex-prev::before {
        color: white!important;
        margin-top:-10px;
        content: "\2039" !important;

        margin-left: 6px;
    }

    .flex-direction-nav .flex-prev {
        left: 0!important;
        top:197px;
        width:25px;
    }

    .ni-feature-content.carousel .feature-content{
        padding: 15px 40px 35px 40px !important;
    }


}

/** adding warning syle for downtime**/
.ni-page-wrap .warning {
    background: #ffffff url("/niassets/icons/warning_sm.png") no-repeat scroll 10px 10px;
    border: 4px solid rgba(255, 119, 0, 0.6);
    border-radius: 0;
    margin: 12px auto;
    min-height: 26px;
    padding: 6px 6px 6px 45px;
    position: inherit;
    vertical-align: middle;
    width: 95%;
    max-width:1170px;
    z-index: 0;
}