/*

Theme Name: uptownrealty.com

Theme URI: http://aios3-staging.agentimage.com/u/uptownrealty.com/htdocs

Description: AIOS mobile semi-custom theme.

Author: AgentImage

Author URI: http://www.agentimage.com

Version: 1.3.9

Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post

License: Proprietary

License URI: http://www.agentimage.com

Template: aios-starter-theme

*/



/*



TABLE OF CONTENTS



1. Custom CSS

2.  IP styles

3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css



*/





/*******************************************************

 *

 * 1. Navigation

 *

 *******************************************************/





/* Sub Menu */

#nav li {

    position:relative;

}



/*#nav .sub-menu {

    list-style: none outside none;

    margin: 0;

    background:#30517f;

    display: none;

    padding: 0;

    position: absolute;

    width:100%;

    min-width:232px;

}

#nav .sub-menu a {

    color: #FFFFFF;

    display: block;

    padding: 10px;

}

#nav .sub-menu a:hover {

    background: none repeat scroll 0 0 #30517f;

    color: #fff;

    text-decoration: none;

}

#nav .sub-menu .sub-menu {

    margin-left: 100%;

    top:0;

  }

#nav li:hover > .sub-menu {

    display: block;

}*/

#nav .sub-menu li {

    position: relative;

}





/*******************************************************

 *

 * 2. Custom CSS

 *

 *******************************************************/



/* Global */



body{

    /*font-family: Arial, Helvetica, Georgia, Sans-serif;*/

    font-family: 'Muli', sans-serif;

    font-size: 12px;

    background: #FFF;

    color: #000000;

    margin: 0;

}





[placeholder]:focus::-webkit-input-placeholder {

transition: all 0.2s linear;

transform: translate(10px, 0);

    opacity: 0;

    color:inherit;

}



input[type=text]:focus::-webkit-input-placeholder {

    color:inherit;

}



textarea {

    overflow-x:hidden;

}



a:hover,a:visited,select,a:link,a:visited{

    border:none;

    outline:none;

}





/* MY CSS */



#main-header{

    position:relative;

    display: block;

    z-index:1011;

    top:0;

    left:0;

    width:100%;

    background:#fff;

    padding:10px 0 0 0;

}



  body.ip-container #main-header{

    position:relative;

  }



  /*body.ip-container #main-header:after{

    content: '';

    position: absolute;

    left: 0;

    width: 100%;

    background: url(images/inner-page-bg-new.jpg) center bottom no-repeat;

    -webkit-background-size: cover;

    background-size: cover;

    height: 307px;

    z-index: -9;

    top: 174px;

  }*/





    .logo{

        max-width: 400px;

        margin: 0;

    }



        .logo img{

            width:100%;

        }



    .header-right{

        float: right;

        /*max-width: 360px;*/

        width: 100%;

        /*background: #333;*/

		padding-top: 5px;

    }



      .header-contact{

        text-align:center;

      }

        .header-contact {

            display: block;

            position: relative;

        }

        .header-smi a {

            color: #b3b3b3;

            outline: none;

            text-decoration: none;

            margin: 0 10px;

            font-size: 20px;

        }

        .header-contact em{

            color:#30517f;

            font-size:20px;

            font-family: 'Playfair Display', serif;

            text-align:center;

        }



        .header-smi a:hover {

            color: #3d66a6;

        }



        .header-smi a{

            transition:all 0.1s ease-in-out;

            -moz-transition:all 0.1s ease-in-out;

            -webkit-transition:all 0.1s ease-in-out;

            -o-transition:all 0.1s ease-in-out;

            -ms-transition:all 0.1s ease-in-out;

        }





        .header-contact ul{

            margin:14px 0 0 0;

            padding:0;

            list-style:none;

        }

            .header-contact ul li{

                position: relative;

                display: inline-block;

                vertical-align: middle;

                color: #666666;

                font-size: 14px;

                margin: 0 0 0 5.2%;

                padding: 0 0 0 5.3%;

                font-family: 'Muli', sans-serif;



            }

                .header-contact ul li:first-child{

                    margin:0;

                    padding:0;

                }



            .header-contact ul li:before{

                content:'';

                position:absolute;

                /*top:3px;*/

                top: 7px;

                left:0;

                width:1px;

                height:13px;

                background:#000;

            }



            .header-contact ul li:first-child:before{

                display:none;

            }

                .header-contact ul li em{

                    color:#b3b3b3;

                    margin:0 10px 0 0;

                }



            .header-contact ul li a{

                color: #666666;

                font-family: 'Muli', sans-serif;

            }





        .navigation{

            border-top:1px solid #dddddd;

        }



            #nav{

                margin:0;

                padding:0;

                list-style:none;

                text-align:center;

                font-size:0;

            }

                #nav li{

                    display:inline-block;

                    position:relative;

                }



                    #nav li a{

                        color:#515151;

                        font-size:14px;

                        display:block;

                        font-family: 'Muli', sans-serif;

                        padding: 16px 23.8px;

                        text-transform:uppercase;

                        text-decoration:none;

                        transition:all 0.1s ease-in-out;

                        -moz-transition:all 0.1s ease-in-out;

                        -webkit-transition:all 0.1s ease-in-out;

                        -o-transition:all 0.1s ease-in-out;

                        -ms-transition:all 0.1s ease-in-out;

                    }



                        #nav li:hover > a{

                            color:#fff;

                            background:#30517f;



                        }



                      #nav ul{

                        min-width:232px;

                        position:absolute;

                        left:0;

                        width:100%;

                        display:none;

                      }

                        #nav ul li{

                          display:block;

                        }



                        #nav ul li a{

                          color: #fff;

                          background:rgba(48,81,127,0.9);

                          text-align: left;

                          padding: 9px 25px;

                          margin: 0 0 1px 0;

                        }



                      #nav li:hover ul{

                        display:block;

                      }



                          /*#nav li ul li:hover a{

                            background:rgba(59,103,160,1);

                          }*/





                          .header-smi{

                            text-align:right;

                          }



