@font-face {
    font-family: "cocon";
    src: url(../fonts/Cocon.otf) format("otf"),
        url(../fonts/Cocon.svg) format("svg"),
        url(../fonts/Cocon.ttf) format("ttf"),
        url(../fonts/Cocon.woff) format("woff"),
        url(../fonts/Cocon.woff2) format("woff2");
}

body {
    font-family: 'cocon';
}

.header .navbar {
    padding-top: -1px;
    padding-bottom: 10px;
    background-color: #fff;
}

.header .navbar-nav > li > a {
    font-size: 16px;
    color: #000;
}
.login-error verfication-title h4{
    display: inline-block;
}
.header .navbar-nav > li > a img {
    display:inline;
    padding-left: 5px;
    margin-top: -5px;
}
.footer-menu-new a{
    color: #ffff;
    font-size: 15px;
    line-height: 40px;
}
.footer-g2a-image{
    padding-top: 30px;
}
.footer-g2a-image span{
    color: #fff;
    font-size: 15px;
    float: right;
    padding-left: 10px;
}
.footer-menu-new ul{
    padding: 0;
    list-style: none;
    margin: 0;
}
.header .top-nav .navbar-nav {
    float: left;
}

.header .navbar-collapse {
    padding-top: 10px;
}

.header .search-box input {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #959595;
}

.header .search-box input::placeholder {
    font-size: 16px;
    color: #000;
}

.header .search-box {
    position: relative;
    margin-top: 18px;
}

.header .search-box img {
    position: absolute;
    top: 7px;
    left: 10px !important;
}
.header-mobile-big-menu{
    display: none;
}
/*.header .bottom-nav {
    border-top: 1px solid #d1d1d1;
}*/

.header .bot-nav {
    top: 71px !important;
    padding: 0;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.18);
    border-top: 1px solid #d1d1d1 !important;
}

.header .bot-nav .navbar-nav {
    float: none;
}

.header .bottom-navbar a {
    padding-top: 15px !important;
    padding-bottom: 15px;
    font-size: 18px !important;
}

.header .bottom-navbar a:hover,
.header .bottom-navbar a:focus {
    padding-top: 17px !important;
    border-top: 2px solid #49691f;
    color: #fd9002 !important;
}

