.eCommerceLanding
{
    padding: 70px 0 0 0;
    text-align: center;
    height: 600px;
}

ul.ecomm-menu li, ol.ecomm-menu li
{
    margin: 0px;
    padding: 0px;
}

h1.white
{
    color: #fff;
    text-align: center;
    padding: 0 0 10px 0;
}

.eCommerce_heading
{
    font-family: 'Open Sans' , sans-serif;
    font-size: 36px;
    font-weight: 300;
    color: #282423;
    padding: 0 0 20px 0;
    line-height: 36px;
}

.eCommerce_heading_white
{
    font-family: 'Open Sans' , sans-serif;
    font-size: 31px;
    font-weight: 300;
    color: #fff;
    padding: 75px 0 75px 0;
    text-shadow: 1px 1px 1px #4b4b4b;
}

.eCommerce_heading_white1{
    font-family: 'Open Sans' , sans-serif;
    font-size: 31px;
    font-weight: 300;
    color: #fff;
    padding: 50px 0px 25px 0px;
    line-height: 36px;
}

.eCommerce_heading_white2
{
    font-family: 'Open Sans' , sans-serif;
    font-size: 31px;
    font-weight: 300;
    color: #fff;
    padding: 90px 0px 15px 0px;
    line-height: 36px;
}

.eCommerce_heading_white3
{
    font-family: 'Open Sans' , sans-serif;
    font-size: 31px;
    font-weight: 300;
    color: #fff;
    padding: 50px 0 18px 0;
    line-height: 36px;
}

.eCommerce_heading_white4
{
    font-family: 'Open Sans' , sans-serif;
    font-size: 31px;
    font-weight: 300;
    color: #fff;
    padding: 0px 0 18px 0;
    line-height: 36px;
}


.eCommerce_heading_white_sm
{
    font-family: 'Open Sans' , sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    padding: 0px;
    margin-top: -15px;
}


.eCommerce_heading_blue
{
    font-family: 'Open Sans' , sans-serif;
    font-size: 30px;
    font-weight: 300;
    color: #4abcdd;
    padding: 0 0 20px 0;
    line-height: 36px;
}

.eCommerce_heading_dark
{
    font-family: 'Open Sans' , sans-serif;
    font-size: 30px;
    font-weight: 300;
    color: #000;
    padding: 53px 0 20px 0;
    line-height: 36px;
    text-align: left;
}

.eCommerce_heading_dark2{
    font-family: 'Open Sans' , sans-serif;
    font-size: 30px;
    font-weight: 300;
    color: #000;
    padding: 30px 0 20px 0;
    line-height: 36px;
    text-align: left;
}

.CaseStudiesReferences
{
    font-family: 'Open Sans' , sans-serif;
    font-size: 22.5px;
    font-weight: 300;
    color: #fff;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid white;
    margin-bottom: 18px;
}

.eCommerce_content_white {
    color: #ffffff !important;
    text-align: justify;
    font-size: 14px;
}

.white_content {
    text-align: center !important;
    color: #ffffff !important;
    font-size:16px;
    line-height: 24px !important;
    padding-bottom: 55px;
}

.white_content-small {
    text-align: center !important;
    color: #ffffff !important;
    font-size:12px;
}


.eCommerce_content_dark {
    color: #000000 !important;
    text-align: justify;
    font-size:14px;
}

.left-sidebar a{
    color: #9a9a9a;
    display: block;
    padding: 15px 10px 15px 10px;
    margin-bottom: 5px;
    border: 1px solid #e9e7e7;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    font-weight: bold;
    background-image: url(/images/ecommerce/sidebar-right-arrow.png);
    background-repeat: no-repeat;
    background-position:320px 15px;

}

.left-sidebar a:hover{
    color: #ffffff;
    text-decoration: none;
    background-color: #384046;
    border: 1px solid #384046;
}

.ResDocHelpGuides {
    width: 100%;
    display: block;
    border-top: 2px solid #3d484f;
    text-align: center;
    color: #3d484f !important;
    margin-top: 25px;
    padding: 25px 0px 100px 0px;
}

.ResDocHelpGuides:hover{
    color: #ffffff !important;
    text-decoration: none;
}

.uppercase {
    text-transform: uppercase;
    font-weight: bold;
}


