/* @import 'https://fonts.googleapis.com/css?family=Poppins|Varela+Round rel="stylesheet'; */

@import 'https://fonts.googleapis.com/css?family=Open+Sans:300%7CRoboto:300,500 rel="stylesheet';

html,body{height: 100%}
*{letter-spacing: 1px;}
/*
font-family: 'Poppins', sans-serif;
font-family: 'Varela Round', sans-serif;
*/
h1,h2,h3,h4,thead,button{

	/* font-family: 'Varela Round', sans-serif; */
	font-family: 'Open Sans', sans-serif; font-family: 'Roboto', sans-serif;

}
a,p,li,span,input,select,label,body{
	/* font-family: 'Poppins', sans-serif; */
	font-family: 'Open Sans', sans-serif; font-family: 'Roboto', sans-serif;

}

.block{
	display: block;
}


.pointer{
	cursor: pointer;
}

.font-big{
	font-size: 52px;
}

.font-sm{
	font-size: 10px;
}

.white{color: white;}
.grey{color: #bebebe;}
.green{color:#216c2a;}
.light{font-weight: thin;}
.normal{font-weight: normal;}
/* .bold{font-weight: bold;} */
.extra-bold{font-weight: 900;}

.flip-vertical{
	transform: rotateZ(180deg);
	-ms-transform: rotateZ(180deg);
	-moz-transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
}

.inline{display: inline-block;}

.no-radius{border-radius:0; }
.margin-50{margin: 50px auto;}
.margin-top-0{
	margin-top: 0;
}
.margin-all{margin: 15px;}
.margin-0{margin: 0;}
.margin-15{margin: 15px auto; }
.margin-auto{margin: auto;}
.margin-left-5{margin-left:5px;}

.padding-all{padding: 15px;}
.padding-0{padding: 0;}
.padding-15{padding: 0 15px; }
.padding-15-md{
	padding: 0 15px; 

}
.padding-30{padding:0 30px;}

	.padding-0-sm{
		padding: 0px;
	}
@media (min-width: 768px) and (max-width: 992px){
	.padding-15-md{
		padding: 0; 
	}
} 

@media(max-width: 768px){
	.padding-0-sm{
		padding: 0 15px;
	}
	
}

.vertically-center{vertical-align: middle;}

.none{display: none;}
.block{display: block;}

.black{color: #1b1b1b;}
.red{color: #e11c13;}

@media(max-width:768px){
	.margin-xs-0{
		margin: 0;
	}

	.padding-xs-0{
		padding: 0;
	}

	.text-left-xs{
		text-align: left !important;
	}

	.margin-all-xs{margin: 15px;}
	.padding-all-xs{padding: 15px;}


}

/*forever css*/


/*header*/

.nav{margin-bottom:1px;}

.nav-brand img{width: 165px}

.nav>li>a, .nav>li>a{
	color: #888;
}
.nav>li>a:focus, .nav>li>a:hover{
	color: #121212;

	text-decoration: none;
    background-color: transparent;

}

.line-height-menu{line-height: 25px;}

.border-red-menu{border-left:  2px solid #e11c13;}

.margin-left-50{margin-left:50px;}



@media(max-width:768px){


	.line-height-menu{line-height: 35px;}

	.border-red-menu{
		border-left:none;
		border-top: 2px solid #e11c13;
	}

	.margin-left-50{margin-left:0px;}




}

.navbar{border-bottom:3px solid #0c6cd1;border-radius: 0; margin: 0; padding: 15px;}

.width-354 {
    width: 354px;
}

 .navbar-nav .nav-link{padding: 0px 10px !important;}

 @media(min-width: 768px) and (max-width: 992px){
	.margin-left-50{margin-left: 0;}
	.navbar-nav .nav-link{padding: 0px 10px !important;}
	.navbar-header img{
		width: 130px;
	}
}


 @media(max-width: 768px){
 	.navbar-header img{
		width: 125px;
		max-width: 60px;
	}
	
}

 .navbar-toggle {
 	border: 2px solid #0b6cd6;
 }

 .navbar-toggle .icon-bar{

 	background: #0b6cd6;

 }

 .bg-home{
 	background-image: url("../images/banner-home-min.png?ver=2100");
 	background-position: bottom;
 	background-size: cover;
 	height: 70%;
 	position: relative;
 }

 .bg-home .container{
 	margin-top: 100px;
 }

.bg-others{
	background: #999;
	padding: 50px 0;
}

.main-features{
	 /* background: rgba(0,0,0,0.7); */
	 background: rgba(225, 28, 18, 0.91);
	padding: 15px;
	/* pointer-events: none; */
}

.banner-container p.grey{
	color: #FFF;
}

.form-padding {
    padding: 25px 30px;
    background: rgba(12, 107, 211, 0.83);
}

 .form-menu .form-group {margin:0;}

.btn-orange {
    color: #fff;
    background-color: #ff9800;
}

 .btn-orange:hover {
    color: #fff;
    background-color: #ff7800;    
}

.btn-red {
    color: #fff;
    background-color: #e11c12;
}
.btn-red:hover {
    color: #fff;
    background-color: #e11c12;    
}


.btn-blue {
    color: #fff;
    background-color: #0b6cd6;
    
}

 .btn-blue:hover,.btn-blue:focus {
    color: #fff;
    background-color: #0454b8;
    
}



.btn-grey:hover{
	background: #9e9e9e;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ff9800;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255,152,0,.25);
}

.flex-wrap{
	 -webkit-flex-wrap: wrap; /* Safari 6.1+ */
	 flex-wrap: wrap;
}

.form-menu{max-width: 830px;margin:auto;}

.nav.nav-tabs{margin-left: 2px;}


.form-tabs ul  li:nth-of-type(2){
	border-left: 2px solid #ff9800;
	border-right: 2px solid #ff9800;

}

.container{max-width:1000px; }

.nav-tabs{border: none;}

.nav-tabs>li>a, .nav-tabs>li>a{
  
	font-size: 16px;
	color: #272727;
	background: #bebebe;
	display: inline-block;
	padding: 8px 15px;
	list-style-type: none;
	cursor: pointer;
	text-align: center;
	border: none;
	border-radius: 0; 
}

.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
	color: #272727;
	background: #888;
}

.nav-tabs li{margin-left: -2px;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
   	color: #fff;
	background: #e11c12;
	border: none;
	border-radius: 0; 
}

.list-card {
    position: relative;
    border: 1px solid #eee;
    padding: 25px 15px;
    margin: 15px auto;
    background: #f9f9f9;
}


.list-card-featured{
	color: white;
	padding: 5px 7px;
	position: absolute;
	z-index: 99999;
	top:-18px;
	left: 30px;
	background: #ff9800;
}

.list-card-featured:before{
	content:"";
	position: absolute;
	width: 0px;
	height: 0px;
	border-bottom: 17px solid #c87700;
	border-left: 12px solid transparent;
	top: 0;
	left:-12px;
}



.list-card h4{height: 38px;margin-bottom:25px;}

.light-grey{color: #bebebe;}

.about-business h4{ margin-top: 5px; margin-bottom: 15px; height: auto;}
.about-business p{height: 80px;}
.full-width{width: 100%;}
.full-height{height: 100%;}
.list-card-container{margin-top:40px; margin-bottom:40px;}

.bg-grey .col-xs-12{background: white;}
.bg-grey img{ max-height: 90px; }
.bg-grey{background:#bebebe; }

.bg-grey-open{}



.nav-pills>li>a{
	color:black;
	background: #e7e7e7;
	border-radius:0;
}

.nav-pills>li>a:hover{
	color:black;
	background: #bebebe;
	border-radius:0;
}

.nav.nav-pills{
	background: #e7e7e7;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	color:#000;
	background: #bebebe;
	border-bottom:3px solid #1671e0;
   	border-radius:0;
}


.light-footer{background: #3f5d81;}

.padding-footer{padding: 40px 0; }

footer ul li{
	display: inline-block;
	list-style-type: none;
	padding: 0 10px;
}

footer ul li a{
	color: white;
	text-decoration: none;
}

footer ul li a:hover{
	color: white;
	text-decoration: underline;
}

.copyright{
	background: #0d2d54;
	padding: 5px 0;
	color: white;
}

.all-selling .tab-content{
	border:3px solid #e7e7e7;
	margin-top: -1px;
	
}

.all-selling .tab-content{
	color:#bebebe;
	margin-bottom: 40px;
}

.tab-pane ul li{

	list-style-type: none;
	
}

.tab-pane ul a{

	color:#bebebe;
}

.tab-pane ul a:hover{

	text-decoration: underline;
}

.tab-pane ul{
	padding: 0;
	margin: 15px 0;
}

.random-adds {

}

.sell-form{
	background:#f0f0f0;
	font-weight: lighter;
}

.sell-form{
	position: relative;
	color: #6e6e6e;
	padding: 20px;
	margin-bottom: 120px;
}

.sell-form label{
	margin: 6px 0 5px 0;
	font-size: 13px;
	font-weight: lighter;
}

.sell-form .radio-inline{
	margin: 15px 5px 5px;

}

.sell-form h4{
	/* font-family: 'Poppins', sans-serif; */
	font-family: 'Open Sans', sans-serif; font-family: 'Roboto', sans-serif;

	font-weight: lighter;
	margin-bottom:30px;
}

.sell-btn{
	position: relative;
	bottom: -35px;
	text-align: center;
	margin: auto;
}

.margin-top-100{
	margin-top:100px; 
}

.director-button{
	position: absolute;
	right: 0;
}

.margin-top-minus{
	margin-top: -80px;
}

.margin-bottom-100{
	margin-bottom: 100px;
}

.facebook img{
	opacity: 0.9;
}

.facebook img:hover{
	opacity: 1;
}

.border-top{
	border-top:1px solid #bebebe;
}

.margin-bottom-50{
	margin-bottom:50px;
}

#company-form h4{color: white;background: #0c6bd1;margin:0; padding: 15px; }
#company-form h4+.col-xs-12{border:2px solid #0c6bd1; padding: 15px ;}

.btn-arrow img{
	position: absolute;left: -50px; top: 0;
	
}


.bg-white{
	background: white;
}

.main-features{
	position: absolute;
	bottom: 0;
	width: 100%;
}
.margin-top-20{
	margin-top:20px;
}

#buy {
    width: 40px;
    height: 40px;
    background: url(../images/icons.png) 0 0;
   
}

#sell {
    width: 40px;
    height: 40px;
    background: url(../images/icons.png) 0 40px;
   
}

#franchise {
    width: 40px;
    height: 40px;
    background: url(../images/icons.png) 0 80px;
   
}

#contact {
    width: 40px;
    height: 40px;
    background: url(../images/icons.png) 0 120px;
   
}

#login {
    width: 40px;
    height: 40px;
    background: url(../images/icons.png) 0 160px;
   
}

#notification {
    width: 40px;
    height: 40px;
    background: url(../images/icons.png) 0 200px;
   
}


.nav-link:hover #buy{
    width: 40px;
    height: 40px;
    background: url(../images/icons.png) 40px 0;
}

.nav-link:hover #sell{
    width: 40px;
    height: 40px;
    background: url(../images/icons.png) 40px 40px;
}