@media (max-width: 1199px) and (min-width:992px) {
    .header .top-navbar a {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (max-width: 991px) and (min-width:768px) {
    .header .top-navbar{
        margin-right: -15px;
    }
    .header .top-navbar a {
        padding-left: 6px !important;
        padding-right: 6px !important;
        font-size: 14px !important;
    }
    .header .bottom-navbar a {
        font-size: 15px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* ********************************** */

/* index banner */

.index-banner .index-banner-slider .flickity-prev-next-button {
    background-color: transparent;
}

.index-banner .index-banner-slider .flickity-prev-next-button .arrow {
    fill: transparent !important;
}

.index-banner-slider .flickity-prev-next-button.previous {
    background-image: url(../images/prev-button.png);
    background-position: center;
    background-repeat: no-repeat;
    left: 55px !important;
}

.index-banner-slider .flickity-prev-next-button.next {
    background-image: url(../images/nex-button.png);
    background-position: center;
    background-repeat: no-repeat;
    right: 55px !important;
}

.index-banner .index-banner-slider .gallery-cell {
    background-image: url(../images/slider-background.jpg);
    width: 100%;
    height: 100vh;
    background-position: center;
    position: relative;
    background-size: cover;
}

.index-banner .index-banner-slider .gallery-cell-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}

.index-banner .index-banner-slider .index-banner-cell-title h2 {
    color: #fff;
    text-align: center;
    font-size: 40px;
    margin-top: 0px;
    margin-bottom: 12px;
    margin-top: 50px;
}

.index-banner .index-banner-slider .index-banner-cell-text p {
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}

.index-banner .index-banner-slider .index-banner-cell-more-button {
    text-align: center;
}

.index-banner .index-banner-slider .index-banner-cell-more-button a {
    font-size: 18px;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 15px;
    width: 190px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/* ********************************** */

/* index most sold */

.index-most-sold {
    background-color: #f1f1f1;
    padding-top: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d7d7d7;
}

.index-most-sold .index-most-sold-title h2 {
    text-align: center;
    font-size: 30px;
    color: #252525;
    margin-bottom: 26px;
}

.index-most-sold .index-most-sold-card {
    background-color: #fff;
    padding: 30px 20px;
    border-radius: 5px;
    margin-bottom: 30px;
    min-height: 322px;
}

.index-most-sold .index-most-sold-card-top-text {
    border-bottom: 1px solid #ededed;
}

.index-most-sold .index-most-sold-card-top-text h2 {
    font-size: 20px;
    color: #49691f;
    text-align: center;
    height: 60px;
    overflow: hidden;
}

.index-most-sold .index-most-sold-card-img {
    min-height: 141px;
    overflow: hidden;
    background-color: #f6f6f6;
    border: 1px solid #ececec;
    position: relative;
    border-radius: 5px;
}

.index-most-sold .index-most-sold-card-img .index-most-sold-card-img-pos {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}

.index-most-sold .index-most-sold-card-img img {
    margin: auto;
}

.index-most-sold .index-most-sold-card-text h2 {
    color: #252525;
    font-size: 20px;
    text-align: center;
}

.index-most-sold .radio-btn input[type="radio"] {
    display: none;
}

.index-most-sold .radio-btn > label :checked + span {
    color: #fff;
    background-color: #fd9002;
}

.index-most-sold .radio-btn span {
    font-size: 14px;
    color: #252525;
    border: 1px solid #fd9002;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 100%;
}

.index-most-sold .index-most-sold-card-add {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 11px;
}

.index-most-sold .index-most-sold-card-add a {
    font-size: 18px;
    border-radius: 15px;
    background-color: #49691f;
    color: #fff;
    width: 100%;
    line-height: 1;
}

/* ************************************* */

/* index categories */

.index-categories {
    background-color: #f1f1f1;
    padding-top: 24px;
    padding-bottom: 50px;
    border-bottom: 1px solid #d7d7d7;
}

.index-categories .index-categories-title h2 {
    font-size: 30px;
    color: #252525;
    text-align: center;
    margin-bottom: 27px;
}
index-category-tabs-content  {
    max-height: 732px;
    overflow-y: scroll;
    overflow-x: hidden;

}
.index-categories .index-category-list {
    padding-left: 24px;
    padding-right: 24px;
    background-color: #fff;
    border-radius: 5px;
    max-height: 732px;
    overflow-y: scroll;
}

.index-categories .index-category-list li {
    width: 100%;
    text-align: right;
    background-color: #fff;
    border: 0px;
    border-bottom: 1px solid #ededed;
    position: relative;
    margin-bottom: 0px;
}

.index-categories .index-category-list li a {
    font-size: 18px;
    color: #49691f;
    line-height: 1;
    padding-top: 18px;
    padding-bottom: 13px;
}

.index-categories .index-category-list li a:hover,
.index-categories .index-category-list li a:active {
    background-color: #fff;
    border: 1px solid transparent;    color: #fd9002;
}

.index-categories .index-category-list li img {
    position: absolute;
    top: 18px;
    left: 5px;
    display: none;
}

.index-categories .index-category-list .nav-tabs {
    border-bottom: 0px;
    padding-bottom: 38px;
}

.index-categories .index-category-list .active img {
    display: block;
}

.index-categories .index-category-list .active a {
    border: 1px solid transparent;
    color: #fd9002;
}

.index-categories .index-category-list .active a:hover,
.index-categories .index-category-list .active a:focus {
    border: 1px solid transparent !important;
    color: #fd9002;
}

.index-categories .index-category-tabs-content .active {
    display: block !important;
}

.index-categories .index-category-tabs-content .tab-pane {
    display: none;
}

.index-categories .index-category-tabs-content .index-category-card {
    background-color: #fff;
    min-height: 168px;
    position: relative;
    border-radius: 5px;
    margin-bottom: 20px;
}

.index-categories .index-category-tabs-content .index-category-card-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}

.index-category-card-img img {
    margin: auto;
}

/* ********************************************************** */

/* category page*/

.category-page {
    //    margin-top: 171px;
    background-color: #f1f1f1;
    padding-bottom: 35px;
}
.margin-top-171{
    margin-top:171px;
}
.category-page .category-page-title h2 {
    font-size: 30px;
    color: #252525;
    margin-bottom: 27px;
}

.category-page .category-page-category-list {
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
    border-radius: 5px;
}

.category-page .category-page-category-list li {
    width: 100%;
    text-align: right;
    background-color: #fff;
    border: 0px;
    border-bottom: 1px solid #ededed;
    position: relative;
    margin-bottom: 0px;
}

.category-page .category-page-category-list li a {
    font-size: 14px;
    color: #49691f;
    line-height: 1;
    padding-top: 20px;
    padding-bottom: 17px;
}

.category-page .category-page-category-list li a:hover,
.category-page .category-page-category-list li a:active {
    background-color: #fff;
    border: 1px solid transparent;
}

.category-page .category-page-category-list li img {
    position: absolute;
    top: 18px;
    left: 0px;
    display: none;
}

.category-page .category-page-category-list .nav-tabs {
    border-bottom: 0px;
    padding-bottom: 38px;
}

.category-page .category-page-category-list .active img {
    display: block;
}

.category-page .category-page-category-list .active a {
    border: 1px solid transparent;
}

.category-page .category-page-category-list .active a:hover,
.category-page .category-page-category-list .active a:focus {
    border: 1px solid transparent !important;
}

.category-page .breadcrumb {
    margin-bottom: 18px;
    background-color: transparent;
    padding-top: 0;
}
.category-page .category-page-cards-description p {
    font-size: 20px;
    margin-right: 5px;
    margin-bottom: 19px;
}

.category-page .breadcrumb > li + li:before {
    content: "\f104";
    margin-right: 6px;
    margin-left: 6px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #252525;
    font-size: 18px;
    top: 10px;
    float: right;
}

.category-page .breadcrumb li {
    font-size: 20px;
    color: #49691f;
}

.category-page .breadcrumb a {
    color: #252525;
    font-size: 14px;
}

.category-page .category-page-card {
    background-color: #fff;
    border-radius: 5px;
    padding: 30px 20px;
    margin-bottom: 20px;
    min-height: 610px;
}

.category-page .category-page-card-img {
    background-color: #f6f6f6;
    position: relative;
    height: 240px;
    display: flex;
    justify-content: center;
    flex-direction: column;

}

.category-page .category-page-card-img-pos {
    /* position: absolute; */
    /* top: 0; */
    /* transform: translateY(-50%); */
    /* -webkit-transform: translateY(-50%); */
    width: 100%;
}

.category-page .category-page-card-img-pos img {
    margin: auto;
}

.category-page .category-page-card-name h2 {
    text-align: center;
    font-size: 20px;
    color: #49691f;
    margin-top: 12px;
    height: 40px;
}

.category-page .category-page-card-name {
    border-bottom: 1px solid #ededed;
}

.category-page .category-page-card-price h2 {
    font-size: 22px;
    color: #252525;
    text-align: center;
    margin-top: 10px;
}

.category-page .category-page-card-price h3 {
    font-size: 22px;
    color: #fd9002;
    text-align: center;
    margin-bottom: 7px;
    margin-top: 10px;
    border-bottom: 1px solid #ededed;
}

.category-page .category-page-card-qty h2 {
    font-size: 22px;
    color: #252525;
    text-align: center;
    margin-top: 10px;
}

.category-page .category-page-card-qty input {
    border-radius: 6px;
    width: 100%;
    margin-top: 9px;
    margin-bottom: 15px;
    text-align: center;
    font-size: 20px;
}

.category-page .qty-btn a {
    width: 2;
    font-size: 44px;
    line-height: 1;
    color: #ec8e24;
}
.category-page .category-page-card-add-to-cart a {
    font-size: 18px;
    border-radius: 15px;
    background-color: #49691f;
    color: #fff;
    width: 100%;
    line-height: 1;
}

.category-page .category-page-tabs-content .active {
    display: block !important;
}

.category-page .category-page-tabs-content .tab-pane {
    display: none;
}

.category-page .category-pagination .pagination {
    display: flex;
    float: left;
    margin-bottom: 0;
    margin-top: 4px;
}

.category-page .category-pagination .pagination .active a {
    color: #fd9002;
}

.category-page .category-pagination .pagination > li > a,
.category-page .category-pagination .pagination > li > span {
    background-color: transparent;
    border: 0;
    font-size: 18px;
    color: #49691f;
    padding-left: 8px;
    padding-right: 8px;
}

.category-page .category-pagination .pag-next-prev {
    padding-top: 5px;
}

/* ********************************************************** */

/* my account page*/

.my-account-page {
    margin-top: 171px;
    background-color: #f1f1f1;
    padding-bottom: 70px;
}

.my-account-page .my-account-page-title h2 {
    font-size: 30px;
    color: #252525;
    margin-bottom: 31px;
}

.my-account-page .my-account-page-content {
    background-color: #fff;
    border-radius: 5px;
}

.my-account-page .my-account-page-form {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 79px;
    padding-bottom: 20px;
}

.my-account-page .my-account-page-form .form label {
    color: #fd9002;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
}

.my-account-page .my-account-page-form .form input {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    font-size: 18px;
    margin-bottom: 24px;
}

.my-account-page .my-account-page-form .form select {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    margin-bottom: 24px;
    line-height: 1;
    font-size: 18px;
    color: #acacac;
    padding: 0px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.my-account-page .my-account-page-form .form .select-list {
    position: relative;
}

.my-account-page .my-account-page-form .form .select-list span {
    position: absolute;
    left: 17px;
    top: 11px;

}

.my-account-page .my-account-page-form .form .save-button {
    width: 160px;
    margin-top: 6px;
    float: left;
    background-color: #49691f;
    color: #fff;
    font-size: 18px;

    border: 0px;
    border-radius: 15px;
}

/* ***************************************************************** */

/* info entry page */

.info-entry-page {
    margin-top: 171px;
    background-color: #f1f1f1;
    padding-bottom: 70px;
}

.info-entry-page .info-entry-page-title h2 {
    font-size: 30px;
    color: #252525;
    margin-bottom: 7px;
}

.info-entry-page .info-entry-page-title h3 {
    font-size: 18px;
    color: #252525;
    margin-top: 0px;
    margin-bottom: 31px;
}

.info-entry-page .info-entry-page-content {
    background-color: #fff;
    border-radius: 5px;
}

.info-entry-page .info-entry-page-form {
    padding-top: 79px;
    padding-bottom: 20px;
}

.info-entry-page .info-entry-page-form .form .entry-padding {
    padding-right: 40px;
}

.info-entry-page .info-entry-page-form .form label {
    color: #fd9002;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
}

.info-entry-page .info-entry-page-form .form input {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    margin-bottom: 24px;
    font-size: 18px;
}

.info-entry-page .info-entry-page-form .form textarea {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 95px;
    margin-bottom: 24px;
    resize: none;
    font-size: 18px;
}

.info-entry-page .info-entry-page-form .form select {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    margin-bottom: 24px;
    line-height: 1;
    font-size: 18px;
    color: #acacac;
    padding: 0px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.info-entry-page .info-entry-page-form .form .select-list {
    position: relative;
}

.info-entry-page .info-entry-page-form .form .select-list span {
    position: absolute;
    left: 17px;
    top: 11px;
}

.info-entry-page .info-entry-page-form .form .save-button {
    width: 100%;
    margin-top: 6px;
    background-color: #49691f;
    color: #fff;
    font-size: 18px; 
    line-height: 1;
    border: 0px;
    border-radius: 15px;
}

.info-entry-page .info-entry-page-form .form .checkbox {
    color: #252525;
    font-size: 18px;
    padding: 0px !important;
}

.info-entry-page .info-entry-page-form .form .checkbox input[type="checkbox"] {
    display: none;

}

.info-entry-page .info-entry-page-form .form .checkbox input[type="checkbox"]:checked + span {
    background: #fd9002;
    border: 1px solid #49691f;
}

.info-entry-page .info-entry-page-form .form .checkbox span {
    display: inline-block;
    border: 1px solid #fd9002;
    border-radius: 3px;
    width: 17px;
    height: 18px;
    vertical-align: middle;
    margin: 3px;
    text-align: center;
    margin-left: 12px !important;
    margin-top: 0px;
}

.info-entry-page .info-entry-page-form .form .checkbox a {
    color: #252525;
}

.info-entry-page .info-entry-page-need-help {
    padding-top: 120px;
}

.info-entry-page .info-entry-page-need-help .padding-edit {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.info-entry-page .info-entry-page-need-help-box {
    background-color: #f6f6f6;
    border-radius: 5px;
    border: 1px solid #ececec;
    padding-bottom: 26px;
}

.info-entry-page .info-entry-page-need-help-box .info-entry-page-need-help-title h2 {
    font-size: 18px;
    color: #49691f;
    text-align: center;
}

.info-entry-page .info-entry-page-need-help-box .info-entry-page-call-us {
    background-color: #fff;
    margin-right: 30px;
    margin-left: 30px;
    border: 1px solid #ececec;
    padding-top: 15px;
    padding-bottom: 15px;
}

.info-entry-page .info-entry-page-need-help-box .info-entry-page-call-us h2 {
    font-size: 18px;
    color: #fd9002;
    text-align: center;
    margin-top: 0px;
}

.info-entry-page .info-entry-page-need-help-box .info-entry-page-call-us h4 {
    font-size: 14px;
    color: #252525;
    text-align: center;
}

.info-entry-page .info-entry-page-need-help-box .info-entry-page-call-us a {
    font-size: 14px;
    color: #252525;
    text-align: center;
}

.info-entry-page .info-entry-page-need-help-box .info-entry-page-email {
    margin-top: 22px;
}

.info-entry-page .info-entry-page-need-help-box .info-entry-page-total h2 {
    font-size: 18px;
    text-align: center;
    color: #fd9002;
}

.info-entry-page .info-entry-page-need-help-box .info-entry-page-cart {
    padding-left: 30px;
    padding-right: 30px;
}

.info-entry-page .info-entry-page-need-help-box .info-entry-page-cart a {
    line-height: 1;
    background-color: #49691f;
    color: #fff;
    height: 30px;
    width: 100%;
    border-radius: 15px;
}

/* ******************************************************************** */

/* payment page */

.payment-page {
    margin-top: 171px;
    padding-bottom: 50px;
    background-color: #f1f1f1;
}

.payment-page .payment-page-order-table-title h2 {
    font-size: 30px;
    color: #252525;
    margin-bottom: 30px;
}

.payment-page .payment-page-info-cart {
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 44px;
    float: right;
}

.payment-page .payment-page-info-cart .payment-page-table {
    padding-right: 15px;
}

.payment-page .payment-page-info-cart .table th {
    font-size: 22px;
    color: #252525;
    font-weight: normal;
    vertical-align: middle;
    text-align: center;
    border-bottom: 0;

}

.payment-page .payment-page-info-cart .table thead {
    border-bottom: 1px solid #fd9002;
}

.payment-page .payment-page-info-cart .table td {
    font-size: 22px;
    color: #252525;
    font-weight: normal;
    vertical-align: middle;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    border-top: 0;
    border-bottom: 1px solid #ececec;
}

.payment-page .payment-page-info-cart .table .item-total-final {
    color: #fd9002;
    width: 100%;
}

.payment-page .payment-page-info-cart .table .cart-page-item-img {
    background-color: #f6f6f6;
    position: relative;
    min-height: 140px;
    border: 1px solid #ececec;
    border-radius: 5px;
    width: 240px;
}

.payment-page .payment-page-info-cart .table .cart-page-item-img-pos {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}

.payment-page .payment-page-info-cart .table .cart-page-item-img-pos img {
    margin: auto;
    max-width: 120px;
}
.payment-page-payment-method{
    float: right;
    width: 100%;
}
.header .navbar-nav > li:first-child > a{
    padding-right: 0;
}
.payment-page .payment-page-info-cart .table tbody .item-name {
    font-size: 20px;
    color: #49691f;
}

.payment-page .payment-page-need-help-box {
    background-color: #f6f6f6;
    border-radius: 5px;
    border: 1px solid #ececec;
    padding-bottom: 26px;
    margin-top: 70px;
    margin-bottom: 30px;
}

.payment-page .payment-page-need-help-box .payment-page-need-help-title h2 {
    font-size: 18px;
    color: #49691f;
    text-align: center;
}

.payment-page .payment-page-need-help-box .payment-page-call-us {
    background-color: #fff;
    margin-right: 30px;
    margin-left: 30px;
    border: 1px solid #ececec;
    padding-top: 15px;
    padding-bottom: 15px;
}

.payment-page .payment-page-need-help-box .payment-page-call-us h2 {
    font-size: 18px;
    color: #fd9002;
    text-align: center;
    margin-top: 0px;
}

.payment-page .payment-page-need-help-box .payment-page-call-us h4 {
    font-size: 14px;
    color: #252525;
    text-align: center;
}

.payment-page .payment-page-need-help-box .payment-page-call-us a {
    font-size: 14px;
    color: #252525;
    text-align: center;
}

.payment-page .payment-page-need-help-box .payment-page-email {
    margin-top: 22px;
}

.payment-page .payment-page-need-help-box .payment-page-ur-address-title h2 {
    text-align: center;
    font-size: 18px;
    margin-top: 15px;
    color: #fd9002;
}

.payment-page .payment-page-need-help-box .payment-page-ur-address-info {
    padding-right: 32px;
    padding-left: 14px;
}

.payment-page .payment-page-need-help-box .payment-page-ur-address-info p {
    font-size: 14px;
    color: #252525
}

.payment-page .payment-page-need-help-box .payment-page-edit-info {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
}

.payment-page .payment-page-need-help-box .payment-page-edit-info a {
    line-height: 1;
    background-color: #49691f;
    color: #fff;
    height: 30px;
    width: 100%;
    border-radius: 15px;
}

.payment-page .payment-page-payment-method-cards .payment-method-card {
    background-color: #fff;
    border-radius: 5px;
    padding-bottom: 33px;
    padding-top: 6px;
}

.payment-page .payment-page-payment-method-cards .payment-method-card-title h2 {
    text-align: center;
    color: #fd9002;
    font-size: 18px;
}

.payment-page .payment-page-payment-method-title h2 {
    font-size: 30px;
    color: #252525;
    margin-bottom: 30px;
}

.payment-page .payment-page-payment-method-cards .payment-method-card-img {
    min-height: 80px;
    position: relative;
}

.payment-page .payment-page-payment-method-cards .payment-method-card-img .payment-method-card-img-pos {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}

.payment-page .payment-page-payment-method-cards .payment-method-card-img img {
    margin: auto;
}

.payment-page .payment-page-payment-method-cards .payment-method-card-text h3 {
    font-size: 14px;
    text-align: center;
    color: #252525;
}

.payment-page .payment-page-payment-method-cards .payment-method-card-btn {
    padding: 0 50px;
    padding-top: 20px;
}

.payment-page .payment-page-payment-method-cards .payment-method-card-btn a {
    width: 100%;
    font-size: 18px;
    line-height: 1;
    color: #fff;
    background-color: #49691f;
    border-radius: 15px;
}

.payment-page .payment-error-container {
    margin-top: 24px;
    text-align: center;
    display: none;
}

.payment-page .payment-error-container .payment-error {
    font-size: 19px;
    color: #ff0000;
}

/* **************************************************** */

/* footer */

footer {
    font-family: 'cocon';
}

.footer-content {
    background-color: #252525;
    padding-top: 40px;
    padding-bottom: 0;
}

.footer-content .footer-logo {
    margin-top: 21px;
}
.footer-partner-image {
    padding-bottom: 30px;
}
#verficationModal .modal-header{
    border-bottom: 0;
}
#verficationModal .modal-footer{
    border-top: 0;
}
#verficationModal #sendSMSandEMAILId{
    background-color: #49691f;
    border-color: #49691f;
    padding: 10px 30px;
    border-radius: 20px;
    outline: none;
}
.login-item button,.final-verfication-box{
    background-color: #49691f;
    border-color: #49691f;
    padding: 10px 30px;
    border-radius: 20px;
    outline: none;
    width: 266px;
}
.login-item button:hover{
    background-color: #49691fcc;
    border-color: #49691f;
}
#verficationModal .modal-body{
    padding-top: 0;
}
.login-error span{
    color: #ec8f24;
    font-size: 18px;
    padding-bottom: 15px;
    float: right;
    text-align: center;
    width: 100%;
}
.login-item .form-control{
    border-radius: 20px;
    margin-bottom: 20px;
}
#verficationModal h4{
    color: #ec8f24;
}
#verficationModal form{
    text-align: center;
}
.footer-app-download-links img{
    margin: auto;
}
.footer-content .footer-app-download-text {
    margin-bottom: 25px;
    text-align: right;
}
.footer-partners-row{
    padding-top: 30px;
}
.footer-partners-row p{
    color: #fff;
    text-align: center;
    padding-top: 15px;
    font-size: 12px;
}
.footer-app-download-links .col-md-12{
    margin-bottom: 20px;
}
.footer-content .footer-app-download-text p {
    font-size: 18px;
    color: #fff;
}

.footer-content .footer-newsletter-textbox {
    position: relative;
}

.footer-content .footer-newsletter-textbox span {
    position: absolute;
    left: 14px;
    bottom: 8px;
}

.footer-content .footer-newsletter-textbox input {
    border-radius: 15px;
    height: 30px;
}

