/*

Theme Name: Tom Dixon

Theme URI: http://aios3-staging.agentimage.com/t/tomdixon_pending.com/htdocs

Description: AIOS mobile semi-custom theme.

Author: AgentImage

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

Version: 1.2.5

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. Custom CSS

 *

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



/* Global */





body{

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

	font-size: 16px;

	color: #333;

	margin: 0;





}





a:hover {

	text-decoration: none;

	color: inherit; 

  outline: none;

}



a:link, a:visited {

  outline: none;

}







/*** IP BG **/ 



.ip-banner {

  background: url(images/slide4.jpg) no-repeat center; 

  background-size: cover; 

  position: fixed; 

  z-index: -1; 

  width: 100%; 

  height: 100%; 

  top: 0;

}







.home .ip-bg {

   display: none;

}



/*** Header ***/



.home .header-main { 

	width: 100%;

	z-index: 2; 

	margin: 0 auto; 

    position: absolute;



}



 .header-main {

 	position: relative;

  }





.hdr-info-wrap {

    text-align: right;

    background: #333;

    float: right;

    width: 53%;

    padding-top: 5px;

    padding-bottom: 5px;

    margin-right: 15px;

}



.hdr-info {

    width: 100%;

    position: absolute;

    height: 38px;

    z-index: 3;

}



     .hdr-contact img {

       display: inline-block; 

       height: 79px 



     }







   .contact-info {

    display: inline-block;

    text-align: left; 

    color: #fff; 

    line-height: 24px; 

    font-size: 12px; 

    font-weight: 300;



     }





    span.hdr-p {

        padding: 0 30px 0 0;

        margin-right: 10px; 

        letter-spacing: 1px;

        font-size: 13px;

    }



    span.hdr-e { 

        font-size: 13px;

    }



    .sidebar span.hdr-p, .sidebar span.hdr-e {

        display: block;

    }



    .sidebar span.hdr-p {

      padding: 0;

      margin-top: 15px;

    }



    span.hdr-e a,

    span.hdr-p a {

    	color: #ffffff;

    }

    .sidebar span.hdr-e a,

    .sidebar span.hdr-p a {

        color: #000000;

    }

    span.hdr-e a:hover { color: #c81f25; }

    



    em.ai-icon {



    color: #fff;

    padding-right: 10px; 

    font-size: 12px;

    }





  .info {

    color: #fff;

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

    display: inline-block;

  }



  .header-smi {

    display: inline-block;

    padding-left: 8px;  

    vertical-align: top;

  }



    .sidebar .header-smi {

        padding-left: 10px;

        vertical-align: top;

        max-width: 250px;

        display: block;

        margin: auto;

    }



   .header-smi a {

     /* margin: 0 10px;  */

     margin: 0 9px; 

     color: #fff; 

     font-size: 18px;

         transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -webkit-transition: all .25s ease-in-out;

   }





   .header-smi a:hover {

    color: #c81f25;

   }





/*** IP Header**/ 



.ip-header {

	text-align: center; 

	padding-top: 20px; 

	padding-bottom: 20px;

	display:none;

}



.ip-header img {

	width: 18%;

}



.home .ip-header {

	display: none;

}





/*** Navigation ***/



.navigation {

	

    position: relative; 

    margin-top: 40px;





} 

	

	#nav {

		

		text-align: center;

   

    

	}







	#nav li {

        display: inline-block;

        margin: 11px 0; 



    }



	#nav li a {

    font-weight: 400;

    color: #fff;

    font-size: 14px;

    text-transform: uppercase;

    display: inline-block;

    padding: 0 18px;

    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; 

    border-left: 1px solid #fff; 

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

    text-decoration: none;





	

	}





  #nav li:first-child a {

    border-left: 0;

  }



				#nav li:hover {

					color: #fff;

				}



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



				

				#nav .sub-menu {

					min-width: 200px;

					left: 50%;

					margin-left: -100px;

					z-index: 9;

					padding: 5px 0;

					background: rgba(4, 17, 54, 0.9); 

					

				}



/*

        #nav li:first-child + li ul.sub-menu  { 



          margin-left: -128px;



        }*/





         #nav li:first-child + li + li ul.sub-menu  { 



          margin-left: -113px;



        }



					#nav .sub-menu li {



						width: 100%;     

						position: relative;

            margin: 5px 0; 



            }



						#nav .sub-menu li a {							

							width: 100%;

							font-size: 13px; 

							font-weight: 400;							

							padding: 5px 15px;

							text-transform: none;

							text-align: center;

							line-height: 16px; 

							color: #fff;  

							text-align: center; 

							text-transform: uppercase; 

              border-left: none;

							

                           

						}



						#nav .sub-menu li a:hover { 

              background: #1b8ecd;

              color: #fff; 

							

						

						}





	