.DB-FirstLine {
    color: white;
}

.DB-SecondLine {
    color: #ffffff;
}



.BlueText {
    color: #4abcdd;
    text-transform: uppercase;
    font-weight: bold;}

.demos-boxes-container {
    background-color: #666;
    margin-bottom:-20px;
}

.main-demos-boxes01 {
    text-align: center;
    padding: 50px 0 0 0;
    margin-bottom: 1px;
    position: relative;
    right: -1px;
    background: url(/images/ecommerce/orange-dogear.png) 298px 0px no-repeat;
}

.main-demos-boxes02 {
    text-align: center;
    padding: 36px 0 0 0;
    margin-bottom: 1px;
    position: relative;
    right: -1px;
    background: url(/images/ecommerce/blue-dogear.png) 298px 0px no-repeat;
}


.demos-boxes {
    text-align: center;
    /*padding: 50px 0 0 0;*/
    margin-bottom: 1px;
}

.demos-boxes-centered {
    margin: auto;
    width: 90%;
}

.demos-boxes:hover{
filter: brightness(90%);
-webkit-filter: brightness(90%);
-moz-filter: brightness(90%);
-o-filter: brightness(90%);
-ms-filter: brightness(90%);
    opacity: 0.9;
}

.CsBoxes {
    color: #4abcdd;
}

.demos-boxes a[class^="ClarityEcommerceCaseStudy"], a[class*=" ClarityEcommerceCaseStudy"]{
    height: 380px !important;
	width: 360px !important;
}

.video-text {
	padding: 140px 0 0 0;
	}
	
.ClarityEcommerceCaseStudy01 {
    /*height:220px;*/
    display: block;
    /*padding: 140px 0 0 0;*/
    color: #ffffff !important;
    /*margin: -50px 0 0 -29px;*/
    background-image: url(/images/ecommerce/ClarityEcommerceCaseStudy01a.jpg);
    
}

.ClarityEcommerceCaseStudy01:hover {
    text-decoration: none;
}

.ClarityEcommerceCaseStudy02 {
    /*height:220px;*/
    display: block;
    /*padding: 140px 0 0 0;*/
    color: #ffffff !important;
    /*margin: -50px 0 0 -29px;*/
    background-image: url(/images/ecommerce/ClarityEcommerceCaseStudy02a.jpg);
}

.ClarityEcommerceCaseStudy02:hover {
    text-decoration: none;
}

.ClarityEcommerceCaseStudy03 {
    height:209px;
    display: block;
    padding: 0 0 0 0;
    color: #ffffff !important;
    margin: 0 0 0 0;
    background-image: url(/images/ecommerce/ClarityEcommerceCaseStudy03.png);    
}

.ClarityEcommerceCaseStudy03:hover {
    text-decoration: none;
}

.ClarityEcommerceCaseStudy04 {
    height:209px;
    display: block;
    padding: 0 0 0 0;
    color: #ffffff !important;
    margin: 0 0 0 0;
    background-image: url(/images/ecommerce/ClarityEcommerceCaseStudy04.png);    
}

.ClarityEcommerceCaseStudy04:hover {
    text-decoration: none;
}

.ClarityEcommerceCaseStudy05 {
    height:209px;
    display: block;
    padding: 0 0 0 0;
    color: #ffffff !important;
    margin: 0 0 0 0;
    background-image: url(/images/ecommerce/ClarityEcommerceCaseStudy05.png);    
}

.ClarityEcommerceCaseStudy05:hover {
    text-decoration: none;
}

.ClarityEcommerceCaseStudy06 {
    height:209px;
    display: block;
    padding: 0 0 0 0;
    color: #ffffff !important;
    margin: 0 0 0 0;
    background-image: url(/images/ecommerce/ClarityEcommerceCaseStudy06.png);    
}

.ClarityEcommerceCaseStudy06:hover {
    text-decoration: none;
}

.ClarityEcommerceCaseStudy07 {
    height:209px;
    display: block;
    padding: 140px 0 0 0;
    color: #ffffff !important;
    margin: -50px 0 0 -29px;
    background-image: url(/images/ecommerce/ClarityEcommerceCaseStudy07.png);    
}

.ClarityEcommerceCaseStudy07:hover {
    text-decoration: none;
}