.footer-content .footer-newsletter-textbox input::placeholder {
    font-size: 14px;
    color: #acacac;
}

.footer-content .footer-newsletter-title p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 14px;
}

.footer-copyrights {
    background-color: #000;
    padding-top: 18px;
    padding-bottom: 16px;
}

.footer-copyrights .footer-copyrights-istanbul p {
    font-size: 16px;
    color: #fff;
    font-family: 'Arial';
    margin-bottom: 0;
}

.footer-copyrights .footer-copyrights-istanbul a {
    font-size: 16px;
    color: #fff;
    font-family: 'Arial';
    margin-bottom: 0;
    font-weight: bold;
}

.footer-copyrights .footer-copyrights-easypay p {
    font-size: 16px;
    color: #fff;
    font-family: 'Arial';
    margin-bottom: 0;
    float: left;
}

/* ********************************************** */

/* who are we page */

.who-are-we-page {
    background-color: #f1f1f1;
    margin-top: 171px;
    font-family: 'cocon';
    padding-bottom: 50px;
}

.who-are-we-page .who-are-we-page-title h2 {
    font-size: 30px;
    margin-bottom: 29px;
    color: #252525;

}

.who-are-we-page .who-are-we-page-content {
    background-color: #fff;
    border-radius: 5px;
    padding-left: 50px;
    padding-right: 45px;
    padding-top: 52px;
    padding-bottom: 25px;
}

.who-are-we-page .who-are-we-page-logo {
    margin-bottom: 40px;
}

.who-are-we-page .who-are-we-page-logo img {
    margin: auto;
}

.who-are-we-page .who-are-we-page-text p {
    font-size: 16px;
    line-height: 1.2;
    color: #252525;
    margin-bottom: 17px;
}

/* *************************************************** */

/* store page */

.store-page {
    background-color: #f1f1f1;
    margin-top: 171px;
    padding-bottom: 35px;
}

.store-page .store-page-title h2 {
    font-size: 30px;
    color: #252525;
    margin-bottom: 27px;
}

.store-page .store-page-category-list {
    padding-left: 15px;
    padding-right: 24px;
    background-color: #fff;
    border-radius: 5px;
    overflow: scroll;
    overflow-y: auto;
    max-height: 794px;
    overflow-x: hidden;
    direction: ltr;
}

.store-page .store-page-category-list::-webkit-scrollbar {
    width: 12px;
}

.store-page .store-page-category-list::-webkit-scrollbar-track {
    border-radius: 10px;
}

.store-page .store-page-category-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgb(193, 193, 193);
}

.store-page .store-page-category-list li {
    width: 100%;
    text-align: right;
    background-color: #fff;
    border: 0px;
    border-bottom: 1px solid #ededed;
    position: relative;
    margin-bottom: 0px;
}

.store-page .store-page-category-list li a {
    font-size: 14px;
    color: #49691f;
    line-height: 1;
    padding-top: 22px;
    padding-bottom: 16px;
}

.store-page .store-page-category-list li a:hover,
.store-page .store-page-category-list li a:active {
    background-color: #fff;
    color: #fd9002;
    border: 1px solid transparent;
}

.store-page .store-page-category-list li img {
    position: absolute;
    top: 18px;
    left: 0px;
    display: none;
}

.store-page .store-page-category-list .nav-tabs {
    border-bottom: 0px;
    padding-bottom: 38px;
}

.store-page .store-page-category-list .active img {
    display: block;
}

.store-page .store-page-category-list .active a {
    border: 1px solid transparent;
    color: #fd9002;

}

.store-page .store-page-category-list .active a:hover,
.store-page .store-page-category-list .active a:focus {
    border: 1px solid transparent !important;
    color: #fd9002;
}

.store-page .store-page-tabs-content .active {
    display: block !important;
}

.store-page .store-page-tabs-content .tab-pane {
    display: none;
}

.store-page .store-page-tabs-content .store-page-card {
    background-color: #fff;
    min-height: 168px;
    position: relative;
    border-radius: 5px;
    margin-bottom: 20px;
}

.store-page .store-page-tabs-content .store-page-card-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}

.store-page .store-page-tabs-content .store-page-cards-title h3 {
    font-size: 14px;
    color: #252525;
    margin-top: 7px;
    margin-bottom: 17px;
}

.store-page .store-page-tabs-content .store-page-card-img img {
    margin: auto;
}

.store-page .store-pagination .pagination {
    display: flex;
    float: left;
    margin-bottom: 0;
    margin-top: 4px;
}

.store-page .store-pagination .pagination .active a {
    color: #fd9002;
}

.store-page .store-pagination .pagination > li > a,
.store-page .store-pagination .pagination > li > span {
    background-color: transparent;
    border: 0;
    font-size: 18px;
    color: #49691f;
    padding-left: 8px;
    padding-right: 8px;
}

.store-page .store-pagination .pag-next-prev {
    padding-top: 5px;
}

.store-page .breadcrumb {
    margin-bottom: 10px;
    background-color: transparent;
    padding-top: 0;
}

.store-page .breadcrumb > li + li:before {
    content: "\f104";
    margin-right: 6px;
    margin-left: 6px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #252525;
    font-size: 18px;
    top: 10px;
}

.store-page .breadcrumb li {
    font-size: 20px;
    color: #49691f;
}

.store-page .breadcrumb a {
    color: #252525;
    font-size: 14px;
}

/* *************************************************** */

/* charge your account page */

.chrage-ur-account-page {
    padding-top: 171px;
    background-color: #f1f1f1;
    padding-bottom: 50px;
}

.chrage-ur-account-page .chrage-ur-account-page-title h2 {
    font-size: 30px;
    color: #252525;
}

.chrage-ur-account-page .chrage-ur-account-method .chrage-ur-account-method-title h2 {
    font-size: 18px;
    color: #252525;
    margin-bottom: 21px;
}

.chrage-ur-account-page .chrage-ur-account-method-cards .charge-account-method-card {
    background-color: #fff;
    border-radius: 5px;
    padding-bottom: 33px;
    padding-top: 18px;
    padding-right: 37px;
    padding-left: 37px;
    margin-bottom: 30px;
}

.chrage-ur-account-method-cards .charge-account-method-card-title {
    border-bottom: 1px solid #ededed;
}

.chrage-ur-account-page .chrage-ur-account-method-cards .charge-account-method-card-title h2 {
    text-align: center;
    color: #fd9002;
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 12px;

}

.chrage-ur-account-page .chrage-ur-account-method-cards .charge-account-method-card-img {
    min-height: 75px;
    position: relative;
}

.chrage-ur-account-page .chrage-ur-account-method-cards .charge-account-method-card-img .charge-account-method-card-img-pos {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}

.chrage-ur-account-page .chrage-ur-account-method-cards .charge-account-method-card-img img {
    margin: auto;
}

.chrage-ur-account-page .chrage-ur-account-method-cards .charge-account-method-card-text h3 {
    font-size: 14px;
    text-align: center;
    color: #252525;
    margin-bottom: 0px;
    margin-top: 5px;
}

.chrage-ur-account-page .chrage-ur-account-method-cards .charge-account-method-card-btn {
    padding-top: 17px;
    text-align: center;
}

.chrage-ur-account-page .chrage-ur-account-method-cards .charge-account-method-card-btn a {
    width: 108px;
    font-size: 18px;
    line-height: 1;
    color: #fff;
    background-color: #49691f;
    border-radius: 15px;
}

/* *************************************************** */

/* contact us */

.contact-us-page {
    margin-top: 170px;
    background-color: #f1f1f1;
    padding-bottom: 70px;
}

.contact-us-page .contact-us-page-title h2 {
    font-size: 30px;
    color: #252525;
    margin-bottom: 30px;
    margin-top: 20px;
}

.contact-us-page .contact-us-page-title h3 {
    font-size: 18px;
    color: #252525;
    margin-top: 0px;
    margin-bottom: 31px;
}

.contact-us-page .contact-us-page-content {
    background-color: #fff;
    border-radius: 5px;
}

.contact-us-page .contact-us-page-form {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 47px;
    padding-bottom: 28px;
}

.contact-us-page .contact-us-page-form .form label {
    color: #fd9002;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
}

.contact-us-page .contact-us-page-form .form input {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    margin-bottom: 24px;
    font-size: 18px;
}

.contact-us-page .contact-us-page-form .form textarea {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 95px;
    margin-bottom: 24px;
    resize: none;
    font-size: 18px;
}

.contact-us-page .contact-us-page-form .form .save-button {
    width: 160px;
    margin-top: 6px;
    float: left;
    background-color: #49691f;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    border: 0px;
    border-radius: 15px;
}

.contact-us-page .contact-us-page-contact-info {
    /*    padding-left: 90px;*/
    padding-top: 47px;
}

.contact-us-page .contact-us-page-contact-info .contact-info-title h2 {
    margin: 0;
    font-size: 18px;
    color: #49691f;
    margin-bottom: 10px;
}

.contact-us-page .contact-us-page-contact-info .contact-info-data p {
    font-size: 18px;
    color: #252525;
    margin-bottom: 14px;
}

.contact-us-page .contact-us-page-contact-info .contact-info-data a {
    color: #252525;
}

.contact-us-page .contact-us-page-contact-info .contact-info-data span {
    font-family: 'Arial';
    /*    float: left;*/
    font-size: 18px;
    color: #252525;
}

/* *************************************************** */

/* ecopayz individuals */

.ecopayz-individuals-page {
    margin-top: 170px;
    background-color: #f1f1f1;
    padding-bottom: 50px;
}

.ecopayz-individuals-page .ecopayz-individuals-page-title h2 {
    font-size: 30px;
    margin-bottom: 27px;
    color: #252525;
}

.ecopayz-individuals-page .ecopayz-individuals-page-list {
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
    border-radius: 5px;
}

.ecopayz-individuals-page .ecopayz-individuals-page-list .nav-tabs {
    border-bottom: 0px;
}

.ecopayz-individuals-page .ecopayz-individuals-page-list li {
    width: 100%;
    text-align: right;
    background-color: #fff;
    border: 0px;
    border-bottom: 1px solid #ededed;
    position: relative;
    margin-bottom: 0px;
}

.ecopayz-individuals-page .ecopayz-individuals-page-list .active a:hover,
.ecopayz-individuals-page .ecopayz-individuals-page-list .active a:focus {
    border: 1px solid transparent !important;
    color: #fd9002;
}

.ecopayz-individuals-page .ecopayz-individuals-page-list li a:hover,
.ecopayz-individuals-page .ecopayz-individuals-page-list li a:active {
    background-color: #fff;
    color: #fd9002;
    border: 1px solid transparent;
}

.ecopayz-individuals-page .ecopayz-individuals-page-list .active a {
    border: 1px solid transparent;
    color: #fd9002;
}

.ecopayz-individuals-page .ecopayz-individuals-page-list .active img {
    display: block;
}

.ecopayz-individuals-page .ecopayz-individuals-page-list li img {
    position: absolute;
    top: 18px;
    left: 0px;
    display: none;
}

.ecopayz-individuals-page .ecopayz-individuals-page-list a {
    font-size: 18px;
    color: #49691f;
    line-height: 1;
    padding-top: 20px;
    padding-bottom: 17px;
}

.ecopayz-individuals-page .ecopayz-individuals-content-title h3 {
    margin: 0;
    font-size: 22px;
    color: #252525;
}

.ecopayz-individuals-page .ecopayz-individuals-content-data {
    margin-top: 26px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
    padding-right: 45px;
    padding-left: 25px;
    padding-bottom: 50px;
    padding-top: 50px;
}

.ecopayz-individuals-page .ecopayz-individuals-content-title h2 {
    font-size: 22px;
    color: #49691f;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
}

.ecopayz-individuals-page .ecopayz-individuals-content-text p {
    font-size: 16px;
    color: #252525;
    margin-bottom: 15px;
}

.ecopayz-individuals-page .ecopayz-individuals-content-video iframe {
    margin: 0 auto;
    width: 100%;
    margin-top: 40px;
}

.ecopayz-individuals-page .ecopayz-individuals-form {
    border-radius: 5px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #fff;
    padding-top: 49px;
    padding-bottom: 25px;
}

.ecopayz-individuals-page .ecopayz-individuals-form h2 {
    font-size: 22px;
    color: #49691f;
    margin-top: 0;
    margin-bottom: 27px;
}

.ecopayz-individuals-page .ecopayz-individuals-form label {
    color: #fd9002;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
}

.ecopayz-individuals-page .ecopayz-individuals-form input {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    font-size: 18px;
    margin-bottom: 24px;
}

.ecopayz-individuals-page .ecopayz-individuals-form textarea {
    border-radius: 10px;
    border: 1px solid #acacac;
    resize: none;
    height: 138px;
    font-size: 18px;
    margin-bottom: 24px;
}

