body,
h1,h2,h3,h4,h5 {
    font-family: 'Poppins', Sans-Serif;
    font-size: 14px;
}
p {
    font-family: 'Poppins', Sans-Serif;
    font-size: 16px;
    color: grey;
}
.three-quarter-vh{
    min-height: 75vh;
}
.half-vh{
    min-height: 50vh;
}
.vh-half{
    min-height: 50vh;
}
.vh-full{
    min-height: 100vh;
}
.hero-vh-full{
    min-height: 86vh;
}
.flex-align-center{
    display:flex;
    align-items: center;
}

.pos-absolute {
    position: absolute;
}
.pos-relative {
    position: relative;
}
.strip>div, .contentWidth {
    max-width: 1330px;
    width: 95%;
    margin: 0 auto;
    clear: both;
}

.testimonial-box {
    display: flex;
    border: solid thin grey;
    padding: 5vh;
}
.testimonial-image {
    align-self: center;
    position: relative;
    right: 55px;
}


.testimonial {
    min-height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    padding: 19%;
    padding-top: 10%;
    padding-bottom: 10%;
    text-align: center;
}

.start-quote {
    font-size: 92px;
    margin: 0px;
    line-height: 0px;
}
.p-testimonial{
    font-size: 24px;
    font-style: italic;
}
.heading-testimonial {
    text-align: center;
    font-size: 58px;
    font-weight: bold;
    padding-top: 55px;
    padding-bottom: 35px;
}
.header-container {
    display: flex;
}
.heading-rule-1{
    border: 0;
    color: #999;
    background-color: #999;
    height: 1px;
    margin: 0 auto;
    clear: both;
    width: 70%
}
.hero-heading {
    font-size: 72px;
    line-height: 80px;
    font-weight: bold;
    color: #586365;
}
.hero-text-container {
    display: flex;
    flex-direction: column;
    width: 78%;
    align-self: flex-end;
}
.hero-paragraph {
    font-size: 16px;
    font-weight: 400;
    color: grey;
    max-width: 54ch;
}
.hero-sub-heading {
    font-size: 16px;
    text-transform: uppercase;
    color: #909090;
}
header {
    -webkit-box-shadow: 7px 11px 5px -10px rgba(0,0,0,0.75);
    padding-bottom: 3vh;
    -moz-box-shadow: 7px 11px 5px -10px rgba(0,0,0,0.75);
    box-shadow: -2px 6px 6px -10px rgba(0,0,0,0.75);
    padding-top: 3vh;
}
.dropDownMenu {
    max-width: 550px;
    align-items: flex-end;
    align-self: center
}
.hero {
    display: flex;
    align-items: flex-end;
    height: 50vh;
    justify-content: flex-end;

}
.services-container {
    position: absolute;
    bottom: -4px;
    width: 60%;
    margin: auto;
    height: 22vh;
    background-color: blue;
    display: block;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.service {
    background-color: #8cc739;
    flex-basis: 25%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.square-period{

}
.square-period:after {
    content: "";
    width: 25px;
    height: 25px;
    background: #8cc739 url(https://images.listingmanager.com/clientfiles/208/square-period.jpg) no-repeat -32px -37px fixed;
    /* top: 10px; */
    /* right: 14px; */
    left: 8px;
    position: relative;
    display: inline-block;
}
.introduction {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 75vh;
}
.introduction p {
    max-width: 76ch;
    line-height: 30px;
}
.introduction h2 {
    font-size: 48px;
    color: #586365;
    padding-bottom: 2vh;
}
.introduction h2::before {
    content: "";
    border-left: solid thick #8cc739;
    padding-bottom: 2vh;
    padding-left: 1vh;
}
.portfolio-text {
    display: flex;
    justify-content: center;
    align-items: center;
}
.portfolio-text h2 {
    font-size: 48px;
    color: #586365;
    padding-bottom: 2vh;
}
.flex-center {
    max-width: 65ch;
}
.arrow-box {
	border: 4px solid #;
}
.arrow-box:after, .arrow_box:before {
	top: 100%;
	left: 5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow-box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #FFFFFF;
	border-width: 46px;
	margin-left: -46px;
}
.arrow-box:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #;
	border-width: 52px;
	margin-left: -52px;
}
/*################### services section #################### */
.web-design {
    background-color: #085dad;
    display: flex;
    justify-content: center;
    align-items: center;
}
.marketing {
    background-color: #085dad;
}

section.testimonial-2 {
    padding-right:7px;
    max-width: 55ch;
}
/* ####################################### 
                padding
   ###################################### */

.p-y-md {
    padding-top: 50px;
    padding-bottom: 50px;
}
.p-y-vh-md {
    padding-top: 10vh;
    padding-bottom: 10vh;
}


/* ####################################### 
                Form Styling 
   ###################################### */
    .heading-1{
       font-size: 68px;
      
    }
   .heading-2{
       font-size: 58px;
       padding-top:45px;
       padding-bottom: 25px;
   }

   .heading-3{
       font-size: 24px;
       text-transform: uppercase;
       padding-bottom: 65px;
   }

   input[type="text"], input[type="password"], input[type="number"], textarea {
    border: solid 1px #ddd;
    padding: .55em;
    width: 100%;
    border-top: none;
    border-right: none;
    border-left: none;
}
.formDiv {
    margin-bottom: 10px;
    max-width: 800px;
    margin: auto;
}
:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-color: #8ccaff;;
    outline-style: auto;
    outline-width: 1px;
}