/* #main-slider */



#main-slider{

    position:relative;

}

    #main-slider img{

        width:100%;

    }

    #main-slider .cycloneslider-template-responsive-img .cycloneslider-caption {

        /* width: 55%;

        bottom: 60%; */

        /*background: rgba(0,2,34,0.55);*/

    }

    #main-slider .cycloneslider-template-responsive-img .cycloneslider-caption-title em {

        font-style: normal;

        font-size: 36px;

    }

    #main-slider .cycloneslider-template-responsive-img .cycloneslider-caption-title em span {

        font-size: 30px;

    }



/* end of #main-slider */



/* #main-qs */



#main-qs{

    position:relative;

    background:#f2f2f2;

    padding:21px 0;

}



  .qs-content h2{

    color:#30517f;

    font-size:22px;

    display:inline-block;

    vertical-align:middle;

    text-transform:uppercase;

    letter-spacing: .7px;

  }

    .qs-form-fields{

      display: inline-block;

      vertical-align: middle;

      width: 84.5%;

      padding: 0 0 0 2.5%;

      /*background:#999;*/

    }



      .qs-form-fields select,

      .qs-form-fields input{

        color:#888888;

        width:100%;

        border:1px solid #d1d1d1;

        height:33px;

        padding:0 10px;

        font-size:12px;

        display:inline-block;

        margin: 0 0 0 -2px;

      }



      select {

         appearance: none;

         -webkit-appearance: none;

         -moz-appearance: none;

         -o-appearance: none;

         background: url(images/select-arrow.png) no-repeat 95% 13px #fff;

      }

      select::-ms-expand {

         display: none;

      }





      .qs-form-fields select.qs-prop{

        /*max-width:157px;*/

        width: 20%;

      }



      .qs-form-fields select.qs-city{

        /*max-width:157px;*/

        width: 17%;

      }



      .qs-form-fields select.qs-beds-baths{

        /*max-width:83px;*/

        width: 8.9%;

      }



      .qs-form-fields input.qs-min-max-price{

        /*max-width:83px;*/

        width: 8.9%;

      }





      .qs-form-fields a,

      .qs-form-fields input[type="submit"]{

        color:#fff;

        font-size:12px;

        display:inline-block;

        vertical-align:middle;

        /*max-width:127px;

        width:100%;*/

        width: 11.5%;

        text-align:center;

        height:33px;

        padding: 7px 0;

        text-decoration:none;

        text-transform:uppercase;

        margin: 0 0 0 -2px;

      }



      .qs-form-fields a.qs-search{

        background: #30517f;

        margin: 0 0 0 2.5%;



      }

      .qs-form-fields input[type="submit"].qs-search{

        background: #30517f;

        margin: 0 0 0 2.5%;



      }



          .qs-form-fields input[type="submit"].qs-search:hover{

            background:#515151;

          }



      .qs-form-fields a.qs-advanced{

        background:#515151;

      }



          .qs-form-fields a.qs-advanced:hover{

            background: #30517f;

          }



/* end of #main-qs */





/* #main-cta */