.ecopayz-individuals-page .ecopayz-individuals-form .save-button {
    width: 100%;
    margin-top: 6px;
    float: left;
    background-color: #49691f;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    border: 0px;
    border-radius: 15px;
}

/* *************************************************** */

/* ecopayz business */

.ecopayz-business-page {
    margin-top: 170px;
    background-color: #f1f1f1;
    padding-bottom: 50px;
}

.ecopayz-business-page .ecopayz-business-page-title h2 {
    font-size: 30px;
    margin-bottom: 27px;
    color: #252525;
}

.ecopayz-business-page .ecopayz-business-page-list {
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
    border-radius: 5px;
}

.ecopayz-business-page .ecopayz-business-page-list .nav-tabs {
    border-bottom: 0px;
}

.ecopayz-business-page .ecopayz-business-page-list li {
    width: 100%;
    text-align: right;
    background-color: #fff;
    border: 0px;
    border-bottom: 1px solid #ededed;
    position: relative;
    margin-bottom: 0px;
}

.ecopayz-business-page .ecopayz-business-page-list .active a:hover,
.ecopayz-business-page .ecopayz-business-page-list .active a:focus {
    border: 1px solid transparent !important;
    color: #fd9002;
}

.ecopayz-business-page .ecopayz-business-page-list li a:hover,
.ecopayz-business-page .ecopayz-business-page-list li a:active {
    background-color: #fff;
    border: 1px solid transparent;
    color: #fd9002;
}

.ecopayz-business-page .ecopayz-business-page-list .active a {
    border: 1px solid transparent;
    color: #fd9002;
}

.ecopayz-business-page .ecopayz-business-page-list .active img {
    display: block;
}

.ecopayz-business-page .ecopayz-business-page-list li img {
    position: absolute;
    top: 18px;
    left: 0px;
    display: none;
}

.ecopayz-business-page .ecopayz-business-page-list a {
    font-size: 18px;
    color: #49691f;
    line-height: 1;
    padding-top: 20px;
    padding-bottom: 17px;
}

.ecopayz-business-page .ecopayz-business-content-title h3 {
    margin: 0;
    font-size: 22px;
    color: #252525;
}

.ecopayz-business-page .ecopayz-business-banner {
    border-radius: 5px;
    background-image: url(../images/business-banner.jpg);
    padding-top: 130px;
    padding-bottom: 138px;
    margin-bottom: 30px;
    margin-top: 26px;
}

.ecopayz-business-page .ecopayz-business-banner h2 {
    text-align: center;
    color: #fff;
    font-size: 36px;
    margin: 0;
}

.ecopayz-business-page .ecopayz-business-content-data {

    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
    padding-right: 45px;
    padding-left: 25px;
    padding-bottom: 50px;
    padding-top: 50px;
}

.ecopayz-business-page .ecopayz-business-content-title h2 {
    font-size: 22px;
    color: #49691f;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
}

.ecopayz-business-page .ecopayz-business-content-text p {
    font-size: 16px;
    color: #252525;
    margin-bottom: 15px;
}

.ecopayz-business-page .ecopayz-business-content-video iframe {
    margin: 0 auto;
    width: 100%;
    margin-top: 40px;
}

.ecopayz-business-page .ecopayz-business-form {
    border-radius: 5px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #fff;
    padding-top: 49px;
    padding-bottom: 25px;
}

.ecopayz-business-page .ecopayz-business-form h2 {
    font-size: 22px;
    color: #49691f;
    margin-top: 0;
    margin-bottom: 27px;
}

.ecopayz-business-page .ecopayz-business-form label {
    color: #fd9002;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
}

.ecopayz-business-page .ecopayz-business-form input {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    font-size: 18px;
    margin-bottom: 24px;
}

.ecopayz-business-page .ecopayz-business-form .select-list {
    position: relative;
}

.ecopayz-business-page .ecopayz-business-form .select-list span {
    position: absolute;
    left: 17px;
    top: 11px;
}

.ecopayz-business-page .ecopayz-business-form select {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    margin-bottom: 24px;
    line-height: 1;
    font-size: 18px;
    color: #acacac;
    padding: 0px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.ecopayz-business-page .ecopayz-business-form textarea {
    border-radius: 10px;
    border: 1px solid #acacac;
    resize: none;
    height: 138px;
    font-size: 18px;
    margin-bottom: 24px;
}

.ecopayz-business-page .ecopayz-business-form .upload-record {
    padding-top: 23px;
}

.ecopayz-business-page .ecopayz-business-form .upload-label {
    float: right;
    margin-top: 5px;
}

.ecopayz-business-page .ecopayz-business-form .btn-file {
    position: relative;
    overflow: hidden;
    width: 130px;
    height: 30px;
    font-size: 15px;
    color: #fff;
    background-color: #252525;
    border-radius: 10px;
    border: 0;
    margin-bottom: 20px;
    padding: 4px 12px !important;
    float: left;
}

.ecopayz-business-page .ecopayz-business-form .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: center;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    cursor: inherit;
}

.ecopayz-business-page .ecopayz-business-form .save-button {
    width: 100%;
    margin-top: 6px;
    float: left;
    background-color: #49691f;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    border: 0px;
    border-radius: 15px;
}

/* *************************************************** */

.ecopayz-company-page {
    margin-top: 170px;
    background-color: #f1f1f1;
    padding-bottom: 50px;
}

.ecopayz-company-page .ecopayz-company-page-title h2 {
    font-size: 30px;
    margin-bottom: 27px;
    color: #252525;
}

.ecopayz-company-page .ecopayz-company-page-list {
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
    border-radius: 5px;
}

.ecopayz-company-page .ecopayz-company-page-list .nav-tabs {
    border-bottom: 0px;
}

.ecopayz-company-page .ecopayz-company-page-list li {
    width: 100%;
    text-align: right;
    background-color: #fff;
    border: 0px;
    border-bottom: 1px solid #ededed;
    position: relative;
    margin-bottom: 0px;
}

.ecopayz-company-page .ecopayz-company-page-list .active a:hover,
.ecopayz-company-page .ecopayz-company-page-list .active a:focus {
    border: 1px solid transparent !important;
    color: #fd9002;
}

.ecopayz-company-page .ecopayz-company-page-list li a:hover,
.ecopayz-company-page .ecopayz-company-page-list li a:active {
    background-color: #fff;
    border: 1px solid transparent;
    color: #fd9002;

}

.ecopayz-company-page .ecopayz-company-page-list .active a {
    border: 1px solid transparent;
    color: #fd9002;
}

.ecopayz-company-page .ecopayz-company-page-list .active img {
    display: block;
}

.ecopayz-company-page .ecopayz-company-page-list li img {
    position: absolute;
    top: 18px;
    left: 0px;
    display: none;
}

.ecopayz-company-page .ecopayz-company-page-list a {
    font-size: 18px;
    color: #49691f;
    line-height: 1;
    padding-top: 20px;
    padding-bottom: 17px;
}

.ecopayz-company-page .ecopayz-company-content-title h3 {
    margin: 0;
    font-size: 22px;
    color: #252525;
}

.ecopayz-company-page .ecopayz-company-content-data {
    margin-top: 26px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
    padding-right: 45px;
    padding-left: 25px;
    padding-bottom: 90px;
    padding-top: 100px;
}

.ecopayz-company-page .ecopayz-company-content-title h2 {
    font-size: 22px;
    color: #49691f;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
}

.ecopayz-company-page .ecopayz-company-content-text p {
    font-size: 16px;
    color: #252525;
    margin-bottom: 15px;
}

.ecopayz-company-page .ecopayz-company-content-video iframe {
    margin: 0 auto;
    width: 100%;
    margin-top: 40px;
}

/* *************************************************** */

/* ecopayz ecovoucher */