.nav-link:hover #franchise{
    width: 40px;
    height: 40px;
    background: url(../images/icons.png) 40px 80px;
}

.nav-link:hover #contact{
    width: 40px;
    height: 40px;
    background: url(../images/icons.png) 40px 120px;
}

.nav-link:hover #login{
    width: 40px;
    height: 40px;
    background: url(../images/icons.png) 40px 160px;
}

.nav-link:hover #notification{
    width: 40px;
    height: 40px;
    background: url(../images/icons.png) 40px 200px;
}

.nav-link:hover p {
	color:#0c6cd3;
}

.max-640{
	max-width: 640px;
	margin: auto;
}

.margin-top-30{margin-top: 30px;}

.modal-body a{
	text-decoration: none;
}

.green{
	color: #1b7f5f;
}

.size-150{font-size: 150px;}

.border-blue{
	border:3px solid #0a6be3;
}

.red-cross{
	background:#e11c13;
	color:#fff;
	display: inline-block;
	border-radius: 50%;
	padding: 10px;

}

.modal.in .modal-dialog{
	max-width: 400px;
}

.light-footer.padding-footer .container .col-sm-2 img{max-width: 150px;}

.margin-top-40{margin-top: 40px;}



.row.sell-form mat-radio-group.mat-radio-group {
    display: block;
}

.row.sell-form mat-radio-group.mat-radio-group mat-radio-button {
    margin-right: 40px;
}



.width-270{
    width: 270px;
}


@media(max-width: 768px){
    .width-270{
        width: auto;
    }

    .padding-all-xs {
        padding: 15px 0;
    }
}



.margin-top20{margin-top: 20px;}

.border-red-menu{
   border-right: 2px solid #e11c13;
   border-left: 2px solid #e11c13;
}

@media (max-width: 768px){
   .border-red-menu {
       border-left: none;
       border-right: none;
       border-top: 2px solid #e11c13;
       border-bottom: 2px solid #e11c13;

   }
}