@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/IRANYekan/eot/iranyekanwebboldfanum.eot');
    src: url('../fonts/IRANYekan/eot/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'),
    url('../fonts/IRANYekan/woff/iranyekanwebboldfanum.woff') format('woff'),
    url('../fonts/IRANYekan/ttf/iranyekanwebboldfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/IRANYekan/eot/iranyekanwebthinfanum.eot');
    src: url('../fonts/IRANYekan/eot/iranyekanwebthinfanum.eot?#iefix') format('embedded-opentype'),
    url('../fonts/IRANYekan/woff/iranyekanwebthinfanum.woff') format('woff'),
    url('../fonts/IRANYekan/ttf/iranyekanwebthinfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/IRANYekan/eot/iranyekanweblightfanum.eot');
    src: url('../fonts/IRANYekan/eot/iranyekanweblightfanum.eot?#iefix') format('embedded-opentype'),
    url('../fonts/IRANYekan/woff/iranyekanweblightfanum.woff') format('woff'),
    url('../fonts/IRANYekan/ttf/iranyekanweblightfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IRANYekan/eot/iranyekanwebregularfanum.eot');
    src: url('../fonts/IRANYekan/eot/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'),
    url('../fonts/IRANYekan/woff/iranyekanwebregularfanum.woff') format('woff'),
    url('../fonts/IRANYekan/ttf/iranyekanwebregularfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/IRANYekan/eot/iranyekanwebmediumfanum.eot');
    src: url('../fonts/IRANYekan/eot/iranyekanwebmediumfanum.eot?#iefix') format('embedded-opentype'),
    url('../fonts/IRANYekan/woff/iranyekanwebmediumfanum.woff') format('woff'),
    url('../fonts/IRANYekan/ttf/iranyekanwebmediumfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/IRANYekan/eot/iranyekanwebextraboldfanum.eot');
    src: url('../fonts/IRANYekan/eot/iranyekanwebextraboldfanum.eot?#iefix') format('embedded-opentype'),
    url('../fonts/IRANYekan/woff/iranyekanwebextraboldfanum.woff') format('woff'),
    url('../fonts/IRANYekan/ttf/iranyekanwebextraboldfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 850;
    src: url('../fonts/IRANYekan/eot/iranyekanwebblackfanum.eot');
    src: url('../fonts/IRANYekan/eot/iranyekanwebblackfanum.eot?#iefix') format('embedded-opentype'),
    url('../fonts/IRANYekan/woff/iranyekanwebblackfanum.woff') format('woff'),
    url('../fonts/IRANYekan/ttf/iranyekanwebblackfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/IRANYekan/eot/iranyekanwebextrablackfanum.eot');
    src: url('../fonts/IRANYekan/eot/iranyekanwebextrablackfanum.eot?#iefix') format('embedded-opentype'),
    url('../fonts/IRANYekan/woff/iranyekanwebextrablackfanum.woff') format('woff'),
    url('../fonts/IRANYekan/ttf/iranyekanwebextrablackfanum.ttf') format('truetype');
}


.bag {
    position: relative;
    border-bottom: 20px solid #ffffff;
    border-right: 0px solid #009658;
    border-left: 0px solid #009658;
    width: 24px;
}

.bag:after {
    content: ' ';
    bottom: -27px;
    position: absolute;
    background: #ffffff;
    border-radius: 0px 0px 3px 3px;
    height: 7px;
    left: -2px;
    right: -2px;
}


.bag:before {
    content: ' ';
    top: -3px;
    position: absolute;
    background: #ffffff;
    border-radius: 3px 3px 0px 0px;
    width: 100%;
    height: 10px;
    right: 0;
}


.handler {
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 15px;
    overflow: hidden;
}

.handler:before {
    content: ' ';
    position: absolute;
    width: 12px;
    height: 10px;
    background: #009658;
    border-radius: 0 0 100% 100%;
    top: -3px;
    right: 4px;
}

.handler:after {
    content: ' ';
    position: absolute;
    width: 10px;
    height: 11px;
    background: #ffffff;
    border-radius: 0 0 100% 100%;
    top: -5px;
    left: 5px;
}

.eye {
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 1px;
    z-index: 1;
    background: #ffffff;
}

.eye:after {
    content: ' ';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #009658;
    border-radius: 100%;
    top: 0px;
    left: -6px;
}