.ecopayz-ecovouchers-page {
    margin-top: 170px;
    background-color: #f1f1f1;
    padding-bottom: 50px;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-page-title h2 {
    font-size: 30px;
    margin-bottom: 27px;
    color: #252525;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-page-list {
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
    border-radius: 5px;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-page-list .nav-tabs {
    border-bottom: 0px;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-page-list li {
    width: 100%;
    text-align: right;
    background-color: #fff;
    border: 0px;
    border-bottom: 1px solid #ededed;
    position: relative;
    margin-bottom: 0px;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-page-list .active a {
    border: 1px solid transparent;
    color:#fd9002;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-page-list .active img {
    display: block;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-page-list li img {
    position: absolute;
    top: 18px;
    left: 0px;
    display: none;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-page-list .active a:hover,
.ecopayz-ecovouchers-page .ecopayz-ecovouchers-page-list .active a:focus {
    border: 1px solid transparent !important;
    color:#fd9002;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-page-list li a:hover,
.ecopayz-ecovouchers-page .ecopayz-ecovouchers-page-list li a:active {
    background-color: #fff;
    color:#fd9002;
    border: 1px solid transparent;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-page-list a {
    font-size: 18px;
    color: #49691f;
    line-height: 1;
    padding-top: 20px;
    padding-bottom: 17px;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-content-title h3 {
    margin: 0;
    font-size: 22px;
    color: #252525;
    margin-bottom: 21px;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-card {
    background-color: #fff;
    border-radius: 5px;
    padding: 30px 20px;
    margin-bottom: 20px;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-card-img {
    background-color: #f6f6f6;
    position: relative;
    min-height: 140px;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-card-img-pos {
    /* position: absolute; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
    /* -webkit-transform: translateY(-50%); */
    width: 100%;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-card-img-pos img {
    margin: auto;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-card-name h2 {
    text-align: center;
    font-size: 20px;
    color: #49691f;
    margin-top: 12px;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-card-name {
    border-bottom: 1px solid #ededed;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-card-price h2 {
    font-size: 22px;
    color: #252525;
    text-align: center;
    margin-top: 10px;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-card-price h3 {
    font-size: 22px;
    color: #fd9002;
    text-align: center;
    margin-bottom: 7px;
    margin-top: 10px;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-card-add-to-cart a {
    font-size: 18px;
    border-radius: 15px;
    background-color: #49691f;
    color: #fff;
    width: 100%;
    line-height: 1;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-usage-content {
    margin-top: 26px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
    padding-right: 51px;
    padding-left: 45px;
    padding-bottom: 55px;
    padding-top: 23px;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-content-title h2 {
    font-size: 30px;
    color: #252525;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
}

.ecopayz-ecovouchers-page .ecopayz-individuals-content-list ul {
    padding-right: 4px;
}

.ecopayz-ecovouchers-page .ecopayz-individuals-content-list h4 {
    font-size: 20px;
    color: #49691f;
    margin-top: 45px;
    margin-bottom: 30px;
}

.ecopayz-ecovouchers-page .ecopayz-individuals-content-list li {
    font-size: 18px;
    list-style-image: url(../images/list-bullet.png);
    color: #252525;
    margin-bottom: 20px;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-content-video h4 {
    font-size: 20px;
    color: #49691f;
    margin-bottom: 26px;
    margin-top: 50px;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-content-video iframe {
    margin: 0 auto;
    width: 100%;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-pagination .pagination {
    display: flex;
    float: left;
    margin-bottom: 0;
    margin-top: 4px;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-pagination .pagination .active a {
    color: #fd9002;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-pagination .pagination > li > a,
.ecopayz-ecovouchers-page .ecopayz-ecovouchers-pagination .pagination > li > span {
    background-color: transparent;
    border: 0;
    font-size: 18px;
    color: #49691f;
    padding-left: 8px;
    padding-right: 8px;
}

.ecopayz-ecovouchers-page .ecopayz-ecovouchers-pagination .pag-next-prev {
    padding-top: 5px;
}

/* *************************************************** */

/* join distributors page */

.join-distributors-page {
    margin-top: 170px;
    background-color: #f1f1f1;
    padding-bottom: 50px;
}

.join-distributors-page .join-distributors-page-title h2 {
    font-size: 30px;
    margin-bottom: 27px;
    margin-top: 26px;
    color: #252525;
}


.ecopayz-business-page .ecopayz-business-content-title h3 {
    margin: 0;
    font-size: 22px;
    color: #252525;
}

.join-distributors-page .join-distributors-page-data {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    padding-top: 35px;
}

.join-distributors-page .join-distributors-data-title h2 {
    font-size: 22px;
    color: #49691f;
    margin-top: 5px;
    margin-bottom: 15px;
    padding-right: 21px;
}

.join-distributors-page .join-distributors-data-text p {
    padding-right: 29px;
    font-size: 16px;
    color: #252525;
    margin-bottom: 10px;
}

.join-distributors-page .join-distributors-data-video {
    padding-left: 25px;
}

.join-distributors-page .join-distributors-data-video iframe {
    margin: 0 auto;
    width: 100%;
    border-radius: 5px;
    height: 295px;
}

.join-distributors-page .join-distributors-form {
    border-radius: 5px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #fff;
    padding-top: 49px;
    padding-bottom: 25px;
}

.join-distributors-page .join-distributors-form h2 {
    font-size: 22px;
    color: #49691f;
    margin-top: 0;
    margin-bottom: 27px;
}

.join-distributors-page .join-distributors-form label {
    color: #fd9002;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
}

.join-distributors-page .join-distributors-form input {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    font-size: 18px;
    margin-bottom: 24px;
}

.join-distributors-page .join-distributors-form .select-list {
    position: relative;
}

.join-distributors-page .join-distributors-form .select-list span {
    position: absolute;
    left: 17px;
    top: 11px;
}

.join-distributors-page .join-distributors-form select {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    margin-bottom: 24px;
    line-height: 1;
    font-size: 18px;
    color: #acacac;
    padding: 0px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.join-distributors-page .join-distributors-form textarea {
    border-radius: 10px;
    border: 1px solid #acacac;
    resize: none;
    height: 138px;
    font-size: 18px;
    margin-bottom: 24px;
}

.join-distributors-page .join-distributors-form .upload-record {
    padding-top: 23px;
}

.join-distributors-page .join-distributors-form .upload-label {
    float: right;
    margin-top: 5px;
}

.join-distributors-page .join-distributors-form .btn-file {
    position: relative;
    overflow: hidden;
    width: 130px;
    height: 30px;
    font-size: 15px;
    color: #fff;
    background-color: #252525;
    border-radius: 10px;
    border: 0;
    margin-bottom: 20px;
    padding: 4px 12px !important;
    float: left;
}

.join-distributors-page .join-distributors-form .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: center;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    cursor: inherit;
}

.join-distributors-page .join-distributors-form .save-button {
    width: 100%;
    margin-top: 6px;
    float: left;
    background-color: #49691f;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    border: 0px;
    border-radius: 15px;
}

/* *************************************************** */

/* join distributors page */

.offers-page {
    margin-top: 170px;
    background-color: #f1f1f1;
    padding-bottom: 50px;
}

.offers-page .offers-page-title h2 {
    font-size: 30px;
    margin-bottom: 27px;
    margin-top: 26px;
    color: #252525;
}

.offers-page .offers-page-big-card {
    background-color: #fff;
    border-radius: 5px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.offers-page .offers-page-big-card-img-padding {
    padding-right: 26px;
    padding-left: 16px;
}

.offers-page .offers-page-big-card-img {
    background-color: #f6f6f6;
    position: relative;
    min-height: 292px;
}

.offers-page .offers-page-big-card-img-pos {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}

.offers-page .offers-page-big-card-img-pos img {
    margin: auto;
}

.offers-page .offers-page-big-card-name h2 {
    text-align: center;
    font-size: 20px;
    color: #49691f;
    margin-top: 66px;
}

.offers-page .offers-page-big-card-price h2 {
    font-size: 22px;
    color: #252525;
    text-align: center;
    margin-top: 23px;
}

.offers-page .offers-page-big-card-price h3 {
    font-size: 22px;
    color: #fd9002;
    text-align: center;
    margin-bottom: 7px;
    margin-top: 10px;
}

.offers-page .offers-page-big-card-add-to-cart {
    padding-right: 40px;
    padding-left: 40px;
}

.offers-page .offers-page-big-card-add-to-cart a {
    font-size: 18px;
    border-radius: 15px;
    background-color: #49691f;
    color: #fff;
    width: 100%;
    line-height: 1;
}

.offers-page .offers-page-small-card {
    background-color: #fff;
    border-radius: 5px;
    padding: 30px 20px;
    margin-bottom: 30px;
}

.offers-page .offers-page-small-card-img {
    background-color: #f6f6f6;
    position: relative;
    min-height: 140px;
}

.offers-page .offers-page-small-card-img-pos {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}

.offers-page .offers-page-small-card-img-pos img {
    margin: auto;
}

.offers-page .offers-page-small-card-name h2 {
    text-align: center;
    font-size: 20px;
    color: #49691f;
    margin-top: 12px;
}

.offers-page .offers-page-small-card-name {
    border-bottom: 1px solid #ededed;
}

.offers-page .offers-page-small-card-price h2 {
    font-size: 22px;
    color: #252525;
    text-align: center;
    margin-top: 10px;
}

.offers-page .offers-page-small-card-price h3 {
    font-size: 22px;
    color: #fd9002;
    text-align: center;
    margin-bottom: 7px;
    margin-top: 10px;
}

.offers-page .offers-page-small-card-add-to-cart {
    padding-right: 10px;
    padding-left: 10px;
}

.offers-page .offers-page-small-card-add-to-cart a {
    font-size: 18px;
    border-radius: 15px;
    background-color: #49691f;
    color: #fff;
    width: 100%;
    line-height: 1;
}

/* ***************************************************** */

/* ecopayz E-marketing */

.services-emarketing-page {
    margin-top: 170px;
    background-color: #f1f1f1;
    padding-bottom: 50px;
}

.services-emarketing-page .services-emarketing-page-title h2 {
    font-size: 30px;
    margin-bottom: 27px;
    color: #252525;
}

.services-emarketing-page .services-emarketing-page-list {
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
    border-radius: 5px;
}

.services-emarketing-page .services-emarketing-page-list .nav-tabs {
    border-bottom: 0px;
}

.services-emarketing-page .services-emarketing-page-list li {
    width: 100%;
    text-align: right;
    background-color: #fff;
    border: 0px;
    border-bottom: 1px solid #ededed;
    position: relative;
    margin-bottom: 0px;
}

.services-emarketing-page .services-emarketing-page-list .active a:hover,
.services-emarketing-page .services-emarketing-page-list .active a:focus {
    border: 1px solid transparent !important;

}

.services-emarketing-page .services-emarketing-page-list li a:hover,
.services-emarketing-page .services-emarketing-page-list li a:active {
    background-color: #fff;
    border: 1px solid transparent;
    color: #fd9002;
}

.services-emarketing-page .services-emarketing-page-list .active a {
    border: 1px solid transparent;
    color: #fd9002;
}

.services-emarketing-page .services-emarketing-page-list .active img {
    display: block;
}

.services-emarketing-page .services-emarketing-page-list li img {
    position: absolute;
    top: 18px;
    left: 0px;
    display: none;
}

.services-emarketing-page .services-emarketing-page-list a {
    font-size: 18px;
    color: #49691f;
    line-height: 1;
    padding-top: 20px;
    padding-bottom: 17px;
}

.services-emarketing-page .services-emarketing-content-title h3 {
    margin: 0;
    font-size: 22px;
    color: #252525;
}

.services-emarketing-page .services-emarketing-content-data {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
    padding-right: 45px;
    padding-left: 25px;
    padding-bottom: 23px;
    padding-top: 28px;
    margin-top: 26px;
}

.services-emarketing-page .services-emarketing-content-title h2 {
    font-size: 22px;
    color: #49691f;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
}

.services-emarketing-page .services-emarketing-content-text p {
    font-size: 16px;
    color: #252525;
    margin-bottom: 15px;
}

.services-emarketing-page .services-emarketing-form {
    border-radius: 5px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #fff;
    padding-top: 49px;
    padding-bottom: 25px;
}

.services-emarketing-page .services-emarketing-form h2 {
    font-size: 22px;
    color: #49691f;
    margin-top: 0;
    margin-bottom: 27px;
}

.services-emarketing-page .services-emarketing-form label {
    color: #fd9002;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
}

.services-emarketing-page .services-emarketing-form input {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    font-size: 18px;
    margin-bottom: 24px;
}

.services-emarketing-page .services-emarketing-form .select-list {
    position: relative;
}

.services-emarketing-page .services-emarketing-form .select-list span {
    position: absolute;
    left: 17px;
    top: 11px;
}

.services-emarketing-page .services-emarketing-form select {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    margin-bottom: 24px;
    line-height: 1;
    font-size: 18px;
    color: #acacac;
    padding: 0px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.services-emarketing-page .services-emarketing-form textarea {
    border-radius: 10px;
    border: 1px solid #acacac;
    resize: none;
    height: 138px;
    font-size: 18px;
    margin-bottom: 24px;
}

.services-emarketing-page .services-emarketing-form .save-button {
    width: 100%;
    margin-top: 6px;
    float: left;
    background-color: #49691f;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    border: 0px;
    border-radius: 15px;
}

/* ***************************************************** */

/* ecopayz adDesign */

.services-adDesign-page {
    margin-top: 170px;
    background-color: #f1f1f1;
    padding-bottom: 50px;
}

.services-adDesign-page .services-adDesign-page-title h2 {
    font-size: 30px;
    margin-bottom: 27px;
    color: #252525;
}

.services-adDesign-page .services-adDesign-page-list {
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
    border-radius: 5px;
}

.services-adDesign-page .services-adDesign-page-list .nav-tabs {
    border-bottom: 0px;
}

.services-adDesign-page .services-adDesign-page-list li {
    width: 100%;
    text-align: right;
    background-color: #fff;
    border: 0px;
    border-bottom: 1px solid #ededed;
    position: relative;
    margin-bottom: 0px;
}

.services-adDesign-page .services-adDesign-page-list .active a:hover,
.services-adDesign-page .services-adDesign-page-list.active a:focus {
    border: 1px solid transparent !important;
}

.services-adDesign-page .services-adDesign-page-list li a:hover,
.services-adDesign-page .services-adDesign-page-list li a:active {
    background-color: #fff;
    border: 1px solid transparent;
    color:#fd9002
}

.services-adDesign-page .services-adDesign-page-list .active a {
    border: 1px solid transparent;
    color: #fd9002;
}

.services-adDesign-page .services-adDesign-page-list .active img {
    display: block;
}

.services-adDesign-page .services-adDesign-page-list li img {
    position: absolute;
    top: 18px;
    left: 0px;
    display: none;
}

.services-adDesign-page .services-adDesign-page-list a {
    font-size: 18px;
    color: #49691f;
    line-height: 1;
    padding-top: 20px;
    padding-bottom: 17px;
}

.services-adDesign-page .services-adDesign-content-title h3 {
    margin: 0;
    font-size: 22px;
    color: #252525;
}

.services-adDesign-page .services-adDesign-content-data {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
    padding-right: 45px;
    padding-left: 25px;
    padding-bottom: 23px;
    padding-top: 28px;
    margin-top: 26px;
}

.services-adDesign-page .services-adDesign-content-title h2 {
    font-size: 22px;
    color: #49691f;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
}

.services-adDesign-page .services-adDesign-content-text p {
    font-size: 16px;
    color: #252525;
    margin-bottom: 15px;
}

.services-adDesign-page .services-adDesign-form {
    border-radius: 5px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #fff;
    padding-top: 49px;
    padding-bottom: 25px;
}

.services-adDesign-page .services-adDesign-form h2 {
    font-size: 22px;
    color: #49691f;
    margin-top: 0;
    margin-bottom: 27px;
}

.services-adDesign-page .services-adDesign-form label {
    color: #fd9002;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
}

.services-adDesign-page .services-adDesign-form input {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    font-size: 18px;
    margin-bottom: 24px;
}

.services-adDesign-page .services-adDesign-form .select-list {
    position: relative;
}

.services-adDesign-page .services-adDesign-form .select-list span {
    position: absolute;
    left: 17px;
    top: 11px;
}

.services-adDesign-page .services-adDesign-form select {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    margin-bottom: 24px;
    line-height: 1;
    font-size: 18px;
    color: #acacac;
    padding: 0px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
}


.services-adDesign-page .services-adDesign-form textarea {
    border-radius: 10px;
    border: 1px solid #acacac;
    resize: none;
    height: 138px;
    font-size: 18px;
    margin-bottom: 24px;
}

.services-adDesign-page .services-adDesign-form .save-button {
    width: 100%;
    margin-top: 6px;
    float: left;
    background-color: #49691f;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    border: 0px;
    border-radius: 15px;
}

/* ***************************************************** */

/* ecopayz institutes */

.services-institutes-page {
    margin-top: 170px;
    background-color: #f1f1f1;
    padding-bottom: 50px;
}

.services-institutes-page .services-institutes-page-title h2 {
    font-size: 30px;
    margin-bottom: 27px;
    color: #252525;
}

.services-institutes-page .services-institutes-page-list {
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
    border-radius: 5px;
}

.services-institutes-page .services-institutes-page-list .nav-tabs {
    border-bottom: 0px;
}

.services-institutes-page .services-institutes-page-list li {
    width: 100%;
    text-align: right;
    background-color: #fff;
    border: 0px;
    border-bottom: 1px solid #ededed;
    position: relative;
    margin-bottom: 0px;
}

.services-institutes-page .services-institutes-page-list .active a:hover,
.services-institutes-page .services-institutes-page-list .active a:focus {
    border: 1px solid transparent !important;
}

.services-institutes-page .services-institutes-page-list li a:hover,
.services-institutes-page .services-institutes-page-list li a:active {
    background-color: #fff;
    border: 1px solid transparent;color: #fd9002;
}

.services-institutes-page .services-institutes-page-list .active a {
    border: 1px solid transparent;
    color: #49691f;
    color: #fd9002;
}

.services-institutes-page .services-institutes-page-list .active img {
    display: block;
}

.services-institutes-page .services-institutes-page-list li img {
    position: absolute;
    top: 18px;
    left: 0px;
    display: none;
}

.services-institutes-page .services-institutes-page-list a {
    font-size: 18px;
    color: #49691f;
    line-height: 1;
    padding-top: 20px;
    padding-bottom: 17px;
}

.services-institutes-page .services-institutes-content-title h3 {
    margin: 0;
    font-size: 22px;
    color: #252525;
}

.services-institutes-page .services-institutes-content-data {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
    padding-right: 45px;
    padding-left: 25px;
    padding-bottom: 23px;
    padding-top: 28px;
    margin-top: 26px;
}

.services-institutes-page .services-institutes-content-title h2 {
    font-size: 22px;
    color: #49691f;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
}

.services-institutes-page .services-institutes-content-text p {
    font-size: 16px;
    color: #252525;
    margin-bottom: 15px;
}

.services-institutes-page .services-institutes-form {
    border-radius: 5px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #fff;
    padding-top: 49px;
    padding-bottom: 25px;
}

.services-institutes-page .services-institutes-form h2 {
    font-size: 22px;
    color: #49691f;
    margin-top: 0;
    margin-bottom: 27px;
}

.services-institutes-page .services-institutes-form label {
    color: #fd9002;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
}

.services-institutes-page .services-institutes-form input {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    font-size: 18px;
    margin-bottom: 24px;
}

.services-institutes-page .services-institutes-form .select-list {
    position: relative;
}

.services-institutes-page .services-institutes-form .select-list span {
    position: absolute;
    left: 17px;
    top: 11px;
}

.services-institutes-page .services-institutes-form select {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    margin-bottom: 24px;
    line-height: 1;
    font-size: 18px;
    color: #acacac;
    padding: 0px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.services-institutes-page .services-institutes-form textarea {
    border-radius: 10px;
    border: 1px solid #acacac;
    resize: none;
    height: 138px;
    font-size: 18px;
    margin-bottom: 24px;
}

.services-institutes-page .services-institutes-form .save-button {
    width: 100%;
    margin-top: 6px;
    float: left;
    background-color: #49691f;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    border: 0px;
    border-radius: 15px;
}

/* ********************************************************** */

@media (max-width:767px) {
    .offers-page .offers-page-big-card-name h2{
        margin-top: 30px;
    }
    .header .top-nav .navbar-nav {
        float: none;
    }
    .header .navbar-nav {
        float: none;
    }
    .header .navbar-nav > li > a {
        text-align: center;
    }
    .header .search-box {
        margin-top: 15px;
    }
    .header .navbar-toggle {
        margin-bottom: 0px;
        margin-top: 15px;
        margin-left: 0;
    }
    .header .navbar-toggle:focus,
    .header .navbar-toggle:hover {
        background-color: #fff;
    }
    .header .navbar {
        padding-bottom: 8px;
        padding-top: 5px;
    }

    .index-banner .index-banner-slider .index-banner-cell-title h2 {
        font-size: 22px;
    }
    .index-banner .index-banner-slider .gallery-cell {
        padding-top: 50px;
    }
    .index-banner-slider .flickity-prev-next-button.next {
        right: 5px !important;
    }
    .index-banner-slider .flickity-prev-next-button.previous {
        left: 5px !important;
    }
    .index-banner-slider .flickity-prev-next-button {
        height: 30px;
        width: 30px;
    }
    .index-banner .index-banner-slider .index-banner-cell-more-button a {
        width: 120px;
    }
    .radio label,
    .checkbox label {
        padding-right: 0px;
    }
    .index-most-sold .index-most-sold-title h2 {
        font-size: 24px;
    }
    .index-most-sold .index-most-sold-card {
        margin-bottom: 20px;
    }
    .index-categories .index-categories-title h2 {
        font-size: 24px;
    }
    .index-categories .index-category-list li a {
        font-size: 16px;
    }
    .index-categories .index-category-list li img {
        left: 0px;
        top: 15px;
    }
    .index-categories .index-category-list {
        margin-bottom: 30px;
    }
    .index-categories .index-category-tabs-content .index-category-card {
        margin-bottom: 20px;
    }
    .category-page {
        margin-top: 113px;
    }
    .category-page .category-page-title h2 {
        font-size: 24px;
    }
    .category-page .category-page-category-list {
        margin-bottom: 30px;
    }
    .category-page .category-page-category-list li img {
        top: 15px;
    }
    .info-entry-page {
        margin-top: 113px;
    }
    .info-entry-page .info-entry-page-title h2 {
        font-size: 24px;
    }
    .info-entry-page .info-entry-page-form .form .entry-padding {
        padding-right: 0px;
    }
    .info-entry-page .info-entry-page-form {
        padding-top: 50px;
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 50px;
    }
    .info-entry-page .info-entry-page-form .form .checkbox {
        font-size: 16px;
    }
    .info-entry-page .info-entry-page-form .form label {
        font-size: 16px;
    }
    .info-entry-page .info-entry-page-form .form select {
        font-size: 16px;
    }
    .info-entry-page .info-entry-page-form .form .save-button {
        font-size: 16px;
    }
    .info-entry-page .info-entry-page-need-help {
        padding-top: 0px;
        padding-bottom: 50px;
    }
    .my-account-page {
        margin-top: 113px;
    }
    .my-account-page .my-account-page-title h2 {
        font-size: 24px;
    }
    .my-account-page .my-account-page-form {
        padding-top: 50px;
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 50px;
    }
    .my-account-page .my-account-page-form .form label {
        font-size: 16px;
    }
    .my-account-page .my-account-page-form .form select {
        font-size: 16px;
    }
    .my-account-page .my-account-page-form .form .select-list span {
        left: 6px;
    }
    .my-account-page .my-account-page-form .form .save-button {
        width: 100%;
        font-size: 16px;
    }
    .payment-page {
        margin-top: 113px;
    }
    .payment-page .payment-page-order-table-title h2 {
        font-size: 24px;
    }
    .payment-page .payment-page-payment-method-title h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .payment-page .payment-page-payment-method-cards .payment-method-card {
        margin-bottom: 20px;
    }
    .payment-page .payment-page-payment-method-cards .payment-method-card-btn a {
        font-size: 16px;
    }
    .footer-content .footer-logo {
        margin-bottom: 30px;
        margin-top: 0px;
    }
    .footer-content .footer-logo img {
        margin: auto;
    }
    .footer-content .footer-app-download {
        margin-bottom: 30px;
    }
    .footer-copyrights .footer-copyrights-istanbul p {
        text-align: center;
        margin-bottom: 15px;
    }
    .footer-copyrights .footer-copyrights-easypay p {
        text-align: center;
        float: none;
    }
    .contact-us-page {
        margin-top: 113px;
    }
    .contact-us-page .contact-us-page-title h2 {
        font-size: 24px;
    }
    .contact-us-page .contact-us-page-form .form label {
        font-size: 16px;
    }
    .contact-us-page .contact-us-page-form {
        padding-left: 20px;
        padding-right: 20px;
    }
    .contact-us-page .contact-us-page-form .form .save-button {
        font-size: 16px;
    }
    .contact-us-page .contact-us-page-contact-info {
        padding-left: 20px;
        padding-right: 20px;
    }
    .contact-us-page .contact-us-page-contact-info .contact-info-data p {
        font-size: 14px;
    }
    .contact-us-page .contact-us-page-contact-info {
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .info-entry-page .info-entry-page-need-help-box {
        margin-left: 10px;
        margin-right: 10px;
    }
    .chrage-ur-account-page {
        padding-top: 113px;
    }
    .chrage-ur-account-page .chrage-ur-account-page-title h2 {
        font-size: 24px;
    }
    .chrage-ur-account-page .chrage-ur-account-method .chrage-ur-account-method-title h2 {
        font-size: 17px;
    }
    .store-page {
        margin-top: 113px;
    }
    .store-page .store-page-title h2 {
        font-size: 24px;
    }
    .store-page .breadcrumb li {
        margin-top: 30px;
    }
    .who-are-we-page {
        margin-top: 113px;
    }
    .who-are-we-page .who-are-we-page-title h2 {
        font-size: 24px;
    }
    .join-distributors-page {
        margin-top: 113px;
    }
    .join-distributors-page .join-distributors-page-title h2 {
        font-size: 24px;
    }
    .join-distributors-page .join-distributors-data-title h2 {
        font-size: 20px;
    }
    .join-distributors-page .join-distributors-data-text p {
        padding-left: 25px;
        padding-right: 25px;
    }
    .join-distributors-page .join-distributors-data-text {
        margin-bottom: 40px;
    }
    .join-distributors-page .join-distributors-form h2 {
        font-size: 20px;
    }
    .join-distributors-page .join-distributors-form {
        padding-right: 15px;
        padding-left: 15px;
    }
    .join-distributors-page .join-distributors-form label {
        font-size: 16px;
    }
    .join-distributors-page .join-distributors-form .btn-file {
        width: 80px;
    }
    .join-distributors-page .join-distributors-form .upload-record {
        padding-top: 0;
    }
    .join-distributors-page .join-distributors-form .save-button {
        font-size: 16px;
    }
    .services-adDesign-page,
    .services-emarketing-page,
    .services-institutes-page {
        margin-top: 113px;
    }
    .services-adDesign-page .services-adDesign-page-title h2,
    .services-institutes-page .services-institutes-page-title h2,
    .services-emarketing-page .services-emarketing-page-title h2 {
        font-size: 24px;
    }
    .services-adDesign-page .services-adDesign-content-title h3,
    .services-emarketing-page .services-emarketing-content-title h3,
    .services-institutes-page .services-institutes-content-title h3 {
        margin-top: 30px;
        font-size: 20px;
    }
    .services-adDesign-page .services-adDesign-content-data,
    .services-emarketing-page .services-emarketing-content-data,
    .services-institutes-page .services-institutes-content-data {
        padding-right: 15px;
        padding-left: 15px;
    }
    .services-adDesign-page .services-adDesign-content-title h2,
    .services-institutes-page .services-institutes-content-title h2,
    .services-emarketing-page .services-emarketing-content-title h2 {
        font-size: 20px;
    }
    .services-adDesign-page .services-adDesign-page-list a,
    .services-emarketing-page .services-emarketing-page-list .active a,
    .services-institutes-page .services-institutes-page-list a {
        font-size: 18px;
    }
    .services-emarketing-page .services-emarketing-form h2,
    .services-adDesign-page .services-adDesign-form h2,
    .services-institutes-page .services-institutes-form h2 {
        font-size: 18px;
    }
    .services-adDesign-page .services-adDesign-form,
    .services-emarketing-page .services-emarketing-form,
    .services-institutes-page .services-institutes-form {
        padding-right: 15px;
        padding-left: 15px;
    }
    .services-adDesign-page .services-adDesign-form label,
    .services-emarketing-page .services-emarketing-form label,
    .services-institutes-page .services-institutes-form label {
        font-size: 16px;
    }
    .services-emarketing-page .services-emarketing-form .save-button,
    .services-institutes-page .services-institutes-form .save-button,
    .services-adDesign-page .services-adDesign-form .save-button {
        font-size: 16px;
    }
    .ecopayz-company-page,
    .ecopayz-business-page,
    .ecopayz-individuals-page,
    .ecopayz-ecovouchers-page {
        margin-top: 113px;
    }
    .ecopayz-company-page .ecopayz-company-page-title h2,
    .ecopayz-business-page .ecopayz-business-page-title h2,
    .ecopayz-individuals-page .ecopayz-individuals-page-title h2,
    .ecopayz-ecovouchers-page .ecopayz-ecovouchers-page-title h2 {
        font-size: 24px;
    }
    .ecopayz-company-page .ecopayz-company-page-list a,
    .ecopayz-ecovouchers-page .ecopayz-ecovouchers-page-list a,
    .ecopayz-business-page .ecopayz-business-page-list a,
    .ecopayz-individuals-page .ecopayz-individuals-page-list a {
        font-size: 16px;
    }
    .ecopayz-company-page .ecopayz-company-content-title h3,
    .ecopayz-ecovouchers-page .ecopayz-ecovouchers-content-title h3,
    .ecopayz-business-page .ecopayz-business-content-title h3,
    .ecopayz-individuals-page .ecopayz-individuals-content-title h3 {
        margin-top: 30px;
        font-size: 20px;
    }
    .ecopayz-company-page .ecopayz-company-content-data,
    .ecopayz-individuals-page .ecopayz-individuals-content-data,
    .ecopayz-business-page .ecopayz-business-content-data {
        padding-left: 15px;
        padding-top: 40px;
        padding-bottom: 40px;
        padding-right: 15px;
    }
    .ecopayz-company-page .ecopayz-company-content-title h2,
    .ecopayz-ecovouchers-page .ecopayz-ecovouchers-content-title h2,
    .ecopayz-individuals-page .ecopayz-individuals-content-title h2,
    .ecopayz-business-page .ecopayz-business-content-title h2 {
        font-size: 20px;
    }
    .ecopayz-ecovouchers-page .ecopayz-individuals-content-list li {
        font-size: 16px;
    }
    .ecopayz-ecovouchers-page .ecopayz-individuals-content-list h4 {
        font-size: 18px;
    }
    .ecopayz-ecovouchers-page .ecopayz-ecovouchers-usage-content {
        padding-right: 15px;
        padding-left: 15px;
    }
    .ecopayz-individuals-content-list{
        padding-right: 15px;
    }
    .ecopayz-business-page .ecopayz-business-banner h2 {
        font-size: 25px;
    }
    .ecopayz-business-page .ecopayz-business-banner {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .ecopayz-individuals-page .ecopayz-individuals-form h2,
    .ecopayz-business-page .ecopayz-business-form h2 {
        font-size: 20px;
    }
    .ecopayz-individuals-page .ecopayz-individuals-form,
    .ecopayz-business-page .ecopayz-business-form {
        padding-left: 15px;
        padding-right: 15px;
    }
    .ecopayz-individuals-page .ecopayz-individuals-form label,
    .ecopayz-business-page .ecopayz-business-form label {
        font-size: 16px;
    }
    .ecopayz-business-page .ecopayz-business-form .save-button,
    .ecopayz-individuals-page .ecopayz-individuals-form .save-button {
        font-size: 16px;
    }
    .ecopayz-business-page .ecopayz-business-form .btn-file {
        width: 80px;
    }
    .offers-page {
        margin-top: 113px;
    }
    .offers-page .offers-page-title h2 {
        font-size: 24px;
    }
    .join-distributors-page .join-distributors-data-video{
        padding-left: 15px;
        padding-right: 15px;
    }
    .header-mobile-big-menu{
        display: block;
    }
    .footer-all-new-logo-com img{
        margin: auto;
        margin-bottom: 20px;
    }
}

@media(max-width:991px) and (min-width:768px) {
    .join-distributors-page .join-distributors-data-video{
        padding-left: 0;
    }
    .index-banner .index-banner-slider .index-banner-cell-title h2 {
        font-size: 30px;
    }
    .index-banner .index-banner-slider .index-banner-cell-text p {
        font-size: 14px;
    }
    .index-banner .index-banner-slider .index-banner-cell-more-button a {
        width: 140px;
    }
    .contact-us-page .contact-us-page-title h2 {
        font-size: 27px;
    }
    .contact-us-page .contact-us-page-contact-info {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
        padding-top: 20px;
    }
    .info-entry-page .info-entry-page-form .form .entry-padding {
        padding-right: 0;
    }
    .info-entry-page .info-entry-page-form {
        padding-right: 30px;
        padding-left: 30px;
    }
    .info-entry-page .info-entry-page-need-help {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .info-entry-page .info-entry-page-title h2 {
        font-size: 27px;
    }
    .chrage-ur-account-page .chrage-ur-account-page-title h2 {
        font-size: 27px;
    }
    .category-page .category-page-title h2 {
        font-size: 27px;
    }
    .who-are-we-page .who-are-we-page-title h2 {
        font-size: 27px;
    }
    .my-account-page .my-account-page-title h2 {
        font-size: 27px;
    }
    .my-account-page .my-account-page-form {
        padding-top: 40px;
    }
    .join-distributors-page .join-distributors-page-title h2 {
        font-size: 27px;
    }
    .join-distributors-page .join-distributors-data-text p {
        padding-left: 30px;
        padding-right: 30px;
    }
    .join-distributors-page .join-distributors-data-text {
        margin-bottom: 50px;
    }
    .services-adDesign-page .services-adDesign-page-title h2,
    .services-institutes-page .services-institutes-page-title h2,
    .services-emarketing-page .services-emarketing-page-title h2 {
        font-size: 27px;
    }
    .services-adDesign-page .services-adDesign-form,
    .services-emarketing-page .services-emarketing-form,
    .services-institutes-page .services-institutes-form {
        padding-right: 30px;
        padding-left: 30px;
    }
    .ecopayz-company-page .ecopayz-company-page-title h2,
    .ecopayz-business-page .ecopayz-business-page-title h2,
    .ecopayz-individuals-page .ecopayz-individuals-page-title h2,
    .ecopayz-ecovouchers-page .ecopayz-ecovouchers-page-title h2 {
        font-size: 27px;
    }
    .ecopayz-company-page .ecopayz-company-content-data,
    .ecopayz-individuals-page .ecopayz-individuals-content-data,
    .ecopayz-business-page .ecopayz-business-content-data {
        padding-left: 30px;
        padding-top: 40px;
        padding-bottom: 40px;
        padding-right: 30px;
    }
    .ecopayz-business-page .ecopayz-business-banner {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .ecopayz-business-page .ecopayz-business-form,
    .ecopayz-individuals-page .ecopayz-individuals-form {
        padding-left: 30px;
        padding-right: 30px;
    }
    .offers-page .offers-page-title h2 {
        font-size: 27px;
    }
    .ecopayz-ecovouchers-page .ecopayz-ecovouchers-usage-content{
        padding-left: 30px;
        padding-right: 30px;        
    }
}

@media(max-width:1199px) and (min-width:992px) {
    .contact-us-page .contact-us-page-contact-info {
        padding-left: 40px;
    }
    .contact-us-page .contact-us-page-contact-info .contact-info-data p {
        font-size: 16px;
    }
    .chrage-ur-account-page .chrage-ur-account-method-cards .charge-account-method-card {
        padding-left: 20px;
        padding-right: 20px;
    }
    .join-distributors-page .join-distributors-form .btn-file {
        width: 80px;
    }
    .ecopayz-business-page .ecopayz-business-form .btn-file {
        width: 80px;
    }
}

@media(max-width:767px) {
    .payment-page .payment-page-info-cart .table tr {
        display: block!important;
        margin-bottom: 30px;
        border-radius: 5px;
        background-color: #fff;
    }
    .payment-page .payment-page-info-cart .payment-page-table {
        background-color: #f1f1f1;
        padding-left: 10px;
        padding-right: 10px;
    }
    .payment-page .payment-page-info-cart .table tbody .item-name {
        display: block !important;
    }
    .payment-page .payment-page-info-cart .table tbody .item-total,
    .payment-page .payment-page-info-cart .table tbody .item-price,
    .payment-page .payment-page-info-cart .table tbody .item-quantity {
        display: block !important;
    }
    .payment-page .payment-page-need-help-box {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@font-face {
    font-family: Arimo;
    src: url(../fonts/Arimo-Regular.ttf);
}

.distributors-page {
    margin-top: 171px;
    background-color: #f1f1f1;
    padding-bottom: 50px;
}

.distributors-page .distributors-page-title h2 {
    font-size: 30px;
    margin-bottom: 27px;
    color: #252525;
}

.distributors-page .distributors-page-search {
    background-color: #fff;
    border-radius: 5px;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 8px;
    padding-bottom: 26px;
    margin-bottom: 30px;
}

.distributors-page .distributors-page-search-title h3 {
    text-align: center;
    font-size: 22px;
    color: #49691f;
    margin-bottom: 25px;
}

.distributors-page .distributors-page-search-form .save-button {
    width: 100%;
    float: left;
    background-color: #49691f;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    border: 0px;
    border-radius: 15px;
    margin-top: 23px;
}

.distributors-page .distributors-page-search-form input {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    font-size: 18px;
    margin-bottom: 24px;
}

.distributors-page .distributors-page-search-form .select-list {
    position: relative;
}

.distributors-page .distributors-page-search-form .select-list span {
    position: absolute;
    left: 17px;
    top: 11px;
}

.distributors-page .distributors-page-search-form select {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    margin-bottom: 24px;
    line-height: 1;
    font-size: 18px;
    color: #acacac;
    padding: 0px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.distributors-page .distributors-page-search-form label {
    color: #fd9002;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
}

.distributors-page .distributors-page-map {
    margin-bottom: 25px
}

.distributors-page .distributors-page-map-pos {
    width: 100%;
    height: 460px;
    border-radius: 5px;
}

.distributors-page .distributors-page-table {
    background-color: #fff;
    border-radius: 5px;
    padding-left: 32px;
    padding-right: 32px;
}

.distributors-page .distributors-page-table .table thead tr {
    border-bottom: 1px solid #fd9002;
}

.distributors-page .distributors-page-table .table thead {
    border-bottom: 0;
}

.distributors-page .distributors-page-table .table tbody {
    max-height: 750px;
    overflow: scroll;
}
.distributor-name span, .distributor-location span, .distributor-tel sapn, .distributor-work-hours span{
    float: right;
    padding-left: 10px;
    color:#49691f;
}
.distributors-page .distributors-page-table .table th {
    font-size: 18px;
    color: #49691f;
    text-align: center;
    border-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    padding-bottom: 19px;
    padding-top: 30px;
}

.distributors-page .distributors-page-table .table tr {
    border-bottom: 1px solid #e5e5e5;
}

.distributors-page .distributors-page-table .table td {
    font-size: 16px;
    color: #252525;
    vertical-align: middle;
    border-top: 0;
}
ibutors-page .distributors-page-table .distributor-location {
    text-align: right!important;
}

.distributors-page .distributors-page-distinguished {
    background-color: #fff;
    border-radius: 5px;
    padding-left: 65px;
    padding-right: 97px;
    padding-top: 13px;
    padding-bottom: 20px;
}

.distributors-page .distributors-page-distinguished-title h3 {
    font-size: 22px;
    color: #49691f;
    text-align: center;
}

.distributors-page .distributors-page-distinguished-card {
    margin-bottom: 34px;
}

.distributors-page .distributors-page-distinguished-card-name h4 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 0;
}

.distributors-page .distributors-page-distinguished-card-name a {
    color: #252525;
}

.distributors-page .distributors-page-distinguished-card-img {
    background-color: #f6f6f6;
    position: relative;
    min-height: 80px;
    border: 1px solid #ececec;
    border-radius: 5px;
}

.distributors-page .distributors-page-distinguished-card-img-pos {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}

.distributors-page .distributors-page-distinguished-card-img-pos img {
    margin: auto;
}

@media(max-width:767px) {
    .distributors-page .distributors-page-table tr {
        display: block!important;
        margin-bottom: 30px;
        background-color: #fff;
        border-radius: 5px;
    }
    .distributors-page .distributors-page-table td {
        display: block !important;
    }
    .distributors-page .distributors-page-table {
        background-color: transparent;
        padding-left: 0;
        padding-right: 0;
    }
    .distributors-page {
        margin-top: 113px;
    }
    .distributors-page .distributors-page-search-title h3 {
        font-size: 20px;
    }
    .distributors-page .distributors-page-search-form label {
        font-size: 16px;
    }
    .distributors-page .distributors-page-title h2 {
        font-size: 24px;
    }
    .distributors-page .distributors-page-map-pos {
        height: 250px;
    }
    .distributors-page .distributors-page-search-form .save-button {
        font-size: 16px;
    }
}

.cart-page {
    margin-top: 171px;
    background-color: #f1f1f1;
    padding-bottom: 50px;
}

.cart-page .cart-page-title h2 {
    font-size: 30px;
    margin-bottom: 30px;
    color: #252525;
}

.cart-page .cart-page-items-table {
    background-color: #fff;
    border-radius: 5px;
    padding-right: 15px;
    padding-left: 15px;
}

.cart-page .cart-page-items-table .table .cart-page-item-img {
    background-color: #f6f6f6;
    position: relative;
    min-height: 140px;
    border: 1px solid #ececec;
    border-radius: 5px;
}

.cart-page .cart-page-items-table .table .cart-page-item-img-pos {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}

.cart-page .cart-page-items-table .table .cart-page-item-img-pos img {
    margin: auto;
}


.cart-page .cart-page-items-table .table .item-name {
    text-align: center;
    font-size: 20px;
    color: #49691f;
}

.cart-page .cart-page-items-table .table .item-delete a {
    font-size: 30px;
    color: #ff0000;
    text-align: center;
}

.cart-page .cart-page-items-table .table .item-total-final {
    color: #fd9002;
}

.cart-page .cart-page-items-table .table td {
    text-align: center;
    font-size: 22px;
    vertical-align: middle;
    color: #252525;
    border-top: 0;
    border-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ececec;
}

.cart-page .cart-page-items-table .table thead {
    border-bottom: 1px solid #fd9002;
}

.cart-page .cart-page-items-table .table thead th {
    text-align: center;
    font-size: 20px;
    color: #49691f;
    font-weight: normal;
    border-bottom: 0;
    vertical-align: middle;
}

.cart-page .cart-page-items-table .table .item-image {
    padding-left: 45px;
}

.cart-page .cart-page-buttons a {
    width: 100%;
    background-color: #49691f;
    border-radius: 15px;
    color: #fff;
    font-size: 18px;
    padding-top: 0px;
    padding-bottom: 3px;
}

@media(max-width:767px) {
    .cart-page .cart-page-items-table .table .item-image {
        display: none;
    }
    .cart-page {
        margin-top: 113px;
    }
    .cart-page .cart-page-title h2 {
        font-size: 24px;
    }
    .cart-page .cart-page-buttons {
        padding-left: 15px;
        padding-right: 15px;
    }
    .cart-page .cart-page-buttons a {
        margin-top: 20px;
        font-size: 16px;
    }
    .cart-page .cart-page-items-table .table td {
        font-size: 16px;
    }
}

@media (max-width:991px) and (min-width:768px) {
    .cart-page .cart-page-title h2 {
        font-size: 27px;
    }
    .payment-page .payment-page-order-table-title h2 {
        font-size: 27px;
    }
    .distributors-page .distributors-page-title h2 {
        font-size: 27px;
    }
}

#loginModal .modal-content {
    width: 74%;
}

#loginModal .modal-header {
    border-bottom: none;
}

#loginModal .modal-body {
    text-align: center;
}

#loginModal .modal-body h2{
    margin-bottom: 24px;
}

#loginModal .modal-footer {
    border-top: none;
}

#loginModal  .modal-header .close{
    float: right;
    border: 10px;
    color: #fff;
    border-color: #ec8f24;
    background-color: #ec8f24;
    opacity: 1;
    width: 20px;
    height: 20px;
    font-size: 18px;
    border-radius: 30px;  
}

#loginModal .modal-footer .btn-primary {
    float: right;
    margin-right: 29px;
    width: 87%;
    border-radius: 30px;
    font-size: 18px;
    background-color: #48681f;
}

#loginModal .modal-footer .forgot-pass {
    float: right;
    margin-right: 34px;
    margin-bottom: 11px;
    font-size: 17px;
    color: #ed9521;
}

#loginModal .modal-body input {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    font-size: 18px;
    margin-bottom: 24px;
}

#loginModal .modal-body .select-list {
    position: relative;
}

#loginModal .modal-body .select-list span {
    position: absolute;
    left: 17px;
    top: 11px;
}

#loginModal .modal-body select {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    margin-bottom: 24px;
    line-height: 1;
    font-size: 18px;
    color: #acacac;
    padding: 0px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#loginModal .modal-body .phone-number {
    width: 110%;
}
#loginModal .modal-body .email-address {
    width: 100%;
}

#loginModal .modal-body .login-item {
    margin-right: 38px;
}

#loginModal .modal-body .code-item {
    width: 102%;
    direction: rtl !important;
}

#loginModal .modal-body .phone-number {
    direction: ltr;
}

#loginModal .modal-body .phone-key {
    direction: ltr;
    text-align: center;
    margin-left: -40px;
}



#loginModal .modal-footer .login-error {
    width: 100%;
    margin-bottom: 115px;
}

#loginModal .modal-footer .error {
    color: #8e1010;
    font-size: 15px;
    float: right;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
#login-error-login {
    width: 100%;
    margin-bottom: 10px;
}

#login-error-login {
    color: #8e1010;
    font-size: 15px;
    float: right;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
#exampleModalCenter .modal-content {
    /*     width: 74%; */
}

#exampleModalCenter .modal-header {
    border-bottom: none;
}

#exampleModalCenter .modal-body {
    text-align: center;
}

#exampleModalCenter .modal-body h2{
    margin-bottom: 24px;
}

#exampleModalCenter .modal-footer {
    border-top: none;
}

#exampleModalCenter .modal-header .close {
    float: right;
    border: 10px;
    color: #fff;
    border-color: #ec8f24;
    background-color: #ec8f24;
    opacity: 1;
    width: 20px;
    height: 20px;
    font-size: 18px;
    border-radius: 30px;  
}

#exampleModalCenter .modal-footer .btn-primary {
    float: right;
    margin-right: 29px;
    width: 87%;
    border-radius: 30px;
    font-size: 18px;
    background-color: #48681f;
}

#exampleModalCenter .modal-footer .forgot-pass {
    float: right;
    margin-right: 34px;
    margin-bottom: 11px;
    font-size: 17px;
    color: #ed9521;
}

#exampleModalCenter .modal-body input {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    font-size: 18px;
    margin-bottom: 24px;
    box-shadow: none;
}

#exampleModalCenter .modal-body .select-list {
    position: relative;
}

#exampleModalCenter .modal-body .select-list span {
    position: absolute;
    left: 17px;
    top: 11px;
}

#exampleModalCenter .modal-body select {
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    margin-bottom: 24px;
    line-height: 1;
    font-size: 18px;
    color: #acacac;
    padding: 0px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#exampleModalCenter .modal-body .phone-number {
    width: 110%;
}
#exampleModalCenter .modal-body .email-address {
    width: 100%;
}

#exampleModalCenter .modal-body .login-item {
    margin-right: 38px;
}

