/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.0.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/

.test{
    background-color: aqua;

}

.test2{
    background-color: blueviolet;
}

.main12_bg{
    background-image: url(../images/chicago-449021.jpg);
    color: white;
    background-size: cover;
}

.main12_bg2{
    background-image: url(../images/chicago-449021_pm.jpg);
    color: white;
    background-size: cover;
}

.white{
    background-color: white;
    border-color: transparent;
}

.white_t{
    color: white;
}

.back_co_t{
    background-color: rgba(40, 40, 40, 0.5);
}

.no_border{
    border-width: 0px;
}

.no_br_white{ 
    background-color: white;
    border-width: 0px;
}

.c_i{
    margin:0 auto;

}

.center_c{
    margin: auto;
    float: none;
}

.tab_city{
    background-image: url(../images/gfds.jpg);
    background-size: cover;
}

.tab_city2{
    background-image: url(../images/chicago-449021.jpg);
    background-size: cover;
}

.tab_city3{
    background-image: url(../images/urban-384587_1280.jpg);
    background-size: cover;
}

.tab_city4{
    background-image: url(../images/the_hub_banner.jpg);
    background-size: cover;
}

.tab_city5{
    background-image: url(../images/chicago-690364_1280.jpg);
    background-size: cover;
}

.italicize{
    text-emphasis: ;
}

.left_aline{
    text-align: left;
}
.tl_text{
    font-size: ;
    padding: 2px;
    background-color: #EDEDED;
    border-radius: 20px;
    padding-left: 5px;
    padding-right: 5px;
    border-style: solid;
    border-width: 2px;
}

.time_bar{
    height: 30px;
    background-color: #09afdf;
    border-radius: 5em;
    margin-top: 35px;
}

.outer_circle{
    width: 100px;
    height: 100px;
    border-radius: 5em;
    background-color: #09afdf;
    padding-top: 7.5px;
    z-index: 3;
    float: left;
    margin-left: ;
}
.middle_circle{
    width: 85px;
    height: 85px;
    border-radius: 5em;
    background-color: #fff;
    margin: auto;
    padding-top: 3px;
}
.inner_circle{
    width: 79px;
    height: 79px;
    border-radius: 5em;
    border-color: #09afdf;
    border-style: solid;
    border-width: 2px;
    margin: auto;
    
}
.inner_text{
    padding-left: 0px;
    font-family: sans-serif;
    font-size: 1.7em;
    text-align: center;
}

.time_container{
    margin: auto;
    max-width: 1100px;
    margin-left: 70px;
}

.time_active{
    background-color: #000;
    color: #fff;
}

.inner_text_active{
    padding-left: 0px;
    font-family: sans-serif;
    font-size: 1.7em;
    text-align: center;
    color: #fff;
}

.basicText {
    font-size: 13px;
}

.time_bar_month{
    height: 30px;
    background-color: #09afdf;
    border-radius: 5em;
    margin-top: 35px;
    margin-left: 50px;
    max-width: 1120px;
}

.outer_circle_month{
    width: 100px;
    height: 100px;
    border-radius: 5em;
    background-color: #09afdf;
    padding-top: 7.5px;
    z-index: 3;
    float: left;
    margin-left: 50px;
}
.middle_circle_month{
    width: 85px;
    height: 85px;
    border-radius: 5em;
    background-color: #fff;
    margin: auto;
    padding-top: 3px;
}
.inner_circle_month{
    width: 79px;
    height: 79px;
    border-radius: 5em;
    border-color: #09afdf;
    border-style: solid;
    border-width: 2px;
    margin: auto;
    
}
.inner_text_month{
    padding-left: 0px;
    font-family: sans-serif;
    font-size: 1.7em;
    text-align: center;
}

.time_container_month{
    margin: auto;
    max-width: 1100px;
    margin-left: 70px;
}

.category_icon{
    width: 92px;
    height: 71px;
}

.third_party_icon{
    width: 200px;
    height: 80px; 
}

.software_service{
    width: 550px;
}

.main_logo{
    width: ;
    height: 50px;
	margin-bottom: ;
	margin-top: ;
}

.b_shop_logo{
    height: 80px;
}

.b_shop_logo2{
    height: 80px;
}

.large_chooser_icon{
    height: 120px;
}

.small_image_box{ 
    width: 100px;
    height: 73px;
}

.pt{
    padding: 10px;
}

.hight_500{
    height: 450px;
}

