/*
Theme Name: Ratio Child
Description: Ratio Child Theme
Author: Adam Henry
Template: ratio
Text Domain: ratio-child
*/
*{
    font-family: "Open Sans", arial, sans-serif;

}
p{
    line-height: 18px;
    color: #231F20;
}
.edgtf-position-left-inner .edgtf-top-bar-widget p{
    margin: 0;
}
.edgtf-content{
    margin-top:0 !important;
}
#hr-1{
    display: flex;
    flex-direction:column;
}
#home-logo img{
    height: 250px;
    margin: 60px auto 0;
}
#home-logo p{
    text-align: center;
    font-size: 16px;
    color: #A6A8AB;
}
.home-mission p{
    text-align: center;
    font-size: 16px;
    color: #2d529E;
    margin-bottom: 0;
}
#hr-2{
    padding: 0 20px;
}
#hr-2-r1, #hr-2-r2{
    height: 800px;
    margin-top:5px;
}
#hr-2-r1 .row, #hr-2-r2 .row{
    height: 400px;
    padding: 0 5px;
}

#hr-2-r1 .col-sm-6, #hr-2-r2 .col-sm-6{
    padding: 0 5px;
    height:100%;
    position: relative;
}
#hr-2-r1 #top-grid.col-sm-6{
    padding-left: 10px;
}
#hr-2-r1 #top-large.col-sm-6{
    padding-right: 0;
    padding-left: 0;
}

#hr-2-r1 #top-right-2.col-sm-6, #hr-2-r1 #top-right-4.col-sm-6, #hr-2-r2 #bottom-left-2.col-sm-6, #hr-2-r2 #bottom-left-4.col-sm-6 {
    padding-left: 0;
}
.small-panel{
    min-height: 250px;
}
.large-panel{
    min-height: 500px;
}

.small-panel, .large-panel{
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom right;
}
.service-link{
    position: absolute;
    top:0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 5
}
#bottom-left-3 .small-panel{
    background-position: top right;
}
#top-right-3, #top-right-4, #bottom-left-3, #bottom-left-4{
    padding-top:5px !important;
}
#bottom-large{
    padding-right: 0 !important;

}
#bottom-large .large-panel{
    display: flex;
    padding: 40px;
}
#bottom-large p{
    color: #ffffff;
    font-size: 36px;
    line-height: 60px;
    margin: auto;
}
.header-quote .quote-group p{
    font-family: "Roboto", Arial, sans-serif;
    margin: 20px 10px 0 0;
}
#ir-1{
    height: calc(100vh - 124px);
    width: 100%;
    display: flex;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    flex-direction: column;
}
body.logged-in #ir-1{
    height: calc(100vh - 155px);
}
#ir-1 .header-quote{
    margin: 8.33333% 0 0 8.33333%;
    padding-left: 15px;
    color: #ffffff !important;
    font-size: 32px;
    font-style: italic;
    width: 60%;
}
#ir-1 .header-quote p{
    color: #ffffff !important;
}
.page-id-7945 #ir-1 .header-quote{
    width: 60%;
}
.page-id-7945 #ir-1 .header-quote .quote-group p{
    font-size: 55px;
}
.page-id-7841 #ir-1 .header-quote{
    width: 55%;
    margin-left: 20%;
}
.page-id-7785 #ir-1 .header-quote{
    width: 55%;
}
.page-id-7832 #ir-1 .header-quote span{
    margin-left: 30%;
    position: absolute;
    margin-top: 36px;
}
/*#ir-1 .quote, #tr-1 .quote{
    background-image: url('images/open-quote-white.png');
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat: no-repeat;
    height: 30px;
    width: 50px;

}
#ir-1 .closequote, #tr-1 .closequote{
    background-image: url('images/close-quote-white.png');
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat: no-repeat;
    height: 30px;
    width: 110px;
    margin-top: auto;
    margin-left: 10px;
}*/
#ir-1 .service-quote, #tr-1 .service-quote{
    display: flex;
    line-height: 40px;
}
#ir-1 .service-quote:before, #tr-1 .service-quote:before{
    content: "";
    background: url('images/open-quote-white.png');
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat: no-repeat;
    height: 30px;
    width: 80px;
    display: block;
    top: -10px;
    position: relative;
}
#ir-1 .service-quote:after, #tr-1 .service-quote:after{
    background: url('images/close-quote-white.png');
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat: no-repeat;
    height: 30px;
    width: 80px;
    margin-top: auto;
    margin-left: 10px;
    content: "";
    display: block;
    top:10px;
    position: relative;
}
.page-id-7832 #ir-1 .service-quote:after{
    top: 40px;
    left: 20%;
}
.quote-group{
    display: flex;
    flex-direction: row;
}
#ir-1 .header-quote .quote-author{
    text-align: right;
    font-size: 24px;
    margin-top: 50px;
}
#ir-1 .page-title h1{
    color: #ffffff;
    font-size: 70px;
    margin-bottom: -1px;
    margin-left: 16.666667%;
    padding-left: 15px;
    line-height: 56px;
    text-transform: capitalize;
    font-weight: 400;
}
#ir-1 .page-title{
    margin-top: auto;

}
#ir-2{
    padding-top:15px;
}
#ir-2 label, #tr-2 label {
    width: 100%;
}
#ir-2 label span, #tr-2 label span{
    color: #A8AAAD;
    font-size: 36px;
    font-weight: 400;
    line-height: 36px;
}
#ir-2 form input, #tr-2 form input{
    border: 1px solid #A8AAAD;
}
#ir-2 .your-email input, #tr-2 .your-email input{
    margin: 10px 0;
}
#ir-2 form  .wpcf7-form-control.wpcf7-textarea{
    margin:10px 0 20px;
}
#ir-2 h1, #ir-2 h2, #ir-2 h3, #ir-2 h4, #ir-2 h5, #ir-2 h6{
    color: #A8AAAD;
}
#ir-2 .section-title h2{
    font-size: 38px;
}
#tr-1{
     height: 40vh;
     background-size: cover !important;
     background-position: right center !important;
     background-repeat: no-repeat !important;
    flex-direction:column;
     width: 100%;
    display: flex;
    position: relative;
 }