#exampleModalCenter .modal-body .code-item {
    width: 102%;
    direction: rtl !important;
}

#exampleModalCenter .modal-body .phone-number {
    direction: ltr;
}

#exampleModalCenter .modal-body .phone-key {
    direction: ltr;
    text-align: center;
    margin-left: -40px;
}

#exampleModalCenter .modal-footer .login-error {
    width: 100%;
    margin-bottom: 10px;
}

#exampleModalCenter .modal-footer .error {
    color: #8e1010;
    font-size: 15px;
    float: right;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
#exampleModal .modal-footer .login-error-forget{
    width: 100%;
    margin-bottom: 10px;
}
#exampleModal .modal-footer .error-forget{
    color: #8e1010;
    font-size: 15px;
    float: right;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

#login-error-login{
    width: 100%;
    margin-bottom: 10px;
}
#error-login{
    color: #8e1010;
    font-size: 15px;
    float: right;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}














#loginModal .modal-footer .change-phone {
    float: right;
    margin-right: 35px;
    margin-bottom: 11px;
    font-size: 17px;
    color: #ed9521;
}

#loginModal .code-error {
    width: 100%;
    float: right;
    margin-right: 105px;
}
#exampleModalCenter .modal-footer .change-phone {
    float: right;
    margin-right: 35px;
    margin-bottom: 11px;
    font-size: 17px;
    color: #ed9521;
}

