#copyfx {
    min-width: 320px;
}

#copyfx p{
    font-size: 1.4rem;
    line-height: 1.42;
    color: #697d8c;
}

#copyfx h1,
#copyfx h2,
#copyfx h3,
#copyfx h4,
#copyfx h5,
#copyfx h6,
#copyfx p {
    margin: 0;
    padding: 0;
}

#copyfx ul,
#copyfx ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

#copyfx h1 {
    font-size: 5rem;
    line-height: 1.04;
    font-weight: 400;
    color: #fff;
    margin: 1.3em 0 0.6em;
}

#copyfx h2 {
    font-size: 4rem;
    line-height: 1.05;
    font-weight: 300;
    margin: 0 0 1.8rem;
}

#copyfx h4 {
    font-size: 2.2rem;
    line-height: 1.09;
    font-weight: 500;
}

#copyfx .red {
    color: red;
}

#copyfx .section {
    padding: 8rem 0;
    box-sizing: border-box;
}

#copyfx .wrapper {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

@media (max-width: 767px) { 
    #copyfx .wrapper {
        padding: 0 20px;
    }  
}

#copyfx .list {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    flex-wrap: wrap;
}

#copyfx .list .list__img {
    display: inline-block;
    width: 90px;
    height: 80px;
}

/*button*/
#copyfx .prime__button {
    display: inline-block;
    vertical-align: middle;
    min-width: 28rem;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
    padding: 2rem;
    font-size: 2.2rem;
    line-height: 2rem;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    outline: none;
    box-shadow: 0 3px 1px 0 #cbced3;
}

#copyfx .prime__button-green {
    background: linear-gradient(to right, #7fba2f, #98c838, #7fba2f);
}

#copyfx .prime__button-green:hover {
    background: linear-gradient(to right, #98c838, #98c838, #98c838);
}

#copyfx .prime__button-white {
    padding: 1.9rem 1rem;
    border: 1px solid #d0d6db;
    color: #697d8c;
    font-size: 1.6rem;
    font-weight: 400;
    box-shadow: 0 3px 1px 0 #f2f5fb;
}

#copyfx .prime__button-white:hover,
#copyfx .prime__button-white:visited {
    text-shadow: 1px 0px #d0d6db;
    color: #697d8c;
}

#copyfx .prime__button-bottom {
    margin-bottom: -16.5rem;
}
/*banner*/
#copyfx .banner {
    position: relative;
    z-index: 3;
    color: #fff;
    text-align: center;
    background: #162743 url("images/banner-bg.jpg") 50% 50% no-repeat;
    background-size: auto 100%;
}

#copyfx .banner__img {
    text-align: center;
}

#copyfx .banner__subtitle{
    font-size: 3rem;
    line-height: 1.06;
    color: #7fba2f;
    margin-bottom: 2.2em;
    font-weight: 400;
}

#copyfx .banner .list {
    margin-bottom: 3rem;
}

#copyfx .banner .list li {
    flex-basis: 25%;
}

#copyfx .banner .list h4 {
    color: #fff;
    margin: 2.3rem 0;
    font-size: 2.2rem;
    line-height: 1.09;
    font-weight: 500;
}

#copyfx .banner .list p {
    color: #fff;
    opacity: 0.8;
}

#copyfx .banner .list__img {
    background: url("images/green-icons.png") -6px -5px no-repeat;
}

#copyfx .banner .list__img-2 {
    background: url("images/green-icons.png") -105px -5px no-repeat;
}

#copyfx .banner .list__img-3 {
    background: url("images/green-icons.png") -202px -5px no-repeat;
}

#copyfx .button__container {
    text-align: center;
}

@media (max-width: 991px) {  
    #copyfx .banner .list li{
        flex-basis: 31%;
    }  

    #copyfx .prime__button-bottom{
        margin: 0;
    }
}

@media (max-width: 767px) {  
    #copyfx .banner .list li{
        flex-basis: 70%;
        margin-bottom: 3.6rem;
        display: flex;
        flex-wrap: nowrap;
        text-align: initial;
    }

    #copyfx .banner .list__img{
        flex: 0 0 90px;
        margin: 0 20px 0 0;
    }

    #copyfx .banner .list h4{
        margin: 0 0 1rem;
    }

    html[dir="rtl"] #copyfx .banner .list__img{
        margin: 0 0 0 20px;
    }
}

@media (max-width: 575px) { 
    #copyfx .section{
        padding: 5rem 0;
    }

    #copyfx .prime__button{
        display: block;
    }

    #copyfx h1{
        font-size: 2.8rem;
        margin-top: 0.5em;
    }

    #copyfx h2{
        font-size: 3.6rem;
    }

    #copyfx .banner{
        padding-top: 3rem;
    }

    #copyfx .banner__img img{
        width: 40%;
    }

    #copyfx .banner__subtitle{
        font-size: 1.8rem;
        margin-bottom: 2em;
    }

    #copyfx .banner .list{
        margin-bottom: 0;
    }

    #copyfx .banner .list li{
        flex-basis: 100%;
        margin-bottom: 2.6rem;
    }

    #copyfx .banner .list h4{
        font-size: 2rem;
    }
    
}

/*invest */
#copyfx .invest {
    text-align: center;
    color: #000;
    position: relative;
    z-index: 2;
}

#copyfx .invest .header {
    margin: 0 0 5.5rem;
}

#copyfx .header h5 {
    margin: 0 0 2.2rem;
    font-size: 1.8rem;
    line-height: 1.11;
    font-weight: 400;
}

#copyfx .invest__table {
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 4rem;
    padding: 0;
    color: #697d8c;
    font-size: 1.6rem;
}

