@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600|Poppins:400,500,600,700&display=swap');

/* font-family: 'Poppins', sans-serif;
font-family: 'Open Sans', sans-serif; */

/* #Primary
================================================== */

body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #212112;
    /* background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat-back.svg'); */
    background-position: center;
    background-repeat: repeat;
    background-size: 7%;
    background-color: #000;
    overflow-x: hidden;
    transition: all 200ms linear;
}

::selection {
    color: #fff;
    background-color: #8167a9;
}

::-moz-selection {
    color: #fff;
    background-color: #8167a9;
}

/* #Navigation
================================================== */

.start-header {
    opacity: 1;
    /* transform: translateY(0); */
    padding: 20px 0;
    /* box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15); */
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.start-header.scroll-on .navbar-brand img {
    height: 28px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.start-header.scroll-on {
    box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
    padding: 5px 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: fixed;

}

.navbar-light #navbarSupportedContent ul.navbar-nav li a.nav-link.btn.btn_menu {
    border-radius: 19px;
    background-color: #721bd5;
    width: 100px;
    height: 38px;
    padding: 0 !important;
    line-height: 38px;
    text-align: center;
}

li.nav-item.btn {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

header .select_box_group.ml-auto.p-2.bd-highlight.d-flex .select_box {
    margin: 5px 0 0 0;
}

.navigation-wrap {
    background: #000;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navbar {
    padding: 0;
}

.navbar-brand img {
    height: 52px;
    width: auto;
    display: block;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navbar-toggler {
    float: right;
    border: none;
    padding-right: 0;
}

.navbar-toggler:active,
.navbar-toggler:focus {
    outline: none;
}

.navbar-light .navbar-toggler-icon {
    width: 24px;
    height: 17px;
    background-image: none;
    position: relative;
    border-bottom: 1px solid #000;
    transition: all 300ms linear;
}

.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {
    width: 24px;
    position: absolute;
    height: 1px;
    background-color: #ffffff;
    top: 0;
    left: 0;
    content: '';
    z-index: 2;
    transition: all 300ms linear;
}

button.navbar-toggler i.fa.fa-bars {
    font-size: 0;
}

.navbar-light .navbar-toggler-icon:after {
    top: 8px;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
    transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
    transform: translateY(8px) rotate(-45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    border-color: transparent;
}

.nav-link {
    font-weight: 500;
    transition: all 200ms linear;
}

.nav-link {
    position: relative;
    padding: 5px 0 !important;
    display: inline-block;
}

.nav-item:after {
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background-color: #ff2c9c;
    opacity: 0;
    transition: all 200ms linear;
}

.nav-item:hover:after,
.nav-item.active:after {
    bottom: -5px;
    opacity: 1;
}

.navbar-light #navbarSupportedContent ul.navbar-nav li a.nav-link {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.67;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
}

.navbar-light #navbarSupportedContent ul.navbar-nav li a.nav-link.btn.btn_menu.reg {
    background-color: #fff;
    color: #000;
}

/* .nav-item.active:hover:after{
	opacity: 0;
    } */
    .nav-item {
        position: relative;
        transition: all 200ms linear;
        padding: 0px 15px;
        margin: 6px 5px 0 5px;
    }

    header .select_box_group.ml-auto.p-2.bd-highlight.d-flex {
        padding: 2px !important;
    }

/* #Primary style
================================================== */

.bg-light {

    transition: all 200ms linear;
}

.section {
    position: relative;
    width: 100%;
    display: block;
}

.full-height {
    height: 100vh;
}

.over-hide {
    overflow: hidden;
}

.absolute-center {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: 40px;
    transform: translateY(-50%);
    z-index: 20;
}

/* #Media
================================================== */

@media (max-width: 767px) {
    h1 {
        font-size: 38px;
    }

    .nav-item:after {
        display: none;
    }

    .nav-item::before {
        position: absolute;
        display: block;
        top: 15px;
        left: 0;
        width: 11px;
        height: 1px;
        content: "";
        border: none;
        background-color: #000;
        vertical-align: 0;
    }

    .dropdown-toggle::after {
        position: absolute;
        display: block;
        top: 10px;
        left: -23px;
        width: 1px;
        height: 11px;
        content: "";
        border: none;
        background-color: #000;
        vertical-align: 0;
        transition: all 200ms linear;
    }

    .dropdown-toggle[aria-expanded="true"]::after {
        transform: rotate(90deg);
        opacity: 0;
    }

    .dropdown-menu {
        padding: 0 !important;
        background-color: transparent;
        box-shadow: none;
        transition: all 200ms linear;
    }

    .dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
        margin-top: 10px !important;
        margin-bottom: 20px !important;
    }

    body.dark .nav-item::before {
        background-color: #fff;
    }

    body.dark .dropdown-toggle::after {
        background-color: #fff;
    }

    body.dark .dropdown-menu {
        background-color: transparent;
        box-shadow: none;
    }
}

/* #Link to page
================================================== */

.link-to-portfolio {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 200;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 3px;
    background-position: center center;
    background-size: cover;
    background-image: url('../../../ivang-design.com/ig-logo.jpg');
    box-shadow: 0 0 0 2px rgba(12, 12, 12, .1);
    transition: opacity .2s, border-radius .2s, box-shadow .2s;
    transition-timing-function: ease-out;
}

.link-to-portfolio:hover {
    opacity: 0.8;
    border-radius: 50%;
    box-shadow: 0 0 0 20px rgba(12, 12, 12, .1);
}

.stat_title {
    font-weight: 300;
    line-height: normal;
    text-align: left;
    color: #ffffff;
    font-size: 12px;
}

/* <footer start> */
.gradiant_bg {
    border-radius: 10px;
    background: rgb(227, 50, 141);
    background: radial-gradient(circle, rgba(227, 50, 141, 1) 50%, rgba(103, 23, 174, 1) 100%);
    padding: 15px 10px 15px 0;
}

.full_banner .footer_bg {
    margin-top: 0;
}

.ref_tit {
    font-family: Poppins;
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
    text-align: left;
    color: #ffffff;
}

p.ref_sub_title {
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.6px;
    text-align: left;
    color: #abd0fa;
}

.gradiant_bg .col-sm-8 {
    border-radius: 5px;
    background-color: #ffffff;
    ms-flex: 0 0 65.066667%;
    flex: 0 0 65.066667%;
    max-width: 65.066667%;
}

.img_lev {
    padding: 20px 0;
    text-align: center;
    vertical-align: super;
}

.gradiant_bg .col-sm-8 .row {
    margin: 0;
}

.gradiant_bg .col-sm-8 .col-sm-4 {
    padding: 0;
}

.gradiant_bg .col-sm-8 .img_lev b {

    font-size: 30px;
    font-weight: bold;
    text-align: left;
    color: #e3328d;
}

span.content {

    font-size: 18px;
    text-align: left;
    color: #6717ae;
    line-height: 1;
}

.img_lev span.img {
    padding-right: 12px;
    margin-top: 0;
    position: relative;
    top: -5px;
}

.footer_bg {
    margin-top: 35px;
    padding: 39px 0;
    margin-bottom: 30px;
    background-image: url(../images/footer-circle.html);
    background-repeat: no-repeat;
    background-position: 0 -1px;
}

p.about_content {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.43;
    text-align: left;
    color: #838383;
    margin-top: 34px;
}

.footer_title h4 {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    color: #ffffff;
    margin-bottom: 15px;
}

.address {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.71;
    text-align: left;
    color: #838383;
}

.footer_col .img {
    width: 30px;
    text-align: center;
}

.footer_aboutus .logo {
    max-width: 220px;
}

.footer_aboutus .logo img.img-responsive {
    width: 100%;
}

.footer_menu a {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.71;
    text-align: left;
    color: #838383;
}

.footer_menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.select_box lable {
    padding-right: 18px;
    font-size: 12px;
    line-height: 3.33;
    text-align: left;
    color: #523959;
}

.select_box select {
    background-color: transparent;
    max-width: 80px;
    padding: 0 15px;
    height: 28px;
    border-radius: 5px;
    border: solid 1px #e3328d;
    font-size: 12px;
    line-height: 3.33;
    text-align: left;
    color: #e3328d;
}

.select_box:first-child {
    margin-right: 15px;
}

.select_box:last-child select {
    width: 108px;
    max-width: 108px;
}

header .select_box:last-child select {
    width: auto;
    max-width: 100%;
    border: none;
    color: #ffffff;
}

select option {
    background-color: transparent;
    color: #555;
}

.banner_content {
    max-width: 325px;
    float: right;
    padding-top: 35%;
}

p.banner_c {
    font-family: "Open Sans", sans-serif;
    line-height: 1.36;
    text-align: left;
    color: #68747e;
    font-size: 14px;
    margin-bottom: 40px;
}

h2.banner_title {
    font-family: Poppins;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.33;
    text-align: left;
    color: #f7f7f7;
    margin-bottom: 0.8rem;
}

a.btn.btn_success {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.67;
    text-align: center;
    color: #ffffff;
    width: 100%;
    height: 38px;
    border-radius: 19px;
    background-color: #084ef3;
    max-width: 131px;
    line-height: 38px;
    padding: 0;
}

span.c_line {
    width: 100%;
    max-width: 150px;
    background-color: #084ef3;
    display: block;
    height: 10px;
    border-radius: 10px;
    position: absolute;
    z-index: 2;
    animation: infinite;
    animation-name: run;
    -webkit-animation: infinite;
    -webkit-animation-name: run;
}

.color_lines {
    position: absolute;
    width: 100%;
    height: 100%;
}

.container-fluid.colour_lines_outer {
    position: relative;
}

span.c_line.blue {
    top: 10%;
    animation-duration: 5s;
    -webkit-animation-duration: 5s;
}

span.c_line.cyne {
    background-color: #01d0f2;
    max-width: 78px;
    top: 22%;
    animation-duration: 7s;
    -webkit-animation-duration: 7s;
}

span.c_line.l_pink {
    background-color: #ff2c9c;
    max-width: 96px;
    top: 40%;
    animation-duration: 9s;
    -webkit-animation-duration: 9s;
}

span.c_line.megantha {
    background-color: #721bd5;
    max-width: 80px;
    top: 60%;
    animation-duration: 6s;
    -webkit-animation-duration: 6s;
}

span.c_line.d_pink {
    background-color: #ff2c9c;
    max-width: 180px;
    top: 80%;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
}

@-webkit-keyframes run {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}

h2.theme_title_24 {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.46;
    text-align: left;
    color: #ffffff;
}

.our_stat_aboutus {
    padding: 5% 0 0 0;
    background-image: url(../images/pink.html);
    background-repeat: no-repeat;
    background-position: -5px 75%;
    background-size: 113.6px 144.6px;
}

.left_pink {
    background-image: url(../images/pink.html);
    background-repeat: no-repeat;
    background-position: -5px 75%;
    background-size: 113.6px 144.6px;
}

section.site_new_bg, .right_violet {
    background-image: url(../images/voilet.html);
    background-repeat: no-repeat;
    background-position: 100% 5%;
    background-size: 123.1px 154.6px;
}

.our_stat {
    width: 100%;
    height: 305px;
    border-radius: 15px;
    background-image: linear-gradient(238deg, #01d0f2, #084ef3);
    max-width: 496px;
    margin-top: 20px;
}

.stat_title {
    font-family: Poppins;
    font-size: 13px;
    font-weight: 300;
    line-height: normal;
    text-align: left;
    color: #ffffff;
}

.inv_plan .bg_img {
    background-image: url(plans-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 53px;
    padding-bottom: 62px;
    margin-bottom: 50px;
}

.stat_value {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.67;
    text-align: left;
    color: #ffffff;
}

.our_stat .col-sm-6 {
    padding: 47.7px 12px;
    border-right: 1px solid #319feb;
    border-bottom: 1px solid #319feb;
    min-height: 152px;
}

.our_stat .row {
    margin: 0;
}

.our_stat .col-sm-6 .col-sm-3 {
    padding: 0;
    text-align: right;
}

.our_stat .col-sm-6 .col-sm-3 .stat_icon {
    margin-top: 8px;
}

.our_stat .row:first-child .col-sm-6:last-child {
    border-right: none;
}

.our_stat .row:last-child .col-sm-6:first-child {
    border-bottom: 0;
}

.our_stat .row:last-child .col-sm-6:last-child {
    border: none;
}

p.about_para.text-left {
    font-family: "Open Sans", sans-serif;
    line-height: 1.38;
    text-align: left;
    color: #6a6a6a;
    font-size: 16px;
    max-width: 532px;
}

a.link.pink {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    color: #ff2c9c;
    margin-top: 36px;
    display: block;
}

h2.theme_title_24.border_bottom {
    display: inline-block;
    border-bottom: 2px solid #ff2c9c;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

p.about_para.text-left span {
    display: block;
    margin-bottom: 15px;
}

.inv_plan {
    margin-top: 47px;
}

.inv_plan h2.theme_title_24.text-center {
    padding-bottom: 37px;
}

.plans {
    width: 100%;
    height: 347px;
    border-radius: 15px;
    background-image: linear-gradient(34deg, #0e0e0e, #151515);
    max-width: 256px;
    border-top: 14.8px solid #084EF3;
    text-align: center;
}

.plan_title {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    color: #ffffff;
    margin-top: 47px;
    margin-bottom: 37px;
}

p.plan_des {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5;
    text-align: center;
    color: #888888;
    margin-bottom: 25px;
}

.percentage {
    font-family: Poppins;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    color: #ffffff;
}

p.profit_duration {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    text-align: center;
    color: #084ef3;
}

.palns ul.list-items {
}

.plans ul.list-items {
    padding: 0;
    text-align: center;
}

.plans ul.list-items li.list-item {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 300;
    line-height: 2;
    text-align: center;
    color: #888888;
    list-style: none;
}

a.btn.btn-success {
    width: 114px;
    height: 42px;
    border-radius: 24px;
    background-color: #084ef3;
    border-color: #084ef3;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 600;
    line-height: 42px;
    text-align: center;
    color: #ffffff;
    padding: 0;
    margin-top: 15px;
}

.plans.cyne {
    border-color: #01d0f2;
}

.plans.cyne p.profit_duration {
    color: #01d0f2;
}

a.btn.btn-success.cyne {
    background-color: #01d0f2;
    border-color: #01d0f2;
}

.plans.magenta {
    border-color: #721bd5;
}

.plans.magenta p.profit_duration {
    color: #721bd5;
}

a.btn.btn-success.magenta {
    background-color: #721bd5;
    border-color: #721bd5;
}

.plans.pink {
    border-color: #ff2c9c;
}

.plans.pink p.profit_duration {
    color: #ff2c9c;
}

a.btn.btn-success.pink {
    background-color: #ff2c9c;
    border-color: #ff2c9c;
}

.theme_title_20 {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
    text-align: left;
    color: #ffffff;
}

.site_trans .select_box lable {
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    color: #ffffff;
}

.site_trans .select_box select {
    border-radius: 24px;
    border: solid 1px #6a6a6a;
    font-family: Poppins;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
    color: #ffffff;
    max-width: 71px;
    height: 26.2px;
}

.site_trans a.btn.btn-success {
    max-width: 71px;
    height: 26.2px;
    padding: 0;
    line-height: 26.2px;
    margin-top: 8px;
    float: right;
    margin-right: 8px;
}

.site_trans .select_box:first-child {
    margin-right: 0 !important;
}

.transcations_details {
    height: 80px;
    border-radius: 10px;
    background-image: linear-gradient(82deg, #0e0e0e, #151515);
    width: 100%;
    padding: 18px 30px;
    margin-bottom: 11px;
}

h4.cus_name {
    font-family: Poppins;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0.6px;
    text-align: left;
    color: #ffffff;
    margin: 0;
}

p.cus_email {
    font-family: Poppins;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.6px;
    text-align: left;
    color: #6a6a6a;
}

.trans_type {
    font-family: Poppins;
    font-size: 12px;
    line-height: 3.83;
    letter-spacing: 0.5px;
    text-align: right;
    color: #f9feff;
}

.trans_value {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 3.29;
    letter-spacing: 0.6px;
    text-align: right;
    color: #01d0f2;
}

.trans_value.pink {
    color: #ff2c9c;
}

.site_trans_title.row {
    margin-bottom: 35px;
}

.latest_news .site_trans_title {
    margin-bottom: 37px;
}

.latest_news .news_img img.img-fluid {
    border-radius: 5px;
}

.latest_news .news_title a {
    font-family: Poppins;
    font-size: 16px;
    line-height: 1.56;
    text-align: left;
    color: #ffffff;
    text-decoration: none;
}

.latest_news p.news_date {
    font-family: Poppins;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
    color: #6a6a6a;
}

.latest_news .news_list .row {
    margin-bottom: 28px;
}

.ref_commission {
    background-image: url(../images/refferal-bg.html);
    background-repeat: no-repeat;
    padding: 22px 0;
}

span.per_val {
    display: block;
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    color: #ffffff;
}

.span_round {
    width: 113px;
    height: 113px;
    border-radius: 50%;
    position: relative;
    margin-right: 50px;
}

.span_round.pink {
    background-color: #ff2c9c;
}

.ref_com .col-sm-9 {
    padding-top: 12px;
    padding-left: 0;
}

.ref_com .col-sm-3 {
    text-align: right;
}

.ref_com {
    padding-top: 8%;
}

.span_round .text-center {
    font-size: 16px;
    line-height: normal;
    color: #ffffff;
    margin: 20px 0;
}

.span_round.lavender {
    background-color: #721bd5;
}

.span_round.blue {
    background-color: #084ef3;
}

.span_round.lavender:after {
    background-image: url(../images/connect2.html);
    position: absolute;
    content: "";
    right: -68px;
    top: 50%;
    transform: translateY(-50%);
    width: 73.9px;
    height: 50.6px;
    background-repeat: no-repeat;
}

.span_round.pink:after {
    background-image: url(../images/connect1.html);
    position: absolute;
    content: "";
    right: -68px;
    top: 50%;
    transform: translateY(-50%);
    width: 73.9px;
    height: 50.6px;
    background-repeat: no-repeat;
}

.span_round .text-center:before {
    bottom: 0;
    top: 70px;
}

.banner.inner_page .banner_img_sml {
    width: 859px;
    height: 285.8px;
    background-color: #021735;
    overflow: hidden;
}

ol.breadcrumb {
    background-color: transparent;
    padding: 0;
}

li.breadcrumb-item, li.breadcrumb-item a {
    font-family: "Open Sans", sans-serif;
    line-height: 1.36;
    text-align: left;
    color: #68747e;
    font-size: 14px;
}

.banner.inner_page .banner_content {
    padding: 8% 15%;
    max-width: 400px;
    float: right;
}

.banner.inner_page {
    padding-bottom: 8%;
}

section.about_us_page p.about_para.text-left {
    max-width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}

.news_content p {
    font-family: Poppins;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #6a6a6a;
    margin: 10px 0;
}

.news_page .latest_news .news_list .row {
    border-bottom: 1px solid rgba(136, 135, 135, 0.2);
    margin-top: 28px;
    padding-bottom: 28px;
    margin-left: 0;
    margin-right: 0;
}

.news_page .latest_news .news_list .row:last-child {
    border: none;
}

.news_list a.link.pink {
    margin-top: 0;
    font-size: 12px;
}

.paidout_page .site_trans .select_box select {
    max-width: 100%;
}

.modal-contents {
    border-radius: 10px;
    background-image: linear-gradient(64deg, #0e0e0e, #151515);
    text-align: center;
    width: 100%;
    /* height: 536px; */
    max-width: 1084px;
    margin: 0 auto;
    padding: 53px;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 50%;
}

.modal-contents .theme_title_20 {
    text-align: center;
    line-height: normal;
}

p.form_sub_title {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #6a6a6a;
    margin-bottom: 30px;
}

.modal-contents .sign_up input, .modal-contents .sign_up select, .modal-contents .sign_up .form-group.form-control, .modal-contents .sign_up textarea {
    margin: 0;
    text-align: left;
}

.registraion_page .modal-contents .theme_title_20 {
    text-align: left;
}

.registraion_page .modal-contents p.form_sub_title {
    text-align: left;
}

.modal-contents input, .modal-contents select, .modal-contents .form-group.form-control, .modal-contents .sign_up textarea {
    width: 100%;
    height: 48px;
    border-radius: 5px;
    background-color: #181818;
    max-width: 441px;
    padding: 10px;
    display: block;
    margin: 20px auto;
    font-family: "Open Sans", sans-serif;
    line-height: 1.43;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    border: none;
}

.modal-contents .sign_up textarea {
    width: 100%;
    height: 93px;
    border-radius: 5px;
    background-color: #181818;
    margin: 0;
}

label.custom-control-label.text-center {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.2px;
    text-align: left;
    color: #ffffff;
}

span.psw {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #ff2c9c;
}

.psw a {
    color: #ff2c9c;
}

.modal-contents button {
    width: 180.6px;
    height: 47.1px;
    border-radius: 24px;
    background-color: #084ef3;
    border: none;
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.sign_upp {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.sign_upp a {
    color: #ff2c9c;
}

.container-form {
    max-width: 640px;
    margin: 0 auto;
}

.form-group.form-control .form-control {
    padding: 0;
    border: none;
    width: auto;
    float: left;
    height: 100%;
    margin: 0;
    background-color: transparent;
}

.form-group.form-control .form-control:focus {
    box-shadow: none;
}

.form-group.form-control select.form-control {
    float: right;
    min-width: 100px;
    padding-right: 15px;
}

select.form-control {
    line-height: normal !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/arrow.html);
    background-position: calc(100% - 15px) center;
    background-size: 25px;
    background-repeat: no-repeat;
    background-color: #181818 !important;
}

.s_qustion select.form-control {
    background-position: calc(100% - 25px) center;
}

select.form-control:focus {
    box-shadow: none;
}

.radio input {
    border: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
}

/* style the "fake" radios */
.radio-value {
    height: 16px;
    width: 16px;
    margin-right: 5px;
    position: relative;
    border-radius: 3px;
    display: inline-block;
    vertical-align: -0.5em;
    background-color: #fff;
    border: 2px solid #d7dfe7;
    background-position: center;
    background-repeat: no-repeat;
}

input:checked + .radio-value {
    background-color: #084ef3;
}

.checkbox,
.radio {
    margin: 0;
}

.radio_dec {
    clear: both;
    float: left;
    width: auto;
    margin: 0 0 20px;
}

.radio_dec:last-child {
    margin: 0;
}

.radio_dec .radio-value {
    width: 16px;
    height: 16px;
    margin-right: 15px;
    border-radius: 100%;
    border: 1px solid #084ef3;
    background-color: #fff;
    position: relative;
    top: -3px;
}

.form-group-checkbox, .form-group-checkbox a {
    font-family: "Open Sans";
    font-weight: 300;
    line-height: 1.36;
    letter-spacing: 0.3px;
    text-align: left;
    color: #ffffff;
    font-size: 14px;
}

.form-group-checkbox label.radio_dec {
    padding-right: 5px;
}

.icon .fa {
    width: 30px;
    height: 30px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    border-radius: 50%;
}

.etl.lave .icon .fa {
    background: #721bd5;
}

.etl.blu .icon .fa {
    font-size: 30px;
    background: #fff;
    color: #084ef3;
    border: 0 solid #084ef3;
    box-shadow: inset 1px 4px 8px 2px #084ef3;
    padding: 0;
}

.etl.pink .icon .fa {
    background-color: #ff2c9c;
}

.etl .title {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    margin-top: 17px;
}

.col-content, .col-content a {
    font-family: "Open Sans", sans-serif;
    line-height: 1.5;
    text-align: left;
    color: #6a6a6a;
    font-size: 12px;
    margin-top: 20px;
}

.contact_detail_cols {
    padding: 5% 0px;
}

.faqs h5 button.btn.btn-link:after {
    position: absolute;
    content: "\f0d7";
    display: inline-block;
    font: normal normal normal 20px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 18px;
    top: 20px;
    right: 6px;
}

.faqs h5 button.btn.btn-link {
    position: relative;
}

.faqs h5 button.btn.btn-link[aria-expanded="true"]:after {
    content: "\f0d8";
}

.nav-pills .nav-link {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    color: #ffffff;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #ff2c9c;
    background-color: transparent;
}

ul#pills-tab {
    margin-bottom: 30px;
}

.card {
    border-radius: 10px;
    background-image: linear-gradient(81deg, #0e0e0e, #151515);
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}

.about_img {
    margin-top: -30px;
}

button.btn.btn-link {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.56;
    text-align: left;
    color: #ffffff;
    display: block;
    width: 100%;
    padding: 1.063rem 1.25rem;
}

.card-body {
    font-family: Poppins;
    font-size: 16px;
    line-height: 1.56;
    text-align: left;
    color: #6a6a6a;
}

.card-header {
    padding: 0;
}

.calcinput {
    background: url(../../assets/images/calc.html) left no-repeat;
    background-size: contain;
    background-position-y: 6px;
}

.calc1, .calcinput {
    height: 100px;
}

.calc1 h2, .calcinput h2 {
    font-size: 16px;
    padding-top: 10px;
    margin-top: 0;
    color: #fff;
}
.calcinput h2, .calcinput input {
    margin-left: 110px;
}

.calcinput input {
    font-size: 18px;
    margin-top: 10px;
    padding: 10px;
    outline: 0;
    width: 140px;
}

.calcinput h2, .calcinput input {
    margin-left: 110px;
}

.calc1 h2, .calc1 h3 {
    text-align: center;
}

.calc1 h3 {
    margin-top: 13px;
    color: #fff;
    font-size: 34px;
    padding-top: 3px;
}
/*CSS */


.btn, .sbmt {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default.focus, .btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625
}

.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info, .sbmt {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.focus, .btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.focus, .btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0
}

.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent
}

.btn-link:focus, .btn-link:hover {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none
}

.btn-group-lg > .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: 5px
}


.alert {
    padding: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert > p, .alert > ul {
    margin-bottom: 0
}

.alert > p + p {
    margin-top: 5px
}

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}



table.tab {
    font-size: 14px;
    color: black;
    width: 100%;
    border-width: 1px;
    border-color: #636F71;
    border-collapse: collapse;
    /* font-weight: 600; */
    font-family: sans-serif;
    letter-spacing: 1px;
}

table.tab th {
    font-size: 14px;
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #2196F3;
    text-align: center;
    color: black;
    font-family: sans-serif;
    letter-spacing: 0px;
}

table.tab tr {
}

table.tab td {
    font-size: 14px;
    border-width: 1px;
    padding: 8px;
    border-style: solid;
}