﻿@font-face {
    font-family: 'FontAwesome';
    src: url('/include/fonts/fontawesome-webfont-463.eot?v=4.6.3');
    src: url('/include/fonts/fontawesome-webfont-463.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('/include/fonts/fontawesome-webfont-463.woff?v=4.6.3') format('woff'),url('/include/fonts/fontawesome-webfont-463.ttf?v=4.6.3') format('truetype'),url('/include/fonts/fontawesome-webfont-463.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
html {  font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%}
body { margin: 0; }
h1, h2, h3, h4, h5, h6 { font-family: Architects Daughter; text-transform: capitalize;}
h4.main-title {font-size:40px;}
.u-text-blue { color: #472993;}
.text-center { text-align: center;}
.main-title { font-size: 70px; text-transform: uppercase; margin-bottom: 30px;  padding: 0 15px; width: 100%;}
.background-image { position: fixed; z-index: -1; top: 0;  left: 0;  right: 0;  bottom: 0; background-image: url(/images/UserUploadedImages/899/background.jpg);
 background-position: 50%;    background-size: cover;}
.main-content { background-color: #fff; width: calc(100% - 120px); margin: 60px; padding: 55px 65px; position: relative; max-width: 100%;}
.footer-image {text-align: center;}
.footer-image p{font-family: Helvetica Neue,Helvetica,Arial,sans-serif;}
.grid-block a:hover, .grid-block a:focus {    text-decoration: none;}

/* heart health widget */
.HeartHealthwidgetItem .grid-block a .border-box {position: absolute; top: 0; left: 15px; right: 15px; bottom: 0; border:2px solid #472993; -webkit-transition: border-width .15s ease-in-out; transition: border-width .15s ease-in-out; }
.HeartHealthwidgetItem .grid-block {   padding:35px 20px 20px 20px; margin-bottom:30px;}
.HeartHealthwidgetItem {position: relative;margin-bottom: 30px;}
.HeartHealthwidgetItem .grid-block:hover a .border-box {    border-width: 5px;}
.HeartHealthwidgetItem .grid-block:hover a{text-decoration:none;}
.HeartHealthwidgetItem .grid-block .iconImg {   width: 100%;  max-width: 160px;height: 160px;    text-align: center;    margin: 0 auto;    background-size: contain; background-position: 50%;    background-repeat: no-repeat;}
.HeartHealthwidgetItem .grid-block .title { text-align: center;  margin: 10px 0 30px; font-size:40px;}

/* heart health sub page widget */
.hearthealthwidgDescripItem .grid-block a .border-box {position: absolute; top: 0; left: 15px; right: 15px; bottom: 0; border:2px solid #472993; -webkit-transition: border-width .15s ease-in-out; transition: border-width .15s ease-in-out; }
.hearthealthwidgDescripItem .grid-block {   padding:35px 20px 20px 20px; margin-bottom:50px;}
.hearthealthwidgDescripItem {position: relative;margin-bottom: 30px;}
.hearthealthwidgDescripItem .grid-block:hover a .border-box {    border-width: 5px;}
.hearthealthwidgDescripItem .grid-block:hover a{text-decoration:none;}
.hearthealthwidgDescripItem .grid-block .iconImg {   width: 100%;  max-width: 160px;height: 160px;    text-align: center;    margin: 0 auto;   background-size: contain;  background-position: 50%; background-repeat: no-repeat;  }
.hearthealthwidgDescripItem .grid-block .title { text-align: center;  margin: 10px 0 30px; font-size:40px;}
p.description {    text-align: center;   color: #4c4c4c;   font-size: 18px;    line-height: 30px;    font-family: 'Open Sans', sans-serif;}
a.morelink { text-align: center;  width: 100%; color: #472993; font-size: 20px;  font-weight: 700;  display:  inline-block;   font-family: 'Open Sans', sans-serif;}
.hearthealthwidgDescripItem.preview-img .grid-block .iconImg { background-size: cover;    max-width: 300px;    height: 265px;}
.hearthealthwidgDescripItem.preview-img .grid-block { margin-bottom:  0;}
.hearthealthwidgDescripItem.preview-img .grid-block .title {    margin: 20px 0px 30px;}

/* heart health bottom widget */
.HeartHealthwidgetbottomItem .grid-block a .border-box {position: absolute; top: 0; left: 15px; right: 15px; bottom: 0; border:2px solid #472993; -webkit-transition: border-width .15s ease-in-out; transition: border-width .15s ease-in-out; }
.HeartHealthwidgetbottomItem .grid-block {   padding:35px 20px 20px 20px;}
.HeartHealthwidgetbottomItem {position: relative;margin-bottom: 30px;}
.HeartHealthwidgetbottomItem .grid-block:hover a .border-box {    border-width: 5px;}
.HeartHealthwidgetbottomItem .grid-block:hover a{text-decoration:none;}
.HeartHealthwidgetbottomItem .grid-block .iconImg {   width: 100%;  max-width: 160px;height: 160px;    text-align: center;    margin: 0 auto;    background-size: contain; background-position: 50%;    background-repeat: no-repeat;}
.HeartHealthwidgetbottomItem .grid-block .title { text-align: center;  margin: 10px 0 30px; font-size:40px;}
#HeartHealthwidgetbottom h4.main-title {  text-transform: capitalize;}

/* heart health content page  */
.content-page.main-title .title-text { position: relative; margin: 60px 0 75px;}
.content-page.main-title .title-text .icon img { width: 90px; right: 0;  position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.videoWrapper iframe { position: absolute; top: 0; left: 0;    width: 100% !important; height: 100% !important;}
.videoWrapper{    position: relative;  padding-bottom: 56.25%; height: 0;   margin-bottom: 55px;}
.videoBorder {   margin-bottom: 55px;    border-bottom: 2px solid rgba(76,76,76,.3); width: 100%;}
.back-btn {    font-size: 28px; line-height: 30px; font-family: Architects Daughter;}
.back-btn:before { display: inline-block; content: '\f104'; margin-right: 15px; font-family: FontAwesome; font-size: 22px;}
.content-page.main-title .title-text .text{text-align:left;}

/* more help page */
.more-help {
    padding: 0;
    list-style-type: none;
}

.more-help-parent > a {
    display: table;
    height: 75px;
    margin-bottom: 15px;
}

.more-help-left-image, .more-help-text {
    display: table-cell;
    vertical-align: middle;
}

.more-help-left-image {
    width: 150px;
}

.more-help-text {
    padding-left: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.u-fw300 {
    font-weight: 300;
}

@media (max-width: 991px){
.main-title, h4.main-title {     font-size: 4.375rem;  text-align: center;}
/*.title, .HeartHealthwidgetItem .grid-block .title, .hearthealthwidgDescripItem .grid-block .title, .HeartHealthwidgetbottomItem .grid-block .title {    font-size: 2.1rem;}*/
}

@media (max-width: 767px){
.main-content {    width: calc(100% - 60px);    margin: 30px;    padding: 25px;}
.footer-image img {   height: auto;    width: 100%;    max-width: 382px;    padding: 0px 20px;}
.grid-block {    padding: 15px 20px;}
#HeartHealthwidgetMain {   padding:  0;}
.content-page.main-title .title-text .icon {/* right: auto;    position: relative;   top: auto;    -webkit-transform: none;    transform: none;*/     width: 100%;
    float: left;    clear: both;    padding-bottom: 20px;}
    .content-page.main-title .title-text .icon img{ right: unset;    position: unset;   top: unset;    -webkit-transform: none;    transform: none;}
.content-page.main-title .title-text .text {       width: 100%; float: left; clear: both;    padding: 0;    text-align: center;}
.content-page.main-title .title-text{   display: inline-block;  position: relative;  margin:0px;  }
#footer-flags { clear: both; }
}

@media(min-width: 768px) and (max-width: 991px){
.content-page.main-title .title-text .text{    padding-right: 200px;}
.grid-block a.morelink{position: absolute; bottom: 20px; left:0;padding: 0px 24px;}

}
@media(min-width: 992px) and (max-width: 1399px){
/*.HeartHealthwidgetItem .grid-block .title { text-align: center; margin: 25px 0 0px; font-size: 40px; height: 100px; overflow: hidden;}*/
}

.image-container {
    border-bottom: 2px solid rgba(76,76,76,.3);
    padding-bottom: 55px;
    margin-bottom: 55px;
}

.image-container img {
    display: block;
    margin: 0 auto;
}

.feedback-request {
    border-top: 10px solid #0a0910;
    background: rgba(0,0,0,0.9);
    color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 10px;
    z-index: 15;
}

.feedback-request .btn {
    border-radius: 0;
    text-transform: uppercase;
    color: #686868;
    background: #fff;
}

.feedback-request .btn-close {
    position: absolute;
    top: 20px;
    right: 10px;
    padding: 0 5px;
    margin-top: -22px;
}

.feedback-request .text {
    display: block;
    margin-bottom: 10px;
}

.feedback-request .relative {
    position: relative;
}

.feedback-request .container {
    padding-right: 25px;
}

@media(min-width: 992px) {
.grid-block a.morelink{position: absolute; bottom: 25px; left:0;}
}