@font-face {

    font-family: Arial,Helvetica,sans-serif;

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: Arial,Helvetica,sans-serif;

    font-weight: bold;

    font-style: normal;

}



body {

    background-color: #ffffff;

    color: #555555;

    font-family: Arial,Helvetica,sans-serif;

    min-height: 100%;

    font-size: 16px;

    text-shadow: 0 0 #000;

}



.astrix {

    color: #bb2332;

}

a
{
    color: #FFFFFF;
}

a:hover, a:active
{
    color: #FFFFFF;
    text-decoration: underline;
}

a.greyLinkTxt
{
    color: #bb2332 !important;
}

a.greyLinkTxt:hover, a.greyLinkTxt:active
{
    color: #bb2332;
    text-decoration: underline;
}

.main {
    margin-top: 0px;

    background-color: #ffffff;

    padding: 0;


}



.header {

    text-align: center;

    /*border-bottom: solid 3px #002365;*/

    position: -webkit-sticky;

    position: sticky;

    top: 0;

    z-index: 11;

    background-color: #ffffff;

}



.logo {

    margin: 0px;

}

img.img-thumbnail:hover {
    box-shadow: 0 0 2px 1px;
    opacity: 0.6;
    background-color: #f8f8f8;
}

.img-thumbnail
{
    min-width: 250px;
    min-height: 175px;
    object-fit: contain;
    padding: 20px;
}



section {

    padding: 30px 50px 50px 50px;

}



.section1 {

    background-color: #bb2332;

    border-top: 2px solid #ffffff;

    position: relative;

}



.section2 {

    min-height: 350px;

    /*margin-bottom: 50px;*/

    /*border: 1px solid #dddddd;*/

    background-color: lightgray;
    color: black;

    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-bottom: 10px;
}



.section5 {

    padding: 0px 50px 50px 50px !important;

    position: relative;

    margin-top: -20px;

    margin-bottom: 50px;

}



.introtxt {

    color: #ffffff;

}



.introimg {

    max-width: 95%;

    position: absolute;

    bottom: 0;

}



.text_nomargin {

    margin: 0;

}



.top_margin {

    margin-top: 10px;

}

.bottom_margin {

    margin-top: 10px;

}

.btn_margin {

    margin: 15px;

}



.button {

    outline: none;

    text-align: center;

    display: inline-block;

    padding: 15px;

    /* padding: 8px 34px 7px 12px; */

    text-decoration: none;

    font-size: 1em;

    /* font-size: 0.93333rem; */

    line-height: 14px;

    font-weight: bold;

    color: #fff !important;

    background-color: #333e48;

    border: none;

    font-family: Arial,Helvetica,sans-serif;

    min-width: 165px;

    text-align: left;

    background-image: url(../images/button-next.png);

    background-repeat: no-repeat;

    background-position: right 4px center;

    border-radius: 5px;

    /* border-radius: 40px; */

    color: white;

}



.button_back{

    outline: none;

    text-align: center;

    display: inline-block;

    padding: 15px;

    /* padding: 8px 34px 7px 12px; */

    text-decoration: none;

    font-size: 1em;

    /* font-size: 0.93333rem; */

    line-height: 14px;

    font-weight: bold;

    color: #fff !important;

    background-color: #333e48;

    border: none;

    font-family: Arial,Helvetica,sans-serif;

    min-width: 165px;

    text-align: right;

    background-image: url(../images/button-back.png);

    background-repeat: no-repeat;

    background-position: left 4px center;

    border-radius: 5px;

    /* border-radius: 40px; */

    color: white;

}



.button:hover,.button_back:hover {

    background-color: #bb2332;

    color: white;

    text-decoration: none !important;

}



.btn_large {

    width: 250px;

}



.btnright {

    float: right;

}



.btnleft {

    float: left;

}



footer {
    color: #333333;

    font-size: 14px;

}



.nav li {

    padding: 10px;

}



.nav li a {

    color: #333333;

    text-decoration: none;

}



.nav li a:hover {

    text-decoration: underline;

}



.footernav {

    float: right;

}


.footer-logo
{
    margin-right: auto;
    margin-left:  auto;
}


.copyright,

.legal {

    margin: 0;

    padding: 10px;

}