#exampleModalCenter .code-error {
    width: 100%;
    float: right;
    margin-right: 105px;
}
.account-error {
    text-align: center;
    margin-right: 54px;
    color: #ff0000;
    margin-bottom: 20px;
}

.flag-error {
    text-align: center;
    margin-right: -86px;
    color: #ff0000;
    margin-bottom: 20px;
}

.index-most-sold-card-top-text h2 {
    min-height: 44px;
}


.bank-accounts-page {
    background-color: #f1f1f1;
    margin-top: 171px;
    font-family: 'cocon';
    padding-bottom: 50px;
}

.bank-accounts-page .bank-accounts-page-title h2 {
    font-size: 30px;
    margin-bottom: 29px;
    color: #252525;

}

.bank-accounts-page .bank-accounts-page-content {
    background-color: #fff;
    border-radius: 5px;
    padding-left: 50px;
    padding-right: 45px;
    padding-top: 52px;
    padding-bottom: 25px;
    margin-bottom: 28px;
}

.bank-accounts-page .bank-accounts-page-text p {
    font-size: 16px;
    line-height: 1.2;
    color: #252525;
    margin-bottom: 17px;
}

.bank-accounts-page .bank-accounts-page-btn {
    padding: 0 50px;
    padding-top: 20px;
}