.main-heading-big {
    font-family: 'Open Sans' , sans-serif;
    font-size: 40px;
    font-weight: 300;
    color: #fff;
    padding: 0 0 20px 0;
    line-height: 36px;
}

.main-heading {
    font-family: 'Open Sans' , sans-serif;
    font-size: 36px;
    font-weight: 300;
    color: #fff;
    padding: 0 0 20px 0;
    line-height: 36px;
}

.resourcesDocumentation {
    background-image: url(/images/ecommerce/resources-bg.png);
    margin-bottom: -20px;
    background-size: 100%;
    background-attachment: fixed;
}

.demos-header {
    background-image: url(/images/ecommerce/demos-bg.png);
    margin-bottom: -20px;
    background-size: cover;
    background-attachment: fixed;
}

.demo-buttons-videos {
    background: url(/images/ecommerce/icons-play.png) no-repeat #e24d2f 10px 10px;
    color: #fff !important;
    font-weight: bold;
    display: inline-block;
    -webkit-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
    padding: 15px 20px 15px 80px;
    margin: 25px 12px 0px 12px;
}

.demo-buttons-resources {
    background: url(/images/ecommerce/icons-resources-2.png) no-repeat #e24d2f 10px 10px;
    color: #fff !important;
    font-weight: bold;
    display: inline-block;
    -webkit-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
    padding: 15px 20px 15px 80px;
    margin: 25px 12px 0px 12px;
}

.demo-buttons-casestudies {
    background: url(/images/ecommerce/icons-casestudies.png) no-repeat #e24d2f 10px 10px;
    color: #fff !important;
    font-weight: bold;
    display: inline-block;
    -webkit-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
    padding: 15px 20px 15px 80px;
    margin: 25px 12px 0px 12px;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: none !important;
    background-color: none !important;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
    color: #ffffff !important;
    cursor: default;
    background-color: #384046;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    border:none;
}

.nav-tabs {
    border-bottom: none;
    margin: auto;
}

.nav-tabs a {
      color: #9a9a9a;
    -webkit-border-radius: 10px;
    border-radius: 10px;
        min-width:200px;

}

li.active {
    background: none !important;
    border-bottom: none !important;
    text-decoration: none !important;
    margin-bottom: none !important;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
     border: 1px solid #cccccc;
    border-radius: 10px;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #EEE;
    color: #9a9a9a !important;
}
.nav-tabs > li > a {
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
}
.nav-tabs > li > a, .nav-pills > li > a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px;
    color: #ccc !important;
}
.nav > li > a {
    display: block;
}

.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs, .nav-pills {
    text-align:center;
}

.LightGrayGradient {
background: rgb(233,231,231); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(233,231,231,1) 0%, rgba(255,255,255,1) 41%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,231,231,1)), color-stop(41%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(233,231,231,1) 0%,rgba(255,255,255,1) 41%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(233,231,231,1) 0%,rgba(255,255,255,1) 41%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(233,231,231,1) 0%,rgba(255,255,255,1) 41%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(233,231,231,1) 0%,rgba(255,255,255,1) 41%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e7e7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    margin-bottom: -20px;
}


