html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bold-webfont.eot');
    src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bold-webfont.woff2') format('woff2'),
         url('fonts/lato-bold-webfont.woff') format('woff'),
         url('fonts/lato-bold-webfont.ttf') format('truetype'),
         url('fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-regular-webfont.eot');
    src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-regular-webfont.woff2') format('woff2'),
         url('fonts/lato-regular-webfont.woff') format('woff'),
         url('fonts/lato-regular-webfont.ttf') format('truetype'),
         url('fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
  /*overflow-x: hidden;*/
  font-family: latobold;
  margin: 0;
  padding: 0;
}

img {
    max-width: 100%;
    height: auto;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}
header{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:1;
}
header nav {
    position: absolute;
    top: 20px;
    right: 2%;
}

header a.main-logo {
    width: 10.36458%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    min-width: 100px;
}

header nav a {
    float: left;
    margin: 0 1em; 
    font-weight: bold;
    font-size: 1.250em;
    padding: .6em 1em;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    background: #000;
    background: rgba(0,0,0,0.4);
    border: 2px #fff solid;
    position: relative;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

header nav a:hover {
    border-color: #9f0149;
     background: #9f0149;
}

.full-position {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section {
    background: #fff;
    height: auto;
    text-align: center;
    position: relative;
}

.section__banner {
    margin: 0;
    padding-bottom: 40%;
    position: relative;
}

.background--hero {
    background-position: center top;
}

.background--purple {
    /*background-color: #9f0149;*/
    position: absolute;
    top: 15%;
    right: 5%;
    background-repeat: no-repeat;
    /*background-position: top right;*/
}




.table-100 {
    height: 100%;
    width: 100%;
    display: table;
}

.table-100 .cell-middle {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

header .dogs  {
    /*background: url(images/hero-pets/pet-banner.jpg) no-repeat center center;
    padding-top: 65%;
    position: relative;*/
    position: relative;
    left: 20%;
    bottom: 20%;
}

.full-banner {
      background-color: #dadada;
}

.full-banner .title { 
    width: 100%;
    padding: 0 20px; 
    box-sizing: border-box;
    bottom: 0;   
    background-color: #fff;
    text-align: center;  
    /*height: 10.98148%;
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,white 100%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,white 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0);
    text-align: center;*/

}
.banner-image{
    position:relative;
}
.banner-image img{
width:100%;
    height:auto;
    display:block;
}

.banner-image .text {
    position: static;
    padding: 0;
    float: left;
    width: 12em;
    text-align: right;
    font-family: 'latobold';
    font-weight: normal;
    background-color: #9f0149;
    color: #fff;
    font-size: 2.550em;
    line-height: 1.3;
    /*padding: .6em 1.2em;*/
}
.title h3.title__red {
    color: #9f0149;
    font-size: 2.0em;
    padding: 0 1.250em 1.5em 1.250em;
}
.title p.black {
    font-size: 1.500em;
    text-align: center;
    padding: 0 1.250em 1.5em 1.250em;
   font-family: latoregular;
}

.section .left{
    float:left;
}
.section .right{float:right}

.section--small{display:block}

.third {
    width: 32%;
}

.background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2272b0 no-repeat center center;
    background-size: cover;
}

.background--grey {
    background-color: #dcdcdc;
}

.background--white {
    background-color: #ffffff;
    border: 5px solid #9f0149;
    box-sizing: border-box;
}

.bg--white {
    background-color: #ffffff;
}

.white-box {
    max-width: 60%;
    margin: 0 auto;
    font-size: 1.300em;
    line-height: 1.5em;
    color: #9f0149;
}

.section__blocks{
    display: block;
}

.section__blocks > .left {
    padding-bottom: 25%;
    width: 33.33%;
    background: #000;
    position: relative;
    float: left;
    text-decoration: none;
    display: block;
    border-bottom:10px #ffffff solid;
}

.section__blocks > .left-wide {
    padding-bottom: 25%;
    width: 66.66%;
    background: #000;
    position: relative;
    float: left;
    text-decoration: none;
    display: block;
    border-bottom:10px #ffffff solid;
}

.section__blocks > .left.middle-block{border:10px #ffffff solid;border-top:0;box-sizing:border-box;}
.section__blocks > .left-wide.middle-block{border-top:10px #ffffff solid;border-right:10px #ffffff solid;border-bottom:10px #ffffff solid;border-top:0;box-sizing:border-box;}

.section__blocks .meet {
    text-align: center;
    max-width: 85%;
    margin: 0 auto;
}

.section__blocks .meet h4 {
    font-size: 2.150em;
    font-family: latobold;
    padding: 20px 0;
}

.section__blocks .meet p {
    font-size: 1.200em;
    font-family: latoregular;
    padding-bottom: 20px;
    text-align: left;
    line-height: 1.2em;
}

.section__blocks .meet .four-btns div a {
    /*padding: 20px 0;*/
    text-decoration: none;
}
.section__blocks .meet .four-btns div a.popup-with-form {
    width: 50%;
}


.section__blocks .meet .four-btns div a img:hover {
    opacity: 0.3;
}


.background--maroon {
   background-color: #9f0149;
   position: absolute;
}

.heroes-starred h4 {
    font-family: latoregular;
     font-size: 2.250em;
     color: #ffffff;
     line-height: 1.2em;
}

.tears h4 span {
    font-family: latobold;

}

.heroes-starred h4 span {
    font-family: latobold;
}

h4.blue-text {
    text-align: center;
    color: #024f9c;
    font-size: 2.250em;
    padding: 20px 20px 5px 20px;
}

.full-position .heroes-starred {
    margin: 0 auto;
    text-align: center;
    font-family: latobold;
}

button.read-more  {
    padding: 10px 20px;
    position: absolute;
    right: 10%;
    bottom: 15%;
    font-size: 1.250em;
    cursor: pointer;
    background-color: #7f013a;
    border: 2px solid #fff;
    color: #fff;
     font-family: latobold;
}
button.read-more:hover {
    background-color: #fff;
    border: 2px solid #7f013a;
    color: #7f013a;
}

button.read-more-blue  {
    padding: 10px 20px;
    position: absolute;
    right: 10%;
    bottom: 10%;
    font-size: 1.250em;
    cursor: pointer;
    background-color: #1b5b8d;
    border: 2px solid #fff;
    color: #fff;
     font-family: latobold;
}

button.read-more-blue:hover {
    background-color: #fff;
    border: 2px solid #1b5b8d;
    color: #1b5b8d;
}

.section__blocks .watch-video {
    color: #ffffff;
    width: 34%;
    font-family: latoregular;
     font-size: 1.300em;
    color: #ffffff;
    padding-left: 5%;
    line-height: 1.2em;
}

.section__blocks .watch-video div {
    padding-top: 40px;
}

.section__blocks .watch-video a {
    width: 90%;
    margin-top: 50px;
    background: rgba(0,0,0,0.4);
    border: 2px solid #ffffff;
    padding: 10px 20px;
    color: #ffffff;
    font-size: 1em;
    font-family: latobold;
    cursor: pointer;
    text-decoration: none;
}

.section__blocks .watch-video a:hover {
    background: rgba(0,0,0,1);
    border: 2px solid #ffffff;
}

.section__blocks .trending {
    width: 18%;
    position: absolute;
    top: 5%;
    left: 4%;
    height: auto;
    max-width: 40px;
}

.section__blocks .aeroplane {
    width: 100%;
    position: absolute;
    top: -4%;
    left: 4%;
    height: auto;
    max-width: 120px;
}

.section__blocks .tears h4 {
    max-width: 50%;
    margin: 0 auto;
    color: #ffffff;
    font-size: 2em;
    text-align: center;
    line-height: 1.2em;
}

.section__blocks .tears img {
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 200px;
    padding-bottom: 30px;
}

/*Gallery css*/
.gallery {
	clear: both;
	padding: 0px;
	margin: 0px;
    /*max-width: 80%;
    margin: 0 auto;*/
    width: 80%;
    margin: 0 auto;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 0.5% 1.6%;
}
.col:first-child { margin-left: 0; }

.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1;}

.span_1_of_6 {
  	width: 15.33%;
}

.image-viewer {
    padding-bottom: 2em;
}





section.social {
    background: #9f0149;
    margin: 0 0 .4% 0;
    font-family: 'Pacifico',cursive;
    color: #fff;
    font-size: 2.500em;
    line-height: 0;
    padding: 1em 0;
}

.section.social .cell-middle>* {
    display: inline-block;
    vertical-align: middle;
}
.section.social i {
    cursor: pointer;
}

.section.social i:hover {
    color: #b1b1b1;
}

/*.white-popup-block {
  background-color: #fff;
  border-top: 5px solid #9f0149;
  border-bottom: 5px solid #9f0149;
}*/

.white-popup-block {
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 1200px;
    margin: 40px auto;
    position: relative;
    overflow: hidden;
}

.white-popup-block-small {
    background: #FFF;
    /*padding: 20px 30px;*/
    text-align: left;
    max-width: 835px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.white-popup-block-small img {
    position: relative;
    left: 7.2%;
    top: 50px;
}

#digby {
    border-top: 10px solid #9f0149;
  border-bottom: 10px solid #9f0149;
}

.left {
    float: left;
}

.wide-div {
    width: 55%;
    padding-left: 7.3%;
    font-family: latoregular;
    font-size: 1.350em;
}

.pad-top {
    padding-top:10%;
    padding-bottom:10%;
}

.pad-top .right {
    padding-right: 7%;
}

.pad-top .right button {
    background-color: #9f0149;
    color: #fff;
    border: 2px solid #fff;
    padding: 15px 15px;
    font-family: latobold;
    font-size: 1.5em;
    cursor: pointer;
    display: none;
}

.wide-div p {
    padding-top: 10px;
}

.pad-top .right button:hover {
    background-color: #fff;
    color: #9f0149;
    border: 2px solid #9f0149;
}

.mfp-arrow-left {
    left: 27.5%!important;
}

.mfp-arrow-right {
   right: 27.5%!important;
}


.right {
    float: right;
}

.story-view__content {
    width: 64%;
    line-height: 1.5;
}

.story-view__image-item img.story-view__image-slider {
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
}

.popup .story-preview--view h2 {
    position: relative;
    padding-right: 80px;
}

.story-view__content h2 {
    font-size: 1.563em;
    font-weight: bold;
    border-bottom: 1px #999 solid;
    padding: 0px 0 10px;
    margin-bottom: 15px;
}

.story-view__content p {
    font-family: latoregular;
    font-size: 1.300em;
    color: #000;
    line-height: 1.4em;
    padding-bottom: 10px;
}

.story-view__content button {
    background-color: #9f0149;
    border: 2px solid #9f0149;
    padding: 15px 20px;
    color: #fff;
    font-size: 1.250em;
    cursor: pointer;
}

.story-view__content button:hover {
    background-color: #fff;
    border: 2px solid #9f0149;
    padding: 15px 20px;
    color: #9f0149;
}

.story-view__social .social-share {
    position: absolute;
    bottom: 10%;
    padding-top: 9px;
    right: 0;
}

.story-view__social .social-share:before{
background: url(images/hero-pets/share.png) no-repeat left center;
    width: 240px;
    height: 36px;
    left: -252px;
    bottom: -16px;
    content: "";
    position: absolute;
}

.social-networks i {
    color: #004691;
}

.social-networks .fa {
    cursor: pointer;
    font-size: 2em;
}

.background.background--grey.bg-hover{
    transition:all 0.3s ease;
}
.background.background--grey.bg-hover:hover {
    opacity:0;
}
.bg--grey {
    background-color: #dcdcdc;
}

.background.background--grey.bg-hover .cell-middle {
    vertical-align: bottom;text-align: right; padding: 20px;
}
.background.background--grey.bg-hover .cell-middle button {
    border: 2px solid #ffffff;
    background: rgba(0,0,0,0.4);
    padding: 10px 20px;
    color: #fff;
    font-size: 1em;
    font-family: latobold;
}


.grey-box h4 {
    font-size: 2.250em;
    font-family: latobold;
    padding-bottom: 20px;
    padding: 20px 20px 40px 20px;
    text-align: center;
    color: #9f0149;
}

.grey-box p {
    margin: 0 auto;
    font-size: 1.300em;
    line-height: 1.2em;
    font-family: latoregular;
    padding-bottom: 20px;
    margin: 0 40px;
     color: #000000;
}

.desktop {
    display: block;
}

.mobile {
    display: none;
}

.mfp-close {
    color: #000!important;
    font-size: 50px!important;
}

footer{height:auto;background:#004793;background:#004a97;background:-moz-linear-gradient(top,#004a97 0,#003c81 50%,#002a64 100%);background:-webkit-linear-gradient(top,#004a97 0,#003c81 50%,#002a64 100%);background:linear-gradient(to bottom,#004a97 0,#003c81 50%,#002a64 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#004a97',endColorstr='#002a64',GradientType=0)}
footer .footer-inner{max-width:1600px;margin:0 auto;padding:0 30px}footer .back-to-top{padding:15px 0;text-align:center}
footer .back-to-top a{color:#fff;text-decoration:none;font-size:3.000em}footer .footer-links{border-bottom:2px #3c699e solid;padding:0 0 15px 0}
footer .footer-links ul{float:left;font-size:0;width:80%}@media screen and (max-width:600px){footer .footer-links ul{width:100%;float:none}
}footer .footer-links ul li{display:inline-block;font-size:16px;padding:0 2.23958% 0 0}
@media screen and (max-width:1600px){footer .footer-links ul li{font-size:14px}}@media screen and (max-width:1400px){footer .footer-links ul li{font-size:12px}
}@media screen and (max-width:1200px){footer .footer-links ul li{font-size:11px}}
@media screen and (max-width:600px){footer .footer-links ul li{width:50%;padding:0 0 10px 0}
}footer .footer-links ul li:last-child{padding-right:0}footer .footer-links ul li a{font-size:1.150em;color:#fff;font-weight:bold;text-decoration:none;cursor:pointer}
footer .footer-links ul li a.toggle-sub{padding:0 0 0 5px}footer .footer-links .social-links{float:right}
@media screen and (max-width:600px){footer .footer-links .social-links{float:none;text-align:center;font-size:14px;padding-bottom:15px}
}footer .footer-links .social-links a{font-size:1.750em;color:#fff;text-decoration:none;margin:0 5px}
footer .footer-links .social-links a:hover{color:#b1b1b1}footer .footer-links .sub{display:none;padding:10px 0 0 0}
footer .footer-links .sub a{width:25%;float:left;cursor:pointer;color:#fff;font-size:1.150em;text-decoration:none;line-height:1;padding:0 5px 10px 0}
@media screen and (max-width:1300px){footer .footer-links .sub a{width:25%}}@media screen and (max-width:1000px){footer .footer-links .sub a{width:33.33%}
}@media screen and (max-width:720px){footer .footer-links .sub a{width:50%}}footer .footer-text{padding:15px 0 30px 0;color:#fff;font-size:.938em}
@media screen and (max-width:600px){footer .footer-text{font-size:1em}}footer .footer-text p{max-width:70%;float:left;line-height:1.3}
@media screen and (max-width:600px){footer .footer-text p{float:none;max-width:none}
}footer .footer-text a{float:right;color:#fff;text-decoration:none}footer .footer-text a i{font-size:1.200em;vertical-align:middle}
@media screen and (max-width:600px){footer .footer-text a{float:none;padding:0 0 10px 0;display:block}
}.footer-links .fa-caret-down{display:inline-block}.footer-links .fa-caret-up{display:none}
.footer-links.sub-open .sub{display:block !important}.footer-links.sub-open .fa-caret-down{display:none}
.footer-links.sub-open .fa-caret-up{display:inline-block}.go-to-top{cursor:pointer}


@media screen and (max-width:1366px) {
     .section__blocks > .left, .section__blocks > .left-wide {
         padding-bottom: 30%;
    }
    .title h3.title__red {
    font-size: 1.750em;}
    .section__blocks .meet h4 {
        font-size: 2em;
    }
    .section__blocks .meet{
        max-width: 90%;
    }
    .section__blocks .meet p {
        font-size: 1.1em; line-height: 1.2em;
}

    .section__blocks .meet .four-btns button {
        font-size: 1.250em;
        padding: 15px 20px;
    }

    .heroes-starred h4 {
        font-size: 2.8em;
     }
    .gallery {
        width: 95%;
    }

    .white-box {
        max-width: 80%;
    }

    .section__blocks .tears h4 {
        max-width: 80%;
        font-size: 1.8em;
    }

    .grey-box h4 {
        font-size: 1.650em;
    }
    .grey-box p {
     font-size: 1.200em;
     line-height: 1em;
    }


}
@media screen and (max-width:1324px) {
    .story-view__content {
    width: 100%;
    line-height: 1.5;
}
    .four-btns img {
    max-width: 50%;
    height: auto;
}
}


@media screen and (max-width:768px) {
     nav {
        display: none;
    }

    .section__blocks > .left {
        float: none;
        width: 100%;
    }

    #next .background.bg--white {
        background-size: 70% !important;
    }

    .section__blocks > .left, .section__blocks > .left-wide {
        padding-bottom: 65%;
    }

    .section__blocks .aeroplane {
        width: 100%;
        position: absolute;
        top: -4%;
        left: 4%;
        height: auto;
        max-width: 100px;
    }

    .story-view__image-item img {
        width: 100%;
        height: auto;
        display: block;
    }
    header nav {
        top: 0
    }


    header nav a{
        float: right;
        display: block;
        font-size: 1em;
        padding: .5em 0.8em;
    }

    .grey-box h4 {
    font-size: 2.250em;

}

    .grey-box p {
         color: #9f0149;
    }

    .story-view__social .social-share {
        bottom: 3%;
    }



}

@media screen and (max-width:480px) {
       .heroes-starred h4 {
        font-size: 1.8em;
       }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .mfp-arrow-left {
        left: -2% !important;
    }

    .mfp-arrow-right {
        right: 2% !important;
    }

    .section__blocks > .left, .section__blocks > .left-wide {
        padding-bottom: 100%;
        display: block;
    }

    .gallery {
        margin-left: 3.55%;
    }

    .wide-div {
        width: 92.5%;      
        text-align: center;
        font-family: latoregular;
        font-size: 1.350em;
        float: none;
        padding: 10px;
    }

    .pad-top .right {
        float: none;
        max-width: 100%;
        text-align: center;
        padding: 10px 15px;
        font-size: 1.0em;
    }

    .title p.black {
        font-size: 1.350em;
        padding: 0 1.250em 0 1.250em;
    }

    h4.blue-text {
        font-size: 1.350em;
        padding: 20px 10px 20px 20px;
    }

    .col {
        margin: 1% 2% 1% 0%;
    }

    .span_1_of_6 {
        width: 48%;
        text-align: center;
    }

    .pad-top {
        padding-bottom: 5%;
    }

    .title h3.title__red {
        font-size: 1.250em;
        padding: 2.000em 0 1.5em 0;
    }

        .title h3.title__red br {
            display: none;
        }

    .section__blocks > .left, .section__blocks > .left-wide {
        padding-bottom: 70%;
        width: 100%;
        display: inline-block;
    }



    .section__blocks .watch-video {
        width: 80%;
    }


    header nav {
        position: absolute;
        top: 20px;
        left: 30%;
    }

        header nav a {
            float: right;
            margin-bottom: 2px;
        }


    section.social img {
        width: 4%;
        max-width: 98px;
        height: auto;
        margin: 0 10px;
    }

    header nav a {
        padding: .6em 1em;
        font-size: 1em;
    }

    section.social {
        font-size: 1.300em;
    }

    .grey-box h4 {
        font-size: 1.450em;
        padding: 10px 10px 20px 10px;
    }

    .grey-box p {
        margin: 0 10px;
        font-size: 1.00em;
        line-height: 1.2em;
    }

    .white-popup-block {
        padding: 20px 10px;
    }

    .story-view__content {
        width: 100%;
        line-height: 1.5;
    }

        .story-view__content p {
            line-height: 1.5;
            font-size: 0.870em;
        }

            .story-view__content p:last-child {
                display: none;
            }

    .social-share.right {
        float: none;
    }

    .white-popup-block-small img {
        position: relative;
        left: 1%;
        right: 2%;
        max-width: 98%;
    }


    .story-view__social {
        padding-top: 10%;
    }

    .popup-digby img, .popup-honey img, .popup-imogen img, .popup-tj img {
        max-width: 40%;
    }



    .banner-image {
        position: relative;
        /*padding-top: 40%;*/
    }

    .story-view__content h2 {
        font-size: 1.363em;
        padding: 0px 0 5px;
        margin-bottom: 10px;
    }

    .story-view__social .social-share {
        position: static;
        /*bottom: -5%;*/
        z-index: 9999999;
    }

        .story-view__social .social-share:before {
            display: none;
        }

    .story-view__social {
        display: block;
        padding-top: 0;
        padding-left: 0;
    }

    #video .background.background--grey {
        background-position: right 10% top;
    }

    .wide p {
       max-width: 90%; text-align: center; margin: 0 auto;
}

}

@media screen and (max-width:375px) {
    .gallery.group > .mfp-arrow {
        top: 42%!important;
    }
    .video {
        width: 80%;
        margin: 0 auto;
     }
    .section__blocks > .left, .section__blocks > .left-wide {
        padding-bottom: 100%;
    }

    .white-box {
        font-size: 1.1em;
        line-height: 1.5em;
    }

    .heroes-starred h4 {
        font-size: 1.3em;
    }
    .watch-video p {
        padding-top: 46%;
    }

    .section__blocks .meet h4 {
        font-size: 1.3em;
        padding: 20px 0;
    }

    .section__blocks .meet p {
    font-size: 0.875em;
    line-height: 1.2em;
    padding-bottom: 10px
}

}

.explore {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 18.98148%;
  z-index: 999;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  text-align: center;
}
@media screen and (max-width: 800px) {
  /* line 1, ../sass/elements/_explore.scss */
  .explore {
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  /* line 1, ../sass/elements/_explore.scss */
  .explore {
    display: block !important;
    transform: none !important;
    opacity: 1 !important;
  }
}
/* line 15, ../sass/utils/_bem.scss */
.explore--force-display {
  display: block;
}
/* line 26, ../sass/elements/_explore.scss */
.explore a {
  color: #08397e;
  text-decoration: none;
  font-size: 1.713em;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  bottom: 8px;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 800px) {
  /* line 26, ../sass/elements/_explore.scss */
  .explore a {
    position: static;
    width: auto;
  }
}
/* line 40, ../sass/elements/_explore.scss */
.explore a div {
  display: inline-block;
}
/* line 43, ../sass/elements/_explore.scss */
.explore a span {
  display: block;
}
/* line 46, ../sass/elements/_explore.scss */
.explore a i {
  font-size: 1.5em;
}

@-moz-keyframes bounce {
  0% {
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes bounce {
  0% {
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
/* line 65, ../sass/elements/_explore.scss */
.bounce {
  -moz-animation: bounce 1.5s infinite;
  -webkit-animation: bounce 1.5s infinite;
  animation: bounce 1.5s infinite;
}
                   
.termerr{color:#db2128!important}