.g-recaptcha {
    display: block;
    width: 310px;
    margin: auto;
    margin-top: 0px;
}
.error {
    border: solid 1px #d00;
    border-color: #d00 !important;
}

#btnSubmit_1180{
    width: 300px;
    height: 38px;
    display: block;
    margin: auto;
    background-color: red;
    border: none;
    color: white;
}

/* ####################################### 
                backgrounds
   ###################################### */

   .bg-pitt {
       background-image: url("https://images.listingmanager.com/clientfiles/208/fort-pit-bridge.jpg");
       min-height: 87vh;
       background-size: cover;
       background-position: center center;
       color:white;
   }
    .bg-about {
        background-image: url(https://images.listingmanager.com/clientfiles/208/about-section.jpg);
        /* min-height: 100vh; */
        /* background-size: cover; */
        background-position: left center;
        color: white;
        background-repeat: no-repeat;
}
    .bg-joyce {
        background-image: url(https://images.listingmanager.com/clientfiles/208/joyce-section.png);
        /* min-height: 100vh; */
        /* background-size: cover; */
        background-position: top right;
        color: white;
        background-repeat: no-repeat;
}

   .bg-integrity-site {
       background-image: url("https://images.listingmanager.com/clientfiles/208/integrity.jpg");
       color:white;
       background-size: cover;
        background-position: top left;
   }
   .bg-baron {
       background-image: url("https://images.listingmanager.com/clientfiles/208/baron.jpg");
       color:white;
       background-size: cover;
        background-position: top left;
   }
   .bg-grid {
        background-image: url("https://images.listingmanager.com/clientfiles/208/grid-texture.jpg");
       background-repeat: no-repeat;
        background-position: top left;
   }
.portfolio-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background-color: rgba(7, 88, 164, 0.54);
}
.client-title {
    color: white;
    z-index: 1000;
    position: relative;
    top: 50%;
    bottom: 50%;
    left: 50%;
    margin: auto;
    display: flex;
    transform: translateX(-50%);
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
}
  .bg-house-keys-strip {
       background-image: url("https://images.listingmanager.com/clientfiles/208/template_4/section-template-images/house-keys-half-strip.jpg?v=1536699503");
       min-height: 50vh;
       color:white;
   }

    .bg-home-dark{
    background-image: url("https://images.listingmanager.com/clientfiles/208/template_4/section-template-images/home-navy-overlay.jpg?v=1537209966");
    background-position: center center;
    background-size: cover;

 }
 .bg-texture{
     background-image: url("https://images.listingmanager.com/clientfiles/208/files/pixel_weave_@2x.png");
     background-repeat: repeat;
     min-height: 80vh;

 }

    .bg-map-gradient {
      background-image: url("https://images.listingmanager.com/clientfiles/208/files/gradient-map-strip.jpg");
      background-position: center center;
      background-size: cover;
      min-height: 25vh;
    }
    .bg-neighborhood {
      background-image: url("https://images.listingmanager.com/clientfiles/208/files/neighborhood-background.jpg");
      background-position: center center;
      background-size: cover;
      min-height: 95vh;
    }
    .bg-agent-hero {
    background-image: url(https://images.listingmanager.com/clientfiles/208/agent-template-2/johnny-d-portrait.jpg);
    background-size: cover;
    background-position: center center;
    min-height: 100vh;
}
    .grey-overlay {
    background-color: rgba(124, 112, 107, 0.65);
    min-height: 100vh;
    }

      .bg-testimonial {
      background-image: url("https://images.listingmanager.com/clientfiles/208/files/lm-icons/gradient-testimonial-dark.jpg");
      background-position: center center;
      background-size: cover;
      min-height: 35vh;
    }

   .flex-paragraph {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

   .flex-center-xy{
       display:flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
   }

   .max-ch{
       max-width: 65ch;
   }
   .heading-display {
    font-size: 62px;
}

   .p-button {
    width: 210px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 35px;
    padding-right: 35px;
    border: solid thin white;
    /* background-color: white; */
}


.lm-icons {
    width: 65px;
    margin: auto;
}


/* --------- testimonial ----------- */


/* Homepage Testimonials Slider */

#testimonialBar {
	
	padding: 40px 40px;
	text-align: center;
	color: white;
	min-height: 406px;
	position: relative;
}

	#testimonialBar h2 {
		font-size: 2.5em;
		text-align: center;
		color: white;
	}

		#testimonialBar h2:after {
			background: rgba(133, 133, 133, 0.5);
			content: "";
			display: block;
			height: 1px;
			margin: 25px auto 15px;
			width: 270px;
		}