.gallery_banner{
    background-image: url(../images/photo_gallery_banner2_6.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.ecom_banner{
    background-image: url(../images/ecom/ecom_banner2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.afb_theme_banner{
    background-image: url(../images/afb_theme/afb_theme_banner2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.afb_email_banner{
    background-image: url(../images/theme_email/email_banner2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.dealership_background{
    background-image: url(../images/dealership_image_list.jpg);
    color: white;
    background-size: cover;
}

.school_background{
    background-image: url(../images/school_background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.media_bar{
    height: 20px;
    background-color: #ccc;
    margin-top: 25px;
    margin-bottom: 25px;
}

.big_media_icon{
    font-size: 3em;
    padding: 5px;
}

.media_bar2{
    height: 15px;
    background-color: #ccc;
    margin-top: 15px;
    margin-bottom: 15px;
}

.big_media_icon2{
    font-size: 1.5em;
    padding: 3px;
}

.market_category{
    width: 250px;
    height: 300px;
    margin: 10px;
    background-color: aqua;
}

.center_content{
    margin: auto;
    float: inherit;
}

.center_button{
    text-align: center;
}

.a_text{
    color: #e80000;  
}

.z-up{
    position: relative;
    z-index: 1;
    background-color: #fff;
}

.under_construction{ 
    height: 500px
}

.no_padding{
    margin-top: 0px;
    margin-bottom: 0px;
    
}

.small_footer_logo{
    height: 40px;
}

.red_color{
    color: #e80000;
}

.no_left_pad{
    padding-left: 0px;
}

.l_pad{
    padding-top: 10px
}

.skill_c{
    margin-top: 30px;
}

.bm_5{
	margin-bottom: 5px;
}



/* Brian's CSS */

.full_width{
    width: 100%;
}

.b_padding_bt{
    margin-top: 3px;
}

.b_padding_bt2{
    margin-top: 3px;
    margin-bottom: 3px;
}

.space_b{
    height: 5px;
}

.edit_profile2{
    display: none;
}

.small-size_con{
    display: none;
}

.menu-btn{
	display: none;
}

.scroll_helper{
	padding: 8px;
	padding-top: 12px;
}

.logo-footer-size{
    width: 180px;
}

.hide_afb_menu{
	display:inline;
}

.panel_pad{
	margin-bottom: -17px;
}

.mq_spacer_150{
	height: 150px
}

.mq_size_cards{min-height:320px;} 

.t_p_15{
	padding-top: 15px;
}

.icon_helper{
	padding-top: 13px;
}

.icon_helper2{
	padding-top: 17px;
}

.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active{
  color: #ffffff;
}

.tc_svg_w{
	width:300px;
}

.clockin_text {
	font-size:150px;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
.btn-default,
#mainNavMenu a 
{
    text-transform: capitalize;
    /* makes all of the letters in the selected text uppercase. */
    /* uppercase */
}

td, th {
    padding: 3px;
}

table img {
    padding: 0px;
    margin: 0px;
    display: inline-block;
}

.tableRow2 {
    background-color: #F5F5F5;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
}

/* media queries */

@media screen and (max-width: 2200px) {
   	
}

@media screen and (max-width: 1600px) {
    .under_construction{ height: 500px}
	.mq_spacer_350{height: 150px}
}

@media screen and (max-width: 1400px) {
    .hight_500{ height: 300px;}
	.tc_svg_w{width:250px;}
    h1{ font-size: ;}
    .under_construction{ height: 250px;}
}

@media screen and (max-width: 1200px) {
    .hight_500{ height: 250px;}
    .under_construction{ height: 250px}
	.menu-btn{display: none;}
	.mq_size_cards{min-height:350px;}	
}

@media screen and (max-width: 1000px) {
    .hight_500{ height: 210px;}
	.menu-btn{display: inline;}
	.mq_spacer_150{height: 100px}
	.mq_size_cards{min-height:100px;}
	.clockin_text {font-size:125px;}
}

@media screen and (max-width: 800px) {
    .hight_500{ height: 170px;}
	.tc_svg_w{width:200px;}
	.clockin_text {font-size:100px;}
}

@media screen and (max-width: 767px) {
    .hight_500{ height: 170px;}
    .skill_c{margin-top: 12px;}
    .skill_c2{margin-top: 10px;}
    .skill_text{width: 275px;}
    .edit_profile{display: none;}
    .edit_profile2{display: inline;}
    .large-size_con{display: none;}
    .small-size_con{display: inline;}
	.scroll_helper{padding: 6px;}
	.hide_afb_menu{display:none;}
	.tc_svg_w{width:150px;}
}

@media screen and (max-width: 700px) {
    .hight_500{ height: 150px;}
	.small-size_con{display: inline;}
	.mq_spacer_150{height: 50px}
	
}    
    
@media screen and (max-width: 500px) {
    .hight_500{ height: 100px;}
	.small-size_con{display: inline;}
}      
    
@media screen and (max-width: 400px) {
    .hight_500{ height: 70px;}
    .skill_text{width: 225px;}
	.small-size_con{display: inline;}
}      

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ccc;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ccc;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ccc;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #ccc;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.col-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}  
 
.breadcrumb {
    width: 49%;
    display: inline-block;
}

.for-more-options {
    overflow: hidden;
    height: 0px;
    transition: height 400ms ease-in-out;
}
    
.page-anchor {
	position: relative;
}

.anchor {
	position: absolute;
	top: -65px;
	left: 0;
	width: 1px;
}