.logo
{
   /* background-image: url(../images/logo.png); */
   /* background-repeat: no-repeat; */
   /* background-position: center center; */
   /* width: 191px; */
   /* height: 70px; */
   /* height: 60px; */
    content: url(../images/logo_quotewerks.png); 
    height: 60px;
    display: inline-block;
    margin-bottom: 0px;

}


.SolidLineSep{
    font-size: 28px;
border-bottom: 2px solid #F0F0F0;
padding-bottom: 10px;
margin-top: 0px;
margin-bottom: 20px;
color: hsl(0, 0%, 47%);
font-weight: 100;
margin: 0.67em 0;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
display: block;
}

.top-phone {
    font-size: 20px;
    text-align: center;

    /*color: white;
    background-color: black;*/

    color: #446391;

    border-bottom: 1px solid hsl(0, 0%, 68%);
    padding: 5px;
}



.nav
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    

    text-align: left;
    cursor: pointer;

    
}

    .nav > li
    {
        float: left;
        margin: 0 0;
    }

        .nav > li > a,
        .nav > li > .nav__item
        {
            display: block;
            /*padding: 5px 10px;*/
            padding: 10px 10px;
            font-size: 16px;
            color: #bfc7d5;
            background-color: #446391;
        }

        .nav > li > .nav__item
        {
            cursor: pointer;
        }

            .nav > li:last-child > a {
                padding-right: 0;
            }
            .nav > li > a:hover,
            .nav > li > .nav__item:hover
            {
                text-decoration: none;
                color: white;
                /*background-color: #2B3F5C;*/
            }


        .nav > li:hover > .nav__menu
        {
            display: block;
        }




.nav__menu
{
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    display: none;
    z-index: 100;
    width: 250px;
}

    .nav__menu > li
    {
        margin: 0 0;
    }

   .nav__menu > li > a
    {
        display: block;
        padding: .5em .8em;
        color: #bfc7d5;
        background-color: #446391;
        /*border-top:1px solid hsl(215, 36%, 38%);*/
    }

        .nav__menu > li > a:hover
        {
            text-decoration: none;
            color: white;
            /*background-color: #2B3F5C;*/
        }

        .nav__menu > li:last-child > a {
            padding-bottom: 15px;
            }



        
        .nav > .nav__item--highlight > a {
            /*color: hsl(0, 0%, 90%);*/
        }



.navbox
{
    list-style: none;
    padding: 1em;
    margin: 0;
}

.navbox__heading {
    font-size: 22px;
    margin: 10px 0 20px 0;
    border: none;
}


.navbox__navitem
{
    margin: .5em 0;
    
}

.navbox__navitem--current
{
    background-color: white;
    margin: 0px -10px 0 -1px;
    padding: 0 0 0 1px;
    outline: 4px solid white
}

@media (max-width: 600px)
{
    .navbox__navitem
    {
        margin: 1.5em 0;
    }
}


.navbox--default
{
    background-color: #EDEDED;
}

    .navbox--default a
    {
        color: hsl(0, 0%, 40%);
    }

    .navbox--default > .navbox__heading
    {
        color: hsl(0, 0%, 40%);
    }


.navbox--dark
{
    background-color: #2B3F5C;
    color: white;
}
    .navbox--dark a
    {
        color: #77afff;
    }
    .navbox--dark > .navbox__heading
    {
        color: white;
    }



.navbox--dark-semi-trans {
    background-color: hsla(215, 32%, 29%, .5);
    color:white
}
.navbox--dark-semi-trans a
    {
        color: #77afff;
    }
    .navbox--dark-semi-trans > .navbox__heading
    {
        color: white;
    }



.navbox--dark-trans {
    background-color: none;
    color: white;
}
.navbox--dark-trans a
    {
        color: #77afff;
    }
    .navbox--dark-trans > .navbox__heading
    {
        color: white;
    }




.navbox--quicklinks
{
    background-color: hsl(215, 32%, 29%);
    color: white;

}
    .navbox--quicklinks a
    {
        color: #77afff;
    }
    .navbox--quicklinks > .navbox__heading
    {
        color: white;
    }







.media-object
{
    padding: .5em;
    margin-bottom: 1em;
}

    .media-object:after
    {
        content: "";
        display: table;
        clear: both;
    }

.media-object__image
{
    float: left;
    margin-right: 1em;
}

.media-object__image--small
{
    max-width: 83px;
    max-height: 83px;
}

