body
{
    font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
}

.text
{
    font-size: 14px;
}

    .text p, .text li
    {
        margin-bottom: 10px;
    }

        .text li li
        {
            margin-bottom: 0px;
        }

    .text u
    {
        text-decoration: initial;
        border-bottom: dashed 1px #FF7A00;
    }

    .text h2
    {
        margin-top: 25px;
    }

    .text pre
    {
        margin-top: 25px;
        margin-bottom: 25px;
        overflow: auto;
        word-wrap: normal;
        white-space: pre;
        background-color:white;
    }

.intro
{
    font-size: 16px !important;
    color: #7f8c8d !important;
}

.example
{
    font-style: italic;
    color: #AAA;
}

.servive-row .servive-block
{
    height: 150px;
}

    .servive-row .servive-block.active,
    .servive-row .servive-block:hover
    {
        background: #f0f0f0;
        border: solid 1px #ddd;
        box-shadow: 0 0 8px #ddd;
    }

        .servive-row .servive-block.active .icon-servive,
        .servive-row .servive-block:hover .icon-servive
        {
            color: #0965A3;
        }

.icon-servive
{
    width: 45px;
    height: 45px;
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 5px;
    text-align: center;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    color: #3498db;
}

.servive-block.video-block
{
    padding: 10px 0px;
    text-align: center;
    margin-bottom: 10px;
    height: 170px;
    margin-left: -10px;
    margin-right: -10px;
}

.servive-row.video-row
{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: -10px;
}

.servive-block.feature-block
{
    padding: 10px 0px;
    text-align: center;
    margin-bottom: 10px;
    height: 95px;
    margin-left: -10px;
    margin-right: -10px;
}

    .servive-block.feature-block .icon-servive
    {
        margin-bottom: -10px;
    }
.feature-block .icon-servive {
    font-size: 2em;
}

.servive-row.feature-row
{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: -10px;
}

table.four-icons
{
    display: inline-block;
}

    table.four-icons .icon-servive
    {
        display: inline;
        font-size: 20px;
        margin: 2px;
    }


.tag-box-container
{
    margin-bottom: 50px;
}

#prFreshStart
{
    border-top-color: #DB3434;
}

    #prFreshStart a
    {
        color: #DB3434;
    }

div.text-box-purple
{
    border-top-color: #5000B6;
}

    div.text-box-purple a
    {
        color: #5000B6;
    }


div.purchase-down
{
    text-align: center;
    margin-bottom: 50px;
}

    div.purchase-down .intro
    {
        font-size: 25px !important;
    }


.intro.into-principal
{
    font-size: 20px !important;
    margin: 50px 0px;
    text-align: center;
}

.servive-row
{
    margin-bottom: -20px;
}

p.nextPageContainer
{
    text-align: right;
    font-size: 17px;
}

    p.nextPageContainer a.nextPage i
    {
        margin: 4px;
    }

div.twoIcons
{
    float: left;
}

    div.twoIcons i.fa
    {
        float: none;
        display: block;
    }

div.extension-icon
{
    text-align: center;
    margin: 20px;
}


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

    .price-container.big
    {
        float: right;
        width: 120px;
        margin-top: 10px;
    }


.price
{
    color: #aaa;
    font-size: 20px;
    margin: 0px;
    margin-top: -8px;
    text-shadow: 1px 1px #fff;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    padding: 0px 8px 4px 8px;
}

    .price i
    {
        color: #aaa;
        font-size: 15px;
        font-style: normal;
    }

    .price.big
    {
        font-size: 30px;
    }


#pricesMessage
{
    text-align: center;
    color: #888;
    font-size: 16px;
    margin: 20px;
}



.title-module
{
    margin: 0px;
    margin-top: 20px;
    text-align: center;
}

.into-module
{
    margin: 0px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 20px !important;
}

.video-icon
{
    color: red;
    position: absolute;
    font-size: 20px;
    display: inherit;
}


.option
{
    margin-bottom: 10px;
    background-color: #f4f4f4;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

    .option:hover
    {
        background-color: #f0f0f0;
    }

.option-heading
{
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.option-heading
{
    padding: 5px 15px;
}

.option-title
{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    cursor: pointer;
}

    .option-title > input[type=checkbox]
    {
        width: 18px;
        height: 18px;
        vertical-align: top;
    }

    .option-title .btn-u
    {
        float: right;
        margin-top: 4px;
    }

.option-body
{
    padding: 10px;
    background: white;
    margin: 4px;
    font-size: 14px;
}

.bigText p,
.bigText ol .bigText ul
{
    color: #888;
    font-size: 16px;
}

.bigText a
{
    color: #3498db;
}


label[for="name"]
{
    font-size: 18px;
}

.btn-buy a i
{
    margin-right: 5px;
}

.training.panel .panel-title a:hover
{
    color:inherit;
}

.technology a
{
    margin-left: 10px;
    font-size: 20px;
}

.technology a img
{
    margin-right: 5px;
}

    .technology a i
    {
        font-size: 24px;
        width:32px;
        text-align:center;
    }

div.extension-icon a:hover
{
    text-decoration:none;
}

div.extension-icon a:hover h4,
div.extension-icon a:hover p
{
    color:#3498db;
}

.headline.country.headquarter h2 {
    border-bottom-color: #f7d800;
}

.headline.country.delegation h2 {
    border-bottom-color: #f7d800;
}

.headline.country.partner h2 {
    border-bottom-color: orange;
}

.headline.country a{
    color: black;
    text-decoration: none;
}