/*
Theme Name: Commercial Black
Theme URI: http://www.agentimage.com
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 {
  font-size: 0;
}

#nav li {
	position:relative;
}
  
#nav .sub-menu {
    list-style: none outside none;
    margin: 0;
    background: rgba(0,0,0,0.9) url("images/submenu-fixer.png");
    display: none;
    padding: 0;
    position: absolute;
 	width:100%;
 	min-width:180px;
}
#nav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
}
#nav .sub-menu a:hover {
    background: none repeat scroll 0 0 #b2b2b2;
    color: #000000;
    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-size: 16px;
	background: #FFF;
	color: #000000;
	margin: 0;
}


/* Global */

body{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    background: #FFF;
    color: #000;
    margin: 0;
}

a {
    color: #231f20;
}


a:hover {
  text-decoration: none;
  color: inherit; 
  outline: none;
}

a:link, a:visited {
  outline: none;
}



.ip-banner {
   background: url(images/ipslide1.jpg) no-repeat;
   position: absolute;
   z-index: 1;
   width: 100%;
}






/*** Header ***/

.header-main {
  width: 100%;
  z-index: 99;
  margin: 0 auto;
  position:relative;
  height: auto; 
}

.home .header-main {
   position: absolute;
}


/*** Header Area ***/ 



.hdr-logo {
    position: relative;
    padding: 20px 30px;
}

.hdr-logo img {
     max-width: 100%; 
     width: 260px;
}


.hdr-contact {
    text-align: left;
    padding-top: 20px;
    width: 180px;
    float: right; 
    color: #fff; 
    font-size: 14px; 
    font-weight: 600;

}


.hdr-contact em {
    color: #fff; 
    margin-left: 10px; 
    margin-right: 10px;
}

 .hdr-contact a {
    color: #fff;
 } 








/*** Navigation ***/

.main-nav {

    position: relative; 
    background: #231f20;
}

.navigation {
  

    display: inline-block; 
    width: calc( 100% - 180px );


} 
  
#nav {
    text-align: right;

}

#nav li {
    display: inline-block;
    margin: 0 auto;
}


#nav li a {
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    padding: 20px 24px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    letter-spacing: 1px;
    outline: none;
    text-decoration: none;
    margin: 0px;
}

  #nav li:first-child {
    border-left: 0; 
    
  }



        #nav li:hover {
          color: #fff; 
        }

        #nav li:hover a { color: #fff; background: #3e3d3d; }

        
        #nav .sub-menu {
          min-width: 180px;
          left: 50%;
          margin-left: -90px;
          z-index: 9;
          padding: 0;
          background: none;
          color: #fff;
          text-align: center;
        }

         #nav .sub-menu a {
           padding: 0;
         }

          #nav .sub-menu li {

            width: 100%;     
            position: relative;
            margin: 0; 

            }

    #nav .sub-menu li a {
    width: 100%;
    font-size: 13px;
    font-weight: 300;
    padding: 8px 0px;
    text-transform: none;
    color: #fff;
    text-transform: none;
    border-left: none;
    margin: 0 0 1px;
    background: #1e1d1d;
    }

            #nav .sub-menu li a:hover { 
              background:#3e3d3d;
              color: #f5f5f5;  
            }

#nav .sub-menu .sub-menu {
    margin-left: 13%;
    top: 0;
}



/*** HP SLIDE ***/

.slide-area {
  width: 100%;
  position: relative;
  z-index: 0;  
  top: 0;

  }

.hp-slide {
  width: 100%;
  z-index: 0;
  position: relative; 
}



/*** Footer ***/

.footer {
    font-size: 12px;
    font-weight: 300;
    width: 100%;
    background: #000000;
    color: #000000;
    padding: 40px 0;
    text-align: center;
    margin: 0 auto 0;
    position: relative;
    bottom: 0;
}

.home .footer {
  position: absolute;
  margin: 0 auto;
}


  .footer li {
    display: inline-block;
    padding: 0 10px;
    line-height: 10px; 
    font-size: 12px; 
    color: #fff;

  }

  .footer li a {
     color: #fff;
  }

    .footer li:first-child {
      border: 0;
      padding-left: 0;
    }