.LightGrayGradient2 {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 59%, rgba(233,231,231,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(59%,rgba(255,255,255,1)), color-stop(100%,rgba(233,231,231,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 59%,rgba(233,231,231,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 59%,rgba(233,231,231,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 59%,rgba(233,231,231,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 59%,rgba(233,231,231,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e7e7',GradientType=0 ); /* IE6-9 */
    margin-bottom: -20px;
}

.social-media {
    background-image: url(/images/ecommerce/social-media-background.png);
    background-repeat:no-repeat;
    background-position:center;
}

.developer-friendly {
    background: url(/images/ecommerce/developer-friendly.png);
    background-size: cover;
    margin-bottom: -20px;
    background-attachment: fixed;
}


.shipping-support-bg {
    background-image: url(/images/ecommerce/shipping-support-background.png);
    background-size: cover;
    background-attachment:fixed;
}

.business-intelligence {
    background-image: url(/images/net-ecommerce-bg3.png);
    background-size: cover;
    background-attachment: fixed;
}

.eligo-background {
    background-image: url(/images/ecommerce/eligo-background.png);
    background-size: cover;
    background-position: -1px -1px;
    background-attachment: fixed;
}

.comprehensive-admin {
    background-image: url(/images/ecommerce/comprehensive-admin-background.png);
    background-size: cover;
    background-attachment: fixed;
    margin-bottom:-20px;
}

.erp-background {
    background-image: url(/images/ecommerce/erp-background-2.png);
    background-size: cover;
    background-attachment:fixed;
}

.HeadingHighlight {
    text-align: center;
    margin: 10px auto;
    padding: 50px 20px 30px;
    background: none repeat scroll 0% 0% rgba(30, 37, 43, 0.8);
    color:white;
}

.BlackStripe {
    background-color: #1B1C1C;
}

.BrightBlueStripe {
    background-color: #4ABCDD;
    width: 100% !important;
}

.MediumGrayStripe {
    background-color: #384046;
    min-height: 200px;
}

.DarkGrayStripe {
    background-color: #4B4B4C !important;
    width: 100%;
}

.LightGrayBackground {
    background-color: #EBE9E9 !important;
    border: 1px solid red;
}

.ShippingHeaderBackground {
    background-image: url(/images/ecommerce/shipping-background.png);
    background-size: cover;
    background-attachment: fixed;
}

.SEOHeaderBackground {
    background-image: url(/images/ecommerce/inbound-marketing-background.png);
    background-size: cover;
    background-attachment: fixed;
}

.OmniChannelHeaderBackground {
    background-image: url(/images/ecommerce/omni-channel-background.png);
    background-size: cover;
    background-attachment: fixed;
}

.FullyCustomizableHeaderBackground {
    background-image: url(/images/ecommerce/fully-customizable-background.png);
    background-size: cover;
    background-attachment: fixed;
}


@media screen and (max-width: 1170px)
{
    .callout_container
    {
        text-align: center;
        margin: 80px auto 0 auto;
        padding: 50px 20px 30px 20px;
        background: rgba(30, 37, 43, 0.8);
    }
}

p.eCommerce
{
    font-family: 'Open Sans' , sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #4b4b4b;
    line-height: 25px;
    margin-bottom: 35px;
    text-align:justify;
}

p.eCommerce_blue
{
    font-family: 'Open Sans' , sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #4ac0e1;
    line-height: 28px;
}

.blue
{
    background: #4ac0e1;
    text-align: center;
    font-family: 'Open Sans' , sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    padding: 25px 0;
}

.gray
{
    padding: 90px 0 0 0;
    background: #efeded;
    text-align: center;
    margin-top: -20px;
}

.steel
{
    background: #384046;
    padding: 50px 0;
}

.alt
{
    background: #efeded;
    padding: 50px 0;
}

a.white-button
{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #fff;
    border-radius: 2px;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.06) inset;
    color: #4ac0e1;
    display: block;
    font-family: 'Open Sans' , sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto;
    padding: 13px 0px 12px 0px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    text-transform: uppercase;
    transition-duration: 0.2s;
    transition-property: background;
    width: 200px;
    letter-spacing: 1px;
    word-spacing: 2px;
}

a.white-button:hover
{
    background: none repeat scroll 0 0 #f7f7f7;
    color: #4ac0e1;
    text-decoration: none;
    border: 1px solid #f7f7f7;
}

a.white-button:active
{
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06) inset;
    text-decoration: none;
}

a.black-button
{
    background: #081219;
    border: 1px solid #081219;
    border-radius: 2px;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.06) inset;
    color: #f7f7f7;
    display: block;
    font-family: 'Open Sans' , sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto;
    padding: 13px 0px 12px 0px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    text-transform: uppercase;
    transition-duration: 0.2s;
    transition-property: background;
    width: 200px;
    letter-spacing: 1px;
    word-spacing: 2px;
}

a.black-button:hover
{
    background: none repeat scroll 0 0 #000;
    border: 1px solid #000;
    color: #f7f7f7;
    text-decoration: none;
}

a.black-button:active
{
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06) inset;
    text-decoration: none;
}



a.blue-button
{
    background: #4abcdd;
    border: 1px solid #4ac0e1;
    border-radius: 2px;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.06) inset;
    color: #ffffff;
    display: block;
    font-family: 'Open Sans' , sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto;
    padding: 13px 0px 12px 0px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    text-transform: uppercase;
    transition-duration: 0.2s;
    transition-property: background;
    width: 320px;
    letter-spacing: 1px;
    word-spacing: 2px;
}

a.blue-button:hover
{
    background: none repeat scroll 0 0 #369ab2;
    border: 1px solid #369ab2;
    color: #ffffff;
    text-decoration: none;
}

a.blue-button:active
{
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06) inset;
    text-decoration: none;
}

a.orange-button
{
    background: #EE6348;
    border: 1px solid #EE6348;
    border-radius: 3px;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.06) inset;
    color: #ffffff;
    display: block;
    font-family: 'Open Sans' , sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto;
    padding: 13px 0px 12px 0px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    text-transform: uppercase;
    transition-duration: 0.2s;
    transition-property: background;
    width: 320px;
    letter-spacing: 1px;
    word-spacing: 2px;
}

