/* CSS talk bubble */


/*Right triangle, placed bottom right side slightly in*/
.tri-right.border.btm-right-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: 30px;
	bottom: -40px;
	border: 20px solid;
	border-color: #666 #666 transparent transparent;
}
.tri-right.btm-right-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
    left: auto;
	right: 38px;
	bottom: -20px;
	border: 12px solid;
	border-color: white white transparent transparent;
}


/*Right triangle, placed bottom right side slightly in*/
.tri-right.border.btm-right:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -8px;
	bottom: -40px;
	border: 20px solid;
	border-color: #666 #666 transparent transparent;
}
.tri-right.btm-right:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: 0px;
	bottom: -20px;
	border: 12px solid;
	border-color: white white transparent transparent;
}

/* Right triangle, right side slightly down*/
.tri-right.border.right-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -40px;
  top: 30px;
	bottom: auto;
	border: 20px solid;
	border-color: #666 transparent transparent #666;
}
.tri-right.right-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -50px;
  top: 50%;
	bottom: auto;
	border: 25px solid;
	border-color: white transparent transparent white;
}

/* Right triangle placed top right flush. */
.tri-right.border.right-top:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -40px;
  top: -8px;
	bottom: auto;
	border: 32px solid;
	border-color: #666 transparent transparent transparent;
}
.tri-right.right-top:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -20px;
  top: 0px;
	bottom: auto;
	border: 20px solid;
	border-color: white transparent transparent transparent;
}

/* Right triangle placed middle left flush. */
.tri-right.left-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -50px;
	right: auto;
  top: 50%;
	bottom: auto;
	border: 25px solid;
	border-color: white white transparent transparent;
}






/*==========  Mobile First Method  ==========*/


/* Overrides  Start */
#MainContent {
  padding-top: 0;
}

.officeagent-results {
  width: 100%;
  background:#f1f1f1;
}
/* Overrides  Start */
#recruit_downArrow > label,
#recruit_downArrow > i,
#recruit_upArrow > label,
#recruit_upArrow > i
 {
    cursor:pointer;
}
.recruit-heading,
.recruit-testimonial,
.recruit-form {
    padding: 30px 0;
    transition: 0.5s all;
}


.recruit-heading {
    background: #004793 none repeat scroll 0 0;
}

.recruit-ladder {
    background: #b4d3ea none repeat scroll 0 0;
}

.recruit-testimonial {
    background: #004793 none repeat scroll 0 0;
}

.recruit-form {
    background: #fff;
}
.recruit-form-heading {
  color: #0054a4;
  font-size: 18px;
  font-weight: 400;
  margin: 0 auto 25px;
  text-align: center;
}
.ladder-blurb {
    left: 0;
    position: absolute;
    right: 0;
    transition: 0.5s all;
    margin-top: 30px;
}

    .ladder-blurb p {
        color: #004895;
        font-weight: 600;
        transition: 0.5s all;
        font-size: 14px;
        line-height: 18px;
    }

.recruit-bubble {
    background: #fff;
    border-radius: 10px;
    color: #fff;
    margin: 30px auto;
    padding: 30px 15px;
    position: relative;
    text-align: center;
    width: 100%;
    transition: 0.5s all;
}

    .recruit-bubble::after {
        border-color: #fff transparent;
        border-style: solid;
        border-width: 0 15px 20px;
        content: "";
        display: block;
        position: absolute;
        right: 46%;
        top: -20px;
        width: 0;
        z-index: 1;
    }

.recruit-blue, .recruit-red {
    color: #0054a4;
    display: block;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin: 0 auto 5px;
    transition: 0.5s all;
}

.btn.btn-search {
    font-size: 16px;
    white-space: normal;
    margin-top:15px;
    color:#fff;
}

.recruit-red {
    color: #d9001a;
}

.recruit-balloon {
    display: inline-block;
    transition: 0.5s all;
    max-width: 100px;
}


#recruit-carousel {
    z-index: 0;
}

    #recruit-carousel a.left em,
    #recruit-carousel a.right em {
        font-size: 42px;
    }

    #recruit-carousel .carousel-control .fa-angle-left,
    #recruit-carousel .carousel-control .fa-angle-right,
    #recruit-carousel .carousel-control .icon-next,
    #recruit-carousel .carousel-control .icon-prev {
        display: inline-block;
        margin-top: -10px;
        position: absolute;
        top: 50%;
        z-index: 5;
    }


    #recruit-carousel a.left em,
    #recruit-carousel a.right em {
        color: #fff;
    }

    /* Control buttons  */
    #recruit-carousel .carousel-control {
        background: none;
        color: #222;
        width:auto;
    }
        /* Previous button  */
        #recruit-carousel .carousel-control.left {
            left: -12px;
        }
        /* Next button  */
        #recruit-carousel .carousel-control.right {
            right: -12px !important;
        }


    #recruit-carousel img {
        max-width: 185px;
        max-height: 185px;
    }
