/***/

body{background:#f4fafa;}

.agent-section { padding: 20px 0 20px 0; }
.agent-section p{ color:#072e6d;}
.agent-section .agent-main-info { padding-bottom: 15px; }
.agent-section .agent-main-info .agent-personal-info .agent-image { float: left; margin-right: 40px; box-shadow: 10px 5px 20px 10px #E1E5EA; }
.agent-section .agent-main-info .agent-personal-info .agent-info { float: left; text-align:left;}
.agent-section .agent-main-info .agent-personal-info .agent-info h1 { margin-top: 15px; font-size: 32px; line-height: 36px;color:#020F48;font-weight:bold; }
.agent-section .agent-main-info .agent-personal-info .agent-info p.agency { margin: 0; letter-spacing: 0; color: #929FB4; text-transform: uppercase; }
.agent-section .agent-main-info .agent-personal-info .agent-info ul { display: block; margin: 25px 0 15px 0; padding: 0; }
.agent-section .agent-main-info .agent-personal-info .agent-info ul li { display: block; float: left; margin: 0 25px 0 0; padding: 0; }
.agent-section .agent-main-info .agent-personal-info .agent-info ul li:last-child { margin-right: 0; }
.agent-section .agent-main-info .agent-personal-info .agent-info ul li a { display: block; color: #0ABAF2; font-size: 15px; text-decoration: none; }
.agent-section .agent-main-info .agent-personal-info .agent-info ul li a.website { padding-left: 22px; background: url('./images/website_icon@2x.png') no-repeat left center; background-size: 15px 15px; }
.agent-section .agent-main-info .agent-personal-info .agent-info ul li a.listings { padding-left: 25px; background: url('./images/listing_icon@2x.png') no-repeat left center; background-size: 16px 12px; }
.agent-section .agent-main-info .agent-personal-info .agent-info ul li a.directions { padding-left: 20px; background: url('./images/directions_icon@2x.png') no-repeat left center; background-size: 12px 17px; }
.agent-section .agent-main-info .agent-personal-info .agent-info p.languages { padding-left: 17px; color: #929FB4; font-size: 14px; background: url('./images/language.png') no-repeat left center; background-size: 12px 12px; }

.agent-section .agent-main-info .agent-contact-info .info-list { display: block; margin: 25px 0 0 0; padding: 0; text-align: right; }
.agent-section .agent-main-info .agent-contact-info .info-list li { display: inline-block; margin: 0 0 0 30px; }
.agent-section .agent-main-info .agent-contact-info .info-list li:first-child { margin-left: 0; }
.agent-section .agent-main-info .agent-contact-info .info-list li img { display: block; width: 50px; height: 50px; }
.agent-section .agent-main-info .agent-contact-info .phone-email { display: block; margin: 45px 0 0 0; padding: 0; text-align: right; }
.agent-section .agent-main-info .agent-contact-info .phone-email li { display: inline-block; margin: 0; padding: 0; }
.agent-section .agent-main-info .agent-contact-info .phone-email li.phone a{ padding-left: 25px; font-size: 18px; font-weight: bold; text-decoration: none; color: #114190; background: url('./images/phone@2x.png') no-repeat left 5px; background-size: 15px 15px; }
.agent-section .agent-main-info .agent-contact-info .phone-email li .email { display: block; margin-left: 28px; padding: 15px 35px; font-size: 15px; text-decoration: none; color: #FFFFFF; background: #EA5239; }

.agent-section .agent-details .other-details .description { padding-bottom: 40px;color:#072e6d;font-size:14px;text-align:left; }
.agent-section .agent-details .other-details .description img { display: block; margin: 0 0 35px 0; width: 100%; height: auto; }
.agent-section .agent-details .other-details .description .contact-details { margin: 35px 0;  padding-top: 30px; border-top: 2px solid #BEC8D9; }
.agent-section .agent-details .other-details .description .contact-details h6 { margin-bottom: 18px; font-size: 14px; font-weight:bold;letter-spacing: 0.84px; color: #0ABAF2; text-transform: uppercase; }
.agent-section .agent-details .other-details .description .contact-details .address { margin: 0 0 10px 0; padding-left: 20px; font-size: 15px; background: url('./images/material-location-on@2x.png') no-repeat left center; background-size: 10px 15px; }
.agent-section .agent-details .other-details .description .contact-details .phone { margin: 0; padding-left: 20px; font-size: 15px; background: url('./images/phone@2x.png') no-repeat left center; background-size: 12px 12px; }
.agent-section .agent-details .other-details .description .contact-details ul { display: block; margin: 0; padding: 0; text-align: right; }
.agent-section .agent-details .other-details .description .contact-details ul li { display: inline-block; margin: 0; padding: 0; }
.agent-section .agent-details .other-details .description .contact-details ul li a { display: block; width: 34px; height: 34px; }
.agent-section .agent-details .other-details .description .contact-details ul li a.facebook { background: url('./images/fb@2x.png') no-repeat left center; background-size: 100% auto; }
.agent-section .agent-details .other-details .description .contact-details ul li a.twitter { background: url('./images/tw@2x.png') no-repeat left center; background-size: 100% auto; }
.agent-section .agent-details .other-details .description .contact-details ul li a.linkedin { background: url('./images/in@2x.png') no-repeat left center; background-size: 100% auto; }
.agent-section .agent-details .other-details .description .contact-details ul li a.pinterest { background: url('./images/pin@2x.png') no-repeat left center; background-size: 100% auto; }

.agent-section .agent-details .contact-agent .contact-form {text-align:left;margin-bottom: 40px; padding: 30px; background: #FFFFFF; box-shadow: 0px 24px 44px #1141901C; }
.agent-section .agent-details .contact-agent .contact-form .form-title {font-weight:bold; margin-bottom: 10px; font-size: 32px; letter-spacing: 0px; color: #0ABAF2; font-weight: 600; }
.agent-section .agent-details .contact-agent .contact-form .form-subtitle { margin: 0; }
.agent-section .agent-details .contact-agent .contact-form form { padding-top: 10px; }
.agent-section .agent-details .contact-agent .contact-form form input,
.agent-section .agent-details .contact-agent .contact-form form select,
.agent-section .agent-details .contact-agent .contact-form form textarea { display: block; padding: 11px 14px; width: 100%; background: #FFFFFF; border: 2px solid #E7EDF8; font-size: 14px; }
.agent-section .agent-details .contact-agent .contact-form form input { margin-top: 15px; }
.agent-section .agent-details .contact-agent .contact-form form select { color: #114190; }
.agent-section .agent-details .contact-agent .contact-form form label { margin: 25px 0 8px 0; font-size: 12px; letter-spacing: 1.44px; color: #114190; text-transform: uppercase; font-weight: 600; }
.agent-section .agent-details .contact-agent .contact-form form textarea { margin-top: 25px; }
.agent-section .agent-details .contact-agent .contact-form form input[type="submit"] { margin-top: 25px; background: #0ABAF2; color: #FFFFFF; border-color: #0ABAF2; font-size: 16px; font-weight: 600; }
.agent-section .agent-details .contact-agent .contact-form form .select2-container--default .select2-selection--single .select2-selection__arrow { top: 13px; }
.agent-section .agent-details .contact-agent .contact-form form .select2.select2-container .select2-selection { padding: 8px 14px; height: 48px; line-height: 48px; width: 100%; background: #FFFFFF; border: 2px solid #E7EDF8; font-size: 14px; }
.agent-section .agent-details .contact-agent .contact-form .form-subtitle { margin: 0; }

.agent-section .agent-details .contact-agent .contact-location .title { margin-bottom: 8px; font-weight: bold; font-size:14px;text-align:left;}
.agent-section .agent-details .contact-agent .contact-location img { display: block; margin-top: 10px; width: 100%; height: auto; }

.agent-section .agent-details .other-details .reviews { padding-top: 30px; border-top: 2px solid #BEC8D9; }
.agent-section .agent-details .other-details .reviews .review-title { position: relative; }
.agent-section .agent-details .other-details .reviews .review-title h3 {color:#020F48;font-weight:bold;text-align:left;font-size: 32px; line-height: 120%; }
.agent-section .agent-details .other-details .reviews .review-title .add-review { position: absolute; top: 3px; right: 0; padding: 8px 15px; background: #D8EDED; color: #020F48; text-align: center; font-size: 14px; line-height: 120%; text-decoration: none; }
.agent-section .agent-details .other-details .reviews .review-container { margin-top: 35px; padding: 30px; background: #FFFFFF; }
.agent-section .agent-details .other-details .reviews .review-container .review-header { position: relative; margin-bottom: 30px; }
.agent-section .agent-details .other-details .reviews .review-container .review-header .reviewer-img { display: block; float: left; margin-right: 25px; width: 58px; height: 58px; box-shadow: 10px 10px 20px 1px #E1E5EA; }
.agent-section .agent-details .other-details .reviews .review-container .review-header .reviewer-details { float: left;text-align:left; }
.agent-section .agent-details .other-details .reviews .review-container .review-header .reviewer-details .name { margin: 0; max-width: 235px; font-size: 22px; color: #114190; font-weight: 600; }
.agent-section .agent-details .other-details .reviews .review-container .review-header .reviewer-details .date { margin: 0; font-size: 14px; color: #BEC8D9; }
.agent-section .agent-details .other-details .reviews .review-container .review-header .stars { position: absolute; top: 8px; right: 0; width: 150px; }
.agent-section .agent-details .other-details .reviews .review-container .review-header .stars span { display: block; float: left; color: #114190; font-size: 14px; }
.agent-section .agent-details .other-details .reviews .review-container .review-header .stars img { display: block; float: left; margin-left: 3px; width: 22px; height: 21px; }
.agent-section .agent-details .other-details .reviews .review-container p { margin: 0; color: #114190; text-align:left;}
@media (max-width: 1199px) {
    .agent-section .agent-main-info .agent-contact-info .info-list li { margin-left: 20px; }
    .agent-section .agent-main-info .agent-contact-info .phone-email li .email { padding: 15px 30px 15px 65px; background-position: 35px 17px; }
}
@media (max-width: 991px) {
    .agent-section .agent-main-info .agent-contact-info .info-list,
    .agent-section .agent-main-info .agent-contact-info .phone-email { text-align: left; }
    .agent-section .agent-details .contact-agent .contact-form { margin-top: 40px; }
}
@media (max-width: 767px) {
    .agent-section .agent-details .other-details .description .contact-details ul { margin-top: 20px; text-align: left; }
}
@media (max-width: 576px) {
    .agent-section .agent-main-info .agent-contact-info .phone-email { margin-top: 10px; }
    .agent-section .agent-main-info .agent-contact-info .phone-email li { width: 100%; }
    .agent-section .agent-main-info .agent-contact-info .phone-email li a { margin: 25px 0 0 0 !important; display: inline-block !important; }
    .agent-section .agent-details .other-details .reviews .review-container .review-header .reviewer-details .name { max-width: 100%; }
    .agent-section .agent-details .other-details .reviews .review-container .review-header .stars { position: static; display: block; float: left; width: 100%; margin-top: 15px; }
}

.cities-section { padding: 0px; }
.cities-section .first-col { padding-right: 50px; }
.cities-section .second-col { padding-left: 25px; padding-right: 25px; }
.cities-section .third-col { padding-left: 50px; }
.cities-section .title { position: relative; margin-bottom: 18px; }
.cities-section .title h2 { padding-right: 170px; font-size: 48px; line-height: 65px; }
.cities-section .title h3 {color:#020F48;font-weight:bold;text-align:left;font-size: 32px;}
.cities-section .see-all {position: absolute;bottom: -60px;right: 25px;width:150px;padding: 14px 25px;background: #0ABAF2;color: #FFFFFF;text-align: center;font-size: 16px;text-decoration: none;cursor: pointer;}
.cities-section .city-container { text-align:left;margin-top: 18px; padding: 20px 20px 20px 50px; background: #e4f3f3 url("./images/city_icon@2x.png") no-repeat 20px 20px; background-size: 19px 20px; }
.cities-section .city-container .city-title a{ color: #020F48; font-weight: 500;text-decoration:none; font-size:16px;}

#listDirectoryTopCities{position:relative;margin-bottom:60px;}

@media (max-width: 991px) {
    .cities-section .first-col { padding-right: 15px; }
    .cities-section .second-col { padding-left: 15px; padding-right: 15px; }
    .cities-section .third-col { padding-left: 15px; }
}

.terms-section { padding: 20px 0; }
.terms-section h3, .terms-section h2{ margin-bottom: 10px; font-size: 32px; line-height: 120%;color:#020F48;font-weight:bold;text-align:left; }
.terms-section .term-container { margin-top: 20px; padding: 20px; background-color: #FFFFFF;text-align:left;}
.terms-section .term-container .term-title{ position: relative; padding: 10px 20px 18px 0; min-height: 75px; color: #020F48; font-size: 18px; line-height: 125%; font-weight: bold; background: url('./images/more_icon.png') no-repeat right 13px; background-size: 16px 17px; }
.terms-section .term-container .term-title a{color: #020F48; font-size: 18px; line-height: 125%; font-weight: bold;text-decoration:none;}
.terms-section .term-container .term-content{min-height:140px;}
.terms-section .term-container .term-content p { color: #114190;font-size:14px; }
.terms-section .term-container .term-content p span { font-weight: bold; }
@media (max-width: 1199px) {
    .terms-section .term-container .term-title { font-size: 16px; min-height: 75px; }
}
@media (max-width: 991px) {

}
@media (max-width: 767px) {
    .terms-section .term-container .term-title { min-height: 75px; }
}
@media (max-width: 576px) {
    .terms-section .term-container .term-title { min-height: auto; }
}

.faq-section { padding: 20px 0; }
.faq-section h3 { margin-bottom: 5px; font-size: 32px; line-height: 120%;  font-weight: bold; color: #020F48;text-align:left;}
.faq-section .faq-container { margin-top: 20px; padding: 20px; border: 2px solid #BEC8D9; }
.faq-section .faq-container .faq-title { position: relative; }
.faq-section .faq-container .faq-title p { text-align:left;margin: 0; padding-right: 50px; color: #072E6D; font-size: 20px; line-height: 150%; font-weight: 600; }
.faq-section .faq-container .faq-title p a{color: #072E6D; font-size: 20px; line-height: 150%; font-weight: 600; text-decoration:none;}
.faq-section .faq-container .faq-title span { position: absolute; right: 0; top: 24px; cursor: pointer; width: 23px; height: 10px; }
.faq-section .faq-container .faq-title span.close { background: url('./images/Path1696@2x.png') no-repeat center center; background-size: 100% auto; }
.faq-section .faq-container .faq-title span.open { background: url('./images/Path1694@2x.png') no-repeat center center; background-size: 100% auto; }
.faq-section .faq-container .faq-content { padding-top: 15px; text-align:left;}
.faq-section .faq-container .faq-content p { margin: 0;color: #072E6D; font-size: 14px;text-align:left;}

.rea-articles { padding: 20px 0; }
.rea-articles .title { position: relative; margin-bottom: 54px; }
.rea-articles .title h3 { margin-bottom: 5px; font-size: 32px; line-height: 120%;  font-weight: bold; color: #020F48;text-align:left;}
.rea-articles .title .see-all { position: absolute; top: 5px; right: 0; padding: 14px 25px; background: #0ABAF2; color: #FFFFFF; text-align: center; font-size: 16px; text-decoration: none; }
.rea-articles .article {margin-bottom:20px;}
.rea-articles .article:hover { box-shadow: 0 3px 46px #BEC8D980; }
.rea-articles .article .article-thumbnail { position: relative; min-height:235px;}
.rea-articles .agent-article .article-thumbnail { position: relative; min-height:100px;}
.rea-articles .article .article-thumbnail img { display: block; width: 100%; height: auto; }
.rea-articles .article .article-thumbnail .article-patch { position: absolute; top: 12px; right: 8px; padding: 8px 16px; font-size: 14px; text-transform: capitalize; }
.rea-articles .article .article-thumbnail .article-patch.article-buyer { background: #41567C; color: #FFFFFF; }
.rea-articles .article .article-thumbnail .article-patch.article-advice { background: #0ABAF2; color: #020F48; }
.rea-articles .article .article-thumbnail .article-patch.article-seller { background: #D5FAF6; color: #020F48; }
.rea-articles .article a { text-decoration: none; }
.rea-articles .article p {color:#07116D;font-size:14px;line-height:24px;text-align:left;padding: 0px 20px 20px 20px;background: #FCFEFE;margin: 0px;}
.rea-articles .article h5 { text-align:left;background: #FCFEFE; padding: 15px 20px; font-size: 24px; font-weight: bold; color: #020F48; line-height: 35px;margin:0px;}
.rea-articles .article h5 a{ color: #07116D;}
@media (max-width: 1199px) {
    .rea-articles .title h2 { font-size: 40px; line-height: 54px; }
}
@media (max-width: 991px) {
    .rea-articles .title h2 { font-size: 34px; line-height: 46px; }
}
@media (max-width: 767px) {
    .rea-articles .title h2 { padding-right: 160px; }
    .rea-articles .title .see-all { padding: 12px 20px; font-size: 14px; }
    .rea-articles .article { margin-top: 15px; }
    .rea-articles .article h5 { font-size: 18px; }
}
@media (max-width: 576px) {
    .rea-articles .title h2 { padding-right: 0;  }
    .rea-articles .title .see-all { position: static; display: inline-block; margin-top: 15px;  }
}

/* tips */
.rea-articles .article .tip-content .article-tag-date .article-patch { float: left; padding: 8px 16px; font-size: 14px; text-transform: capitalize; text-align: center; max-width: 150px; }
.rea-articles .article .tip-content .article-tag-date .article-patch.article-buyer { background: #41567C; color: #FFFFFF; }
.rea-articles .article .tip-content .article-tag-date .article-patch.article-advice { background: #0ABAF2; color: #020F48; }
.rea-articles .article .tip-content .article-tag-date .article-patch.article-seller { background: #D5FAF6; color: #020F48; }
.rea-articles .article .tip-content .article-tag-date p { float: right; margin-top: 8px; color: #41567C; }
.rea-articles .article .tip-content { background: #FCFEFE; padding: 30px 30px }
.rea-articles .article .tip-content h5 { margin-top: 12px; margin-bottom: 12px; background: transparent; padding: 0; }
.rea-articles .article .tip-content p { color: #41567C; }
.rea-articles .article .tip-content .read-more-link { display: block; margin-top: 28px; max-width: 110px; }

.view-more-bar { padding: 22px; background: #BEC8D9; text-align: center; color: #020F48; font-weight: 600;cursor:pointer;width:99%;margin:20px 0px;}
.view-more-bar a { padding-left: 27px; color: #020F48; font-weight: 600; background: url("../images/plus-circle.svg") no-repeat left center;background-size: 15px 15px; text-decoration: none; }

.big-video{height:auto;display:inline-block;overflow:hidden;}
.big-video video{width:100%;height:auto;}

#myModal .modal-dialog{max-width:320px;}
#myModal .modal-dialog .modal-content{background-image:url('./images/cellphone_bg.png');background-repeat:no-repeat;background-size:100%;background-position:50%;width:100%;min-height:564px;margin:0px;padding: 60px 0px 0px 0px;background-color: transparent;box-shadow: none;border: 0px;}
#myModal .modal-dialog .modal-content .modal-body{width:80%;margin:0px 0px 0px 29px;background-color:white;}
#myModal .modal-dialog .modal-content .modal-body button{background-color:#269dce;border:0px;border-radius:0px;box-shadow:none;text-transform:uppercase;color:white;font-size:16px;width:100%;}
#myModal .modal-dialog .modal-content .modal-footer{width:80%;margin:0px 0px 0px 29px;background-color:white;border-color:#ccc;padding:17px;}