a.orange-button:hover
{
    background: none repeat scroll 0 0 #eb4a2b;
    color: #ffffff;
    text-decoration: none;
}

a.orange-button:active
{
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06) inset;
    text-decoration: none;
}



a.knockout-button
{
    background: none;
    border: 1px solid #4b4b4b;
    border-radius: 2px;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.06) inset;
    color: #4b4b4b;
    display: block;
    font-family: 'Open Sans' , sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto;
    padding: 13px 0px 12px 0px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    text-transform: uppercase;
    transition-duration: 0.2s;
    transition-property: background;
    width: 320px;
    letter-spacing: 1px;
    word-spacing: 2px;
}

a.knockout-button:hover
{
    background: transparent 50% #fff;
    border: 1px solid #4b4b4b;
    color: #4b4b4b;
    text-decoration: none;
}

a.knockout-button:active
{
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06) inset;
    text-decoration: none;
}

a.knockout-button2
{
    background: none;
    border: 1px solid #ffffff;
    border-radius: 2px;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.06) inset;
    color: #ffffff;
    display: block;
    font-family: 'Open Sans' , sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto;
    padding: 13px 0px 12px 0px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    text-transform: uppercase;
    transition-duration: 0.2s;
    transition-property: background;
    width: 320px;
    letter-spacing: 1px;
    word-spacing: 2px;
}

a.knockout-button2:hover
{
    background: none repeat scroll 0 0 #4b4b4b;
    border: 1px solid #ffffff;
    color: #ffffff;
    text-decoration: none;
}

a.knockout-button2:active
{
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06) inset;
    text-decoration: none;
}




/******************************/
/*********PARALLAX*************/
/******************************/

/* Set all parents to full height */
html, body, .container, .cbp-fbscroller, .cbp-fbscroller section
{
    height: 100%;
}

.container
{
    height: auto;    
}
.eCommerce_heading
{
    text-align: center;
    padding: 85px 0px 0px 0px;
}
.center
{
    text-align: center;
}

.right
{
    text-align: right;
}