#main-cta{

    position:relative;

    padding:45px 0;

}

    .all-cta{

       text-align:center;

       position:relative;

    }





    .cta2{

      position:relative;

    }

      .cta2:before{

        content: '';

        position: absolute;

        top: -18px;

        left: -16px;

        width: 1px;

        height: 130px;

        background: #e6e6e6;

      }



      .cta2:after{

        content: '';

        position: absolute;

        top: -18px;

        right: -16px;

        width: 1px;

        height: 130px;

        background: #e6e6e6;

      }



    .cta-icon{

        display: inline-block;

        vertical-align:middle;

        margin: 0 25px 0 0;

    }



    .cta-name{

        display:inline-block;

        vertical-align:middle;

    }



        .cta-name p{

            color: #515151;

            font-size: 16px;

            font-family: 'Muli', sans-serif;

            text-transform: uppercase;

            line-height: 25px;

            font-weight:600;

            transition:all 0.2s ease-in-out;

            -moz-transition:all 0.2s ease-in-out;

            -webkit-transition:all 0.2s ease-in-out;

            -o-transition:all 0.2s ease-in-out;

            -ms-transition:all 0.2s ease-in-out;

        }



        .cta-name p span{

            color:#3d66a6;

            font-size:36px;

            font-family: 'Playfair Display', serif;

            font-style:italic;

            text-transform:capitalize;

            font-weight:400;

            transition:all 0.2s ease-in-out;

            -moz-transition:all 0.2s ease-in-out;

            -webkit-transition:all 0.2s ease-in-out;

            -o-transition:all 0.2s ease-in-out;

            -ms-transition:all 0.2s ease-in-out;

        }



        .cta-bottom a{

            color: #515151;

            font-family: 'Muli', sans-serif;

            font-size: 14px;

            font-weight: 600;

            max-width: 165px;

            height: 47px;

            border: 1px solid #e6e6e6;

            display: block;

            text-transform: uppercase;

            margin: 33px auto 0 auto;

            padding: 12px;

            text-decoration:none;

            transition:all 0.2s ease-in-out;

            -moz-transition:all 0.2s ease-in-out;

            -webkit-transition:all 0.2s ease-in-out;

            -o-transition:all 0.2s ease-in-out;

            -ms-transition:all 0.2s ease-in-out;

        }



        .cta-bottom a:hover{

            color:#fff;

            background:#365d9d;

            border:1px solid #365d9d;

        }

        .cta-name a:hover {

            text-decoration: none !important;

            transition:all 0.2s ease-in-out;

            -moz-transition:all 0.2s ease-in-out;

            -webkit-transition:all 0.2s ease-in-out;

            -o-transition:all 0.2s ease-in-out;

            -ms-transition:all 0.2s ease-in-out;

        }

        .cta-name p:hover span{

            color: #5a9fdb !important;

            transition:all 0.2s ease-in-out;

            -moz-transition:all 0.2s ease-in-out;

            -webkit-transition:all 0.2s ease-in-out;

            -o-transition:all 0.2s ease-in-out;

            -ms-transition:all 0.2s ease-in-out;

        }





/* end of #main-cta */



/* #main-fp */