.footernav {
    padding: 1px 0 0;
    text-align: center;
    text-transform: uppercase; 
    display:none;
}

.footer .copyright, .sitemap {
    color: #a1a1a1;
    padding: 5px 0 0;
    font-size: 13px;
    text-transform: none;
}

.copyright a {
   color: #a1a1a1;
}

/*** Featured Listing Page ***/

.fl-main-wrapper {
   width: 100%; 
   margin: 30px auto 0; 
   position: relative;
}


.fl-list {
  font-size:0;
  text-align:center;
}
.fl-list .featured-image-wrapper{
    background-size: contain !important;
}
.fl-list .featured-image-wrapper img{
    height: auto;
    width: 100%;
}
.fl-list > a {
    display: inline-block;
    vertical-align: top;
    width: 33.31%;
    height: 100%;
    text-decoration: none;
    font-size: 0;
    margin: 0; 

}
    .fl-list > a:before {
        content: '';
        width: 0%;
        display: inline-block;
        vertical-align: middle;
    }


    .fl-list > a img {
       width: 100%; 
       max-width: 100%;
    }

        .fl-list > a .fl-wrapper {
            
            text-transform: uppercase;
            width: 100%;
            vertical-align: middle;
            display: inline-block;
        }


.fl-list > a .fl-wrapper span {
    color: #000;
    text-transform: uppercase;
    width: 100%;
    vertical-align: middle;
    display: inline-block;
    font-size: 16px;
    padding: 34px 0;
    font-weight: 700;
    /*border-left: 1px solid #d5d5d5;*/
    /*border-right: 1px solid #d5d5d5;*/
}

.fl-list > a .fl-wrapper span em {
    display: block;
    font-size: 13px;
    font-style: normal;
    padding-top: 5px;
    font-weight: 400;
}


/** Featured Details **/

.fl-details-wrapper {

   width: 100%; 
   margin: 0 auto; 
   position: relative; 
   font-size: 0;

}

.fl-text {
    width: 30.3%;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    margin: 3.2%;
    display: none;
}


  .fl-text h2 {
     display: block; 
     font-size: 40px; 
     padding: 20px 0;
     font-family: 'Average', serif;
  }

.fl-text h2:before {
    content: '';
    width: 20px;
    height: 5px;
    display: block;
    background: #3b3b3b;
}


.fl-photo {
    width: 93.88%;
    display: inline-block;
}

.fl-photo:before {
    content: '';
    width: 5px;
    height: 100%;
    display: inline-block;
    background: url(images/fl-div.png) no-repeat #c7c7c7;
    position: absolute;
    margin-left: -8px;
    
}
 
.fl-photo img {
    width: 100%;
    max-width: 100%;
    vertical-align: top;
}


/** Listing MAP **/

.fl-map {
    display: inline-block;
    width: 93.8%;
    vertical-align: top;
    position: relative;
    z-index: 1;
}


.fl-map img {
   width: 100%;
}


/** Featured Listing Menu **/ 

.fl-nav-area {
   width: 6.12%; 
   display: inline-block; 
   vertical-align: top;  
   height: 100%;
}

.fl-nav-area:before {
    content: '';
     width: 6.12%;
    height: 100%;
    display: inline-block;
    background: #000;
    position: absolute; 
    z-index: 9;
}

.fl-nav-bg { 
   position: relative; 
   z-index: 99;

}

.fl-nav {
  font-size:0;
  text-align:center; 
  position: relative;
}

    .fl-nav > a {
       display: inline-block;
       vertical-align: middle;
        width: 100%;
        height: 97px;
        text-decoration:none;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
        
    }


    .fl-nav > a:hover,
    .fl-nav a.active{
      background: #ffffff;
    }

    .fl-nav a.active span{
        color: #000000;
    }


    .fl-nav > a:before {
        content: '';
        width: 0%;
        height: 100%;
        display: inline-block;
        vertical-align: middle;
    }

        .fl-nav > a span {
            color: #fff;
            text-transform: uppercase;
            width: 100%;
            vertical-align: middle;
            display: inline-block;
            font-size: 10px;
        }