.bottomfooter {

    background-color: #FFFFFF;
    color: #333333;

    padding: 10px;

    text-align: center;
    /*
    border-left: 1px solid #dddddd;

    border-right: 1px solid #dddddd;

    border-bottom: 1px solid #dddddd;
    */
}



.topfooter {

    background-color: black;
    color: #FFFFFF;
    /*
    border-left: 1px solid #dddddd;

    border-right: 1px solid #dddddd;
    */
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}



.section1:after {

    content: '';

    position: absolute;

    top: 100%;

    left: 50%;

    margin-left: -30px;

    width: 0;

    height: 0;

    border-top: solid 30px #bb2332;

    border-left: solid 30px transparent;

    border-right: solid 30px transparent;

}



.rowa {

    padding: 10px;

}



.rowa:hover {

    background-color: #f3f3f3;

}



.modaltrigger:hover {

    cursor: pointer;

}



/** LIGHTBOX MARKUP **/



.lightbox {

    /** Default lightbox to hidden */

    display: none;



    /** Position and style */

    position: fixed;

    z-index: 999;

    width: 100%;

    height: 100%;

    text-align: center;

    top: 0;

    left: 0;

    background: rgba(0,0,0,0.8);

}



.lightbox img {

    /** Pad the lightbox image */

    max-width: 90%;

    max-height: 80%;

    margin-top: 2%;

}



.lightbox:target {

    /** Remove default browser outline */

    outline: none;



    /** Unhide lightbox **/

    display: block;

}



/* Guarantee Table Styles Start*/

.guarantee-table {

    display: flex;        /* Flex layout so items have equal height  */

    flex-flow: row wrap;  /* Allow items to wrap into multiple lines */

    max-width: 80%;

}

.item {

    flex: 1 0 280px;

    display: flex;        /* Lay out each item using flex layout */

    flex-flow: column;    /* Lay out item’s contents vertically  */

}



.item_info {

    display: flex;

    align-items: center;

    margin-top: auto;     /* Auto top margin pushes button to bottom */

    margin: auto;

}





.guarantee-table {

    margin: 0 auto;

}



.item {

    margin: 0 10px 10px;

    border: 3px solid #bb2332

}



.item_header {

    font-size: 1.3em;

    margin: 0 0 0.6rem;

    color: #212121;

    padding: 10px;

    text-align: center;

}



.item_info_price {

    font-size: 1.5rem;

}



.guaranteelist {

    min-height: 210px;

    list-style: none;

    padding: 20px;

}



.guaranteelist li:before {

    content: '✓';

    padding-right: 10px;

    color: #bb2332;

    font-size: 18px;

    font-weight: 700;

}



/* Guarantee Table Styles End */



.appliance {

    text-align: center;

    background: #bb2332;

    color: #ffffff;

    padding: 10px;

}



.appliance img {

    max-width: 117px;

    max-height: 100px;

    margin-bottom: 5px;

}



.packageconent {

    min-height: 145px;

}



.packageconent h1, h3 {

    margin: 0;

}



.itemselected, .itemselected h1, .itemselected h3 {

    background: #bb2332;

    color: #ffffff;

}



.itemselected:after {

    content: '';

    position: absolute;

    top: 100%;

    left: 50%;

    margin-left: -30px;

    width: 0;

    height: 0;

    border-top: solid 30px #bb2332;

    border-left: solid 30px transparent;

    border-right: solid 30px transparent;

}



.itemselected {

    position: relative;

    margin-bottom: 50px;

}



#formpage2 {

    margin-bottom: 40px;

}



@media (min-width: 960px)
{
    .mainBody
    {
        min-height: 500px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {



    .introimg {

        position: unset;

    }



    .copyright {

        text-align: center;

    }



    .footernav {

        float: none;

        justify-content: center;

    }

    .guarantee-table {

        max-width: 100%;

    }



}


@media (max-width:767px)
{
    .center-mobile
    {
        display: table;
        margin: 10px auto;
        float: none;
    }

    .col-sm-1
    {
        display: none !important;
    }

    .col-sm-6
    {
        margin-bottom: 20px !important;
    }

    .col-sm-10
    {
        padding: 0px !important;
    }

    .section2
    {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .topfooter
    {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
}