.bank-accounts-page .bank-accounts-page-btn a {
    width: 100%;
    font-size: 18px;
    line-height: 1;
    color: #fff;
    background-color: #49691f;
    border-radius: 15px;
}

.category-page .bank-accounts-page-btn {
    padding: 0 50px;
    padding-top: 20px;
}

.cart-items-padag {
    position: relative;
}

.cart-items-padag .cart-total-padage {
    border: 1px solid #c6c7c6;
    position: absolute;
    width: 100%;
    text-align: center;
    border-radius: 6px;
    bottom: -14px;
    display: none;
}

.joinDistForm_success{
    text-align: center;
    font-size: 20px;
    margin: 30px;
    color: green;
}

.joinDistForm_fail{
    text-align: center;
    font-size: 20px;
    margin: 30px;
    color: red;
}

.center-text {
    text-align: center;
}

.delete-btn-fa {
    color: #ff0000;
}

#verficationModal{
    margin-right: 38px;
}
.verfication-close{
    float: right;
    border: 10px;
    color: #fff !important;
    border-color: #ec8f24 !important;
    background-color: #ec8f24 !important;
    opacity: 1 !important;
    width: 20px;
    height: 20px;
    font-size: 18px;
    border-radius: 30px;  
}

.verfication-title{
    margin-bottom: 24px;
    text-align:center;

}
.verfication-send-email-sms{
    text-align: center !important;

}

.verfication-select{
    border-radius: 10px;
    border: 1px solid #acacac;
    height: 30px;
    margin-bottom: 24px;
    line-height: 1;
    font-size: 18px;
    color: #acacac;
    padding: 0px 12px;
    -webkit-appearance: none;
}

.verfication-span{
    position: absolute ;
    left: 17px;
    top: 11px;
}

.buttonVerification{
    width: 100% !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: #fff !important;
    background-color: #49691f !important;
    border-radius: 15px !important;
    line-height: 1;

    color: #fff;
    height: 30px;

    border-radius: 15px;

}

.index-elearning .overlay {
    margin-top: -310px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: auto;
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: -1;
}
.chargeBtn{
    width:160px;
    color: #fff;
    margin-top:6px;
    float:left;
    background-color:#49691f;
    font-size: 18px;
    border: 0px;
    border-radius: 15px;
    line-height: 1;
}
.colorPayment {
	color: red;
}
/*    .hi  {
        float:right;
        margin-right: 29px;
        width:87%;
        border-radius: 30px;
        font-size:18px;
        background-color: #48681f;
        
        
        
    } */

/*   .My-account-balance{
        margin-top: 171px;
    background-color: #f1f1f1;
    padding-bottom: 70px;   
    font-size: 30px;
    color: #252525;
    margin-bottom: 31px;
      background-color: #fff;
    border-radius: 5px;
     padding-right: 40px;
    padding-left: 40px;
    padding-top: 79px;
    padding-bottom: 20px;
    }*/
.dist-bank-name{
    background: #49691f;
    color: white;
    padding: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 2px solid #d7d7d7;
    border-bottom: 0px;
    padding-right: 27px;
}

.dist-bank-desc{
    font-size: 16px;
    padding-top: 20px;
    border: 2px solid #d7d7d7;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 0px;
    height: 312px;
    overflow: auto;
}

.dist-bank-desc .dist-bank-data{
    line-height: 1.9;
    padding-left: 0px;
}

.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.add-dist-body{
    margin-top: 20px;
}
body {
    height: 100%;
    font-size: 20px;
    font-family: Arial;
    background: #f7f7f7;
}
.text-center{
    text-align: center !important;
}
.add-dist-btn{
    background: #fd9002;
    color: white;
    padding-right: 31%;
    padding-left: 33%;
    margin-left: 10px;
    margin-bottom: 30px;
    font-size: 18px;
}

.add-dist-btn-div{
    text-align: left;
}
.add-dist-body{
    margin-top: 20px;
}
label{
    display: inline-block;
    /* max-width: 100%; */
    /* margin-bottom: 5px; */
    font-weight: 100;
    font-size: 16px;
    float: right;
    margin-right: 15px;
    margin-top: 7px;
    width: 32%;
    text-align: right;
}
.form-control{
    display: inline-block;
    width: 40%;
}
/* ======================= */
.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9); /* Black with a little bit see-through */
  }
  
  /* The content */
  .overlay-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
  }
  
  /* Close button */
  .overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
  }
  
  .overlay .closebtn:hover {
    color: #ccc;
  }
  
  /* Style the search field */
  .overlay input[type=text] {
    padding: 15px;
    font-size: 17px;
    border: none;
    float: left;
    width: 80%;
    background: white;
  }
  
  .overlay input[type=text]:hover {
    background: #f1f1f1;
  }
  
  /* Style the submit button */
  .overlay button {
    float: left;
    width: 20%;
    padding: 15px;
    background: #ddd;
    font-size: 17px;
    border: none;
    cursor: pointer;
  }
  
  .overlay button:hover {
    background: #bbb;
  }