#copyfx .invest__table table {
    margin: 4.5rem 0 2rem;
    width: 100%;
}

#copyfx .invest__table h3 {
    color: #000;
    font-size: 2.5rem;
    line-height: 1.08;
    font-weight: 500;
}

#copyfx .invest__table .col-1 {
    width: 19rem;
}

#copyfx .invest__table .col-2 {
    width: 20rem;
}

#copyfx .invest__table .col-3 {
    width: 20rem;
}

#copyfx .invest__table .col-4 {
    width: 10rem;
}

#copyfx .invest__table .col-5 {
    width: 9rem;
}

#copyfx .invest__table .white__space {
    line-height: 0;
}

#copyfx .invest__table .white__space-1 {
    padding-right: 0;
}

#copyfx .invest__table .white__space-2 {
    padding-right: 0;
}

#copyfx .invest__table .white__space-3 {
    padding-right: 0;
}

#copyfx .invest__table .white__space-4 {
    padding-right: 0;
}

#copyfx .invest__table .white__space-5 {
    padding-right: 0;
}

#copyfx .invest__table th {
    background: transparent;
    font-size: 1.4rem;
    font-weight: 400;
    vertical-align: top;
}

#copyfx .invest__table th:first-child {
    text-align: left;
}

#copyfx .invest__table tbody td:first-child {
    font-size: 1.8rem;
    color: #000;
    font-weight: 500;
    text-align: left;
}

html[dir="rtl"] #copyfx .invest__table th:first-child,
html[dir="rtl"] #copyfx .invest__table tbody td:first-child{
    text-align: right;
}

#copyfx .invest__table tbody td:not(:last-child) {
    padding: 2rem 0;
}

#copyfx .invest__table tbody td:last-child {
    padding-left: 1rem;
    vertical-align: middle;
}

html[dir="rtl"] #copyfx .invest__table tbody td:last-child{
    padding-left: 0;
    padding-right: 1rem;
}

#copyfx .invest__table .table__cell-profit {
    font-size: 1.8rem;
}

#copyfx .invest__table .table__button {
    box-sizing: border-box;
    min-width: 10rem;
    padding: 0.6rem 2.1rem;
    border-radius: 4px;
    color: #fff;
    background-color: #f0ad0c;
    opacity: 0.3;
}

#copyfx .invest__table .table__button:hover {
    opacity: 1;
    transition: background 0.5s;
}

#copyfx .invest__table .button__container{
    margin-top: 3.6rem;
}

html[dir="rtl"] #copyfx .invest__table .note{
    text-align: right;
}

@media (max-width: 575px) { 
    #copyfx .invest .header p{
        text-align: initial;
    }

    #copyfx .invest__table table{
        margin-top: 3rem;
    }

    #copyfx .invest__table th{
        font-size: 1.1rem;
        word-break: break-word;
        padding-left: 2px;
        padding-right: 2px;
    }

    #copyfx .invest__table td,
    #copyfx .invest__table tbody td:first-child,
    #copyfx .invest__table .table__cell-profit{
        font-size: 1.2rem;
    }

    #copyfx .invest__table .table__button{
        padding: 0.5rem;
        font-size: 1.2rem;
    }

    #copyfx .invest__table .note{
        margin: 0 0 1.8rem;
    }
}


/**/
#copyfx .invest__title {
    margin-top: 8rem;
    margin-bottom: 5.9rem;
}

#copyfx .invest__list {
    counter-reset: number;
    text-align: left;
    margin-bottom: 5.1rem;
}

#copyfx .invest__list li {
    position: relative;
    -ms-flex-preferred-size: 24%;
    flex-basis: 24%;
    margin-left: 10rem;
}

html[dir="rtl"] #copyfx .invest__list li{
    margin-left: 0;
    margin-right: 10rem;
    text-align: right;
}

#copyfx .invest__list li::before {
    content: "";
    position: absolute;
    left: -100px;
    top: 22px;
    width: 78px;
    height: 155px;
    border-radius: 160px 0 0 160px;
    border-left: 3px solid #dbdfe7;
    border-top: 3px solid #dbdfe7;
    border-bottom: 3px solid #dbdfe7;
}

html[dir="rtl"] #copyfx .invest__list li::before{
    left: auto;
    right: -100px;
    transform: rotate(180deg);
}

#copyfx .invest__list li::after {
    counter-increment: number;
    content: counter(number);
    position: absolute;
    top: 70px;
    left: -52px;
    margin: auto;
    font-size: 6rem;
    line-height: 1.03;
    font-weight: 900;
    color: #dbe0e8;
}

html[dir="rtl"] #copyfx .invest__list li::after{
    left: auto;
    right: -52px;
}

#copyfx .invest__list .list__img {
    background: url("images/blue-icons.png") -15px;
}

#copyfx .invest__list .list__img-2 {
    background: url("images/blue-icons.png") -115px -2px;
}

#copyfx .invest__list .list__img-3 {
    background: url("images/blue-icons.png") -211px -2px;
}

#copyfx .invest__list h4 {
    margin: 2.2rem 0 2.4rem;
    font-size: 2.4rem;
    line-height: 1.08;
    font-weight: 300;
    color: #000;
}

@media (max-width: 1199px) { 
    #copyfx .invest__list li {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        margin-bottom: 7.2rem;
    }

    #copyfx .invest__list li:last-child{
        margin-bottom: 0;
    }
}

@media (max-width: 991px) {    
    #copyfx .invest__list li {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
    }
}

@media (max-width: 575px) { 
    #copyfx .invest__title{
        margin-top: 5rem;
    }

    #copyfx .invest__list li{
        flex-basis: 100%;
        margin-bottom: 3.6rem;
    }
}