#tr-1 .header-quote{
    margin: 8.33333% 0 0 8.33333%;
    padding-left: 15px;

    font-size: 26px;
    font-style: italic;
    width: 55%;
}
#tr-1 .header-quote p{
    color: #ffffff;
    line-height: 24px;
}
#tr-1 .header-quote .quote-author{
    text-align: right;
    font-size: 24px;
    margin-top: 30px;
}
#tr-1 .page-title h1{
    color: #ffffff;
    font-size: 50px;
    margin-bottom: 0;
    margin-left: 14.6666667%;

    line-height: 40px;
}
#tr-1 .page-title{
    position: absolute;
    bottom: 0;
    width:100%;

}
#tr-2{
    width: 100%;
    position: relative;
    padding: 40px 8.333333% 40px;
}
#tr-2 p{
    margin-bottom: 0;
}
#pr-1{
    height: 30vh;
    background-size: cover !important;
    background-position: right top !important;
    background-repeat: no-repeat !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#pr-1 .header-quote{
    margin: 8.33333% 0 0 8.33333%;
    padding-left: 15px;

    font-size: 32px;
    font-style: italic;
    width: 70%;
}
#pr-1 .header-quote p{
    color: #808285;
    line-height: 32px;
}
#pr-1 .header-quote .quote-author{
    text-align: right;
    font-size: 24px;
    margin-top: 30px;
}
#pr-2 .page-title h1{
    font-size: 32px;
    margin-bottom: 0;
    line-height: 32px;
    text-transform: capitalize;
    color: #1976BC;
    font-weight: 400;
    letter-spacing:-1px;
}
#pr-2 .page-title{
    margin-top: auto;

}
#pr-2 hr{
    margin: 10px 0;
    padding: 0 15px;
    border: 1px solid #400000;
}
#pr-2{
    width: 100%;
    top: 30vh;
    position: relative;
    padding: 0px 16.666667% 30vh;
}
#pr-2 p{
    margin-bottom: 0;
}
#pr-1 .quote{
    background-image: url('images/open-quote.png');
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat: no-repeat;
    height: 30px;
    width: 45px;
    margin-right: 10px;
}
#pr-1 .closequote{
    background-image: url('images/close-quote.png');
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat: no-repeat;
    height: 30px;
    width: 45px;
    margin-top: auto;
    margin-left: 10px;
}
.edgtf-footer-bottom-left p{
    margin-bottom: 0;
}
/*
*    MEDIA QUERIES
**************************************/
/* LAPTOPS*/
@media screen
and (max-height: 750px) {


}
@media screen
and (min-device-width: 1200px) {

}
/* LAPTOPS*/
@media screen
and (min-width: 1025px)
and (max-width: 1200px) {

}
/* ----------- Large Screens ----------- */
@media screen
and (min-width: 1400px) {

}

