/**
 * @copyright 2015 MarkCon
 * @link http://www.markcon.hu
 */

@CHARSET "UTF-8";

/* Simple page oldal

    Mindegyik elején: #simplePage
*/

#simplePage{
    padding: 80px 15px;
    color: #9f9f9f;
    line-height: 125%;
    font-size: 22px;
}

#simplePage ul, #simplePage ol{
    margin-bottom: 30px;
}

#simplePage ul li:before{
    content: '';
    position: absolute;
    left: 8px;
    top: 22px;
    background-color: #40b2e4;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

#simplePage li{
    position: relative;
    padding: 15px 15px 0 30px;
    margin-left:10px;
}

#simplePage ol{
    counter-reset: custom-counter;
}

#simplePage ol li:before{
    content: counter(custom-counter);
    counter-increment: custom-counter;
    position: absolute;
    left: 0;
    top: 13px;
    font: bold 24px 'PT Sans';
    color: #40b2e4;
}

#simplePage a, #simplePage a:visited{
    color: #40b2e4;
}

#simplePage h1, #simplePage h2, #simplePage h3, #simplePage h4{
    font-family: 'PT Sans Narrow';
    margin: 15px 0 30px;
}

#simplePage h4{
    color: #40b2e4;
    font-size: 30px;
    font-weight: normal;
}

#simplePage p{
    padding-bottom: 30px;
}

#simplePage table{
    width: 100%;
}

#simplePage table th,
#simplePage table tr{
    font-family: 'PT Sans';
}

#simplePage tr td{
    padding: 10px;
}

#simplePage img{
    max-width: 100%;
    height: auto !important;
}

/* Tanulizátor info*/
#simplePage .TanulizatorInfo .Column {
     text-align: center;
     padding-top: 15px;
     padding-bottom: 15px;
    margin-bottom: 15px;
 }

#simplePage .TanulizatorInfo p{
    padding-bottom: 15px;
}
#simplePage .TanulizatorInfo tr td{
    border: 1px solid #dfdfdf;
    vertical-align: middle;
}

#simplePage .TanulizatorInfo .Column .Icon {
    width: 62%;
    max-width: 220px;
    height: 0;
    padding-bottom: 160px;

    background: url("../../Global/image/hexagon-outline-blue.png") no-repeat center;
    margin: 0 auto 15px auto;
    position: relative;
    background-size: contain;
}

#simplePage .TanulizatorInfo .Column .Icon:after {
    content: " ";
    position: absolute;
    width: 48%;
    height: 48%;
    left: 26%;
    top: 26%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#simplePage .TanulizatorInfo .Free .Icon:after {
    background-image: url("../../Portal/Index/image/benefit-free.png");
}

#simplePage .TanulizatorInfo .VideoTeacher .Icon:after {
    background-image: url("../../Portal/Index/image/benefit-video-teacher.png");
}

#simplePage .TanulizatorInfo .Exercises .Icon:after {
    background-image: url("../../Portal/Index/image/benefit-exercises.png");
}

#simplePage .TanulizatorInfo .Missions .Icon:after {
    background-image: url("../../Portal/Index/image/benefit-missions.png");
}