#testimonialsSlideshow,
#testimonialsSlideshow li {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 24px;
	color: #fff;
	font-size: 18px;
	width: 100%;
	clear: both;
}

ul#testimonialsSlideshow {
	text-align: center;
	width: 80%;
	max-width: 1600px;
	overflow: hidden;
	margin: 0 auto;
	float: none;
}

.testimonialImageDiv {
    width: 124px;
    height: 124px;
    float: left;
    margin-right: 14px;
    border-radius: 100% !important;
    overflow: hidden;
    background-color: transparent;
}

.testimonialImageDiv img {
	max-width: 1000%;
    width: 150%;
	transform: translate(-15%, -10%);
}

.testimonialAgentDiv {
	display: inline-block;
	text-align: left;
	margin: 35px 0 0 0;
	padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
   
}

.testimonialNameDiv {
	color: #ffffff;
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

.testimonialPositionDiv {
    color: #ffffff;
    margin: 0 0 0 20px;
    font-size: 13px;
    font-style: italic;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.greyFont {
	color: #999999;
}


.testimonialsPrev, .testimonialsNext {
    display: block;
    width: 0px;
    height: 110px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 0;
    z-index: 1000000;
    background-color: rgba(26, 26, 26, 0.5);
    transition: all 0.3s ease-out;
    overflow: hidden;
    cursor: pointer;
}
#testimonialBar:hover .testimonialsPrev,
#testimonialBar:hover .testimonialsNext {
	width: 75px;
}

.testimonialsPrev {
	left: 50px;
}

.testimonialsNext {
	right: 50px;
}


	.testimonialsPrev:after,
	.testimonialsNext:after {
		color: rgba(255, 255, 255, .9);
		font-family: FontAwesome;
		font-size: 25px;
		line-height: 40px;
		height: 40px;
		width: 40px;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}

	.testimonialsPrev:after {
		content: "\f104";
		transform: translateX(-1px);
	}

	.testimonialsNext:after {
		content: "\f105";
		transform: translateX(1px);
	}

	.testimonialsPrev:before,
	.testimonialsNext:before {
		content: "";
		display: block;
		height: 40px;
		width: 40px;
		color: rgba(255, 255, 255, .9);
		border: solid 2px rgba(255, 255, 255, .5);
		border-radius: 100%;
		padding: 5px;
		pointer-events: none;

		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}

	.testimonialsPrev:hover:before,
	.testimonialsNext:hover:before {
		color: rgba(255, 255, 255, .9);
		border-color: rgba(255, 255, 255, .9);

	}