/* End carousel */

.item blockquote {
    border: none;
    margin: 0;
}

    .item blockquote img {
        margin-bottom: 10px;
    }

    .item blockquote p:before {
        content: "\f10d";
        font-family: 'Fontawesome';
        float: left;
        margin-right: 10px;
        color: #4483c4;
    }

#recruit-carousel.carousel,
#recruit-carousel.carousel .item {
    height: auto;
    background: transparent;
}

    #recruit-carousel.carousel .carousel-inner {
        display: inline-block;
    }

#recruit-carousel h2 {
    color: #fff;
    font-size: 18px;
}

#recruit-carousel p.testimonial {
    color: #fff;
    font-size: 14px;
}

#recruit-carousel h3 {
    color: #fff;
    font-size: 16px;
    margin-top: 5px;
}

#recruit-carousel h4 {
    color: #4184cd;
    font-size: 13px;
}

.img-ladder {
    display: block;
    height: auto;
    width: 100%;
    margin: 0 auto;
    transition: 0.5s all;
}

.ladder-txt {
    font-weight: 400;
    color: #fff;
    font-size: 11px;
}

.fubar {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    text-align: center;
    transition: 0.5s all;
}

.ladder-txt,
.rung-one,
.rung-two,
.rung-three,
.rung-four,
.rung-five,
.rung-six {
    transition: 0.5s all;
}

.img-ladder {
    max-width: 320px;
}

.rung-one {
    margin-top: 9px;
}

.rung-two {
    margin-top: 10px;
}

.rung-three {
    margin-top: 16px;
}

.rung-four {
    margin-top: 18px;
}

.rung-five {
    margin-top: 24px;
}

.rung-six {
    margin-top: 30px;
}

.officeagent-filter-name-btn,
.officeagent-filter-name {
  padding-left: 0;
  padding-right: 0;
}


 #recruit-form {
    padding-top:100px;
    margin-top:-100px;
    }

.right {
    text-align:right;
}

.left {
     text-align:left;
}

.office-photo {width:100%; height:auto; margin:25px 0 0; padding:0;}

.office-comm {padding-top: 25px;}

.office-addr {
    width: 100%;

}

.officeagent-results {
    border-radius: 10px;
}

.pagination-container {margin:0 0 20px;}

.office-addr span, .agent-addr span {display:inline-block;}

.office-addr {padding:0;}

.officeagent-list-item.row {padding-bottom:25px;}

.nopad-desktop {padding-left:15px; padding-right:15px;}


/* ------- MEDIA QUERIES ------- */
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    #recruit-carousel.carousel, #recruit-carousel.carousel .item {
    height: 625px;
}
    .img-ladder {
        max-width: 320px;
    }

    .ladder-txt {
        font-size: 12px;
    }

    .rung-one {
        margin-top: 10px;
    }

    .rung-two {
        margin-top: 12px;
    }

    .rung-three {
        margin-top: 19px;
    }

    .rung-four {
        margin-top: 21px;
    }

    .rung-five {
        margin-top: 27px;
    }

    .rung-six {
        margin-top: 35px;
    }
}

/* Extra Small Devices, Portrait Phones */
@media only screen and (min-width : 480px) {

    #recruit-carousel.carousel,
#recruit-carousel.carousel .item {
    height: 525px;
    background: transparent;
}
    .recruit-balloon {
        max-width: 120px;
    }

    .recruit-bubble::after {
        right: 47%;
    }

    .ladder-blurb {
        margin-top: 60px;
    }

        .ladder-blurb p {
            font-size: 16px;
            line-height: 28px;
            margin: 0 auto;
            width: 80%;
        }

    .img-ladder {
        max-width: 480px;
    }

    .ladder-txt {
        font-size: 16px;
    }

    .rung-one {
        margin-top: 17px;
    }

    .rung-two {
        margin-top: 21px;
    }

    .rung-three {
        margin-top: 31px;
    }

    .rung-four {
        margin-top: 34px;
    }

    .rung-five {
        margin-top: 44px;
    }

    .rung-six {
        margin-top: 55px;
    }
}