/* IPADS && TABLETS*/
/* Portrait and Landscape */
@media only screen
and (min-width: 768px)
and (max-width: 869px) {
    #hr-2-r1, #hr-2-r2{
        height: 400px;
    }
    #hr-2-r1 .row, #hr-2-r2 .row{
        height: 200px;
    }
    .small-panel{
        min-height: 200px;
    }
    .large-panel{
        min-height: 250px;
    }
    #bottom-large p{
        font-size: 20px;
    }
    .page-id-7841 #ir-1 .header-quote, .page-id-7785 #ir-1 .header-quote{
        width: 80%;
        margin-left: 10%;
    }
}

@media only screen
and (min-width: 870px)
and (max-width: 949px) {
    #hr-2-r1, #hr-2-r2{
        height: 450px;
    }
    #hr-2-r1 .row, #hr-2-r2 .row{
        height: 225px;
    }
    .small-panel{
        min-height: 225px;
    }
    .large-panel{
        min-height: 250px;
    }
    #bottom-large p{
        font-size: 22px;
    }
}

@media only screen
and (max-width: 950px) {
    .page-id-7832 #ir-1 .header-quote p{
        font-size: 22px
    }
    .page-id-7832 #ir-1 .header-quote span{
        margin-left: 37%
    }
}
@media only screen
and (min-width: 950px)
and (max-width: 1024px) {
    #hr-2-r1, #hr-2-r2{
        height: 490px;
    }
    #hr-2-r1 .row, #hr-2-r2 .row{
        height: 245px;
    }
    .small-panel{
        min-height: 240px;
    }
    .large-panel{
        min-height: 250px;
    }
    #ir-1 .header-quote{
        width: 80%;
    }
    .page-id-7832 #ir-1 .header-quote p{
        font-size: 24px
    }
    .page-id-7832 #ir-1 .header-quote span{
        margin-left: 37%
    }
    #bottom-large p{
        font-size: 28px;
    }
}
@media only screen
and (min-width: 1025px)
and (max-width: 1100px) {
    #hr-2-r1, #hr-2-r2{
        height: 490px;
    }
    #hr-2-r1 .row, #hr-2-r2 .row{
        height: 245px;
    }
    .small-panel{
        min-height: 240px;
    }
    .large-panel{
        min-height: 490px;
    }
    .page-id-7832 #ir-1 .header-quote p{
        font-size: 28px
    }
    .page-id-7832 #ir-1 .header-quote span{
        margin-left: 37%
    }
    #ir-1 .header-quote{
        width: 80%;
    }
    #bottom-large p{
        font-size: 32px;
    }
}
@media only screen
and (min-width: 1101px)
and (max-width: 1150px) {
    #hr-2-r1, #hr-2-r2{
        height: 550px;
    }
    #hr-2-r1 .row, #hr-2-r2 .row{
        height: 275px;
    }
    .page-id-7832 #ir-1 .header-quote span{
        margin-left: 40%
    }
    #ir-1 .header-quote{
        width: 80%;
    }
    #bottom-large p{
        font-size: 40px;
    }
}
@media only screen
and (min-width: 1151px)
and (max-width: 1200px) {
    #hr-2-r1, #hr-2-r2{
        height: 600px;
    }
    #hr-2-r1 .row, #hr-2-r2 .row{
        height: 300px;
    }
    .page-id-7832 #ir-1 .header-quote span{
        margin-left: 37%;
    }
    #bottom-large p{
        font-size: 45px;
    }
}
@media only screen
and (min-width: 1200px)
and (max-width: 1300px) {
    #hr-2-r1, #hr-2-r2{
        height: 650px;
    }
    #hr-2-r1 .row, #hr-2-r2 .row{
        height: 325px;
    }
    .page-id-7841 #ir-1 .header-quote p{
        font-size: .8em;
        width: 60%;
    }
    .page-id-7832 #ir-1 .header-quote span{
        margin-left: 36%;
    }
    #bottom-large p{
        font-size: 45px;
    }
}
@media only screen
and (min-width: 1301px)
and (max-width: 1350px) {
    #hr-2-r1, #hr-2-r2{
        height: 680px;
    }
    #hr-2-r1 .row, #hr-2-r2 .row{
        height: 340px;
    }
    .page-id-7832 #ir-1 .header-quote p{

        width: 75%;
    }
    .page-id-7841 #ir-1 .header-quote p{

        width: 65%;
    }
    .page-id-7832 #ir-1 .header-quote span{
        margin-left: 35%;
    }
    #bottom-large p{
        font-size: 55px;
    }
}
@media only screen
and (min-width: 1351px)
and (max-width: 1400px) {
    #hr-2-r1, #hr-2-r2{
        height: 700px;
    }
    #hr-2-r1 .row, #hr-2-r2 .row{
        height: 350px;
    }
    .page-id-7832 #ir-1 .header-quote p{

        width: 75%;
    }
    .page-id-7832 #ir-1 .header-quote p span{

    }
    .page-id-7832 #ir-1 .header-quote span{
        margin-left: 34%;
    }
}
@media only screen
and (min-width: 1401px)
and (max-width: 1460px) {
    #hr-2-r1, #hr-2-r2{
        height: 700px;
    }
    #hr-2-r1 .row, #hr-2-r2 .row{
        height: 350px;
    }
    .page-id-7832 #ir-1 .header-quote p{

        width: 70%;
    }
    .page-id-7832 #ir-1 .header-quote span{
        margin-left: 33%;
    }
}
@media only screen
and (min-width: 1461px) {
    .page-id-7832 #ir-1 .header-quote p{

        width: 70%;
    }
    .page-id-7832 #ir-1 .header-quote span{
        margin-left: 32%;
    }
    #hr-2-r1, #hr-2-r2{
        height: 750px;
    }
    #hr-2-r1 .row, #hr-2-r2 .row{
        height: 375px;
    }
}
@media only screen
and (min-width: 1550px) {
    .page-id-7832 #ir-1 .header-quote p{
        width: 80%;
    }
}
@media only screen
and (min-width: 1675px) {
   /* .page-id-7832 #ir-1 .header-quote p{

        max-width: 67%;

    }*/

}
@media only screen
and (min-width: 768px)
and (max-width: 1024px) {

}
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {

}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {

}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {


}
/* Landscape */
@media only screen
and (min-width: 768px)
and (max-width: 1024px){

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {

}
/* Portrait and Landscape */
@media
(min-device-width: 800px)
and (max-device-width: 1280px) {

}

/* Portrait */
@media
(max-device-width: 800px)
and (orientation: portrait) {

}

/* Landscape */
@media
(max-device-width: 1280px)
and (orientation: landscape) {

}
@media only screen
and (max-width: 800px) {
    .page-id-7832 #ir-1 .header-quote p{
        font-size: 20px
    }
    #ir-1 .header-quote, #tr-1 .header-quote, #pr-1 .header-quote{
        width: 90%;
    }

    #ir-1 .header-quote{
        margin: 8.33333% 0 0 0;
    }
}
/*PHONES AND SMALL DEVICES*/
/* general small devices*/
@media only screen
and (min-width: 320px)
and (max-width: 767px){
    #hr-2-r1, #hr-2-r2{
        height: auto;

    }
    #hr-2-r1 .row, #hr-2-r2 .row{
        height: 225px;
    }
    .small-panel{
        min-height: 350px;
    }
    .large-panel{
        height: 400px;
    }
    #hr-2-r1 .col-sm-6, #hr-2-r2 .col-sm-6{
        height: auto;
    }
    #top-grid{
        margin-top:5px;
    }
    #bottom-left-1, #bottom-left-2{
        padding: 0 2.5px !important;
    }
    #bottom-left-3, #bottom-left-4{
        padding: 2.5px !important;
    }
    body.logged-in #ir-1{
        height: calc(65vh - 115px);
    }
    #ir-1{
        height: calc(65vh - 80px);
    }
    #ir-1 .header-quote, #tr-1 .header-quote, #pr-1 .header-quote{
        width: 90%;
        font-size: 26px;
    }
    .page-id-7841 #ir-1 .header-quote{
        width: 80%;
        margin-left: 10%;
    }
    #ir-1 .page-title h1{
        font-size:60px;
        line-height: 48px;
        margin-left: 8.33333%;
    }
    #pr-2 .page-title h1{
        font-size: 44px;
        padding-left:0;;
    }
    #pr-2{
        padding: 0 8.333% 30vh;
    }
    #pr-2 hr{
        margin: auto 0;
    }
    .wpb_single_image.vc_align_right.service-star{
        text-align: center;
        margin-top:40px;
    }
    #bottom-large p{
        font-size: 18px;
    }
}


/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}

/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}

/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px) {

}

/* Portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {

}

/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3) {

}

/* Portrait */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {

}

/* Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {

}
/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2) {

}

/* Portrait */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2)
and (orientation: portrait) {

}

/* Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) {

}

/* Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) {

}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) {

}

/* Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) {

}