/*** HP SLIDE AREA ***/



  .slide-area {

  width: 100%;

  position: relative;

  z-index: 0;  

  top: 0;



  }



.slide-bg{



  background: url(images/slider-bg.png) repeat-x; 

  height: 253px; 

  width: 100%; 

  z-index: 1; 

  position: absolute;



}

	

/*** HP SLIDE ***/



.hp-slide {

	width: 100%;

	z-index: 0;

	position: relative;	

}





/* HP SLIDE LOGO */

.slide_logo {

  width: 100%;

  position: absolute;

  z-index: 2;

  top: 28%;

}

  .slide_logo img {

    max-width: 100%;

    height: auto;

  }





/*** QS BG ***/

.qs-bg {

	background: rgba(0, 0, 0, 0.5);

    height: 80px;

    position: absolute;

    /*bottom: 65px;*/ 



    bottom: 0;

    width: 100%;

    z-index: 1;

}





.qs-icon { 

    float: left;

    margin-right: 20px;

    font-size: 23px;

    margin-top: 2px;

    color: #fff;



}



.qs-cont {

  display: inline-block; 

  width: 100%; 

  padding: 24px 0;

}





.qs-cont form {

      width: 100%;

      margin: 0 auto;

    }



  .qs-cont select {

    margin-left: 0.1%;

    margin-right: 0.1%;

    border: 1px solid #fff;

    background: url('./images/caret.png') no-repeat center right;

    border-radius: 0;

    /*color: #aba;*/

    color: #fff;

    font: 12px 'Lato';

    height: 27px;

    padding: 0 5px;

    display: inline-block; 

    width: 9.38%;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

      }



    .qs-cont select option {

      background: #000;

    }



    .sidebar .qs-cont select {

        background: url('./images/caret-bk.png') no-repeat center right;

    }



    .qs-cont select::-ms-expand {

        display: none;

    }



        .qs-cont select.wide {

          width:18.10%; 

          

        }



        .qs-cont select.nomar {

          

        }



    .qs-cont .qs-cont-sub, .qs-cont a  {

      width: 09.70%;

      height: 27px;

      background: #7f7f7f;

      font: 700 12px 'Lato';

      text-transform: uppercase;

      text-align: center;

      color: #fff;

      appearance: normal !important;

      -webkit-appearance: normal !important;

      -moz-appearance: normal !important;

      border-radius: 0;

      border: 0;

      transition: all .25s ease-in-out;

      -moz-transition: all .25s ease-in-out;

      -webkit-transition: all .25s ease-in-out;

      margin: 0;

      vertical-align: top;

      letter-spacing: 1px;

      max-width: 113px;

      display: inline-block; 

      /*line-height: 27px;*/

    }

    .qs-cont .qs-cont-sub:hover{

      background: #132d51;

    }

    .qs-cont a {

      background: #181818; 

      line-height: 27px;

    }

    .qs-cont a:hover {

      background: #7f7f7f;

    }





/*** Welcome ***/ 



.welcome-title {

	font-size: 24px;

    text-transform: uppercase;

    color: #333333;

    letter-spacing: 2px;

    text-align: center;

    font-weight: 700;

    /* padding-top: 70px; */

    padding: 35px 0px;

    margin: 0 auto;

    width: 30%;

}



 .welcome-title:after {

 	    content: '';

        width: 70%;

        height: 3px;

        /* display: inline-block; */

        display: none;

        vertical-align: middle;

        border-bottom: 3px solid #333333;

        margin: 0 auto;

 }



.welcome-title span {

	font-size: 14px;

	color: #999999; 

	display: block;

	font-weight: 300;

}



 .welcome-text { 

 	display: block; 

 	width: 90%; 

 	padding-top: 50px;

 	padding-bottom: 56px; 

 	font-weight: 300; 

 	font-size: 14px; 

 	text-align: center;

    position: relative;

	margin: 0 auto;

	/*display: none;*/

 }



    .welcome-text:before {

        content: '';

        display: block;

        position: absolute;

        top: -13px;

        left: 0;

        right: 0;

        margin-left: auto;

        margin-right: auto;

        border-top: 1px solid #d2d2d2;

        max-width: 1048px;

    }





  .welcome-text p {

    margin: 1.8% 0;

    line-height: 28px;

  }









/*** Footer ***/