/* Small Devices, Landscape Phones and Phablets, Portrait Tablets, Small Desktops */
@media only screen and (min-width : 768px) {

    .nopad-desktop {
        padding-left: 0px;
        padding-right: 0px;
    }

    #recruit-carousel.carousel,
#recruit-carousel.carousel .item {
    height: auto;

}
    /*  Overrides  */
     #recruit-form {
    padding-top:170px;
    margin-top:-170px;
    }

    .office-addr, .agent-addr {
  margin-top: 30px;
  padding-left: 25px;
}


    #Header {
  margin-bottom: 120px;
}
    .img-ladder {
        max-width: 768px;
    }


    .ladder-txt {
        font-size: 20px;
    }

    .rung-one {
        margin-top: 33px;
    }

    .rung-two {
        margin-top: 40px;
    }

    .rung-three {
        margin-top: 59px;
    }

    .rung-four {
        margin-top: 64px;
    }

    .rung-five {
        margin-top: 78px;
    }

    .rung-six {
        margin-top: 95px;
    }

    .recruit-bubble::after {
        right: 48%;
    }

    #recruit-carousel {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
    }


    .recruit-heading,
    .recruit-testimonial {
        padding: 60px 0;
    }
 .recruit-form {
        padding: 40px 0;
    }
 .recruit-form-heading {
  font-size: 26px;
  margin: 0 auto 45px;

}
    .ladder-blurb {
        margin-top: 100px;
    }

        .ladder-blurb p {
            font-size: 20px;
            line-height: 36px;
            width: auto;
        }


    .recruit-blue, .recruit-red {
        font-size: 26px;
        line-height: 32px;
    }

    .btn.btn-search {
        font-size: 20px;
    }
     input.btn.btn-search {
        font-size: 18px;
      
    }
    .recruit-balloon {
        max-width: 140px;
    }


    #recruit-carousel h2 {
        font-size: 32px;
    }

    #recruit-carousel p.testimonial {
        font-size: 16px;
    }

    #recruit-carousel h3 {
        font-size: 16px;
    }

    #recruit-carousel h4 {
        font-size: 15px;
    }
}

/* Medium Devices, Landscape Tablets, Laptops, Desktops */
@media only screen and (min-width : 992px) {
   
     .recruit-form-heading {
  font-size: 32px;


}
    .img-ladder {
        max-width: 992px;
    }


    .ladder-txt {
        font-size: 22px;
    }

    .rung-one {
        margin-top: 45px;
    }

    .rung-two {
        margin-top: 60px;
    }

    .rung-three {
        margin-top: 80px;
    }

    .rung-four {
        margin-top: 89px;
    }

    .rung-five {
        margin-top: 107px;
    }

    .rung-six {
        margin-top: 125px;
    }

    .recruit-bubble::after {
        right: 48%;
    }


    .recruit-heading,
    .recruit-testimonial {
        padding: 90px 0;
    }

    .ladder-blurb {
        margin-top: 100px;
    }

        .ladder-blurb p {
            font-size: 30px;
            line-height: 46px;
        }


    .recruit-blue, .recruit-red {
        font-size: 32px;
        line-height: 38px;
    }

    .btn.btn-search {
        font-size: 26px;
        white-space: normal;
    }
     input.btn.btn-search {
        font-size: 18px;
      
    }
    .recruit-balloon {
        max-width: 160px;
    }


    #recruit-carousel h2 {
        font-size: 42px;
    }

    #recruit-carousel p.testimonial {
        font-size: 18px;
    }

    #recruit-carousel h3 {
        font-size: 18px;
    }

    #recruit-carousel h4 {
        font-size: 15px;
    }
}

/* Large Devices, Large Desktops, Wide Screens */
@media only screen and (min-width : 1200px) {
    .recruit-balloon {
        max-width: 180px;
    }

    .recruit-blue, .recruit-red {
        font-size: 40px;
        line-height: 48px;
    }

    input.btn.btn-search {
        font-size: 18px;
      
    }
    .btn.btn-search {
        font-size: 30px;
        white-space: normal;
    }


    .ladder-blurb {
        margin-top: 120px;
    }

        .ladder-blurb p {
            font-size: 32px;
            line-height: 48px;
        }

    .img-ladder {
        max-width: 1150px;
    }

    .ladder-txt {
        font-size: 24px;
    }

    .rung-one {
        margin-top: 55px;
    }

    .rung-two {
        margin-top: 70px;
    }

    .rung-three {
        margin-top: 95px;
    }

    .rung-four {
        margin-top: 105px;
    }

    .rung-five {
        margin-top: 125px;
    }

    .rung-six {
        margin-top: 150px;
    }
}