html {}

body {
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
    color: #545454;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222;
    font-weight: 600;
    line-height: 1.3;
}

h2 {
    margin-top: 1.3em;
}

a {
    color: #0083e8;
}

b,
strong {
    font-weight: 600;
}

samp {
    display: none;
}

img {
    /*    animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
  background: transparent;
  border: 10px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  display: block;
  margin: 1.3em auto;
  max-width: 95%;*/
}

@keyframes colorize {
    0% {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

    100% {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }
}


/*----------------Web Packages Starts Here --------------- */

.wps-ecom-packages {
    padding: 20px;
    margin: 0 0 20px;
    background: #fff;
    /*    box-shadow: 0 0 5px #ddd;*/
}

.wps-ecom-packages h2 {
    background: #1178ba;
    text-align: center;
    padding: 20px 0px;
    color: #fff !important;
    border-radius: 10px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/* responsive tables */
.res-table {
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: collapse;
    table-layout: fixed;
}

.res-table th,
.res-table td {
    padding: 7px 10px !important;
    border: 1px solid #ddd;
    color: #002b5a
}

.res-table tr:first-child th {
    border: 1px solid #fff;
    padding: 0px;
    text-align: center
}

.res-table tr td:first-child {
    border-left: 1px solid #fff;
}

.res-table tr td:last-child {
    border-right: 1px solid #fff;
}

.res-table td:nth-child(2),
.res-table td:nth-child(3),
.res-table td:nth-child(4) {
    padding: 7px 10px;
}

.res-table thead {
    background: #efefef;
}

.res-table tr:nth-child(even) {
    background: #f3fafe;
    /* background: -moz-linear-gradient(top, #ffffff 0%, #d9d9d9 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #d9d9d9 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #d9d9d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9', GradientType=0);*/
}

.res-table p {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.res-table .fa {
    margin-right: 5px;
}

.res-table .fa-check {
    color: #6a9926;
}

.res-table .fa-times {
    color: #ff0000
}

.res-table .fa-check-circle {
    color: #690;
}

.res-table .fa-times-circle {
    color: #c00;
}

.res-table.with-mobile-labels {
    font-size: 18px;
}

@media (max-width: 1199px) {
    .container {
        width: auto;
        padding: 0 10px;
    }
    #stickyfixed{position: relative!important;}
#stickyfixed2{position: relative!important;}

   /* .sticky {
        position: relative !important;
    }*/
}

@media (max-width: 767px) {
    .res-table thead {
        display: none;
    }

    .res-table tr,
    .res-table th,
    .res-table td {
        display: block;
        text-align: center;
    }

    .res-table td {
        border-top: none;
        padding: 0px !important;
        border: 0px;
        padding: 10px 0px !important;
    }

    .res-table tr td:first-child {
        border-top: 1px solid #ddd;
        font-weight: bold;
    }

    .res-table.with-mobile-labels tr td:first-child {
        font-weight: 300;
    }

    .res-table.with-mobile-labels td:before {
        display: block;
        color: #002b5a;
        padding: 5px 15px;
        font-weight: bold;
        background: #efefef;
        margin-bottom: 10px;
    }

    .res-table.with-mobile-labels td:nth-of-type(1):before {
        content: "S.No.";

    }

    .res-table.with-mobile-labels td:nth-of-type(2):before {
        content: "Product Name";
    }

    .res-table.with-mobile-labels td:nth-of-type(3):before {
        content: "Price";
    }

    .res-table.with-mobile-labels td:nth-of-type(4):before {
        content: "Sub Total";
    }

    .res-table.with-mobile-labels td:nth-of-type(5):before {
        content: "Sub Total";
    }

    .res-table.with-mobile-labels td:nth-of-type(6):before {
        content: "";
    }

    .res-table.with-mobile-labels tr:first-child td:first-child {}

    .res-table td:nth-child(3),
    .res-table td:nth-child(4) {
        padding: 15px;
    }


    .tp-text,
    .hd-mb {
       /* font-weight: bold;*/
        color: #002b5a;
        /*font-size: 12px !important;*/
        margin: 0px;
        line-height: normal;
        padding: 0px;
    }

    .res-table.with-mobile-labels tr td:first-child {
        padding: 0px !important
    }

    .mt205 {
        margin-top: 205px
    }

    .ecom-ordn a {
        margin: 10px 0px !important;
    }

    .temp-btn {
        color: #1178ba !important;
        background: none !important;
        padding: 0px !important;
        margin: 0px;
        line-height: normal;
        font-weight: bold;
    }

    .res-table .price1 span {
        font-size: 16px !important;
    }

    .webpckg-slide {
        margin-left: -1px;
    }
}


.res-table .price1 {
    text-align: center;
    color: #002b5a;
    font-weight: bold;
    font-size: 18px;
}

.res-table .price1 .priceBox1 {
    background: #8ec63d;
    background: -moz-linear-gradient(left, #8ec63d 0%, #b5d536 100%);
    background: -webkit-linear-gradient(left, #8ec63d 0%, #b5d536 100%);
    background: linear-gradient(to right, #8ec63d 0%, #b5d536 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ec63d', endColorstr='#b5d536', GradientType=1);
    border-radius: 5px;
    padding: 10px 25px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    display: block;
    max-width: 200px;
    margin: 0px auto
}

.res-table .price2 {
    text-align: center;
    color: #002b5a;
    font-weight: bold;
    font-size: 18px;
}

.res-table .price2 .priceBox2 {
    background: #faa940;
    background: -moz-linear-gradient(left, #faa940 1%, #ff7225 100%);
    background: -webkit-linear-gradient(left, #faa940 1%, #ff7225 100%);
    background: linear-gradient(to right, #faa940 1%, #ff7225 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa940', endColorstr='#ff7225', GradientType=1);
    border-radius: 5px;
    padding: 10px 25px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    display: block;
    max-width: 200px;
    margin: 0px auto
}

.res-table .price3 {
    text-align: center;
    color: #002b5a;
    font-weight: bold;
    font-size: 18px;
}

.res-table .price3 .priceBox3 {
    background: #8b2a93;
    background: -moz-linear-gradient(left, #8b2a93 2%, #702f97 100%);
    background: -webkit-linear-gradient(left, #8b2a93 2%, #702f97 100%);
    background: linear-gradient(to right, #8b2a93 2%, #702f97 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b2a93', endColorstr='#702f97', GradientType=1);
    border-radius: 5px;
    padding: 10px 25px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    display: block;
    max-width: 200px;
    margin: 0px auto
}

.res-table .price4 {
    text-align: center;
    color: #002b5a;
    font-weight: bold;
    font-size: 18px;
}

.res-table .price4 .priceBox4 {
    background: #2d3694;
    background: -moz-linear-gradient(left, #2d3694 2%, #1178ba 100%);
    background: -webkit-linear-gradient(left, #2d3694 2%, #1178ba 100%);
    background: linear-gradient(to right, #2d3694 2%, #1178ba 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d3694', endColorstr='#1178ba', GradientType=1);
    border-radius: 5px;
    padding: 10px 25px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    display: block;
    max-width: 200px;
    margin: 0px auto
}

.res-table .price5 {
    text-align: center;
    color: #002b5a;
    font-weight: bold;
    font-size: 18px;
}

.res-table .price5 .priceBox5 {
    background: #fd5765;
    background: -moz-linear-gradient(left, #fd5765 2%, #cc3038 100%);
    background: -webkit-linear-gradient(left, #fd5765 2%, #cc3038 100%);
    background: linear-gradient(to right, #fd5765 2%, #cc3038 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd5765', endColorstr='#cc3038', GradientType=1);
    border-radius: 5px;
    padding: 10px 25px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    display: block;
    max-width: 200px;
    margin: 0px auto
}

.tp-text {
    font-weight: bold;
    color: #002b5a;
    font-size: 16px;
    margin: 0px;
}
.tblprice{font-size: 22px; color: #fff; font-weight: bold}

.wps-packagestab p.tp-text span{clear: both; font-weight: normal; color: #0083e8; font-weight: 600; font-size: 15px;}

.res-table .no-bg-bdr {
    background: #fff !important;
}

.res-table .no-bg-bdr td {
    border: 1px solid #fff !important;
}

.res-table th,
.res-table td a {
    text-decoration: none;
}

.res-table th,
.res-table td a:hover {
    text-decoration: none;
}

.sample-link {
    font-size: 15px;
    display: block
}

.sample-link a {
    color: #000 !important
}

.cb30 {
    clear: both;
    height: 30px;
}

.wps-ecom-packages h3 {
    text-align: left;
    margin: 0px;
    color: #1178ba;
    font-size: 25px;
}

.temp-btn {
    font-size: 14px;
    text-decoration: none;
    background: #1178ba;
    border-radius: 100px;
    padding: 5px 20px;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
}

.temp-btn:hover {
    background: #333;
    color:#FFF;
}

.sample-btn-grn {
    background: #fff;
    padding: 4px 25px;
    text-align: center;
    border-radius: 50px;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #8ec63d;
    border-bottom: 3px solid #8ec63d;
    transition: 0.3s;
    color: #333;
    text-decoration: none;
    font-size: 13px;
    line-height: normal;
    margin-bottom: 10px
}

.sample-btn-grn:hover {
    background: #8ec63d;
    color: #fff
}

.sample-btn-orng {
    background: #fff;
    padding: 4px 25px;
    text-align: center;
    border-radius: 50px;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #ff7225;
    border-bottom: 3px solid #ff7225;
    transition: 0.3s;
    color: #333;
    text-decoration: none;
    font-size: 13px;
    line-height: normal;
    margin-bottom: 10px
}

.sample-btn-orng:hover {
    background: #ff7225;
    color: #fff
}

.sample-btn-prpl {
    background: #fff;
    padding: 4px 25px;
    text-align: center;
    border-radius: 50px;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #8b2a93;
    border-bottom: 3px solid #8b2a93;
    transition: 0.3s;
    color: #333;
    text-decoration: none;
    font-size: 13px;
    line-height: normal;
    margin-bottom: 10px
}

.sample-btn-prpl:hover {
    background: #8b2a93;
    color: #fff
}

.ecom-ordn a {
    background: #00bd61;
    color: #fff !important;
    border-radius: 5px;
    width: 100%;
    display: inline-block;
    text-align: center;
    min-height: 50px;
    line-height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 15px;
    transition: 0.3s;
    max-width: 200px;
}

.ecom-ordn a:hover {
    background: #666
}

/*------------ Web Packages Ends Here ------------------- */

/*------------ Web Packages Starts Here Design2 ------------------- */

.wps-pricing-table {
    width: 100%;
    margin: 50px auto;
    text-align: center;
    padding: 10px;
    padding-right: 0;
}

.wps-pricing-table h1 {
    text-align: center;
    padding: 20px 0px;
    color: #1178ba;
    text-transform: uppercase;
    border-bottom: 5px solid #ccc;
    margin-bottom: 30px;
}

.wps-pricing-table .pricing-table .heading {
    color: #9C9E9F;
    text-transform: uppercase;
    font-size: 1.3rem;
    margin-bottom: 4rem;
}

.wps-pricing-table .block {
    margin: 0 0px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #ccc;
}

/*Shared properties*/
.wps-pricing-table .title,
.wps-pricing-table .pt-footer {
    color: #FEFEFE;
    text-transform: capitalize;
    line-height: 2.5;
    position: relative;
}

.wps-pricing-table .content {
    position: relative;
    color: #FEFEFE;
    padding: 20px 0 10px 0;
}

/*arrow creation*/
.wps-pricing-table .content:after,
.wps-pricing-table .content:before,
.wps-pricing-table .pt-footer:before,
.wps-pricing-table.pt-footer:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.wps-pricing-table .pt-footer:after,
.wps-pricing-table .pt-footer:before {
    top: 0;
}

.wps-pricing-table .content:after,
.wps-pricing-table .pt-footer:after {
    border-color: rgba(136, 183, 213, 0);
    border-width: 5px;
    margin-left: -5px;
}

/*/arrow creation*/
.wps-pricing-table .price {
    position: relative;
    display: inline-block;
    margin-bottom: 0.625rem;
}

.wps-pricing-table .price span {
    font-size: 6rem;
    letter-spacing: 1px;
    font-weight: bold;
}

.wps-pricing-table .price sup {
    font-size: 1.5rem;
    position: absolute;
    top: 12px;
    left: -12px;
}

.wps-pricing-table .hint a {
    font-style: italic;
    font-size: 1rem;
    color: #fff;
}

.wps-pricing-table .features {
    list-style-type: none;
    background: #fff;
    text-align: left;
    color: #222;
    padding: 0px 0px;

}

.wps-pricing-table .features li {
    padding: 10px 15px;
    width: 100%;
    border-bottom: 1px solid #dddd;
}

.wps-pricing-table .features li a {
    color: #1178ba;
    font-size: 14px;
}

.wps-pricing-table .features li a:hover {
    text-decoration: none;
    color: #222
}

.wps-pricing-table .features li:last-child {
    border-bottom: 1px solid #fff;
}

.wps-pricing-table .features li:nth-child(even) {
    /*background:#eee */
}

.wps-pricing-table .features li span {
    padding-right: 0.4rem;
    font-size: 15px;

}

.wps-pricing-table .features li span:last-child {
    font-weight: bold
}

.wps-pricing-table .pt-footer {
    text-transform: capitalize;
    font-weight: bold;
    font-size: 25px;
    line-height: normal;
    padding: 15px;
    min-height: 93px;
    vertical-align: middle;
}

.wps-pricing-table .pt-footer p {
    margin: 0px;
}

.wps-pricing-table .pt-footer p a {
    margin-bottom: 10px;
    font-size: 12px;
    color: #fff;
    line-height: 12px;
    display: block;
    padding: 0px 0px;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/*PERSONAL*/
.wps-pricing-table .wps-pckg1 .title {
    background: #067589;
    margin: 0;
    padding: 0;
    border: 0;
}

.wps-pricing-table .wps-pckg1 .content,
.wps-pricing-table .wps-pckg1 .pt-footer {
    background: #0c98b1;
}

.wps-pricing-table .wps-pckg1 .content:after {
    border-top-color: #0c98b1;
}

.wps-pricing-table .wps-pckg1 .pt-footer:after {
    border-top-color: #FFFFFF;
}

/*wps-pckg2*/
.wps-pricing-table .wps-pckg2 .title {
    background: #a24c96;
    margin: 0;
    padding: 0;
    border: 0;
}

.wps-pricing-table .wps-pckg2 .content,
.wps-pricing-table .wps-pckg2 .pt-footer {
    background: #aa5e9f;
}

.wps-pricing-table .wps-pckg2 .content:after {
    border-top-color: #aa5e9f;
}

.wps-pricing-table .wps-pckg2 .pt-footer:after {
    border-top-color: #FFFFFF;
}

/*wps-pckg3*/
.wps-pricing-table .wps-pckg3 .title {
    background: #E3536C;
    margin: 0;
    padding: 0;
    border: 0;
}

.wps-pricing-table .wps-pckg3 .content,
.wps-pricing-table .wps-pckg3 .pt-footer {
    background: #EB6379;
}

.wps-pricing-table .wps-pckg3 .content:after {
    border-top-color: #EB6379;
}

.wps-pricing-table .wps-pckg3 .pt-footer:after {
    border-top-color: #FFFFFF;
}

.wps-pricing-table .features-list {

    margin: 30px 0px;
}

.wps-pricing-table .features-list h3 {
    text-align: left;
    margin: 0px;
    padding: 15px;
    color: #1178ba;
    font-size: 25px;
}

.wps-ecom-fl {
    display: inline-block;
    list-style-type: none;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.wps-ecom-fl li {
    display: inline-block;
    width: 200px;
    box-shadow: 2px 2px 10px #ccc;
    margin: 15px 14px;
    vertical-align: text-top;
    min-height: 160px;
    padding: 20px 15px;
    border: 1px solid #ccc;
    transition: 0.3s;
}

.wps-ecom-fl li p {
    /*font-weight: bold*/
    margin: 0px auto;
    height: 50px;
    width: 100%;
    align-items: center;
    display: grid;
    text-align: center
}

.wps-ecom-fl li img {
    background: #efefef;
    padding: 10px;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    border: 3px solid #fff;
}

.wps-ecom-fl li:hover img {
    background: #7ecdff;
    transition: 0.3s;
    border: 3px solid #7ecdff;
}

/*.wps-ecom-fl li:first-child {border-bottom: 3px solid #3a49ba}
.wps-ecom-fl li:first-child img{background: #3a49ba; border: 0px; padding: 15px; border-radius: 50px}
.wps-ecom-fl li:nth-child(2) {border-bottom: 3px solid #dd463e}
.wps-ecom-fl li:nth-child(2) img{background: #dd463e; border: 0px; padding: 15px; border-radius: 50px}
.wps-ecom-fl li:nth-child(3) {border-bottom: 3px solid #03d8d0}
.wps-ecom-fl li:nth-child(3) img{background: #03d8d0; border: 0px; padding: 15px; border-radius: 50px}
.wps-ecom-fl li:nth-child(4) {border-bottom: 3px solid #6abef6}
.wps-ecom-fl li:nth-child(4) img{background: #6abef6; border: 0px; padding: 15px; border-radius: 50px}
.wps-ecom-fl li:nth-child(5) {border-bottom: 3px solid #cdb034}
.wps-ecom-fl li:nth-child(5) img{background: #cdb034; border: 0px; padding: 15px; border-radius: 50px}*/

/*------------ Web Packages ends Here Design2 ------------------- */


.wps-hostp-row .plan-data {
    position: relative;
    display: inline-block;
    margin-bottom: 0.625rem;
}

.wps-hostp-row .plan-data .pricing {
    font-size: 2.5rem;
    letter-spacing: 0px;
    font-weight: bold;
    color: #333;
}

.wps-hostp-row .plan-data .mo {
    font-size: 1.2rem;
}


@keyframes click-wave {
    0% {
        height: 40px;
        width: 40px;
        opacity: 0.35;
        position: relative;
        outline: none;
    }

    100% {
        height: 200px;
        width: 200px;
        margin-left: -80px;
        margin-top: -80px;
        opacity: 0;
        outline: none;
    }
}

.option-input,
.plan-data input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    width: 30px;
    transition: all 0.15s ease-out 0s;
    background: #fff;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    z-index: 1000;
    outline: none;
    border: 0px;
    box-shadow: none;
    text-decoration: none;
    border: 2px solid #1178ba !important;
}

.option-input:hover {
    background: #fff;
    outline: none;
}

.option-input:checked {
    background: #1178ba;
    outline: none;
}

.option-input:checked::before {
    height: 26px;
    width: 26px;
    position: absolute;
    content: '✔';
    display: inline-block;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    outline: none;
}

.option-input:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #067589;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
    outline: none;
}

.option-input.radio {
    border-radius: 50%;
    outline: none;
    margin: 0px;
    float: left;
    margin-right: 10px;
    border: 0px;
    box-shadow: none;
    text-decoration: none;
    outline: none !important;
}

.option-input.radio::after {
    border-radius: 50%;
    outline: none;
}

.option-input.checkbox {
    outline: none;
    margin: 0px;
    float: left;
    margin-right: 10px;
    border: 0px;
    box-shadow: none;
    text-decoration: none;
    outline: none !important;
}

.option-input.checkbox::after {
    outline: none;
}

.wps-hosting-plan .wps-title {
    color: #1178ba
}

.wps-hosting-plan .wps-hostp-area {
    width: 100%;
    float: left
}

.wps-hostp-row {
    display: block;
    width: 100%;
    float: left;
    margin: 5px 0px;
    padding: 0px 0px;
    min-height: 90px;
    background: #f3fafe;
    border: 1px solid #ccc;
    padding: 15px;
}

.wps-hostp-row .plan-data {
    width: 100%;
    float: left
}

.wps-hostp-row .plan-data label {
    margin: 0px;
    font-size: 22px;
    color: #222;
}

.wps-hostp-row .plan-data .pricing {
    position: relative
}

.ac-price {
    text-align: right;
    display: block;
    text-decoration: line-through;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

.on-sale {
    text-align: right;
    display: block;
    font-size: 16px;
    color: #666;
    font-weight: normal
}

/*.wps-hostp-row:last-child{border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px;}*/
.wps-hostp-area .wps-title2 {
    background: #1178ba;
    color: #fff;
    padding: 15px;
    margin: 0px;
    width: 100%;
    float: left;
}

.wps-hostp-area .wps-title2 span {
    clear: both;
    font-size: 15px;
    display: block;
    font-weight: normal
}

.order-sum {
    border: 3px solid #ccc;
    padding: 20px;
    margin-bottom: 50px;
    width: 100%;
    float: left;
}

.order-sum .wps-title3 {
    font-size: 25px;
    color: #222;
    font-weight: normal;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

.order-sum .ord-sumrow {
    border-bottom: 1px solid #ccc;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    width: 100%;
    float: left;
}

.order-sum .ord-sumrow .os-row1 {
    font-weight: bold;
    color: #222;
    padding: 0px;
    margin: 0px;
    width: 100%;
    float: left;
}

.order-sum .ord-sumrow .os-row2 {
    margin: 0px;
    padding: 0px
}

.order-sum .ord-sumrow .os-row1 .grey {
    color: #666;
    display: block;
    clear: both;
    font-weight: normal;
}

.text-right {
    text-align: right
}

.order-sum .ord-sumrow:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.order-sum .termst {
    margin: 20px 0px;
    display: block;
    width: 100%;
    float: left;
}

.order-sum .cont-cart {
    color: #1178ba;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none !important
}

.order-sum .cont-cart a:hover,
.order-sum .cont-cart a:focus {
    text-decoration: none !important;
    color: #1178ba;
}

.order-sum .cont-cart i {
    text-align: center;
    clear: both;
    font-size: 30px;
    display: block
}

/*-------wps hosting plan starts here ------------------ */


/*----------wps signin page starts here -----------*/
.wps-signin h1 {
    background: #1178ba;
    text-align: center;
    padding: 3px 0px;
    color: #fff;
    font-size: 25px;
}

.step-wrapper {
    background-color: #fff;
    padding: 40px 0 20px 0
}

@media(min-width:768px) {
    .step-wrapper {
        padding: 40px 0 20px 0
    }
}

@media print {
    .step-wrapper {
        display: none !important
    }
}

.step-wrapper header {
    padding: 0
}

.step-wrapper header .title {
    padding-top: 15px;
    color: #fff
}

@media(min-width:768px) {
    .step-wrapper header .title {
        padding-top: 40px
    }

}

.step-wrapper .stepper {
    color: #fff
}

.step-wrapper .stepper > ul {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0
}

.step-wrapper .stepper > ul > li {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    text-align: center;
    padding: 0
}

.step-wrapper .stepper > ul > li:first-child:before {
    display: none
}

.step-wrapper .stepper > ul > li:before {
    background-color: #ccc;
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 5px;
    top: 45%;
    right: 50%;
    z-index: 0
}

.step-wrapper .stepper > ul > li span {
    background-color: #fff;
/*    font-size: 50px;
    width: 50px;
    height: 50px;*/
    display: inline-block;
    position: relative;
    z-index: 9;
    color: #ccc;
    font-family: 'LinearIcons';
}

.step-wrapper .stepper > ul > li span:before {
    content: url(../images/wrong-cart.png)
}

.step-wrapper .stepper > ul > li span:after {
    content: attr(data-text);
    position: absolute;
    display: inline-block;
    bottom: 100%;
    text-transform: uppercase;
    text-align: center;
    width: initial;
    left: 50%;
    font-weight: bold;
    font-size: 16px;
    white-space: nowrap;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: "Roboto", sans-serif
}

@media(max-width:992px) {
    .step-wrapper .stepper > ul > li span {
        width: 30px;
        height: 30px;
        font-size: 40px;
        line-height: 40px;
        font-weight: bold;
    }

    .step-wrapper .stepper > ul > li span:after {
        font-size: 16px;
        line-height: initial;
        text-transform: capitalize;
        white-space: normal;
        font-weight:bold;
    }
    
}

.step-wrapper .stepper > ul > li.active:before {
    background-color: #1178ba
}

.step-wrapper .stepper > ul > li.active span {
    color: #1178ba
}

.step-wrapper .stepper > ul > li.active span:before {
    content: url(../images/right-cart.png);
}

.promocode {
    background: #137f41;
    color: #fff;
    font-size: 20px;
}

.promocode strong {
    text-transform: uppercase;
}

.ow-back {
    background: #eaf0f6;
    padding: 50px 0px;
    float: left;
    width: 100%;
}

.wps-form-bg,
.wps-cart-bg {
    z-index: 1;
    background-color: #fff;
    box-shadow: 0 5px 18px 3px rgba(0, 0, 0, .1);
    padding: 30px 37.5px;
    flex: 1.5 1 0;
    width: 100%;
    float: left;
}

.wps-form-bg .from-title {
    margin: 0px
}

.form-vblock {
    margin: 5px 0px;
    line-height: 35px;
    color: #333;
}

.form-vblock .labelw100 {
    display: block;
}

.form-vblock .show-text {
    text-align: right;
    float: right;
    font-weight: normal;
}

.form-vblock input,
.form-vblock select {
    height: 35px;
    line-height: 35px
}

.form-vblock .fw100 {
    display: block;
    width: 100%;
    padding: 0px 15px;
    outline: none;
}

.form-vblock .sn-facebook {
    color: #4060b8;
    background: #fff;
    border: 2px solid #4060b8;
    width: 100%;
    text-align: center;
    text-decoration: none;
    transition: 0.3s;
    margin: 10px 0px;
}

.form-vblock .sn-facebook .sn-fb-text {
    font-size: 20px;
    line-height: 30px;
    vertical-align: middle;
    text-decoration: none !important
}

.form-vblock .sn-facebook a {
    color: #4060b8;
    width: 100%;
    display: block;
    padding: 3px 10px;
}

.form-vblock .sn-facebook a .fa-facebook {
    font-size: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.form-vblock .sn-facebook:hover {
    color: #fff;
    background: #4060b8;
    text-decoration: none !important
}

.form-vblock .sn-facebook:hover a {
    color: #fff;
}

.form-vblock .sn-facebook a:hover {
    color: #fff;
    text-decoration: none !important
}

.form-vblock .sn-google {
    color: #b23121;
    background: #fff;
    border: 2px solid #b23121;
    width: 100%;
    text-align: center;
    text-decoration: none;
    transition: 0.3s;
    margin: 10px 0px;
}

.form-vblock .sn-google .sn-gl-text {
    font-size: 20px;
    line-height: 30px;
    vertical-align: middle;
    text-decoration: none !important
}

.form-vblock .sn-google a {
    color: #b23121;
    width: 100%;
    display: block;
    padding: 3px 10px;
}

.form-vblock .sn-google a .fa-google {
    font-size: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.form-vblock .sn-google:hover {
    color: #fff;
    background: #b23121;
    text-decoration: none !important
}

.form-vblock .sn-google:hover a {
    color: #fff;
}

.form-vblock .sn-google a:hover {
    color: #fff;
    text-decoration: none !important
}

.form-vblock .sn-sgnin {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

.keepsign {
    font-weight: normal;
    margin: 10px 0px;
    line-height: 30px;
}

.signin-btn {
    width: 100%;
    background: #1178ba;
    color: #fff;
    border: 0px;
    padding: 10px;
    font-size: 20px;
    transition: 0.3s;
    display: inline-block;
    text-align: center;
}

.signin-btn:hover {
    background: #222
}

.wps-cart-bg .ctitle1 {
    font-size: 25px;
    color: #222;
    font-weight: normal;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

.wps-cart-bg .wps-sumrow {
    border-bottom: 1px solid #ccc;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    width: 100%;
    float: left;
    position: relative;
    min-height: 90px;
}

.wps-cart-bg .wps-sumrow .cb-row1 {
    font-weight: bold;
    color: #222;
    padding: 0px;
    margin: 0px;
    width: 100%;
    float: left;
}

.wps-cart-bg .wps-sumrow .cb-row2 {
    margin: 0px;
    padding: 0px
}

.wps-cart-bg .wps-sumrow .cb-row1 .grey {
    color: #666;
    display: block;
    clear: both;
    font-weight: normal;
}

.text-right {
    text-align: right
}

.wps-cart-bg .wps-sumrow:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.wps-cart-bg .frm-select {
    display: block;
    width: 200px;
    line-height: 35px;
    height: 35px;
    margin: 5px 0px;
    outline: none;
}

.wps-cart-bg .del-icon {
    color: #1178ba;
    font-size: 20px;
}

.rec-you {
    margin: 50px 0px 0px;
    border-top: 1px solid #ccc;
    padding: 20px 0px;
    width: 100%;
    float: left;
}

.rec-you .title3 {
    font-size: 25px;
    color: #222;
    font-weight: normal;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

.rec-you .wps-sumrow {
    border-bottom: 1px solid #ccc;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    width: 100%;
    float: left;
}

.rec-you .wps-sumrow .cb-row1 {
    font-weight: bold;
    color: #222;
    padding: 0px;
    margin: 0px;
    width: 100%;
    float: left;
}

.rec-you .wps-sumrow .cb-row1 .pricing {
    font-size: 2.5rem;
    letter-spacing: 0px;
    font-weight: bold;
    color: #333;
}

.rec-you .wps-sumrow .cb-row1 .mo {
    font-size: 1.2rem;
}

.rec-you .wps-sumrow .cb-row1 .wps-acp {
    text-align: right;
    display: block;
    text-decoration: line-through;
    font-size: 15px;
    color: #666;
    font-weight: normal;
}

.rec-you .wps-sumrow .cb-row2 {
    margin: 0px;
    padding: 0px
}

.rec-you .wps-sumrow .cb-row1 .grey {
    color: #666;
    display: block;
    clear: both;
    font-weight: normal;
}

.text-right {
    text-align: right
}

.rec-you .wps-sumrow:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.rec-you .frm-select {
    display: block;
    width: 200px;
    line-height: 35px;
    height: 35px;
    margin: 5px 0px;
}

.rec-you .del-icon {
    color: #1178ba;
    font-size: 20px;
}

.rec-you .wps-sumrow ul {
    margin: 0px;
    padding: 0px 15px;
    float: left;
    max-width: 320px;
}

.rec-you .wps-sumrow ul li,
.short-grey-b {
    font-size: 14px;
    display: block;
    background: url(../images/check-arrow.png)no-repeat 0px 5px;
    padding-left: 25px;
    line-height: 25px;
}

.r-add {
    font-size: 15px;
    float: right;
    margin-top: 15px;
}

.r-add a {
    color: #fff;
    cursor: pointer;
    width: 100%;
    background: #1178ba;
    padding: 8px 10px;
    font-weight: bold;
}

.r-add a:hover {
    text-decoration: none;
    background: #222
}

.add-dom {
    margin: 20px 0px 30px;
    border-top: 1px solid #ccc;
    padding: 10px 0px;
    width: 100%;
    float: left;
}

.add-dom .title3 {
    font-size: 18px;
    color: #222;
    font-weight: normal;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

.add-dom .wps-src-dom {
    display: block;
    width: 80%;
    padding: 0px 15px;
    padding: 5px 15px;
    height: 40px;
    line-height: 40px;
    outline: none;
    float: left
}

.add-dom .wps-src-btn {
    width: 50px;
    background: #1178ba;
    border: 0px;
    color: #fff;
    height: 40px;
    line-height: 40px;
}

.dom-avail {
    margin: 00px 0px 20px;
    border-top: 1px solid #ccc;
    padding: 20px 0px;
    width: 100%;
    float: left;
}

.dom-avail .title3 {
    font-size: 25px;
    color: #222;
    font-weight: normal;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

.dom-avail .dom-av-row {
    border: 1px solid #ccc;
    padding: 15px;
    width: 100%;
    float: left;
    margin-top: -1px;
}

.dom-av-row p {
    margin-bottom: 0px;
}

.dom-price-p {
    float: right
}

.dom-price-p .dom-ac-p {
    text-align: right;
    text-decoration: line-through;
    font-size: 16px;
    color: #666;
    font-weight: bold;
    font-size: 15px;
    margin-right: 10px;
}

.dom-dcnt-p {
    color: #1178ba;
    margin-right: 10px;
}

.dom-buy-btn a {
    color: #fff;
    cursor: pointer;
    width: 100%;
    background: #1178ba;
    padding: 8px 10px;
    font-weight: bold;
}

.dom-buy-btn a:hover {
    text-decoration: none;
    background: #222
}

/*-----------wps signin page ends here -----------*/
/*-----------wps payment page starts here ------- */
.wps-pay-row {
    /*    margin: 10px 0px;
  width: 100%;
  float: left;
  background: #efefef;
  padding: 15px;
  border-bottom: 1px solid #ccc;
  margin: 10px 0px 0px;*/
}

.wps-pay-row label {
    font-weight: normal
}

.wps-pay-row .mandatory {
    color: #ff0000;
    font-weight: bold;
    font-size: 18px;
}

.wps-pay-row .wps-pr {
    margin: 0px 0px 0px 40px
}

.wps-pay-row .wps-pr .sec-code {
    font-weight: bold;
    font-size: 18px;
}

.wps-pay-row .w100-in {
    display: block;
    width: 200px;
    line-height: 35px;
    height: 35px;
    margin: 5px 0px;
    outline: none;
    padding: 0px 15px;
}

.wps-visa-img {
    background: transparent;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    display: inline-block;
    border: 0px;
}

.wps-pay-row {
    margin: 0px;
    padding: 0px;
}

.wps-pay-row li {
    list-style-type: none;
    margin: 10px 0px;
    width: 48%;
    float: left;
    background: #eaf0f6;
    padding: 15px;
    border: 1px solid #d7e4f1;
    margin: 10px 2% 0px 0px;
}

.wps-pro-pay {
    width: 100%;
    float: left;
    text-align: center;
    display: block
}

.wps-pro-pay a {
    background: #1178ba;
    color: #fff;
    border: 0px;
    padding: 10px;
    font-size: 20px;
    transition: 0.3s;
    width: 100%;
    display: block;
    text-decoration: none;
}

.wps-pro-pay a:hover {
    background: #222;
    text-decoration: none;
}

/*--------wps payment page ends here -------*/
/*--------wps billing information page starts here --------*/

.wps-billing-info {
    padding: 25px 25px;
    margin: 0px;
    width: 100%;
    display: block;
    float: left;
    color: #1178ba;
    margin: 15px 0px;
    transition: 0.3s;
    padding: 15px;
    border: 1px solid #d7e4f1;
    line-height: 20px;
}

.wps-billing-info:hover {}

.wps-billing-info .wps-bi-name {
    font-weight: normal;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    color: #1178ba;
    font-size: 16px;
    background: #fff;
    padding: 5px 15px;
}

.wps-billing-info .wps-bi-add {
    color: #1178ba;
    font-weight: normal;
    margin: 10px 0px;
    padding: 0px;
    background: #fff;
    padding: 5px 15px;
}

.wps-billing-info .wps-bi-com {
    color: #1178ba;
    font-weight: normal;
    margin: 10px 0px;
    padding: 0px 0px;
    background: #fff;
    padding: 5px 15px;
}

.wps-billing-info .wps-bi-email {
    color: #1178ba;
    font-weight: normal;
    margin: 10px 0px;
    padding: 0px 0px;
    background: #fff;
    padding: 5px 15px;
}

.wps-billing-info .wps-bi-phone {
    color: #1178ba;
    font-weight: normal;
    margin: 10px 0px;
    padding: 0px 0px;
    background: #fff;
    padding: 5px 15px;
}

.wps-billing-info .wps-light-bg {
    background: #eaf0f6
}

.wps-billing-info .bld-txt {
    display: inherit;
    margin-bottom: 5px;
    color: #222;
    font-weight: bold;
    font-size: 15px;
}

.wps-gstin {
    clear: both;
    width: 100%;
    float: left;
    margin: 10px 0px;
}

.wps-gstin .wps-bi-gstin {
    font-size: 22px;
    color: #222;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

.wps-gstin .wps-bi-gstin .edit-gstin,
.wps-form-bg .from-title .edit-gstin {
    float: right;
    font-size: 16px;
    text-decoration: underline;
    color: #1178ba;
    font-weight: bold;
    cursor: pointer;
    line-height: 35px;
}

.wps-gstin .w100-in {
    width: 100%;
    padding: 5px 15px;
    height: 35px;
    line-height: 35px;
    outline: none;
}

.wps-gstin .wps-con-btn {
    text-align: center
}

.wps-gstin .wps-con-btn a {
    background: #1178ba;
    color: #fff;
    border: 0px;
    padding: 10px;
    font-size: 20px;
    transition: 0.3s;
    width: 100%;
    display: block;
    margin: 15px 0px;
    text-decoration: none;
}

.wps-gstin .wps-con-btn a:hover {
    background: #222;
    text-decoration: none;
}

/*--------wps billing information page ends here -------- */

/*-------- dashboard header Starts here ----------- */
.navigation_bar .header {
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;
}

.snip-slide-nav {
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
}

.snip-slide-nav * {
    box-sizing: border-box;
}

.snip-slide-nav li {
    display: inline-block;
    list-style: outside none none;
    margin: 0 0;
    padding: 0;
}

.snip-slide-nav a {
    padding: 0.5em 0;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
    letter-spacing: 1px;
    text-decoration: none;
}

.snip-slide-nav a:before,
.snip-slide-nav a:after {
    position: absolute;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.snip-slide-nav a:before {
    bottom: 0;
    display: block;
    height: 3px;
    width: 0%;
    content: "";
    background-color: #1c83bf;

}

.snip-slide-nav .active a:before {
    bottom: 0;
    display: block;
    height: 3px;
    width: 0%;
    content: "";
    background-color: #1c83bf;
    width: 100%;
}

.snip-slide-nav a:after {
    left: 0;
    top: 0;
    padding: 0.5em 0;
    position: absolute;
    content: attr(data-hover);
    color: #ffffff;
    white-space: nowrap;
    max-width: 0%;
    overflow: hidden;
}

.snip-slide-nav a:hover:before,
.snip-slide-nav .current a:before {
    opacity: 1;
    width: 100%;
}

.snip-slide-nav a:hover:after,
.snip-slide-nav .current a:after {
    max-width: 100%;
}


.nav_menutop {
    /*float: right*/
}

.nav_menutop > ul {
    margin: 0;
    padding: 0
}

.nav_menutop > ul > li {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    font-weight: 500;
    margin-left: 0;
    position: relative;
    margin: 15px 15px 0px 0px;
}

.nav_menutop > ul > #search-btn {
    text-align: center
}

.nav_menutop > ul > #search-btn button {
    background: none;
    border: 0px;
    margin: 0px;
    padding: 0px 10px 5px 0px;
    line-height: 20px;
    color: #000;
    text-align: center;
    outline: none;
    vertical-align: -webkit-baseline-middle;
    color: #666666;
}

.nav_menutop > ul > li:last-child {
    border-right: 0
}

.nav_menutop > ul > li i {
    margin-right: 0;
    color: #a9afb7;
    font-size: 25px;
    text-align: center;
    line-height: 20px;
    margin: 0 5px 0px 0px;
    vertical-align: middle;
}

.nav_menutop > ul > li > a {
    color: #000;
    text-align: center
}

.nav_menutop > ul > li > a span {
    line-height: 20px
}

.nav_menutop > ul > li:hover > a {
    color: #333;
    text-decoration: none
}

.nav_menutop > ul > li > ul {
    display: none
}

.nav_menutop > ul > li > ul {
    position: absolute;
    right: 0;
    width: 300px;
    z-index: 9;
    display: inline-block;
    vertical-align: top;
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease-in;
    transform: translateX(-50px);
    top: 35px;
}

.nav_menutop > ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
    transform: translateX(0)
}

.nav_menutop > ul > li > ul > li {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 0;
    width: 100%;
    line-height: 20px;
    border-bottom: 1px solid #ccc;
    transition: .5s
}

.nav_menutop > ul > li > ul > li:hover {
    border-bottom: 1px solid #f6f6f6
}

.nav_menutop > ul > li > ul > li:before {
    height: 1px !important;
    background: #0f76b8 !important
}

.nav_menutop > ul > li > ul > li:last-child {
    border-bottom: 0
}

.nav_menutop > ul > li > ul > li:hover {
    padding-left: 0
}

.nav_menutop > ul > li > ul > li a {
    color: #000;
    font-family: Poppins-Regular
}

.nav_menutop > ul > li > ul > li:hover > a {
    color: #0f76b8
}

.phone-order {
    background: url(../images/phone-icon.html) no-repeat;
    padding-left: 30px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 21px;
    color: #666666;
}

.phone-order span {
    clear: both;
    display: block;
    font-family: 'Poppins-Bold';
    font-size: 18px;
    color: #000;
}

.cart-cap-text {
    background: #c70202;
    width: 20px;
    height: 20px;
    padding: 0px 7px;
    border-radius: 30px;
    position: relative;
    top: -9px;
    line-height: 20px;
    left: 40px;
    text-align: center;
    z-index: 1;
    color: #fff!important;
}

.shipping-row {
    background: #fdeae6;
    text-align: center;
    width: 100%;
    float: left;
    text-transform: uppercase
}

.shipping-row .bdr-right {
    border-right: 2px solid #fff;
}

.shipping-row .pd-tb10 {
    padding: 10px 0px;
}

.wps-shop-dash .dropdown-menu {
/*    padding: 20px;
    top: 30px !important;
    width: 300px !important;
    left: 20px !important;
    box-shadow: 5px 10px 10px #ccc;
    display: block*/
    padding: 15px;
    top: 0px !important;
    width: 250px !important;
    left: -200px !important;
    /* box-shadow: 5px 10px 10px #ccc; */
    display: block;
}

.wps-shop-dash .total-header-section {
    border-bottom: 1px solid #d2d2d2;
}

.wps-shop-dash .total-section p {
    margin-bottom: 20px;
}

.wps-shop-dash .cart-detail {
    padding: 15px 0px;
}

.wps-shop-dash .cart-detail-img img {
    width: 100%;
    height: 100%;
    padding-left: 15px;
}

.wps-shop-dash .cart-detail-product p {
    margin: 0px;
    color: #000;
    font-weight: 500;
}

.wps-shop-dash .cart-detail .price {
    font-size: 12px;
    margin-right: 10px;
    font-weight: 500;
}

.wps-shop-dash .cart-detail .count {
    color: #C2C2DC;
}

.wps-shop-dash .checkout {
    border-top: 1px solid #d2d2d2;
    padding-top: 15px;
}

.wps-shop-dash .checkout .btn-primary {
    border-radius: 50px;
    height: 50px;
}

.wps-shop-dash .dropdown-menu:before {
    content: " ";
    position: absolute;
    top: -20px;
    right: 20px;
    border: 10px solid transparent;
    border-bottom-color: #ccc;
}

.wps-shop-dash2{top: 9px!important;}

.wps-shop-dash2 .dropdown-menu {
  padding: 20px;
    top: 30px !important;
    width: 300px !important;
    left: 20px !important;
    box-shadow: 5px 10px 10px #ccc;
    display: block
}

.wps-shop-dash2 .total-header-section {
    border-bottom: 1px solid #d2d2d2;
}

.wps-shop-dash2 .total-section p {
    margin-bottom: 20px;
}

.wps-shop-dash2 .cart-detail {
    padding: 15px 0px;
}

.wps-shop-dash2 .cart-detail-img img {
    width: 100%;
    height: 100%;
    padding-left: 15px;
}

.wps-shop-dash2 .cart-detail-product p {
    margin: 0px;
    color: #000;
    font-weight: 600;
}

.wps-shop-dash2 .cart-detail .price {
    font-size: 12px;
    margin-right: 10px;
    font-weight: 600;
}

.wps-shop-dash2 .cart-detail .count {
    color: #C2C2DC;
}

.wps-shop-dash2 .checkout {
    border-top: 1px solid #d2d2d2;
    padding-top: 15px;
}

.wps-shop-dash2 .checkout .btn-primary {
    border-radius: 50px;
    height: 50px;
}

.wps-shop-dash2 .dropdown-menu:before {
    content: " ";
    position: absolute;
    top: -20px;
    right: 20px;
    border: 10px solid transparent;
    border-bottom-color: #ccc;
}



/*------------dashboard header ends here ------------*/


/*-------------------*/
.faq-container {
    /*background: #f5f5f5; */
    padding: 20px 0px 50px;
    float: left;
}

.heading-h1 {
    font-size: 22px;
    color: #ff522e;
    padding: 20px 0px;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-top: 10px;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

.heading-h2 {
    font-size: 18px;
    padding: 20px 0px;
    letter-spacing: 2px;
    margin-top: 10px;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 0px;
    color: #222;
}

.heading-small {
    font-size: 16px;
}

.faq-container #accordion .card {
    border: 0px;
    background-color: transparent;
    background-color: #fff;
    box-shadow: 0 5px 18px 3px rgba(0, 0, 0, .1);
    margin: 10px 0px;
    outline: none;
    width: 100%;
    float: left;
}

.faq-container #accordion .card .card-header {
    background-color: transparent;
    border-bottom: 1px solid #efefef;
    padding: 0px;
    outline: none;
    margin: 0px 30px;
}

.faq-container #accordion .card .card-header .btn-link {
    color: #222;
    text-decoration: none;
    width: 100%;
    text-align: left;
    font-size: 22px;
    padding: 15px;
    outline: none;
}

.faq-container #accordion .card .card-header .btn-link:active {
    background: none;
}

.cb {
    clear: both;
    height: 0px;
}

.cb30 {
    clear: both;
    height: 30px;
    color: #222
}

.faq-container #accordion .card .card-header .btn-link:before {
    font-family: FontAwesome;
    content: "\f106";
    padding-right: 5px;
    font-size: 25px;
    color: #222;
    margin-right: 30px;
}

.faq-container #accordion .card .card-header .btn-link.collapsed:before {
    content: "\f107";
    font-size: 25px;
    color: #222;
    margin-right: 30px;
}

.faq-container #accordion .card .card-header .btn-link:hover,
.faq-container #accordion .card .card-header .btn-link:active,
.faq-container #accordion .card .card-header .btn-link:focus {
    text-decoration: none;
}

.faq-container #accordion .card .card-body {
    padding: 30px 30px 30px 100px;
}

.faq-container #accordion .card .wps-dac-links {
    margin: 0px;
    padding: 0px;
    float: right
}

.faq-container #accordion .card .card-body .wps-dac-links li {
    list-style-type: none;
    display: inline-block;
    padding: 0px 10px;
}

.faq-container #accordion .card .card-body a.dlnk {
    color: #1c83bf;
    font-weight: bold;
    text-decoration: none !important;
}

.faq-container #accordion .card .card-body a.dlnk:hover,
.faq-container #accordion .card .card-body a.dlnk:focus,
.faq-container #accordion .card .card-body a.dlnk:active {
    text-decoration: none !important
}

.faq-container #accordion .card .card-body a.wpsdl-mng {
    border: 2px solid #222;
    color: #000;
    padding: 5px 15px
}

.faq-container #accordion .card .card-body a.wpsdl-mng:hover,
.faq-container #accordion .card .card-body a.wpsdl-mng:focus {
    text-decoration: none;
}

.faq-container #accordion .card .card-body a.wpsdl-stup {
    border: 2px solid #222;
    color: #fff;
    padding: 5px 15px;
    background: #222
}

.faq-container #accordion .card .card-body a.wpsdl-stup:hover,
.faq-container #accordion .card .card-body a.wpsdl-stup:focus {
    text-decoration: none !important
}

.faq-container #accordion .card .wpsbld-t {
    font-weight: bold
}

.faq-container #accordion .card .wpsbld-t .shrt-cont-wps {
    font-size: 16px;
    display: block;
    color: #999;
    font-weight: normal;
    margin-top: 5px
}

.mang-all {
    text-decoration: none;
    text-align: right;
    outline: none;
    width: 100%;
    float: left;
}

.mang-all a {
    color: #1c83bf;
    text-decoration: none;
    width: 100%;
    font-size: 15px;
    padding: 15px 0px;
    outline: none;
    display: inline-block;
    margin-top: 5px;
    background: url(../images/arrow-right.png) no-repeat center right;
    padding-right: 40px;
}

.m0 {
    margin: 0px !important;
}

.pd0 {
    padding: 0px !important
}

.mtb10 {
    margin: 10px 0px !important
}

.mtb50 {
    margin: 50px 0px !important
}

/*.scrollpane{height: 300px; width: 100%; overflow-x: scroll; overflow-y: hidden}*/

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

.signin-bg {
    background: url(../images/register-bg.jpg);
    /* background-attachment: fixed;*/
    /*background-origin: initial;
  background-clip: initial;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: top;
    padding: 0px;
    margin: 0px 0px 50px;
    height: 100%;
    width: 100%;
    padding: 0px 0px;
}

.signin-bg .section-overlay {
    /*background: rgba(17, 120, 186, 0.6);*/
    padding-top: 60px;
    padding-bottom: 60px;
}

.register-bg {
    background: url(../images/signin-bg.jpg);
    /*background-attachment: fixed;*/
    /*background-origin: initial;
  background-clip: initial;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: top;
    padding: 0px;
    margin: 0px 0px 50px;
    height: 100%;
    width: 100%;
    padding: 0px 0px;
}

.register-bg .section-overlay {
    /* background: rgba(17, 120, 186, 0.6);*/
    padding-top: 60px;
    padding-bottom: 60px;
}

@media (min-width:320px) and (max-width:418px) {
    .wps-ecom-fl li {
        width: 100%;
        margin: 15px 0px;
    }

    .mob-center {
        text-align: center;
        float: none
    }

    .wps-cllus {
        float: none !important;
        width: 300px;
        text-align: center;
        margin: 20px auto !important;
    }
    .wps-pay-row li{width: 100%;}
    .wps-visa-img{max-width: 140px;}
}

.wps-cllus {
    margin: 20px 0px;
    font-weight: bold;
    background: #0083e8;
    padding: 5px 15px;
    color: #fff;
    border-radius: 50px;
    float: right
}

.wps-cllus a {
    color: #fff;
    text-decoration: none;
    font-weight: normal
}

.mb50 {
    margin-bottom: 50px;
}

.thnkyou {
    border: 5px solid #c3d7ea;
    padding: 50px 15px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 5px 18px 3px rgba(0, 0, 0, .1);
}

.thnkyou h2 {
    font-size: 30px;
    margin-top: 0px;
}

.thnkyou .thnk-rec {
    background: #0083e8;
    padding: 20px;
}

.thnkyou .thnk-rec p {
    color: #fff;
    font-size: 18px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.thnkyou .dis {
    color: #0083e8
}

.info-i-btn {
    background: transparent;
    border-radius: 50px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    margin: 0px 5px;
    padding: 0px;
    border: 1px solid #0083e8;
    font-size: 11px;
    outline: none;
    color: #0083e8
}

.popover-header {
    padding: 8px 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.popover-title {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: none;
}

.example-popovers {
    padding: 30px 0;
}

.acenter {
    text-align: center;
    margin: 30px 0;
}

.ecom-info .popover {
    padding: 10px;
    text-align: left;
    text-decoration: none;
    word-wrap: break-word;
    border: 1px solid #1c83bf;
    background: #1c83bf;
    border-radius: 0px;
    z-index: 99999;
}

.ecom-info .popover .popover-header {
    background: transparent;
    padding: 0px 0px 10px;
    color: #fff;
}

.ecom-info .popover .popover-header .popover-title {
    color: #fff
}

.ecom-info .popover .popover-header button.close {
    color: #fff;
    text-shadow: none;
    opacity: 9;
    outline: none
}

.ecom-info .popover .popover-content {
    padding: 10px 0px;
    color: #fff
}

.ecom-info .popover.top > .arrow:after {
    border-top-color: #1c83bf
}


.ecom-ordn-grey a {
    background: #841818;
    color: #fff !important;
    border-radius: 5px;
    width: 100%;
    display: block;
    text-align: center;
    min-height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 15px;
    transition: 0.3s;
    max-width: 200px;
    margin: 10px 5px;
    padding: 10px 10px; line-height: normal
}

.ecom-ordn-grey a:hover {
    background: #841818
}

.planText {
    display: block;
    font-size: 14px;
}

.pd0 {
    padding: 0px;
}

.webpckg-slide .carousel-control.left,
.webpckg-slide .carousel-control.right {
    background: none
}

.webpckg-slide .carousel-control.left span {
    background: url(../images/arrow_button_left.png) no-repeat;
    height: 30px;
    width: 30px;
}

.webpckg-slide .carousel-control.left span:before {
    display: none;
}

.webpckg-slide .carousel-control.right span {
    background: url(../images/arrow_button_right.png) no-repeat;
    height: 30px;
    width: 30px;
}

.webpckg-slide .carousel-control.right span:before {
    display: none;
}


.priceStrikeOff {
    text-align: right;
    text-decoration: line-through;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    margin-left: 10px;
    clear: both;
    display: inline-block;
}

/* Quantity Button */
.quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50px;
}

.quantity .plus,
.quantity .minus,
.quantity .qty {
    background-color: #f1f3f7;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 9.6px 20.8px;
    padding: 0.6rem 1.3rem;
    outline: none;
}

.quantity .qty {
    padding: 9.6px 4.8px;
    padding: 0.6rem 0.3rem;
    text-align: center;
    max-width: 35px;
    -moz-appearance: textfield;
}

.quantity .qty::-webkit-inner-spin-button,
.quantity .qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.quantity .minus {
    padding-top: 4.8px;
    padding-top: 0.3rem;
}

.quantity .plus {
    padding-top: 8px;
    padding-top: 0.5rem;
}

.quantity .plus,
.quantity .minus {
    cursor: pointer;
    -webkit-transition: ease background-color 300ms;
    transition: ease background-color 300ms;
}

.quantity .plus:hover,
.quantity .minus:hover {
    background-color: #eaeaea;
}

.qtyDiv {
    width: 100%;
    float: left;
}

.pd0 {
    padding: 0px;
}

.cb40 {
    clear: both;
    height: 40px
}

/*---------------my profile page starts here----------*/

.wps-my-profile {
    width: 100%;
    float: left;
}

.wps-my-profilebar {
    border: 0px;
    background-color: transparent;
    background-color: #fff;
    box-shadow: 0 5px 18px 3px rgba(0, 0, 0, .1);
    margin: 10px 0px;
    outline: none;
    width: 100%;
    float: left;
    text-align: center;
    padding: 30px;
}

.wps-my-profile .pro-avtar {
    width: 150px;
    height: 150px;
}

.pro-av-an {
    position: relative;
    display: inline-block;
    margin: 0px;
    max-width: 150px;
    width: 100%;
    color: #bbb;
    font-size: 16px;
    box-shadow: none !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.pro-av-an .p-av-online {
    position: absolute;
    content: "";
    color: #57bf74;
    border: 1px solid #57bf74;
    font-size: 13px;
    font-weight: normal;
    padding: 0px 10px 0px 20px;
    border-radius: 50px;
    top: 0px;
    right: -80px;
    background: url(../images/online-green.png)no-repeat left 10px center
}

.pro-av-an *,
.pro-av-an:before,
.pro-av-an:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.pro-av-an:before,
.pro-av-an:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: -1;
    border: 2px solid #bbb;
    border-color: transparent #bbb;
}

.pro-av-an img {
    max-width: 100%;
    backface-visibility: hidden;
    vertical-align: top;
    border-radius: 50%;
    padding: 10px;
}

.pro-av-an figcaption {
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.9);
    border-radius: 50%;
    color: #fff;
}

.pro-av-an i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 2em;
    z-index: 1;
}

.pro-av-an a {
    /*position: absolute;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.pro-av-an:hover figcaption,
.pro-av-an.hover figcaption {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.pro-av-an:hover:before,
.pro-av-an.hover:before,
.pro-av-an:hover:after,
.pro-av-an.hover:after {
    border-width: 10px;
}

.pro-av-an:hover:before,
.pro-av-an.hover:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.pro-av-an:hover:after,
.pro-av-an.hover:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.wps-my-profile .image-upload > #file-input {
    display: none;
}

.wps-my-profile .image-upload label {
    width: 150px;
    height: 150px;
    cursor: pointer;
}

.wpsavposition {
    font-size: 14px;
    color: #555;
    font-weight: normal
}

.wpsdashbtns {
    display: block;
    width: 100%;
    float: left;
    border: 1px solid #1c83bf;
    padding: 5px;
    font-weight: 600;
    font-size: 14px;
    margin: 10px 0px;
    background: #1c83bf;
    color: #fff;
    border-radius: 50px
}

.wpsdashbtns:hover {
    background: #666;
    text-decoration: none;
    color: #fff;
    border: 1px solid #666;
}

.wpsdashbtns:hover,
.wpsdashbtns:visited,
.wpsdashbtns:active {
    color: #fff;
    text-decoration: none
}

.wpsavdtails {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;
}

.wpsavdtails i {
    margin-right: 10px;
}

.wpsavdtails span {
    font-weight: 600
}

.wps-mp-info {
    border: 0px;
    background-color: transparent;
    background-color: #fff;
    box-shadow: 0 5px 18px 3px rgba(0, 0, 0, .1);
    margin: 10px 0px;
    outline: none;
    width: 100%;
    float: left;
    text-align: center;
}

.wps-mp-info .infohdr {
    background: #1c83bf;
    color: #fff;
    padding: 20px 30px;
    text-align: left
}

.wps-mp-info .infohdr p {
    margin: 0px;
    font-size: 14px;
}

.wps-mp-info .infobdy {
    background: #fff;
    color: #333;
    padding: 30px 30px;
    text-align: left
}

.infobdy ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.infobdy ul li {
    line-height: normal;
    color: #666;
    padding: 5px 0px
}

.infobdy ul li label {
    font-weight: normal;
    font-size: 15px;
    margin: 0px;
}

.infobdy ul .option-input {
    width: 16px;
    height: 16px;
    border: 1px solid #1178ba !important;
}

.infobdy ul .option-input:checked::before {
    height: 13px;
    width: 13px;
    position: absolute;
    content: '✔';
    display: inline-block;
    font-size: 12px;
    text-align: center;
    line-height: 15px;
    outline: none;
}

.wps-mp-info .infobdy .btnstyle1 {
    background: #ccc;
    color: #666;
    padding: 10px 25px;
    font-weight: 600;
    display: inline-block;
    border-radius: 3px;
}

.mt40 {
    margin-top: 40px;
}

.mb40 {
    margin-bottom: 40px;
}

/*-------------end my profile ----------------*/

/*------------order details starts here ----------------*/

.wps-odrdetails {
    width: 100%;
    float: left;
}

.wps-odr-dpanel {
    border: 0px;
    background-color: transparent;
    background-color: #fff;
    box-shadow: 0 5px 18px 3px rgba(0, 0, 0, .1);
    margin: 10px 0px;
    outline: none;
    width: 100%;
    float: left;
    padding: 30px;
}

.wps-odr-dpanel h3 {
    margin: 0px 0px 10px 0px;
}

.wps-odr-dpanel p {
    font-size: 14px;
    margin: 0px;
}

.wps-odr-dpanel .totalp {
    float: right;
    text-align: right;
    font-weight: 600;
    text-transform: uppercase
}

.wps-odr-dpanel .totalp span {
    display: block;
    font-size: 25px;
    font-weight: 600
}

.hr-line {
    background: #eaf0f6;
    height: 1px;
    clear: both;
    width: 100%;
    float: left;
    margin: 10px 0px;
}

.wps-odr-dpanel h4 {
    text-transform: uppercase;
    background: #eaf0f6;
    padding: 10px 15px;
    font-weight: normal;
    border-top: 1px solid #c3d3e4;
    border-bottom: 1px solid #c3d3e4;
    margin: 20px 0px;
}

.wpsodr-tble {
    border: 1px solid #ccc;
    float: left;
    width: 100%;
    margin: 10px 0px;
    font-size: 14px;
}

.wpsodr-tble th,
.wpsodr-tble td {
    padding: 5px 10px;
    vertical-align: text-top;
}

.wpsodr-tble td ul {
    margin: 10px 0px;
    padding: 0px;
}

.wpsodr-tble td li {
    font-size: 13px;
    display: block;
    background: url(../images/check-arrow.png)no-repeat 0px 5px;
    padding-left: 25px;
    line-height: 25px;
}

.wpsodr-tble th {
    background: #1c83bf;
    color: #fff;
    border-bottom: 1px solid #3da9e8;
    font-weight: 600
}

.wpsodr-tble th .smaller-texti {
    font-size: 13px;
    font-style: italic;
    color: #72cbff
}

.wpsodr-tble th .smaller-text {
    font-size: 13px;
    color: #72cbff
}

.wpsodr-tble th:last-child,
.wpsodr-tble td:last-child {
    text-align: right
}

.wps-odrcpanel-cmpltd .ochd1 {}

.wps-odr-dsidebar {
    border: 0px;
    background-color: transparent;
    background-color: #fff;
    box-shadow: 0 5px 18px 3px rgba(0, 0, 0, .1);
    margin: 10px 0px;
    outline: none;
    width: 100%;
    float: left;
    padding: 30px;
}

.wps-odrdetails .wps-odr-dsidebar .dashproduct-title {
    font-size: 15px;
    font-weight: 600
}

.wps-odrdetails .dashproduct {
    width: 80px;
    float: left;
    margin-right: 10px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

.wps-odrdetails .dashpro-details {
    clear: both;
    display: block;
    margin-top: 10px;
    width: 100%;
    float: left
}

.wps-odrdetails .dashpro-details p {
    font-size: 14px;
    margin: 0px;
    padding: 5px 0px;
    border-bottom: 1px solid #eaf0f6;
}

.wps-odrdetails .dashpro-details p:last-child {
    border: none;
}

.wps-odrdetails .dashpro-details p span {
    float: right;
    font-weight: bold
}

.wps-odrdetails .dashpro-details .completed-btn {
    background: #1c83bf;
    color: #fff;
    font-size: 13px;
    border-radius: 50px;
    padding: 2px 15px;
}

.wps-odrdetails .dashpro-details .username {
    color: #1c83bf
}

.wps-odrdetails .dashpro-details .oa-btn {
    background: #1c83bf;
    padding: 8px 15px;
    display: inline-block;
    color: #fff;
    width: 100%;
    text-align: center;
    margin: 10px 0px;
    font-weight: bold;
    border-radius: 50px
}

.wps-odrdetails .dashpro-details .oa-btn:hover {
    background: #666;
    text-decoration: none;
}

.haveaque {
    border: 0px;
    background-color: transparent;
    background-color: #fff;
    box-shadow: 0 5px 18px 3px rgba(0, 0, 0, .1);
    margin: 10px 0px;
    outline: none;
    width: 100%;
    float: left;
    padding: 30px;
}

.haveaque p {
    font-size: 14px;
}

/*------------order details ends here ----------------*/
/*------------edit profile starts here ----------------*/
.wps-ep-info {
    border: 0px;
    background-color: transparent;
    background-color: #fff;
    box-shadow: 0 5px 18px 3px rgba(0, 0, 0, .1);
    margin: 10px 0px;
    outline: none;
    width: 100%;
    float: left;
    padding: 30px;
}

.wps-ep-info h3 {
    font-size: 20px;
    font-weight: 600;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px solid #c3d3e4;
}

.wps-ep-info .labelarea {
    float: left;
    width: 100%;
    margin: 10px 0px;
}

.wps-ep-info label {
    display: block;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    line-height: 35px;
    font-size: 14px;
    font-weight: 600;
}

.text-right {
    text-align: right
}

.wps-ep-info .labelarea .inputfield,
.wps-ep-info .labelarea .selectfield {
    display: block;
    min-width: 300px;
    height: 35px;
    line-height: 35px;
    background: #e1e4ec;
    border: 0px;
    padding: 5px 15px;
    border-radius: 3px;
    width: 300px;
}

.wps-ep-info .labelarea .textareafield {
    display: block;
    min-width: 300px;
    background: #e1e4ec;
    border: 0px;
    padding: 5px 15px;
    border-radius: 3px;
    min-height: 100px;
}

.wps-ep-info .labelarea .savebtn,
.savebtn {
    display: block;
    float: left;
    border: 1px solid #1c83bf;
    padding: 8px 25px;
    font-weight: 600;
    font-size: 16px;
    margin: 10px 0px;
    background: #1c83bf;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
}

.wps-ep-info .labelarea .savebtn:hover,
.savebtn:hover {
    background: #666;
    text-decoration: none;
    color: #fff;
    border: 1px solid #666;
}

.wps-ep-info .labelarea .savebtn:hover,
.wps-ep-info .labelarea .savebtn:visited,
.wps-ep-info .labelarea .savebtn:active,
.savebtn:hover,
.savebtn:visited,
.savebtn:active {
    color: #fff;
    text-decoration: none
}

/*---------- edit profile ends here --------------*/
/*--------- manage requests  starts here ---------------*/
.wps-manage-req {
    border: 0px;
    background-color: transparent;
    background-color: #fff;
    box-shadow: 0 5px 18px 3px rgba(0, 0, 0, .1);
    margin: 10px 0px;
    outline: none;
    width: 100%;
    float: left;
    padding: 30px;
}

.wps-manage-req h1 {
    margin: 0px;
    padding: 0px;
}

.wps-manage-req .wps-mrfields {
    float: left;
    width: 100%;
    border-bottom: 1px solid #c3d3e4;
    margin: 0px 0px;
    padding: 20px 0px;
}

.wps-manage-req .wps-mrfields .hd2text {
    font-weight: 600;
    font-size: 14px;
}

.wps-manage-req .wpsmr-textarea {
    width: 100%;
    min-height: 100px;
    padding: 5px 10px;
    position: relative;
}

.wps-manage-req .wpsmr-textarea-outer {
    position: relative;
    width: 100%;
    float: left;
    transition: .5s;
    -webkit-transition: .5s;
}

.wps-manage-req .wpsmr-textarea-outer .defined {
    display: none;
    position: absolute;
    top: 0px;
    right: -270px;
    width: 250px;
    height: 200px;
    background: #e1e4ec;
    min-height: 100px;
    padding: 5px 10px;
    transition: .5s;
    -webkit-transition: .5s;
    padding: 15px;
}

.wps-manage-req .wpsmr-textarea-outer .defined:before {
    content: " ";
    position: absolute;
    left: -10px;
    top: 20px;
    border-right: 10px solid #e1e4ec;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;

}

.wps-manage-req .wpsmr-textarea-outer:hover .defined {
    display: block;
    transition: .5s;
    -webkit-transition: .5s;
}

.wps-manage-req .wpsmr-textarea-outer .defined .dhd1 {
    font-size: 15px;
    margin: 0px;
    padding: 0px;
}

.wps-manage-req .wpsmr-textarea-outer .defined .dtxt1 {
    font-size: 13px;
    margin: 5px 0px;
    padding: 0px;
}

.wps-manage-req .wpsmr-textarea-outer .defined .dtxt2 {
    font-size: 13px;
    margin: 5px 0px;
    padding: 10px;
    background: #d1d5e1;
}

.wps-manage-req .wpsmr-textarea-outer .defined .dtxt2 span {
    color: #1c83bf;
    font-weight: 600;
}

.wps-manage-req .wpsmr-textarea-outer .defined .fa {
    background: #1c83bf;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    border-radius: 50%
}

.wps-manage-req .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    margin-top: 10px;
}

.wps-manage-req .uploadbtn {
    border: 1px solid rgb(169, 169, 169);
    color: #333;
    background-color: white;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: bold;
}

.wps-manage-req .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.wps-manage-req .smllr-txt {
    font-size: 14px;
}

.wps-manage-req .wps-mrfields .inputfield,
.wps-manage-req .wps-mrfields .selectfield {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding: 5px 15px;
    margin-bottom: 5px;
}

.wps-manage-req .wps-mrfields .serh-btn {
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 18px;
    border: 1px solid rgb(169, 169, 169);
    padding: 5px 5px;
    width: 100%;
    color: #333;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    margin-bottom: 5px;
}

.wps-manage-req .wps-mrfields .active,
.wps-manage-req .wps-mrfields .serh-btn:hover {
    background-color: #1c83bf;
    color: white;
    border: 1px solid #1c83bf;
    outline: none;
    text-decoration: none
}

@media (max-width: 767px) {

    .wps-manage-req .wpsmr-textarea-outer .defined,
    .wps-manage-req .wpsmr-textarea-outer:hover .defined {
        display: none !important
    }
}

.smaller-text-blue {
    color: #1c83bf;
    font-size: 14px;
}

/* -----------manage requests ends here ----------*/

#stickyfixed{max-width: 585px;}
#stickyfixed2{max-width: 380px;}