.footer {

	font-size: 12px; 

	font-weight: 300;

    width: 100%;

    background: #e3e3e3;

    color: #666666;

    padding: 20px 0 20px;

    text-align: center;

}

	

	.footer li {

		display: inline-block;

		/*border-left: 1px solid #666666;*/

		padding: 0 10px;

		line-height: 10px; 

        text-transform: uppercase; 



	}



		.footer li:first-child {

			border: 0;

			padding-left: 0;

		}

	

	.footer a {color: #666666;}

	

	.footer a:hover { color: #32c2e7; }



   .footernav {

    /*padding: 15px 0 0;*/

   }



	.footer .copyright, .sitemap {

		color: #666666;

	}







  .ai-icon-ftr {

  	color: #666666; 

  	font-size: 24px; 

  	display: inline-block; 

  	margin-top: 10px;

  }









 

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

 *

 * 2. IP Styles

 *

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



/* Adjust minimum height of page area */ 

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



/** Adjust width of content columns **/

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

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



#content-sidebar, #content-full {

	padding: 20px 30px 30px; 

	background: rgba(255, 255, 255, .9);

}



/* Adjust width of sidebar */

.sidebar{ width: 20.83%; }





.qs-title {

	text-transform: uppercase;

    text-align: center;

    letter-spacing: 1px;

    font-weight: 700;

    padding: 0 0 10px 0;

    font-size: 20px;

}



  .sidebar .qs-cont select {

    width: 49%; 

    color: #000; 

    border: 1px solid #000; 

    margin-top: 5px; 

    margin-bottom: 5px;

      }



      .sidebar .qs-cont select option {

        background: #fff;

      }



        .sidebar .qs-cont select.wide {

          width:100%; 

          margin-top: 5px; 

    margin-bottom: 5px;

          

        }



        .sidebar .qs-cont .qs-cont-sub, .sidebar .qs-cont a {

          width:49%;

          margin-left: 0.1%; 

          margin-top: 0.8%;

        }



.sidebar .info {

    color: #000;

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

    display: block;

    text-align: center;

    max-width: 300px;

    margin: auto;

}



.sidebar .info img {

	width: 100%;

    padding-top: 30px;

    max-width: 200px;

}



.sidebar em.ai-icon {

	color: #000;

}



.sidebar .header-smi {

	text-align: center;

}



.sidebar .header-smi a {

  color: #000;	

}





/* 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 { 



}



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

#content .archive-title { 



}



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

#content .archive-subtitle { 



}



.comm-list {

  font-size:0;

  text-align:center;

  width: 100%;

}



    .comm-list > a {

        position: relative;

        display: inline-block;

        vertical-align: middle;

        width: 35%;

        max-width: 290px;

        height: auto;

        text-decoration:none;

        /*background: #7f7f7f;*/

        font-size: 0;

        margin: 0 1.5% 20px;

        transition: all .25s ease-in-out;

        -moz-transition: all .25s ease-in-out;

        -webkit-transition: all .25s ease-in-out;

        z-index: 3;

    }

      .comm-list img {

        position: relative;

        z-index: 1;

        width: 100%;

      }



      .comm-list > a:hover {

         background: #132d51;

       transition: all .25s ease-in-out;

      -moz-transition: all .25s ease-in-out;

      -webkit-transition: all .25s ease-in-out;

      }



    .comm-list > a:before {

        content: '';

        width: 0%;

        height: 100%;

        display: inline-block;

        vertical-align: middle;

    }



        .comm-list > a span {

            color: #fff;

            text-transform: uppercase;

            width: 100%;

            height: 100%;

            vertical-align: middle;

            display: inline-block;

            font-size: 16px;

            line-height: 193px;

            position: absolute;

            z-index: 3;

            top: 0;

            left: 0;

            text-shadow: 1px 1px #333;

            transition: all .25s ease-in-out;

            -moz-transition: all .25s ease-in-out;

            -webkit-transition: all .25s ease-in-out;

        }

        .comm-list > a:hover span {

            background: #132d51;

        }





/*404 page*/

.error404 article#content {

  background: #fff;

  padding: 20px 0;

}



/*ihf fixes*/



#ihf-main-container .nav-tabs {

    margin-left: 0;

}



#ihf-main-container .chosen-drop ul.chosen-results {

    padding-left: 0;

    margin-left: 0;

}



.parent-pageid-47 #ftb-tab-holder {

  display: none;

}





.yoast-breadcrumbs {



    margin: 20px 30px;

    color: #fff;

}



 .yoast-breadcrumbs a {

   color: #fff;

 }



.category-testimonials #content h2.archive-subtitle {

  color: #337ab7;

}

.page-id-45 .ip-banner {
    background: transparent;
}

.page-id-45 #content .entry {
    text-align: justify;
}


.fixed-button {
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
}

.fixed-button a {
    font-size: 15px;
    color: #fff !important;
    background: #181818;
    padding: 10px 15px;
    display: block;
    appearance: normal !important;
    -webkit-appearance: normal !important;
    -moz-appearance: normal !important;
}

.fixed-button a:hover{
    background: #7f7f7f;
}
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */



