/* 
    Created on : Jul 27, 2015, 10:47:29 PM
    Author     : mtah0109
*/

div.html-content h1 {
    color: #00a0af;
    font-family: "bariol_regular_bold";
    font-size: 30px;
}

div.html-content ul li::before {
    background-color: #00a0af;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 6px;
    left: -10px;
    position: relative;
    top: -3px;
    width: 6px;
}

div.html-content ul li {
    color: #333e48;
    font-family: "bariol_regular";
    font-size: 18px;
    line-height: 1.4;
    list-style: outside none none;
    margin-left: -17px;
    padding-bottom: 5px;
    text-indent: -6px;
}

div.html-content p {
    color: #333e48;
    font-family: "bariol_regular";
    font-size: 18px;
    line-height: 1.4;
    margin: 0 0 20px;
}

@media (max-width: 768px) {
    div.html-content p, div.html-content ul li{
        font-size: 18px;
    }
    div.html-content ul li::before {
        height: 9px;
        width: 9px;
    }
    div.html-content h1 {
        font-size: 27px;
    }
	.html-content p{
		font-size: 18px;
    }
}

div.html-content .row.desktop-content.mobile-disabled {
    display:block;
}
div.html-content .row.desktop-content {
    display:block;
}
div.html-content .row.mobile-content {
    display:none;
}

@media (max-width: 792px) {
    div.html-content .row.desktop-content.mobile-disabled {
        display:block;
    }
    div.html-content .row.desktop-content {
        display:none;
    }
    div.html-content .row.mobile-content {
        display:block;
    }
}

.content-center-html-block {
    padding: 0px 110px 100px;
}

@media (max-width:990px){
    .content-center-html-block {
        padding: 50px 60px 100px;
    }
}

@media (max-width: 768px) {
    .content-center-html-block {
        padding: 50px 20px;
    }
}


/* FOR CMS */

.content.cke_editable p, .content-mobile.cke_editable p{
    color: #333e48;
    font-family: "bariol_regular";
    font-size: 18px;
    line-height: 1.4;
    margin: 0 0 20px;
}

.content.cke_editable h1, body.content-mobile.cke_editable h1 {
    color: #00a0af;
    font-family: "bariol_regular_bold";
    font-size: 30px;
}

.content.cke_editable ul li::before, .content-mobile.cke_editable ul li::before  {
    background-color: #00a0af;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 6px;
    left: -10px;
    position: relative;
    top: -3px;
    width: 6px;
}

.content.cke_editable ul li, .content-mobile.cke_editable ul li {
    color: #333e48;
    font-family: "bariol_regular";
    font-size: 18px;
    line-height: 1.4;
    list-style: outside none none;
    margin-left: -17px;
    padding-bottom: 5px;
    text-indent: -6px;
}