.fl-nav > a span em {
    display: block;
    padding-bottom: 10px;
    font-size: 22px;
}

.fl-nav > a span em.ai-font-location-c {
      font-size: 30px;
}


        .fl-nav > a:hover span {
            color: #000;

        }

/*** News Listing Page ***/

.news-main-wrapper {
   width: 100%; 
   margin: 0 auto; 
   position: relative;
}


.news-list {
  font-size:0;
  text-align:center;
}

.news-list > a {
    display: inline-block;
    vertical-align: top;
    width: 33.31%;
    height: 100%;
    text-decoration: none;
    font-size: 0;
    margin: 0; 

}
    .news-list > a:before {
        content: '';
        width: 0%;
        display: inline-block;
        vertical-align: middle;
    }


    .news-list > a img {
       width: 100%; 
       max-width: 100%;
    }

        .news-list > a .news-wrapper {
            
            text-transform: uppercase;
            width: 100%;
            vertical-align: middle;
            display: inline-block;
        }


.news-list > a .news-wrapper span {
    color: #000;
    text-transform: uppercase;
    width: 100%;
    vertical-align: middle;
    display: inline-block;
    font-size: 16px;
    padding: 34px 0;
    font-weight: 700;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
}

.news-list > a .news-wrapper span em {
    display: block;
    font-size: 13px;
    font-style: normal;
    padding-top: 5px;
    font-weight: 400;
}

/*******************************************************
 *
 * 3. IP Styles
 *
 *******************************************************/

/* Adjust minimum height of page area */ 
#content-sidebar, #content-full{ min-height: 800px; margin-top: 20px;}

#inner-page-wrapper {
  margin-bottom: 0;
  min-height: 520px;
}

/** Adjust width of content columns **/
#content-sidebar #content{ width: 100%; }
#content-full #content { width: 100%; }

/* Adjust width of sidebar */
.sidebar{ width: 22.83%; display: none}

/* 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 { 
  font-family: 'Average', serif; 
  font-size: 40px;
}

/* Style category/archive/etc main headings (h1) */
#content .archive-title { 

}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle { 

}

/*.sidebar:before {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    background: #000;
    top: -180px;
    min-height: 770px;
    overflow: hidden;
}*/

.side-info {
   display: inline-block; 
   position: relative; 
   padding-left: 33px;
} 

  .side-info .title-name {
        
        font-size: 50px;  
        font-weight: 400; 
        color: #868686;
        font-family: 'Average', serif; 
        line-height: 50px; 
        

  }

   .side-info .title-name strong {
        font-weight: 700;
        color: #000; 
        display: block;
   }

.side-info p span {
   font-size: 24px; 
   font-weight: 600;
}

.side-info p a {
   color: #000;
}
header #menu-item-91,header #menu-item-92, header #menu-item-343 {
  display: none;
}
footer .menu-item-88{
  display: none;
}

.page-nation{
    margin: 20px 0;
}
.yoast-breadcrumbs{
    margin-bottom: 10px;
}
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */

.ip-container .header-main {
    height: 110px;
    background: #231f20;
}

.ip-container .header-main .hdr-logo {
    top: -60px;
    width: 235px;
    padding: 5px 30px;
}



.page-id-58 .entry-content div img { 

   width: 100%; 
   margin: 20px 0;

}

.image-row img {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    height: 360px !important;
    object-fit: cover;
}

.image-row {
    margin: 0;
}

.image-row .col-md-4.col-sm-6 {
    padding: 5px;
    width: 33%;
    float: left;
}


.page-id-60 h1, .page-id-70 h1, .page-id-77 h1 {
      font-family: 'Average', serif;
      font-size: 40px;
      font-weight: bold;
      margin: .67em 0;
}
.page-id-60 .entry-title, .page-id-70 .entry-title, .page-id-77 .entry-title {
      display: none;
}