/* Proxima Nova styles, modern big font */
body, h1, h2, h3, h4, h5, h6, p {
    font-family: 'ProximaNova-Regular', Helvetica, Arial, sans-serif;
    vertical-align: top;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale;}

p strong {font-family: "ProximaNova-Bold"; font-weight: normal;}

h1, h2, h3, h4, h5 {font-family: 'ProximaNova-Bold', Helvetica, Arial, sans-serif;}

h1 { font-size: 60px; line-height: 60px; margin: 36px 0 20px 0; text-transform: capitalize;}
h2 {font-size: 40px; line-height: 50px; font-weight: normal; margin: 30px 0 30px 0;}
h3 {font-size: 30px; line-height: 40px; font-weight: normal; margin: 30px 0 30px 0;}
h4 {font-size: 26px; line-height: 36px; font-weight: normal; margin: 20px 0 20px 0;}
h5 {font-size: 20px; line-height: 30px; font-weight: normal; margin: 10px 0 10px 0;}
h6 {}

h2:first-child {margin-top: 15px;}
h3:first-child {margin-top: 15px;}
h4:first-child {margin-top: 15px;}
h5:first-child {margin-top: 0;}


blockquote {font: italic 30px/40px Georgia, serif}


body {font-size: 16px; line-height: 26px; }
p, ul, ol {margin: 0 0 20px 0;}
.content ol {padding: 0 0 0 30px;}
p:first-child {margin: 15px 0 20px 0;}

.strong {font-weight: bold;}
.small, .small p, .small ul {font-size: 16px; line-height: 26px; margin: 0px 0 20px 0;}
.intro, .intro ul, .intro ol, .intro p, .large {font-size: 16px; line-height: 26px; margin: 0px 0 20px 0;}
.intro p, p.large:first-child {margin-top: 20px;}

.gray {color: #666}
h1.gray {color: #77898f}

ul:first-child {
    margin-top: 10px;
    }

.x-large {font-size: 40px; line-height: 50px; margin: 15px 0 30px 0;}


/* Lists */
.content ul,
ul.stars,
ul.bullets,
ul.arrows,
ul.checkmarks,
ul.double-arrows,
ul.arrows-alt{
    padding-left: 24px;
    list-style-type:none;
}

.content ul li,
ul.stars li,
ul.bullets li,
ul.arrows li,
ul.arrows-alt li,
ul.checkmarks li,
ul.double-arrows li{
    margin-bottom: 15px
}


ul.stars li:before {
    color: #999;
    content: "\2605";
    display: block;
    position: absolute;
    font-size: 30px;
    font-weight: normal;
    margin: -27px 0 0 -15px;
}

.content ul li:before,
ul.bullets li:before {
    color: #999;
    content: ".";
    display: block;
    position: absolute;
    font: 78px/30px Georgia;
    font-weight: normal;
    margin: -24px 0 0 -28px;
}


ul.arrows li:before {
    color: #999;
    content: "\203A";
    display: block;
    position: absolute;
    font: 32px/30px Georgia;
    font-weight: normal;
    margin: -3px 0 0 -28px;
}

ul.double-arrows li:before {
    color: #999;
    content: "\00bb";
    display: block;
    position: absolute;
    font: 32px/30px Georgia;
    font-weight: normal;
    margin: -3px 0 0 -28px;
}

ul.arrows li:before {
    color: #999;
    content: "\203A";
    display: block;
    position: absolute;
    font: 32px/30px Georgia;
    font-weight: normal;
    margin: -3px 0 0 -28px;
}

ul.arrows-alt li:before {
    color: #999;
    content: "\21D2";
    display: block;
    position: absolute;
    font: 32px/30px Georgia;
    font-weight: normal;
    margin: -3px 0 0 -28px;
}

ul.checkmarks li:before {
    color: #999;
    content: "\2713";
    display: block;
    position: absolute;
    font: 28px/30px Georgia;
    font-weight: normal;
    margin: 0 0 0 -28px;
}


ul.check li, ul.check-white li {
    list-style-type: none;
    padding-left: 40px;
    margin-bottom: 10px}

ul.check li:before,
ul.check-white li:before {
    content: ' ';
    background: url('../img/check@1x.png') 0 0 no-repeat;
    width: 66px;
    height: 66px;
    margin-left: -45px;
    margin-top: -5px;
    display: block;
    position: absolute;
}





ul.large { padding-left: 50px;}

ul.checkmarks.large li:before {
    font-size: 50px;
    margin-left: -50px;
}

ul.checkmark-icon-large  {max-width: 95%}
ul.checkmark-icon-large li {
    list-style-type: none; margin-bottom: 30px;
    padding-left: 80px;
    
    }
ul.checkmark-icon-large li:before {
    content: ' ';
    background: url('../img/check-circle@1x.png') 0 0 no-repeat;
    width: 66px;
    height: 66px;
    margin-left: -100px;
    margin-top: 0px;
    display: block;
    position: absolute;
}

ul.checkmark-icon-large li.no-icon:before {content: ''; background: none;}


ul.black li:before {color: #000}
ul.white li:before {color: #fff}
.content ul li:before,
ul.blue li:before {color: #0079c1}
ul.orange li:before {color: #f90}
ul.dark-blue li:before {color: #36f}

/*  Site specific lists */

.slider .caption h2, .slider .caption h3 {font-family: ProximaNova-Light}




footer, footer ul, footer p, footer a {font-size: 14px; font-weight: bold; color: #999}

ul {}
ol {}
a, a:visited { color: #0079C1}
a:hover {color:#86B3CC}


@media handheld, only screen and (max-width: 1024px) {
    h1 {font-size: 40px; font-weight: bold; line-height: 50px; margin: 30px 0 14px 0; text-transform: capitalize;}
    h2 {font-size: 30px; line-height: 40px; font-weight: bold; margin: 30px 0;}
    h3 {font-size: 26px; line-height: 30px; font-weight: bold; margin: 20px 0;}
    h4 {font-size: 22px; line-height: 36px; font-weight: bold; margin: 10px 0;}
    h5 {font-size: 18px; line-height: 28px; font-weight: bold; margin: 5px 0;}
    .intro, .intro p, p.intro {font-size: 16px; line-height: 26px; margin: 0 0 15px 0}
    p, ol, ul {font-size: 14px; line-height: 24px; }

}

@media handheld, only screen and (max-width: 930px) {
   
    
}

@media handheld, only screen and (max-width: 820px) {
    h1 {font-size: 40px; font-weight: bold; line-height: 50px; margin: 30px 0 14px 0; text-transform: capitalize;}
    h2 {font-size: 26px; line-height: 36px; font-weight: bold; margin: 20px 0;}
    h3 {font-size: 26px; line-height: 30px; font-weight: bold; margin: 20px 0;}
    h4 {font-size: 22px; line-height: 36px; font-weight: bold; margin: 10px 0;}
    h5 {font-size: 18px; line-height: 28px; font-weight: bold; margin: 5px 0;}
}

@media handheld, only screen and (max-width: 640px) {
    
}