@font-face {
    font-family: 'ficons';
    src: url('ficons.eot?z72vo5');
    src: url('ficons.eot?z72vo5#iefix') format('embedded-opentype'), url('ficons.ttf?z72vo6') format('truetype'), url('ficons.woff?z72vo6') format('woff'), url('ficons.svg?z72vo6#ficons') format('svg');
    font-weight: normal;
    font-style: normal;
}


[class^="pyricon-"],
[class*=" pyricon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
}

    [class^="pyricon-"]:after,
    [class*=" pyricon-"]:after {
        font-family: 'ficons' !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;
        display: block;
    }

.pyricon-earthquake:after {
    content: "\e91a";
}

.pyricon-earthquake-2:after {
    content: "\e96d";
}

.pyricon-earthquake-3:after {
    content: "\e96f";
    color: orange;
}

.pyricon-fog:after {
    content: "\e96e";
    color: gray;
}

.pyricon-phone-1:after {
    content: "\e918";
}

.pyricon-phone-2:after {
    content: "\e919";
    color: green;
}

.pyricon-phone-2-before:before {
    content: "\e919";
}

.pyricon-phone-3:after {
    content: "\e931";
}

.pyricon-flood:after {
    content: "\e91e";
    color: blue;
}

.pyricon-lightning:after {
    content: "\e924";
    color: silver;
}

.pyricon-rain-flood:after {
    content: "\e96b";
}

.pyricon-download:after {
    content: "\e955";
    display: block;
    font-size: 31px;
    color: #a56f33;
}

div.triangle a {
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    background-color: #f9f9f7;
    border: 1px solid #eed09d;
    color: #af8454;
    text-align: center;
    border-radius: 50% !important;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    transition: all 0.8s ease;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.6;
    padding-top: 5%;
}

    div.triangle a:hover {
        transform: scale(1.3) !important;
        opacity: 1 !important;
    }

    div.triangle a .icontitle {
        display: block;
        line-height: calc((.2em + 0.5vmin) + (.2em + 0.5vmax));
        font-size: calc((.2em + 0.4vmin) + (.2em + 0.4vmax));
        max-width: 80%;
        margin: auto;
    }

div.large a {
    width: 18vw !important;
    height: 18vw !important;
}

    div.large a i {
        font-size: 12vw !important;
    }

div.medium a {
    width: 13vw !important;
    height: 13vw !important;
}

    div.medium a i {
        font-size: 9vw !important;
    }

div.small a {
    width: 8vw !important;
    height: 8vw !important;
}

    div.small a i {
        font-size: 5.4vw !important;
    }

div.dash a {
    margin-top: 25%;
    width: 14vw !important;
    height: 4vw !important;
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    line-height: 1rem;
    padding-top: 15%;
    color: #af8454;
    border: 1px solid #af8454;
    opacity: 0.8 !important
}

.dash .icontitle {
    display: block;
    line-height: calc((.25em + 0.5vmin) + (.25em + 0.5vmax)) !important;
    font-size: calc((.25em + 0.4vmin) + (.25em + 0.4vmax)) !important;
    max-width: 100% !important;
    margin: auto;
}

.btn-activities {
    border-radius: 25px;
    background-color: #af8454;
    transition: all 0.8s ease;
    color: #f0cca5;
}

    .btn-activities:hover {
        background-color: #693700;
        transform: scale(1.1);
        color:#fff !important;
    }

    .btn-activities .num {
        position: absolute;
        left: 10%;
        background-color: #f3b629;
        color: #fff;
        border-radius: 50%;
        padding: 5px;
        display: inline-block;
        line-height: 1.2vw;
        font-size: 1vw;
        vertical-align: top;
    }

    .btn-activities .title-num {
        display: inline-block;
        vertical-align: middle;
        margin-left: 2%;
        font-size: calc((.3em + 0.4vmin) + (.3em + 0.4vmax)) !important;
        font-weight: bold;
    }

div.dashsm a {
    width: 25vw !important;
    height: 4vw !important;
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    line-height: 1rem;
    color: #af8454;
    border: 1px solid #af8454;
    opacity: 0.8 !important
}

.dashsm .icontitle {
    display: block;
    line-height: calc((.25em + 0.5vmin) + (.25em + 0.5vmax)) !important;
    font-size: calc((.25em + 0.4vmin) + (.25em + 0.4vmax)) !important;
    max-width: 100% !important;
    margin: auto;
}

div.mediumsm a {
    width: 13vw !important;
    height: 13vw !important;
}

    div.mediumsm a i {
        font-size: 7vw !important;
    }

div.largesm a {
    width: 25vw !important;
    height: 25vw !important;
}

    div.largesm a i {
        font-size: 13vw !important;
        padding-bottom: 1vw !important;
    }

    div.largesm a .icontitle {
        display: block;
        line-height: calc((.3em + 0.5vmin) + (.3em + 0.5vmax));
        font-size: calc((.3em + 0.4vmin) + (.3em + 0.4vmax));
        max-width: 70%;
        margin: auto;
    }