/* The nav is fixed on the right side  and we center it by translating it 50% 
(we don't know it's height so we can't use the negative margin trick) */
.cbp-fbscroller > nav
{
    position: fixed;
    z-index: 9999;
    right: 100px;
    top: 50%;
    width: 26px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cbp-fbscroller > nav a
{
    display: block;
    position: relative;
    z-index: 9999;
    color: transparent;
    width: 26px;
    height: 26px;
    outline: none;
    margin: 25px 0;
    border-radius: 50%;
    border: 4px solid #fff;
}

.no-touch .cbp-fbscroller > nav a:hover
{
    background: rgba(255,255,255,0.6);
}

.cbp-fbscroller > nav a.cbp-fbcurrent
{
    background: #fff;
}

/* background-attachment does the trick */
section.fbsectioneComm1
{
    position: relative;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.no-touch .cbp-fbscroller section
{
    background-attachment: fixed;
}

.fbsectioneComm1
{
    background-image: url(/images/eCommerce_splash_bg2.jpg);
    height: auto;
}

#fbsection2
{
    height: auto;
}




/******************************************/
/*********eCOMMERCE NAVIGATION*************/
/******************************************/

/* General grid styles */
.cbp-ig-grid
{
    list-style: none;
    padding: 0 0 0 0;
    margin: 0;
    border-bottom: 1px solid #efeded;
    border-top: 1px solid #efeded;
}

/* Clear floats */
.cbp-ig-grid:before, .cbp-ig-grid:after
{
    content: " ";
    display: table;
}

.cbp-ig-grid:after
{
    clear: both;
}

/* grid item */
.cbp-ig-grid li
{
    width: 12.5%;
    float: left;
    height: 135px;
    text-align: center;
    margin-bottom: 3px;
}

/* we are using a combination of borders and box shadows to control the grid lines */
.cbp-ig-grid li:nth-child(-n+3)
{
    border-top: none;
}

.cbp-ig-grid li:nth-child(4n-1), .cbp-ig-grid li:nth-child(4n-2)
{
}

/* anchor style */
.cbp-ig-grid li > a
{
    display: block;
    height: 100%;
    color: #9e9e9e;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s;
}

/* the icon with pseudo class for icon font */
.cbp-ig-icon
{
    padding: 25px 0 0 0;
    display: block;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -moz-transform 0.2s;
    transition: transform 0.2s;
}

/* title element */
.cbp-ig-grid .cbp-ig-title
{
    margin: 5px 0 10px 0;
    padding: 10px 0 0 0;
    font-size: 13px;
    position: relative;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s;
}

.cbp-ig-grid .cbp-ig-title:before
{
    position: absolute;
    background: none;
    width: 100%;
    height: 2px;
    top: 0px;
    left: 50%;
    margin: 20px 0 0 -80px;
    -webkit-transition: margin-top 0.2s; /* top or translate does not seem to work in Firefox */
    -moz-transition: margin-top 0.2s;
    transition: margin-top 0.2s;
}

/* Hover styles */

.cbp-ig-grid li > a:hover, li.active
{
    background: #f7f7f7;
    border-bottom: 3px solid #4ac0e1;
    text-decoration: none;
}

li.active
{
    background: #f7f7f7;
    border-bottom: 3px solid #4ac0e1;
    text-decoration: none;
    margin-bottom: 0px;
}

.cbp-ig-grid li > a:hover .cbp-ig-icon
{
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}

.cbp-ig-grid li > a:hover .cbp-ig-icon:before, .cbp-ig-grid li > a:hover .cbp-ig-title
{
    color: #9e9e9e;
}

.cbp-ig-grid li > a:hover .cbp-ig-title
{
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.cbp-ig-grid li > a:hover .cbp-ig-title:before
{
    background: #fff;
    margin-top: 80px;
}


@media screen and (max-width: 62.75em)
{
    .cbp-ig-grid li
    {
        width: 50%;
    }

    /* reset the grid lines */
    .cbp-ig-grid li:nth-child(-n+3)
    {
    }

    .cbp-ig-grid li:nth-child(3n-1), .cbp-ig-grid li:nth-child(3n-2)
    {
        box-shadow: none;
    }

    .cbp-ig-grid li:nth-child(-n+2)
    {
        border-top: none;
    }

    .cbp-ig-grid li:nth-child(2n-1)
    {
    }
}

@media screen and (max-width: 41.6em)
{
    .cbp-ig-grid li
    {
        width: 100%;
    }

    .cbp-ig-grid li:nth-child(-n+2)
    {
    }

    .cbp-ig-grid li:nth-child(2n-1)
    {
        box-shadow: none;
    }

    .cbp-ig-grid li:first-child
    {
        border-top: none;
    }
}

@media screen and (max-width: 25em)
{
    .cbp-ig-grid
    {
        font-size: 80%;
    }
}

img.eCommerceNav
{
    margin: 30px 0 0 0;
}

.center
{
    text-align: center;
}

.spacer
{
    height: 120px;
    width: 100%;
    margin: 0px;
}


/******************************************/
/*************  All Features **************/
/******************************************/
.navxp_VP_SimplePanel_Simple_Gray .expandCollapseL0,
.navxp_VP_SimplePanel_Simple_Gray .expandCollapseLN
{
    position: relative !important;
    display: inline;
    float: right;
    width: 40px;
    height: 20px;
    margin-top: -27px !important;
    padding: 1px 2px 1px 2px;
    margin-top: 0px;
    margin-left: -65px;
    margin-right: 10px;
}
.navxp_VP_SimplePanel_Simple_Gray .expandCollapseL0
{
    margin-top: -40px !important;
}
.ModavtNavXpC
{
    padding-bottom: 40px;
}