#main-fp{

    position:relative;

    text-align:center;

	padding-top: 30px;

}



    #main-fp h2{

        color:#30517f;

        font-size:32px;

        text-transform:uppercase;

        font-family: 'Muli', sans-serif;

        text-align:center;

        margin:0 0 50px 0;

    }



        #main-fp h2 span{

            color:#515151;

        }





        .all-fp{

            display: inline-block;

            /*width: 24.84%;*/

            position:relative;

        }



            .all-fp a{

                max-width:396px;

                text-decoration:none;

            }



            .all-fp:hover .fp-img:after{

                opacity:1;

            }



            .all-fp:hover .fp-hover{

                opacity:1;

            }



            .fp-img{

                position:relative;

            }



            .fp-img img{

                width:100%;

            }



            .fp-img:after{

                content:'';

                position:absolute;

                top:0;

                left:0;

                width:100%;

                height:100%;

                z-index:9;

                background:rgba(48,81,147,0.85);

                opacity:0;

                transition:all 0.3s ease-in-out;

                -moz-transition:all 0.3s ease-in-out;

                -webkit-transition:all 0.3s ease-in-out;

                -o-transition:all 0.3s ease-in-out;

                -ms-transition:all 0.3s ease-in-out;

            }



        .fp-hover{

            position:absolute;

            top:0;

            left:0;

            width:100%;

            height:100%;

            z-index:999;

            opacity:0;

        }



            .fp-inner{

                position: relative;

                display: inline-block;

                vertical-align: middle;

                width: 100%;

                height: 31%;

                text-align: center;

                z-index: 99;

            }



              .fp-inner:before{

                content: "";

                width: 0px;

                height: 100%;

                display: inline-block;

                vertical-align: middle;

              }



            .fp-inner span{

              font-size: 12px;

              color: #fff;

              max-width: 200px;

              height: 52px;

              border: 1px solid #fff;

              margin: 0 auto;

              text-align: center;

              display: block;

              text-transform: uppercase;

              padding: 16px 0;

              letter-spacing: 2px;

            }



        .fp-details{

            text-align:center;

            margin:48px 0 0 0;

        }



            .fp-details h3{

                color:#30517f;

                font-size:24px;

                text-transform:uppercase;

            }



            .fp-details p{

                color:#999999;

                font-size:13px;

            }



                .fp-details ul{

                    margin:0;

                    padding:0;

                    list-style:none;

                }

                .fp-details  ul li{

                    color:#a7a7a7;

                    font-size:10px;

                    position:relative;

                    display:inline-block;

                    margin:0 3px ;

                }











                /*.fp-arrows{

                   width: 100%;

                   min-height: 36px;

                   position: absolute;

                   bottom: 50%;

                   z-index: 9999;

                }*/



                .fp-arrow-left {

                    /*top: 0;*/

                    bottom: 50%;

                    left:0;

                    background: url(images/fp-arrow-left.png) center center rgba(162, 189, 218, 0.8) no-repeat;

                    height: 50px;

                    width: 50px;

                    z-index:99;

                    cursor:pointer;

                    text-align:center;

                    position:absolute;

                    transition:all 0.3s ease-in-out;

                    -moz-transition:all 0.3s ease-in-out;

                    -webkit-transition:all 0.3s ease-in-out;

                    -o-transition:all 0.3s ease-in-out;

                    -ms-transition:all 0.3s ease-in-out;

                }







                .fp-arrow-right {

                    /*top:0;*/

                    bottom: 50%;

                    background: url(images/fp-arrow-right.png) center center rgba(162, 189, 218, 0.8)  no-repeat;

                    height: 50px;

                    width: 50px;

                    cursor:pointer;

                    right:0;

                    text-align:center;

                    position:absolute;

                    z-index:99;

                    transition:all 0.3s ease-in-out;

                    -moz-transition:all 0.3s ease-in-out;

                    -webkit-transition:all 0.3s ease-in-out;

                    -o-transition:all 0.3s ease-in-out;

                    -ms-transition:all 0.3s ease-in-out;

                }









/* end of #main-fp */



/* #main-welcome */



#main-welcome{

    position:relative;

    background:url(images/welcome-wrap.jpg) top center no-repeat;

    background-size:cover;

    height:440px;

    margin:56px 0 0 0;

    padding:30px 0;

}





    .welcome-left h3{

        color:#515151;

        font-size:16px;

        text-transform:uppercase;

        font-family: 'Muli', sans-serif;

    }


    .welcome-left h4{

        color: #30517f;

        font-size: 29px;

        text-transform: uppercase;

        font-family: 'Muli', sans-serif;

        padding: 0;

        line-height: 31px;

    }


    .welcome-left h2{

        color: #30517f;

        font-size: 32px;

        text-transform: uppercase;

        font-family: 'Muli', sans-serif;

        padding: 0;

        line-height: 34px;

    }



        .welcome-left h2 span{

            color:#515151;

        }





    .welcome-contact{

      width:auto;

    }

      .welcome-contact > em{

          color:#99b9da;

          font-size:20px;

          font-family: 'Playfair Display', serif;

          text-align:center;

      }





      .welcome-contact ul{

          margin:14px 0 0 0;

          padding:0;

          list-style:none;

      }

          .welcome-contact ul li{

              position: relative;

              display: inline-block;

              vertical-align: middle;

              color: #666666;

              font-size: 14px;

              margin: 0 0 0 1.2%;

              padding: 0 0 0 2.3%;

              font-family: 'Muli', sans-serif;



          }

              .welcome-contact ul li:first-child{

                  margin:0;

                  padding:0;

              }



          .welcome-contact ul li:before{

              content:'';

              position:absolute;

              top:3px;

              left:0;

              width:1px;

              height:13px;

              background: #757676;

          }



          .welcome-contact ul li:first-child:before{

              display:none;

          }

              .welcome-contact ul li em{

                  color: #99b9da;

                  margin: 0 6px 0 0;

                  font-size: 16px;

              }



              .welcome-contact ul li em.ai-font-phone-o{

                font-size: 17px;

                font-weight: 700;

              }



          .welcome-contact ul li a{

              color: #666666;

              font-family: 'Muli', sans-serif;

          }





          .welcome-left p{

            color: #515151;

            font-size: 16px;

            margin: 20px 0 21px 0;

            font-weight: 300;

            line-height: 24px;

            border-bottom:1px solid #747474;

            padding:0 0 25px 0;

          }



          .welcome-right{

            margin:23px 0 0 0;

            max-width:458px;

          }



            .welcome-right img{

                width:100%;

            }



              .fc-map{

                max-width:739px;

                margin:0 auto;

                text-align:center;

              }

                .fc-map img{

                  width:100%;

                }



                .fc-list{

                    margin: 0 0 0 14%;

                }







                .fc-list ul{

                    margin: 44px 0 0 8%;

                    padding: 0;

                }





                    .fc-list ul li{

                        /* display: block; */

                        border-bottom: 1px solid #dddddd;

                        max-width: 252px;

                        position: relative;

                        margin: 2px 0;

                        padding: 11px 0;

                    }



                        .fc-list ul li:before{

                            content: '';

                            position: absolute;

                            top: 15px;

                            left: -22px;

                            width: 10px;

                            height: 10px;

                            background: #30517f;

                            border-radius: 50%;

                        }





                        .fc-list ul li a{

                            color:#515151;

                            font-size:14px;

                            text-transform:uppercase;

                            text-decoration:none;

                        }



                        .fc-list ul li a:hover{

                            color:#30517f;

                        }



