﻿
@font-face {
    font-family: Roboto;
    src: url(/Styles/fonts/Roboto/Roboto-Regular.ttf);
}

@font-face {
    font-family: RobotoLight;
    src: url(/Styles/fonts/Roboto/Roboto-Light.ttf);
}

@font-face {
    font-family: OpenSans;
    src: url(/Styles/fonts/OpenSans/OpenSans-Regular.ttf);
}

@font-face {
    font-family: OpenSansLight;
    src: url(/Styles/fonts/OpenSans/OpenSans-Light.ttf);
}

@font-face {
    font-family: OpenSansBold;
    src: url(/Styles/fonts/OpenSans/OpenSans-Bold.ttf);
}

.ulBlueBullets {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .ulBlueBullets > li {
        /*padding-left: 10px;*/
        /*text-indent: -.7em;*/
        line-height: 20px;
        list-style: none;
        padding-left: 20px;
        /*position: relative;*/
        text-indent: 10px;
    }

        .ulBlueBullets > li:before {
            content: "• ";
            font-size: 20px;
            color: #56b7e4;
            vertical-align: middle;
            margin-left: -23px;
        }

.ulBlueArrow {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .ulBlueArrow > li {
        /*padding-left: 10px;
	text-indent: -.7em;
	line-height: 20px;*/
        line-height: 20px;
        text-indent: 10px;
        list-style: none;
        padding-left: 20px;
        /*position: relative;*/
    }

        .ulBlueArrow > li:before {
            content: "￫ ";
            font-size: 20px;
            color: #56b7e4;
            /*padding-left: 10px;*/
            vertical-align: middle;
            margin-left: -23px;
        }

.italicText {
    font-style: italic;
    color: #b7b7b7;
    font-size: 17px;
    font-family: "OpenSansLight";
    margin-bottom: 40px;
}

img {
    max-width: 100%;
}

.img p {
    text-align: center;
}

.img img {
    margin-bottom: 10px;
    width: 100%;
    display: block;
}

.img {
    margin-top: 10px;
    margin-right: 25px;
    float: left;
}


.floatR {
    float: right !important;
}

.floatL {
    float: left !important;
}

.paddingL50 {
    padding-left: 50px;
}

.clearfix {
    clear: both;
    width: 100%;
}

.content h2.title {
    font-family: "OpenSansLight";
    font-size: 26px;
    color: #1e8abe;
}

.imgMarginLeft {
    margin-left: 25px !important;
    margin-right: 0px !important;
}

.noMarginTop {
    margin-top: 0px;
}

.marginR5 {
    margin-right: 5px;
}
.marginR10 {
    margin-right: 10px;
}



.iconFb {
    /*background: url(/Site/Images/iconFb.jpg);
    display: inline-block;*/
    width: 40px;
    height: 40px;
}

.iconGp {
    background: url(/Site/Images/iconGp.jpg);
    display: inline-block;
    width: 40px;
    height: 40px;
}

.iconYt {
    /*background: url(/Site/Images/iconYt.jpg);*/
    /*display: inline-block;*/
    width: 40px;
    height: 40px;
}

.iconLi {
    /*background: url(/Site/Images/iconLi.jpg);
    display: inline-block;*/
    width: 40px;
    height: 40px;
}
.iconLg {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: top;
    padding-top: 15px;
}

.iconSm {
    margin-top: 3px;    
}

.iconSm:hover {
    -ms-opacity: 0.8;
    opacity: 0.8;
}

.colorBlue {
    color: #56b7e4;
}

.colorFbBlue {
    color: #3b5998;
}

.colorInBlue {
    color: #0077b5;
}

.colorWhite {
    color: #FFF;
}
.colorRed {
    color: #cc181e;
}

h1 {
    font-size: 30px;
}