.eye:before {
    content: ' ';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #009658;
    border-radius: 100%;
    top: 0px;
    right: -6px;
}

.inside-bag {
    display: block;
    position: absolute;
    width: 100%;
    height: 20px;
    top: 0;
    left: 0;
}

.inside-bag::after {
    content: ' ';
    display: block;
    position: absolute;
    background: #ffffff;
    width: 4px;
    height: 22px;
    transform: rotate(
        -6deg
    );
    right: -1px;
}

.inside-bag::before {
    content: ' ';
    display: block;
    position: absolute;
    background: #ffffff;
    width: 4px;
    height: 22px;
    transform: rotate(
        6deg
    );
    left: -1px;
}


.big-bag{
    position: relative;
    border-bottom: 100px solid #44a449;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    width: 115px;
    left: -50%;
    transform: translateX(50%);
}

.big-bag:after {
    content: ' ';
    bottom: -119px;
    position: absolute;
    background: #44a449;
    border-radius: 0px 0px 10px 10px;
    height: 20px;
    left: -5px;
    right: -5px;
}


.big-bag:before {
    content: ' ';
    top: -10px;
    position: absolute;
    background: #44a449;
    border-radius: 10px 10px 0px 0px;
    width: 100%;
    height: 30px;
    right: 0;
}


.big-handler {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 40px;
    overflow: hidden;
}

.big-handler:before {
    content: ' ';
    position: absolute;
    width: 60px;
    height: 70px;
    background: #ffffff;
    border-radius: 0 0 100% 100%;
    top: -30px;
    right: 0;
}

.big-handler:after {
    content: ' ';
    position: absolute;
    width: 47px;
    height: 70px;
    background: #44a449;
    border-radius: 0 0 100% 100%;
    top: -37px;
    left: 7px;
}

.big-eye {
    position: absolute;
    top: 7px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 10px;
    z-index: 1;
    background: #44a449;
}

.big-eye:after {
    content: ' ';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #ffffff;
    border-radius: 100%;
    top: 0px;
    left: -7px;
}

.big-eye:before {
    content: ' ';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #ffffff;
    border-radius: 100%;
    top: 0px;
    right: -7px;
}

.big-text {
    display: block;
    position: absolute;
    bottom: -105px;
    left: 50%;
    transform: translateX(-50%);
    color: #ffffff;
    z-index: 1;
    font-family: "roboto";
    font-size: 23px;
    font-weight: bold;
}

.big-first-char {
    font-size: 26px;
}

.big-white-bag{
    position: relative;
    border-bottom: 100px solid #ffffff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    width: 115px;
    left: -50%;
    transform: translateX(50%);
}

.big-white-bag:after {
    content: ' ';
    bottom: -119px;
    position: absolute;
    background: #ffffff;
    border-radius: 0px 0px 10px 10px;
    height: 20px;
    left: -5px;
    right: -5px;
}


.big-white-bag:before {
    content: ' ';
    top: -10px;
    position: absolute;
    background: #ffffff;
    border-radius: 10px 10px 0px 0px;
    width: 100%;
    height: 30px;
    right: 0;
}


.big-white-handler {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 40px;
    overflow: hidden;
}

.big-white-handler:before {
    content: ' ';
    position: absolute;
    width: 60px;
    height: 70px;
    background: #44a449;
    border-radius: 0 0 100% 100%;
    top: -30px;
    right: 0;
}

.big-white-handler:after {
    content: ' ';
    position: absolute;
    width: 47px;
    height: 70px;
    background: #ffffff;
    border-radius: 0 0 100% 100%;
    top: -37px;
    left: 7px;
}

.big-white-eye {
    position: absolute;
    top: 7px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 10px;
    z-index: 1;
    background: #ffffff;
}

.big-white-eye:after {
    content: ' ';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #44a449;
    border-radius: 100%;
    top: 0px;
    left: -7px;
}

.big-white-eye:before {
    content: ' ';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #44a449;
    border-radius: 100%;
    top: 0px;
    right: -7px;
}

.big-white-text {
    display: block;
    position: absolute;
    bottom: -105px;
    left: 50%;
    transform: translateX(-50%);
    color: #44a449;
    z-index: 1;
    font-family: "roboto";
    font-size: 23px;
    font-weight: bold;
}

.big-white-first-char {
    font-size: 26px;
}