/* end of #main-welcome */



/* #main-fc */



#main-fc{

    position:relative;

    /*background:url(images/fc-wrap.jpg) top center no-repeat;*/

    /*background-size:cover;*/

    width:100%;

    min-height:542px;

    padding:80px 0;

}





    .fc-list h2{

        color: #30517f;

        font-size: 32px;

        text-transform: uppercase;

        font-family: 'Muli', sans-serif;

        padding: 0;

        line-height: 34px;

    }



        .fc-list h2 span{

            color:#515151;

        }



    /*Map*/

    #hpMapWrap {

        /*max-width: 1600px;*/

        margin: 0 auto;

        position: relative;

        z-index: 10;

        text-align: center;

    }

        #map {

            position: relative;

            width: 750px;

            /*margin: auto;*/

        }

        #map img#transparent {

            position: absolute;

            top: 0;

            left: 0;

            z-index: 3;

            right: 0;

            margin: 0 auto;

        }

        #trueMap {

            z-index: 1;

        }

        #map .map-hovers {

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            z-index: 2;

        }

        #map .map-hovers div {

            position: absolute;

            width: 100%;

            max-width: 120px;

        }

        #map .map-hovers div img {

            display: block;

            position: relative;

            z-index: 1;

            opacity: 0;

            -webkit-transition: all 0.3s ease-in-out;

            -moz-transition: all 0.3s ease-in-out;

            -ms-transition: all 0.3s ease-in-out;

            -o-transition: all 0.3s ease-in-out;

            transition: all 0.3s ease-in-out;

        }



/* end of #main-fc */





/* #main-agent-contact */





#main-agent-contact-test{

     position:relative;

     background:url(images/contact-testimonial-wrap.jpg) top center no-repeat;

     background-size:cover;

     width:100%;

     min-height:448px;

}



    .agent-contact{

      /* max-width: 340px; */

      margin: 0 auto;

      text-align: center;

      padding: 93px 60px 93px 60px;

      background: rgba(255,255,255,0.15);

      width: 100%;

    }



        .agent-contact img{

            max-width:100%;

            /*width:100%;*/

        }



      .agent-contact > em{

          color:#99b9da;

          font-size:20px;

          font-family: 'Playfair Display', serif;

          text-align:center;

      }



      .agent-contact-details p{

        font-size: 15px;

        color: #fff;

        margin: 13px 0 0 0;

      }



      .agent-contact ul{

          margin:14px 0 0 0;

          padding:0;

          list-style:none;

      }

          .agent-contact ul li{

              position: relative;

              display: block;

              vertical-align: middle;

              color: #fff;

              font-size: 14px;

              margin: 0 0 0 1.2%;

              padding: 0 0 0 2.3%;

              font-family: 'Muli', sans-serif;

              line-height: 23px;

              font-size:18px;



          }

              .agent-contact ul li:first-child{

                  margin:0;

                  padding:0;

              }



              .agent-contact ul li em{

                  color: #99b9da;

                  margin: 0 6px 0 0;

                  font-size: 15px;

              }



              .agent-contact ul li em.ai-font-phone-o{

                font-size: 14px;

                font-weight: 700;

              }



          .agent-contact ul li a{

              color: #fff;

              font-family: 'Muli', sans-serif;

              font-size:18px;

          }



          .test-item{

            color:#fff;

            padding:46px 0 0 0;

            text-align:center;

          }



            .test-item img{

              max-width:96px;

              width:100%;

              margin:0 auto;

            }





            .test-item p{

                color:#ffffff;

                /*font-size:20px;*/

                font-size: 18px;

                text-align:center;

                margin:35px auto;

                max-width:632px;

                width:100%;

            }





            .test-item span{

                font-size:18px;

                text-transform:uppercase;

                font-weight:700;

            }



            .test-item em{

                font-size:10px;

                font-style:normal;

                text-transform:uppercase;

                font-weight:700;

            }





            .testimonial-content .slick-dots li button:before{

            font-size: 17px;

            text-align: center;

            color: #5c606a;

            opacity: 1;

        }



        .testimonial-content .slick-dots li.slick-active button:before{

            color:#fff;

            opacity:1;

        }



        .testimonial-content .slick-dots li{

            margin:0px;

        }



        .testimonial-content .slick-dots{

            bottom: -49px;

        }