.media-object__text
{
    overflow: hidden;
}

.media-object__heading
{
    margin: 0;
}

.media-object--default
{
    background-color: hsl(37, 95%, 95%);
    color: hsla(0, 0%, 0%, 0);
}

    .media-object--default .media-object__heading
    {
        color: #2B3F5C;
    }






.btn
{
    display: inline-block;
    padding: 1em;
    border-radius: .4em;
    cursor: pointer;
    /* Remove <button> styles */
    border: 0px solid #000000;
    outline-width: 0;
    /* Prevent text selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a.btn:hover
{
    /* Remove <a> styles */
    text-decoration: none;
}

.btn--big
{
    font-size: 20px;
}

.btn--tight
{
    padding: .4em 1em;
    border-radius: .3em;
    border-radius: .3em;
}

.btn--tight2
{
    padding: .4em 1em;
    position: relative;
    left: -140px;
    border-radius: .3em;
}

.btn--default
{
    color: white;
    background: rgb(68,99,145); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(68,99,145,1) 0%, rgba(55,80,117,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(68,99,145,1)), color-stop(100%,rgba(55,80,117,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(68,99,145,1) 0%,rgba(55,80,117,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(68,99,145,1) 0%,rgba(55,80,117,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(68,99,145,1) 0%,rgba(55,80,117,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(68,99,145,1) 0%,rgba(55,80,117,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#446391', endColorstr='#375075',GradientType=0 ); /* IE6-9 */
}

a.btn--default
{
    color: white;
}

.btn--default:active
{
    background: #2B3F5C;
}





.btn--onyellow
{
    color: RGB(87,76,45);
    background: rgb(251,214,90); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(251,214,90,1) 0%, rgba(243,180,34,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,214,90,1)), color-stop(100%,rgba(243,180,34,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(251,214,90,1) 0%,rgba(243,180,34,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(251,214,90,1) 0%,rgba(243,180,34,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(251,214,90,1) 0%,rgba(243,180,34,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(251,214,90,1) 0%,rgba(243,180,34,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbd65a', endColorstr='#f3b422',GradientType=0 ); /* IE6-9 */
}


a.btn--onyellow
{
    color: RGB(87,76,45);
}

.btn--onyellow:active
{
    background: hsl(41, 89%, 40%);

}








.btn--cta
{
    color: white;
    background: rgb(251,214,90); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(251,214,90,1) 0%, rgba(243,180,34,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,214,90,1)), color-stop(100%,rgba(243,180,34,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(251,214,90,1) 0%,rgba(243,180,34,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(251,214,90,1) 0%,rgba(243,180,34,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(251,214,90,1) 0%,rgba(243,180,34,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(251,214,90,1) 0%,rgba(243,180,34,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbd65a', endColorstr='#f3b422',GradientType=0 ); /* IE6-9 */
}

.btn--muted {
    background: #6a6a6a; /* Old browsers */
background: -moz-linear-gradient(top,  #6a6a6a 0%, #565656 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a6a6a), color-stop(100%,#565656)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6a6a6a 0%,#565656 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6a6a6a 0%,#565656 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6a6a6a 0%,#565656 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6a6a6a 0%,#565656 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6a6a', endColorstr='#565656',GradientType=0 ); /* IE6-9 */

}


a.btn--cta
{
    color: white;
}

.btn--cta:active
{
    background: hsl(41, 89%, 40%);
}


.btn--Login
{
   
    
   background:#F5F5F5;
   background: #4A628F;

}

a.btn--Login
{
    color: #4A628F;
    color: hsl(0, 0%, 80%);
    color: white;

}

.btn--Login:active
{
    background: hsl(0, 0%, 80%);
   /* color: #4A628F;*/

    background: #365183;
}

.btn--Login:hover
{
    background: hsl(0, 0%, 80%);
    /* color: #4A628F;*/
    background: #365183;
}



.btn--customer-area
{
    background: hsl(0, 0%, 26%);

   background: #545454; /* Old browsers */
background: -moz-linear-gradient(top,  #545454 0%, #424242 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#545454), color-stop(100%,#424242)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #545454 0%,#424242 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #545454 0%,#424242 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #545454 0%,#424242 100%); /* IE10+ */
background: linear-gradient(to bottom,  #545454 0%,#424242 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#424242',GradientType=0 ); /* IE6-9 */

}

a.btn--customer-area
{
    color: hsl(0, 0%, 80%);
}

.btn--customer-area:active
{
    background: hsl(0, 0%, 16%);
}

.btn--customer-area:hover
{
    background: hsl(0, 0%, 16%);
}



.btn--download-trial
{
    /*background: rgba(243,180,34,1);*/

    background: #fbd75c; /* Old browsers */
background: -moz-linear-gradient(top,  #fbd75c 0%, #f9b71e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbd75c), color-stop(100%,#f9b71e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fbd75c 0%,#f9b71e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fbd75c 0%,#f9b71e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fbd75c 0%,#f9b71e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fbd75c 0%,#f9b71e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbd75c', endColorstr='#f9b71e',GradientType=0 ); /* IE6-9 */

}

a.btn--download-trial
{
    /*color: hsl(0, 0%, 40%);*/
    /*color: black;*/
    color: rgb(43, 43, 43);
}

.btn--download-trial:active
{
    /*background: rgba(251,214,90,1);*/
    background: rgba(243,180,34,1);
}

.btn--download-trial:hover
{
    /*background: rgba(251,214,90,1);*/
    background: rgba(243,180,34,1);
}

.premier
{
    text-align: center;
    width: 660px;

    margin: auto;
}

.premier__image
{
    /*height: 300px;*/
    /*margin-bottom: 20px;*/
    
    width: 394px;
    /*height: 300px;*/
    /*background-image: url('/images/premier-shot.png');*/

    /*display: inline-block;*/
    
}
.premier__image-wrapper {
    position: relative;
    display: inline-block;
    /*background-color: red;*/

}

.premier__image-decoration-winter-special {

    /* --------------------- */
    /* Winter Special is Controlled here and in the Media */
    /* Set to display: block to turn on*/
    /* Set to display: none to turn off*/
    display: block; 
    /* --------------------- */

    position: absolute;
    bottom: -10px;
    /*left: -136px;*/
    left: -100px;
}

.premier__image-decoration-winter-special-mobile {
   display: none;   /* Do not change this for the winter special */
    
    position: absolute;
    bottom: -15px;
    left: 40%;

    bottom: 255px;
    left: 70%;

}


.premier__buttons {
    display: inline-block;

    vertical-align: top;

    margin-left: 20px;
}


.normal__button
{
    
    /* Override btn styles*/
    padding: 0px;
    font-size: 14px;
    height: 25px;
    width: 160px;
    display: block;
    
    margin-left: 0px;

    margin-bottom: 10px;


}

a.normal__button:hover {
    text-decoration: none;
}



.normal__button_WideMargin
{
    
    /* Override btn styles*/
    padding: 0px;
    font-size: 14px;
    height: 25px;
    width: 160px;
    display: block;
    
    margin-left: 65px;

    margin-bottom: 20px;


}

a.normal__button_WideMargin:hover {
    text-decoration: none;
}

.premier__button
{
    
    /* Override btn styles*/
    padding: 0px;
    font-size: 20px;
    height: 70px;
    width: 240px;
    display: block;

    /* Line 'em up */
    
    /*vertical-align: bottom;
    margin-right: 30px;*/

    margin-bottom: 30px;

}

    .premier__button:last-child
    {
        margin-right: 0;
        margin-bottom: 0;
    }

a.premier__button:hover {
    text-decoration: none;
}

@media (max-width: 600px)
{

    .premier
    {
    
        width: auto;
    }

    .premier__image {
        width: 90%;
    }

    .premier__buttons {
        width: 100%;
        margin-left: 0;
        padding: 20px;
    }
     .premier__button {
        width: 100%;
        margin-bottom: 10px;
    }

     .premier__button br {
         display: none;
     }



     .premier__image-decoration-winter-special {
         display: none;   /* WINTER Special -- Do not Touch -- */
    }

    .premier__image-decoration-winter-special-mobile {
         display:block; /* un-comment to enable */ /* Winter Special Comment above to disable (There is one more place in this module to update */
                        
    }



}




.section-divider{
    height: 3px;
    margin:auto;
}

.section-divider__default{
    background-color: gray;
}

.section-divider__channel{
    height:5px;
    background-color: rgb(165, 165, 165);
    border-top:2px solid rgb(100, 100, 100);
}

.section-divider__flat{
    height:10px;
    background-color: rgb(165, 165, 165);
}

.section-divider__gradient{
  
    width: 80%;
    background: #eaeaea; /* Old browsers */
    background: -moz-linear-gradient(left,  #eaeaea 0%, #686868 45%, #686868 52%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eaeaea), color-stop(45%,#686868), color-stop(52%,#686868), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #eaeaea 0%,#686868 45%,#686868 52%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #eaeaea 0%,#686868 45%,#686868 52%,#eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #eaeaea 0%,#686868 45%,#686868 52%,#eaeaea 100%); /* IE10+ */
    background: linear-gradient(to right,  #eaeaea 0%,#686868 45%,#686868 52%,#eaeaea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#eaeaea',GradientType=1 ); /* IE6-9 */
    opacity: .9;
}



.award {
    text-align: center;
    margin: auto;

    /*border-top: 3px solid gray;*/

    

}

.award__image {
    max-width:89%;
}




.bleed-tagline-box
{
    background-color: #7C7C7C;
}

.tagline-box
{
    background-color: #7C7C7C;
    padding: 10px 0 10px 0;
}

.tagline-box__primary
{
    text-align: left;
    color: hsl(0, 0%, 78%);
    font-size: 25px;
    margin-bottom: 10px;
}

.tagline-box__secondary
{
    text-align: right;
    color: hsl(0, 0%, 90%);
    font-size: 20px;
    font-weight: 100;
}

@media (max-width: 600px)
{
    .tagline-box__primary
    {
        font-size: 15px;
    }
    .tagline-box__secondary
    {
        font-size: 15px;
    }
}







.banner
{
    /*padding: 10px 0;*/

    padding: 3px 0;

    text-align: center;
    background: hsl(0, 0%, 90%); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(211,211,211,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(211,211,211,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(211,211,211,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(211,211,211,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(211,211,211,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(211,211,211,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
}
.banner__image
{
    /*z-index: 1 !important;*/
    /*border: 1px solid red;*/
    display: block;
    text-align: center;
    margin: 0 auto;
}


.search
{
    /*position: relative;*/
    /*width: 100%;*/
}
.search__textbox
{
    width: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 29px;
}
.search__icon
{
    border-style: none;
    /*height: 20px;
    width: 20px;*/
    /*background-image: url(../images/search-icon.png);
    background-color: white;*/
    position: absolute;
    top: 4px;
    right: 4px;
    /*color: white;*/
    color: #4a628f;
    background-color: black;
}


.copyright-info
{
    background: hsl(0, 0%, 15%);
    color: hsl(0, 0%, 80%);
    font-size: 13px;
}




.facebook-feed {

    /*background-color: white;*/

    /*width:250px;*/

    width:550px;
    /*opacity: .96;*/

    text-align: right;

}
.facebook-feed__tab {
    color: hsl(0, 0%, 80%);
    
    display: inline-block;
    padding: 5px 20px;
    /*background-color: black;*/

    background-color: rgba(30, 30, 30, .95);

    color: hsl(215, 36%, 42%);
    background-color: white;


    cursor: pointer;

    position: relative;
    bottom: -1px;
    z-index:201;

    border-left: 1px solid #315C99;
    border-top: 1px solid #315C99;
    border-right: 1px solid #315C99;
    border-radius: 4px 4px 0 0;
    

        /* Prevent text selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}
.facebook-feed__tab:hover {
    color: hsl(215, 90%, 42%);
    
}

.facebook-feed__feed {

    background-color: white;
    border: 1px solid #315C99;

    z-index: 200;

}





.testimonials {
    text-align: center;
    overflow: hidden;
    font-size: 18px;

    height: 210px;
}
.testimonials__heading {

    font-size: 28px;

    text-decoration: none;
    border-bottom: none;
    color: hsl(0, 0%, 47%);
}
.testimonials__heading > a {
    color: hsl(0, 0%, 47%);
}
.testimonials__testimonial {
    float: left;
    display: inline-block;

    text-align: left;
    width: 50%;

    padding: 0 20px;

    margin-bottom: 20px;

    
    font-weight: 100;

}
.testimonials__testimonial-body {
    overflow: hidden;
}
.testimonials__testimonial-body > a {
    color:hsl(0, 0%, 80%);
    text-decoration: none;
}
.testimonials__testimonial-signature {
    margin-top: 10px;
    text-align: right;
    color: hsl(0, 0%, 47%);

    font-size: 16px;

}
.testimonials__testimonial-icon {
    /*opacity: .2;*/
    color: #474747;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

@media (max-width: 600px)
{
    .testimonials {
        font-size: 15px;
    }

    .testimonials__heading {
        font-size: 23px;
    }
    .testimonials__testimonial
    {
        float: none;
        display: block;
        width: 100%;

    }

    .testimonials__testimonial-icon
    {
        display: none;
    }

    .testimonials__testimonial:last-child {
        display: none;
    }
}







.social-media-icon {

    color: white;
    opacity: .4;
    vertical-align: middle;
    
    
}

.single-line {
    display: inline-block;
    white-space: nowrap;
}

.box {
    padding: 10px;
}


.box-attention {
    background-color: #FFFFC6;
    border: 1px solid #FFCF07;


    border-radius: 10px;

    background: #ffffc6; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffc6 0%, #ffff91 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffc6), color-stop(100%,#ffff91)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffc6 0%,#ffff91 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffc6 0%,#ffff91 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffc6 0%,#ffff91 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffc6 0%,#ffff91 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffc6', endColorstr='#ffff91',GradientType=0 ); /* IE6-9 */


}

.box-info {
    background-color: #D7E7FE;
    border: 1px solid #62AAF1;

    /*border-radius: 10px;*/
}

.box-muted {
    background: #F7F7F7;
}

.box-hint {
    
}

.box-note {
    
}

.box-warning {
    
}



/* --------------------------------  */


.reqdemo__info,
.reqdemo__image,
.reqdemo__form {
    -ms-border-radius: 0px;
    border-radius: 0px;
}

.reqdemo__info {
    margin-bottom: 20px;
}

.reqdemo__image {
    width: 100%;
    height: 280px;
    
    background-image: url("/images/call-center-girl.png");
    background-repeat: no-repeat;
}

.reqdemo__form {
    
}


@media (max-width: 600px)
{

    .reqdemo__image {
        display: none;
    }

}




/* --------------------------------  */





/* --------------------------------  */

.form-step-indicator {
    display: inline-block;
    margin: 0 5px;
    -ms-opacity: .4;
    opacity: .4;
}

.form-step-indicator--active {
    -ms-opacity: 1;
    opacity: 1;
}







/* --------------------------------  */

.form-01 {
    padding: 30px;

    position: relative;

    overflow: hidden;


     color: hsl(0, 0%, 90%);

    background: #393939; /* Old browsers */
    background: -moz-linear-gradient(top,  #393939 0%, #272727 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#393939), color-stop(100%,#272727)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #393939 0%,#272727 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #393939 0%,#272727 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #393939 0%,#272727 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #393939 0%,#272727 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393939', endColorstr='#272727',GradientType=0 ); /* IE6-9 */

}

.form-01--side-by-side {
    
}

.form-01 fieldset {
    outline: none;
    border: none;
    padding: 0;

    overflow: hidden;
}

.form-01 fieldset ul,
.form-01 fieldset ol {
    list-style: none;
    padding: 0;
}
 
  
    .form-01 legend
    {
        display: none;
    }

.form-01 label {
    display: block;
    margin-bottom: 3px;

}

.form-01.form-01--side-by-side label {
    float: left;
    width: 120px;
    position: relative;
    top: 4px;
}

.form-01.form-01--side-by-side-extra label {
    width: 180px;    
}


.form-01.form-01--side-by-side label.label2 {
    width: auto;
     
}


.form-01.form-01--side-by-side .input {
    display: block;
    overflow: hidden;
    padding: 0 0 0 10px;
}
.form-01.form-01--side-by-side li {
    /*margin-bottom: px;*/
}

.form-01 input[type=text],
.form-01 select {

    margin-bottom: 10px;

    height: 30px;
    padding: 5px;
    width: 100%;
    
    -ms-border-radius: 3px;
    border-radius: 3px;
    
    /*-webkit-appearance: none;*/

    border: none;

    background: rgb(28,28,28); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(28,28,28,1) 0%, rgba(41,41,41,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(28,28,28,1)), color-stop(100%,rgba(41,41,41,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(28,28,28,1) 0%,rgba(41,41,41,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(28,28,28,1) 0%,rgba(41,41,41,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(28,28,28,1) 0%,rgba(41,41,41,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(28,28,28,1) 0%,rgba(41,41,41,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#292929',GradientType=0 ); /* IE6-9 */
    
    border-bottom: 1px solid #222;
    border-bottom: 1px solid rgb(78, 78, 78);

    color:rgb(150, 150, 150);
}


.form-01 li {
    margin: 0 0;
}




.form-01__header-note {
    position: relative;
    
    font-size: 13px;
    padding: 10px;
    margin-top: 12px;
    margin-bottom: 20px;
    
    -ms-border-radius: 5px;
    border-radius: 5px;

    /*background-color: rgba(0,0,0,.3);*/
    background-color: #252525;
    color: #f0c561;

    text-align: center;
}
.form-01__note {
    position: relative;
    
    font-size: 13px;
    padding: 10px;
    margin-top: 12px;
    margin-bottom: 20px;
    
    -ms-border-radius: 5px;
    border-radius: 5px;

    /*background-color: rgba(0,0,0,.3);*/
    background-color: #252525;
    color: #f0c561;
}
.form-01__note--centered {
    text-align: center;
}


.form-01__required
{
    color: #f0c561;
    opacity: .5;
}


.form-01__validation-message-container
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    -ms-border-radius: 5px;
    border-radius: 5px;

    
    background-color: #252525;   
}


.form-01__validation-message {

    font-size: 13px;
    padding: 10px;
    text-align: center;

    color: #f0c561;
    
}


.form-01__step-indicators {
    text-align: center;
}

.form-01__step-prev,
.form-01__step-next,
.form-01__submit {
    /*position: absolute;*/
}
.form-01__step-prev {
    /*left: 0px;
    bottom: 30px;*/
}
.form-01__step-next,
.form-01__submit {
    /*right: 0px;
    bottom: 30px;*/
    float: right;
}
.form-01__step-next:after,
.form-01__submit:after
{
    content: "";
    display: table;
    clear: both;
}


.form-01__field-wrap {
    margin-bottom: 20px;
    min-height: 312px;
}


.form-01__loader {
    /*background-color: rgba(50, 70, 97,.5);
    border-radius: 20px;
    padding: 80px;*/
}






/* Dark Theme */

.form-01--theme-dark {

    color: hsl(0, 0%, 90%);

    background: #393939; /* Old browsers */
    background: -moz-linear-gradient(top,  #393939 0%, #272727 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#393939), color-stop(100%,#272727)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #393939 0%,#272727 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #393939 0%,#272727 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #393939 0%,#272727 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #393939 0%,#272727 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393939', endColorstr='#272727',GradientType=0 ); /* IE6-9 */

}
  
.form-01--theme-dark label {
    color: hsl(0, 0%, 90%);
}

.form-01--theme-dark input[type=text],
.form-01--theme-dark select {

   
    background: rgb(28,28,28); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(28,28,28,1) 0%, rgba(41,41,41,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(28,28,28,1)), color-stop(100%,rgba(41,41,41,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(28,28,28,1) 0%,rgba(41,41,41,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(28,28,28,1) 0%,rgba(41,41,41,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(28,28,28,1) 0%,rgba(41,41,41,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(28,28,28,1) 0%,rgba(41,41,41,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#292929',GradientType=0 ); /* IE6-9 */
    
    border-bottom: 1px solid #222;
    border-bottom: 1px solid rgb(78, 78, 78);

    color:rgb(150, 150, 150);
}


.form-01--theme-dark .form-01__required
{
    color: #f0c561;
    opacity: .5;
}

.form-01--theme-dark .form-01__header-note {
  
    background-color: #252525;
    color: #f0c561;
}

.form-01--theme-dark .form-01__validation-message-container
{ 
    background-color: #252525;   
}

.form-01--theme-dark .form-01__validation-message {

    color: #f0c561;
    
}


/* Alternate Theme */

.form-01--theme-alt {    
    background: linear-gradient(to bottom,  #7588a3 0%,#617187 100%);
    background: linear-gradient(to bottom, #AAC2E4 0%, #5A77A0 100%);
    
    background:#8C97A8;


    background: #446391; /* Old browsers */
background: -moz-linear-gradient(top,  #446391 0%, #39547a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#446391), color-stop(100%,#39547a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #446391 0%,#39547a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #446391 0%,#39547a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #446391 0%,#39547a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #446391 0%,#39547a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#446391', endColorstr='#39547a',GradientType=0 ); /* IE6-9 */



    color: hsl(0, 0%, 90%);
}
  
.form-01--theme-alt label {
    color: black;
    color: white;
}

.form-01--theme-alt input[type=text],
.form-01--theme-alt select {

    background: white;
    background: #2A3D5A;
    
    
    
    
    background: #23344c; /* Old browsers */
    background: -moz-linear-gradient(top,  #23344c 0%, #2a3d5a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23344c), color-stop(100%,#2a3d5a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #23344c 0%,#2a3d5a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #23344c 0%,#2a3d5a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #23344c 0%,#2a3d5a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #23344c 0%,#2a3d5a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23344c', endColorstr='#2a3d5a',GradientType=0 ); /* IE6-9 */

    
    
    
    
    border-bottom: 1px solid #758FB4;

    

    color: #222;
}


.form-01--theme-alt .form-01__required
{
    color: black;

    
}

.form-01--theme-alt .form-01__header-note {

    background-color: white;
    color: #222;

    background-color: #52637C;

    color: white;
}

.form-01--theme-alt .form-01__validation-message-container
{ 
    background-color: #4B668D;
}

.form-01--theme-alt .form-01__validation-message {

    color: yellow;
    
}

/* --------------------------------  */










/* 
    =========================================================================

    .centerizer
      
    A css-only dynamic centering solution that works in many situations
    
    =========================================================================
*/

.centerizer
{
    /* Note: Parent or Grandparent must be:
       postion:absolute/relative/fixed */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

    .centerizer:before
    {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em; /* Adjusts for spacing */
    }

.centerizer__content
{
    display: inline-block;
    vertical-align: middle;
}


.scroll-to-top {
    display: inline-block;
    position: fixed;
    top: 25px;
    right: 25px;   
    padding: 10px;
    border-radius: 5px;
    background:black;
    opacity: .6;
    cursor: pointer;
    z-index: 100;
}



.video-search {
    
}
.video-search__clear-button {
    /*padding: 3px;*/
    padding: 0px;
    height: 23px;
    width: 24px;

    vertical-align: top;
    border-radius: 0;
    position: relative;
    font-size: 14px;

}

.video-search__clear-button-symbol {

    position: absolute;
    top: 3px;
    left: 7px;

}


/*.nav-icon {
    position: absolute;
    top: 7px;
    left: 10px;
    opacity: .3;
}
.nav-icon:hover {
    opacity: .8;
}*/



/* ---------------------------------------------------------------------------------------------------*/

.FeatureTopic{
    margin-top: 10px;
    font-size: 17px;
    margin-bottom: 10px;
    color: hsl(0, 0%, 20%);
    border-bottom-width: 0px;
    border-bottom-style: none;
 }

  .PainPointHeading{
    margin-top: 10px;
    font-size: 17px;
    margin-bottom: 3px;
   /* color: #0053A6; */
    color: #555555;
    border-bottom-width: 0px;
    border-bottom-style: none;

    font-weight: 600
 }


  .PainPointImageCol{
     padding-right: 0px; 
     width: 55px; 
     margin-top: 0px;     
     float: left;
 }

  .PainPointTextCol{
      width: 80%; 
      padding-right: 0px;
      float: left;
 }


 .Headliner {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-bottom: none;
}

.Headliner:before,
.Headliner:after {
    content: '';
    border-top: 2px solid;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
}

.Headliner:after {
    margin: 0 0 0 20px;
}

/* ---------http://www.webmaster-source.com/2012/04/24/pure-css-blockquote-styling/-----------------------  */

.blockquote {
font-family: Georgia, serif;
font-size: 14px;
font-style: italic;
 /* width: 600px; */
margin: 0.45em 0;
padding: 0.45em 50px;
line-height: 1.45;
position: relative;
color: #383838;
}

.blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -0px;
top: -20px;
color: #7a7a7a;
z-index:100000;
padding: 5px;
}

.blockquote__cite {
color: #999999;
font-size: 12px;
display: block;
margin-top: 5px;
}
 
.blockquote__cite:before {
content: "\2014 \2009";
}


/*--------------Sticky Header --------- */
.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    
  }

.featuresbar {
    text-align: center;
    color: grey;
    font-size: x-large;

   
}

#featuresbar a:visited{
    color: grey;
    
}

#featuresbar a{
    color: grey;
    
}

#featuresbar a:hover{
    color: #4A628F;
    text-decoration: solid underline #4A628F 2px;
    /*font-weight: bold;*/
    border-bottom: none;
}


.featuresbarselected {
    /*text-decoration: solid underline #E9B63D 4px;*/
    text-decoration: none;
    border-bottom: 3px solid #E9B63D;
    padding-bottom: 1px;
    font-weight: bold;
}