.strokeorange {
        -webkit-text-stroke: 2px #F60;
        /**/
    }

    .red {
        -webkit-text-fill-color: #F00;
    }

	.white {
        -webkit-text-fill-color: #fff;
    	}


    .circle4 {
        border-radius: 50%;
        width: calc(12px);
        height: calc(12px);
        background: orange;
        /*bor top: 24%;*/
        left: 24%;
        display: block;
        border: 2px solid #000;
        display: inline-block;
    }
    @font-face {
        font-family: 'icomoon';
        src: url('fonts/icomoon.eot?mxwqgj');
        src: url('fonts/icomoon.eot?mxwqgj#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?mxwqgj') format('truetype'), url('fonts/icomoon.woff?mxwqgj') format('woff'), url('fonts/icomoon.svg?mxwqgj#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
        /*font-display: block;*/
    }
    [class^="icon-"], [class*=" icon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .icon-Circle:before {
        content: "\e900";
    }
    .icon-Arrow:before {
        content: "\e901";
    }
    /*.icon-pencil:before {
        content: "\e600";
    }

    .icon-paint-format:before {
        content: "\e601";
    }

    .icon-mug:before {
        content: "\e602";
    }

    .icon-rocket:before {
        content: "\e603";
    }
    .row {
        margin: auto;
    }*/