/* end of #main-agent-contact */



/* #main-footer */



#main-footer{

    position:relative;

    padding:20px 0;

    text-align:center;

    background:#f2f2f2;

}

        #main-footer:after {

            position: absolute;

            content: '';

            width: 100%;

            height: 1px;

            background: #dddddd;

            top:147px;

            left: 0;

        }



    .footer-contact{

       font-size: 0;

    }



        .footer-contact img{

            width:100%;

            max-width: 200px;

        }



      .footer-contact > em{

          color:#99b9da;

          font-size:20px;

          font-family: 'Playfair Display', serif;

          text-align:center;

      }



      .footer-contact-details p{

        font-size: 15px;

        color: #fff;

        margin: 13px 0 0 0;

      }



      .footer-contact ul{

          margin:14px 0 0 0;

          padding:0;

          list-style:none;

      }

          .footer-contact ul li{

              position: relative;

              display: block;

              vertical-align: middle;

              color: #666666;

              font-size: 12px;

              font-family: 'Muli', sans-serif;

              line-height: 23px;

              padding-bottom: 5px !important;

          }



           /* .footer-contact ul li{

                position: relative;

                display: inline-block;

                vertical-align: middle;

                color: #666666;

                font-size: 14px;

                margin: 0 0 0 1.2%;

                padding: 0 0 0 2.3%;

                font-family: 'Muli', sans-serif;



            }*/



            /*.footer-contact ul li:before{

                content:'';

                position:absolute;

                top:3px;

                left:0;

                width:1px;

                height:13px;

                background: #757676;

            }*/



            .footer-contact ul li:first-child:before{

                display:none;

            }



              /*.footer-contact ul li:first-child{

                  margin:0;

                  padding:0;

              }*/



              .footer-contact ul li em{

                  color: #99b9da;

                  margin: 0 6px 0 0;

                  font-size: 11px;

              }



              .footer-contact ul li em.ai-font-phone-o{

                font-size: 14px;

                font-weight: 700;

              }



          .footer-contact ul li a{

              color: #666666;

              font-family: 'Muli', sans-serif;

              font-size:14px;

          }





      .footernav{

        margin:47px 0 0 0;

      }



      .footernav ul{

          margin:0;

          padding:0;

          list-style:none;

          text-align:center;

          font-size:0;

      }

          .footernav ul li{

              display:inline-block;

              position:relative;

              margin: 0 0 0 1.2%;

              padding: 0 0 0 1.2%;

          }



            .footernav ul li:before{

                content: '';

                position: absolute;

                top: 2px;

                left: 0;

                width: 1px;

                height: 12px;

                background: #757676;

            }



            .footernav ul li:first-child:before{

                display:none;

            }



              .footernav ul li:first-child{

                  margin:0;

                  padding:0;

              }



              .footernav ul li a{

                  color:#515151;

                  font-size:12px;

                  font-weight:600;

                  display:block;

                  font-family: 'Muli', sans-serif;

                  text-transform:uppercase;

                  text-decoration:none;



              }



              .copyright{

                color:#515151;

                margin: 32px 0 25px 0;

                font-size: 12px;

              }





              .copyright a{

                color:#515151;

                text-decoration:none;

              }



            .footer-logos span{

              color:#4d4d4d;

              font-size:25px;

            }

/* end of #main-footer */



/* .ip-container #main-footer */



.ip-container #main-footer {

	background:#515151;

}



.ip-container .footer-contact-details h2 {

	color:#fff;

}



.ip-container .footer-contact ul li {

	color:#fff;

}



.ip-container .copyright a {

	color:#fff;

}



.ip-container .footer-logos span {

	color:#fff;

}



.ip-container .footer-contact ul li a {

	color:#fff;

}



.ip-container .copyright {

	color:#fff;

}



.home .ip-footer-brokerage {

	display:none;

}



.ip-container .hp-footer-brokerage {

	display:none;

}



/* end of .ip-container #main-footer */



/* end of MY CSS */







/*******************************************************

 *

 * 3. IP Styles

 *

 *******************************************************/



/* Adjust minimum height of page area */





.inner-page-banner{

	width:100%;

	display:block;

}



#content-sidebar, #content-full{ min-height: 500px; margin-top: 30px;}



/** Adjust width of content columns **/

#content-sidebar #content{ width: 76.08%; }

#content-full #content { width: 100%; }



/* Adjust width of sidebar */

.sidebar{ width: 22.83%; margin: 10px 0 0 0; }





  .sidebar .all-cta{

    margin: 0 0 6px 0;

    padding: 15px 0 22px 0;

    border-bottom: 1px solid #e1e1e1;

    width: 100%;

    float: left;

  }





  .sidebar .cta-icon{

    display: block;

    float: left;

    max-width:54px;

    margin: 0 0 0 11px;

  }

    .sidebar .cta-icon img{

      width:100%;

    }



    .sidebar .cta-name p{

      font-size: 12px;

    }



    .sidebar .cta-name p span{

      font-size: 26px;

    }



    .sidebar .cta-name {

        display: block;

        float: left;

        vertical-align: middle;

        margin: 0 0 0 25px;

        text-align: left;

    }

    .sidebar .cta-name p {

        margin: 0;

    }



    .sidebar .cta2:before,

    .sidebar .cta2:after{

      display:none;

    }



    .sidebar .cta-bottom a{

      font-size: 12px;

      max-width: 125px;

      height: 40px;

      margin: 3px auto 0 auto;

      padding: 9px;

    }



    .sidebar .qs-content {

        max-width: 360px;

        width: 100%;

        margin: 0 auto;

        background: #f2f2f2;

        padding: 30px 20px;

        border: 1px solid #e1e1e1;

        margin: 0 0 50px 0;

    }





      .sidebar .qs-content h2{

        text-align:center;

        display:block;

        margin: 0 0 18px 0;

        letter-spacing: 0.9px;

        font-weight: 400;

      }

      .sidebar .qs-form-fields {

          width: 100%;

          padding:0;

          background:none;

      }



      .sidebar .qs-form-fields select.qs-prop,

      .sidebar .qs-form-fields select.qs-city{

        /*width:100%;*/

        width: 99.6%;

        margin:0 0 2px 0;

      }



      .sidebar .qs-form-fields select.qs-beds-baths{

        width: 49.4%;

      }



      .sidebar .qs-form-fields input.qs-min-max-price{

        width: 49.4%;

      }



        .sidebar select.qs-short,

        .sidebar input.qs-short2{

          margin: 0 1.2px 2px 0px;

        }



      .sidebar .qs-form-fields a.qs-search{

        margin:20px 0 2px 0;

      }

      .sidebar .qs-form-fields input[type="submit"]{

        /*width: 100%;*/

        width:99.6%;

        margin: 0 0 1px 0;

        border:none;

      }



      .sidebar .qs-form-fields a{

        /*width:100%;*/

        width:99.6%;

        display:block;

        margin:0;

      }



        .sidebar .all-cta:last-child {

            border: none;

        }





      .bootstrap-select>.dropdown-toggle{

        width: 99.6%;

      }





/* Adjust line height of page elements */

#content h4, aside h4,

#content p, aside p,

#content blockquote, aside blockquote,

#content ul, aside ul,

#content fieldset, aside fieldset,

#content form, aside form,

#content ol, aside ol,

#content dl, aside dl,

#content dir, aside dir,

#content menu, aside menu { line-height:1.7 }



/* Style post/page main headings (h1) */

#content .entry-title {

  color: #30517f;

  font-size: 22px;

  text-transform: uppercase;

  font-family: 'Muli', sans-serif;

  padding: 0;

  line-height: 14px;

  margin: 10px 0 20px 0;

}



/* Style category/archive/etc main headings (h1) */

#content .archive-title {

  color: #30517f;

  font-size: 25px;

  text-transform: uppercase;

  font-family: 'Muli', sans-serif;

  padding: 0;

  line-height: 34px;

  margin: 10px 0 20px 0;

}



/* Styles for category/archive/search/etc subheadings (h2) */

#content .archive-subtitle {

  color: #30517f;

  font-size: 18px;

  text-transform: uppercase;

  font-family: 'Muli', sans-serif;

  padding: 0;

  line-height: 14px;

  margin: 10px 0 10px 0;

}



#content .entry{

  color: #515151;

  font-size: 16px;

  font-family: 'Muli', sans-serif;

}





body.single-aios_agent .agent-holder .agent-contact-name{

    display:none;

}



.hp-quick-search .bootstrap-select.btn-group {

    width: 16% !important;



}



.hp-quick-search .bootstrap-select.btn-group .dropdown-toggle {

    display: inline-block !important;

    height: 33px !important;

    width: 100%;

    border: 1px solid #d1d1d1;

    background: url(images/select-arrow.png) no-repeat 95% 13px #fff;

    margin: 0 0 0 -2px;



}



.hp-quick-search .bootstrap-select.btn-group .dropdown-toggle .filter-option {

    color: #888888;

    font-size: 12px;

    font-style: italic;

    font-weight: 300;

}



.qs-form-fields .bootstrap-select>.dropdown-toggle{

    /*line-height: 0.428571;*/

    line-height: 1.4;

    margin: 0 0 2px 0;

}



.qs-form-fields .bootstrap-select.btn-group .dropdown-toggle .filter-option{

    overflow:inherit !important;

}



.qs-form-fields .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{

    margin-left: 20px;

}



/* update 11-14-17 */



.cycloneslider-template-responsive-img .cycloneslider-caption-title {

    text-shadow: 1px 1px 2px #000;

}

.footer-contact-details {

    width: 50%;

    display: inline-block;

    text-align: left;

    vertical-align: middle;

}

    .footer-contact-details h2{

        color: #30517f;

        font-size: 32px;

        text-transform: uppercase;

        font-family: 'Muli', sans-serif;

        padding: 0;

        line-height: 34px;

    }

.footer-logo-wrapper {

    width: 50%;

    display: inline-block;

    text-align: right;

    vertical-align: middle;

}

#nav .sub-menu li a{

    font-size: 11px;

}



/* update 11-14-17 Resource page */

.page-id-297 .accordion, .page-id-286 .accordion {

    overflow: hidden;

}

    .page-id-297 .accordion-section, .page-id-286 .accordion-section {

        margin-bottom: 20px;

    }

    .page-id-297 .accordion-section-title, .page-id-286 .accordion-section-title {

        background-position: center 200px;

        background:#30517f;

        color: #fff !important;

        font-size: 18px !important;

        text-shadow: 1px 2px 2px #000000;

        padding: 0;

        width: 90%;

        display: block;

        border: 2px solid #4f4f4f;

        transition: all linear 0.15s;

        border-radius: 5px;

        text-align: center !important;

        text-decoration: none !important;

    }

    .page-id-297 .accordion-section-content, .page-id-286 .accordion-section-content {

        padding: 15px;

        display: none;

    }



/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */



#IDX-photoGallery .IDX-showcaseContent img{

        width: 100% !important;

}





ul#IDX-searchNavList {

    margin: 0;

}



.IDX-listAsRow li{

    padding: 0 30px 0 0;

}





#IDX-resultsCountWrap{

    margin: 45px 0 10px 0;

}





select.IDX-resultsPerPageSelector{

    background: url(images/select-arrow.png) no-repeat 95% 7px #fff!important;

}



#IDX-main ul {

    margin-left: 0;

}



.page-id-12 .agent-contact-city {

    display: none;

}



#content .entry a {

    color: #515151;

}



.agent-holder .agent-contact-detail a,

.agent-holder .agent-contacts-main-info a {

    color: #515151;

}



#IDX-detailsAddress, #IDX-detailsHeadFields .IDX-fieldData, #IDX-description {

    color: #515151;

}





.IDX-collapse ul li a{

    color:#fff!important;

}



#custom-quick-search span.filter-option.pull-left{

    overflow: hidden !important;

}



.agentBtn{

    background: #30517f;

    margin: 0 0 0 2.5%;

    color: white;

    height: 33px !important;

    text-transform: uppercase;

    float: right;

    margin-right: 20px;

    margin-top: -20px;

    border: none;



}



body.ip-container {

    background: #fff url('images/panorama2.jpg') no-repeat;

    background-size: cover;

    background-attachment: fixed;

    background-position: center center;

}

.comm {
    margin-bottom: 15px;
}

.comm span {
    display: block;
}

.logo2 {
    text-align: center;
}

.logo2 a {
    display: inline-block;
    text-align: center;
}

.logo2 a.vote-here {
    text-decoration: none;
    text-transform: uppercase;
    color: #515151;
    font-size: 20px;
    margin: 5px 0;
    font-weight: bold;
}

.logo2 img {
    max-width: 100%;
}

.top-header {
    margin-bottom: 10px;
}

.hr-icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hr-icon img {
    width: 65px;
}

.hr-icon > div {
    font-size: 9px;
    padding-left: 5px;
    text-align: left;
}

.page-id-1703 #content .entry a {
    color: #FFF;
}