/******************************************************************	
Projectname:   Shopping and Logistics Management	
Module: 	   Storefront	
Version:       1.3.2
Author:        C.C. Net Technologies	
Last modified: 13 june 2016	
Copyright (C): 2009-2016 C.C. Net Technologies	
Prohibido su distribución, todos los derechos reservados C.C. Net Technologies S.A.
******************************************************************/
/*	
Custom CSS
*/

@import 'https://fonts.googleapis.com/css?family=Cookie|Dancing+Script|Pacifico|Playball|Satisfy';

.footer-logo-image{
	width: 150px !important;
	height: auto;
}

.row{
	
}
.background-titulos{background-color: rgba(241,241,241,0.8); border-top: 2px solid #4F3524;}
.btn-eliminar{background-color: red;}

.general-container{	
	background: url(../assets/img/banner/cerca-delantero-futbol-listo-patear-pelota-fuego-estadio.jpg) no-repeat;
		background-image: url(../assets/img/banner/cerca-delantero-futbol-listo-patear-pelota-fuego-estadio.jpg);
		
			min-height: 500px;					
			background-attachment: fixed;
			background-position: center;
			background-repeat: no-repeat;
		background-size: cover;


}

.col-2 #content{width: 100%;}

.fa-ccnet {
margin-left: 5px;
}

.title-ferriva{
	text-align: center; 
	font-size: 25px; 
	color: #333 ; 
	letter-spacing: 1px; 
	text-transform: none !important; 
	padding-bottom: 6px; 
	margin: 5px 0;
}

.title-ferriva-2{	
	font-size: 18px; 
	color: #333; 
	letter-spacing: 1px; 
	text-transform: none !important; 
	padding-bottom: 6px; 	
}

.title-ferriva-3 {
	color: #ea1b29;
	letter-spacing: 1px;
	text-transform: none !important;
	text-align: center;
	padding-bottom: 6px;
}

.title-background{
	text-align: center; 
	vertical-align: middle;
	font-size: 25px; 
	color: #fff; 
	letter-spacing: 1px; 
	text-transform: none !important; 
	text-shadow: 2px 2px 2px #130805;
}

.title-2{
	text-align: left; 
	font-size: 15px; 
	color: #333; 
	letter-spacing: 1px; 
	text-transform: none !important; 
	padding-bottom: 6px; 
	margin: 15px 0;
}

.colCenter{
    margin: 10% !important;
    display: block;
}

.readmore-ferriva{
	text-align: right; 
	font-size: 13px; 
	color: #E2880E; 
	letter-spacing: 1px; 
	text-transform: none !important; 
	padding-bottom: 6px; 
	border-bottom: 1px solid #E2880E;
} 

.img-you-know{
	width: 117px !important;
	margin-left: 30%;
}

.image-produc{
	max-width: 50% !important;
}

.col-p-news{
	text-align: justify;
}

.category_block{
	background: #FCFCFC !important;
	list-style: none;
}

.category_block ul li {
	background: #F5F5F5;
}


.state-accepted{
	background-color: #008000 !important;
	text-align: center;
	color: white;
}

.state-denied{
	background-color: #FF0000 !important;
	text-align: center;
	color: white;
}

.state-wait{
	background-color: #FFA500 !important;
	text-align: center;
	color: white;
}

.underline-link{
	text-decoration: underline !important;
}


.button-datails {
background-color: #6F6F6F !important;
border: none;
color: white; 
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
}

.col-sm-6-ccnet{
	display: table-cell;
	margin-left: 10px;
	width: 50%;
	text-align: center;
}

.top-table{
	border: 1px solid #E2880E;
	padding: 10px;
	background-color: #AAE5E7;
}

@media (min-width:1200px)
{
	#imagen-front{
		width: 100%;
		height: 240px;
	}
}
@media (min-width:768px) {
	.col-sm-6-1 {width: 30% !important;}
	
	.col-sm-6-2 {width: 70% !important;}
	
	.col-sm-6-3 {width: 50% !important;}
	
	.col-sm-6-4 {width: 40% !important;}
	
	.col-sm-6-5 {width: 50% !important;}
}

@media (min-width:650px)
{
	.form-account{
		width: 85% !important;
		margin-left: 50px !important;
	}

}

@media (max-width:649px)
{
	.form-account{
		width: 85% !important;
		margin-left: 25px !important;
	}

}

@media (max-width:372px)
{
	.col-sm-6-3 {
		width: 130px !important;
		margin-left: 20% !important;
	}
	
	
}


/****************************** checkbox no deseados *********************************/
  .checkcontent .radio label,
  .checkcontent .checkbox label {
	display: inline-block;
	cursor: pointer;
	color: #588E31;
	position: relative;
	padding: 5px 15px 5px 51px;
	font-size: 13px;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
	
	.checkcontent .radio label:hover,
	.checkcontent .checkbox label:hover {
	  background: rgba(49, 191, 195, 0.1); 
	  background: rgba(236, 149, 151, 0.1); 
	  }
	  
	.checkcontent .radio label:before,
	.checkcontent .checkbox label:before {
	  content: "";
	  display: inline-block;
	  width: 17px;
	  height: 17px;
	  position: absolute;
	  left: 15px;
	  border-radius: 50%;
	  background: none;
	  border: 3px solid #588E31; }
	  
  .checkcontent input[type="radio"] {
	display: none; }
	
	.checkcontent input[type="radio"]:checked + label:before {
	  display: none; }
	  
	.checkcontent input[type="radio"]:checked + label {
	  padding: 5px 15px;
	  background: #DF4A4F;
	  border-radius: 2px;
	  color: #fff; }
	  
	  
	  
  .checkcontent .checkbox label:before {
	border-radius: 3px; }
	
  .checkcontent .checkbox input[type="checkbox"] {
	display: none; }
	
	.checkcontent .checkbox input[type="checkbox"]:checked + label:before {
	  display: none; }
	  
	.checkcontent .checkbox input[type="checkbox"]:checked + label {
	  background: #DF4A4F;
	  color: #fff;
	  padding: 5px 15px; }
/*************************** end checkbox  ******************************/

/****************************** checkbox simulacion primer ingreso *********************************/
  .checksimulacion .radio label,
  .checksimulacion .checkbox label {
	display: inline-block;
	cursor: pointer;
	color: #588E31;
	position: relative;
	padding: 5px 15px 5px 51px;
	font-size: 13px;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
	
	.checksimulacion .radio label:hover,
	.checksimulacion .checkbox label:hover {
	  background: rgba(49, 191, 195, 0.1); 
	  background: rgba(236, 149, 151, 0.1); 
	  }
	  
	.checksimulacion .radio label:before,
	.checksimulacion .checkbox label:before {
	  content: "";
	  display: inline-block;
	  width: 17px;
	  height: 17px;
	  position: absolute;
	  left: 15px;
	  border-radius: 50%;
	  background: none;
	  border: 3px solid #588E31; }
	  
  .checksimulacion input[type="radio"] {
	display: none; }
	
	.checksimulacion input[type="radio"]:checked + label:before {
	  display: none; }
	  
	.checksimulacion input[type="radio"]:checked + label {
	  padding: 5px 15px;
	  background: #588E31;
	  border-radius: 2px;
	  color: #fff; }
	  
	  
	  
  .checksimulacion .checkbox label:before {
	border-radius: 3px; }
	
  .checksimulacion .checkbox input[type="checkbox"] {
	display: none; }
	
	.checksimulacion .checkbox input[type="checkbox"]:checked + label:before {
	  display: none; }
	  
	.checksimulacion .checkbox input[type="checkbox"]:checked + label {
	  background: #588E31;
	  color: #fff;
	  padding: 5px 15px; }
/*************************** end checkbox  ******************************/



/****************************** checkbox vegetal extra *********************************/
  .checkboxextra .radio label,
  .checkboxextra .checkbox label {
	display: inline-block;
	cursor: pointer;
	color: #fff;
	position: relative;
	padding: 5px 1px 5px 35px;
	font-size: 13px;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
	
	.checkboxextra .radio label:hover,
	.checkboxextra .checkbox label:hover {
	  background: rgba(49, 191, 195, 0.1); 
	  background: rgba(236, 149, 151, 0.1); 
	  }
	  
	.checkboxextra .radio label:before,
	.checkboxextra .checkbox label:before {
	  content: "";
	  display: inline-block;
	  width: 17px;
	  height: 17px;
	  position: absolute;
	  left: 15px;
	  border-radius: 50%;
	  background: none;
	  border: 3px solid #fff; }
	  
  .checkboxextra input[type="radio"] {
	display: none; }
	
	.checkboxextra input[type="radio"]:checked + label:before {
	  display: none; }
	  
	.checkboxextra input[type="radio"]:checked + label {
	  padding: 5px 15px;
	  background: #DF4A4F;
	  border-radius: 2px;
	  color: #fff; }
	  
	  
	  
  .checkboxextra .checkbox label:before {
	border-radius: 3px; }
	
  .checkboxextra .checkbox input[type="checkbox"] {
	display: none; }
	
	.checkboxextra .checkbox input[type="checkbox"]:checked + label:before {
	  display: none; }
	  
	
	.checkboxextra .checkbox input[type="checkbox"]:checked + label {
	  background: #fff;
	  color: #588E31;
	  padding: 5px 15px;
	  margin-left: 13px;
	}
	
@media (min-width:720px)
{
	.checkboxextra .checkbox input[type="checkbox"]:checked + label {
	  background: #fff;
	  color: #588E31;
	  padding: 5px 15px;
	  width: 80px;
	  margin-left: 10px;
	}
}	

@media (min-width:980px)
{
	.checkboxextra .checkbox input[type="checkbox"]:checked + label {
	  background: #fff;
	  color: #588E31;
	  padding: 5px 15px;
	  width: auto;
	  margin-left: 10px;
	}
}	
	
	
/*************************** end checkbox  ******************************/


.titulo-accordion{
	font-size: 16px;
	color: #2B9395 !important;
}

.titulodetromenu{
	font-size: 16px;
	color: #7E603E;
	font-weight: 600;
}


/*****************************  estilo  de los selects *******************************/


/* The CSS */
.est-select {
	width: 100%;
	padding:3px;
	margin: 0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
	-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
	box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
	background: #f8f8f8;
	color:#888;
	border:none;
	outline:none;
	display: inline-block;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.est-select {padding-right:18px}
}

.contenedor-select {
	position:relative;
	width: 95%;
}
.contenedor-select:after {
	content:'<>';
	font:11px "Consolas", monospace;
	color:#aaa;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
	right:8px; top:2px;
	padding:0 0 2px;
	border-bottom:1px solid #ddd;
	position:absolute;
	pointer-events:none;
}
.contenedor-select:before {
	content:'';        
	right:6px; top:0px;
	width:20px; height:20px;
	background:#f8f8f8;
	position:absolute;
	pointer-events:none;
	display:block;
}
	
/******************************** mini-banner-menu ***********************/

.mini-banner-menu{
	min-height: 170px;
	background: rgba(85,89,88,1);
	background: -moz-linear-gradient(top, rgba(85,89,88,1) 10%, rgba(85,89,88,1) 17%, rgba(85,89,88,1) 23%, rgba(30,32,31,1) 97%);
	background: -webkit-gradient(left top, left bottom, color-stop(10%, rgba(85,89,88,1)), color-stop(17%, rgba(85,89,88,1)), color-stop(23%, rgba(85,89,88,1)), color-stop(97%, rgba(30,32,31,1)));
	background: -webkit-linear-gradient(top, rgba(85,89,88,1) 10%, rgba(85,89,88,1) 17%, rgba(85,89,88,1) 23%, rgba(30,32,31,1) 97%);
	background: -o-linear-gradient(top, rgba(85,89,88,1) 10%, rgba(85,89,88,1) 17%, rgba(85,89,88,1) 23%, rgba(30,32,31,1) 97%);
	background: -ms-linear-gradient(top, rgba(85,89,88,1) 10%, rgba(85,89,88,1) 17%, rgba(85,89,88,1) 23%, rgba(30,32,31,1) 97%);
	background: linear-gradient(to bottom, rgba(85,89,88,1) 10%, rgba(85,89,88,1) 17%, rgba(85,89,88,1) 23%, rgba(30,32,31,1) 97%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555958', endColorstr='#1e201f', GradientType=0 );
	padding: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
	
.mini-banner-lineafija{
	min-height: 150px;
	border: 3px solid #FDF9F6;
	padding: 5px;
}

.mini-banner-lineapunteada{
	min-height: 150px;
	border: 2px dashed #FDF9F6;
}

.mini-banner-img-titulo{
	min-height: 65px;
}
.mini-banner-recomendacion{
	min-height: 90px;
	text-align: center;
}

.mini-banner-img{
	min-height: 65px;
}

.mini-banner-titulo{
	min-height: 65px;
	padding-top: 20px;
}

.mini-banner-titulo p{
	color: white;
	font-family: 'Pacifico', cursive;
	text-align: center;
	font-size: 31px;
}

.mini-img{
	width: 50px;
	padding-top: 6px;
	padding-right: 5px;
}

.img-menu-responsive{
	text-align: center;
	width: 50%;
	float: left;
}

.mini-banner-recomendacion p{
	color: white;
	font-size: 18px;
}

@media (min-width: 992px){
	
	.mini-banner-titulo{
		width: 32% !important;
	}
	.mini-banner-img{
		width: 34% !important;
	}
}

/******************************** FIN mini-banner-menu ***********************/


/******************************** Nuevo index ***********************/

.fondo-index{
/* background-image: url(image/bg.jpg); */
/* background-size: cover; */
background-size: 100% 1000px;
background-repeat: no-repeat;
	text-align: center;
}

.input-index, .input-index2{
    width: 80%;
    height: 35px;
    text-align: center;
    /*border: 0;
    background-color: rgba(0, 0, 0, 0);*/
    color: #929292;
    font-size: 17px;
    margin-bottom: 5px;
    border-radius: 10px;
}

.input-index{
 /*border-bottom: 1px solid #929292;*/
}

.input-index2{
 /* border-top: 1px solid #929292;*/
}

.help-block{
font-size: 14px;
color: red;
}

.recaptcha-gil{
margin-left: 28%;
} 

.boton-iniciar-session{
width: 90%;
border-radius: 10px;
background-color: #0D0D0D;
height: 36px;
color: #fff;
font-size: 18px;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background: #0D0D0D;
    color: #ffffff;
}
.boton-iniciar-session:hover{background-color: #3B3B3B;}

@media (min-width:493px){
.li-ccnet{
	width: 125px;
	font-size: 10px;
	min-height: 78px;
}
.a-ccnet{height: 78px; font-size: 11px !important; font-weight: 700;}
}
.a-ccnet:hover{background: #AAE5E7 !important;}
.a-ccnet-hecho{
background: #91CB67 !important;
color: #fff !important;
font-size: 11px;
}

.btn-acompanante-ccnet{
	width: 260px;
height: 40px;
background-color: #588E31;
border-radius: 10px;
color: #fff;
font-size: 15px;
margin-left: 30%;
}

@media (max-width:980px){
.btn-acompanante-ccnet{
	margin-left: 20%;
}
}
@media (max-width:560px){
.btn-acompanante-ccnet{
	margin-left: 12%;
}
}
@media (max-width:500px){
.btn-acompanante-ccnet{
	margin-left: 0;
	width: 95%;
}
}
.form-control{
border-radius: 8px;
}
.ccnet-acompanante{
width:100%;
}
.ccnet-txt{
width:50%;
}
.ccnet-advertencia{
color: #FF0000;
font-size: 15px;
}
.btn-danger{background-color: #DF4A4F !important;}
.btn-danger:hover{background-color: #DB3539 !important;}



/*   style nuevo tablas */
.table{
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	overflow: hidden;
	width: 100%;
}
th {
	text-align: center !important;
} 
.tr-thead{
	color: #fff;
	height: 50px;
}
.tr-tbody{
	color: #0095AD;
}
.tbody{background-color: #D0E0E0;}
.thead{background-color: #6B6B6B;}
/*   style nuevo   */

/**********File Inputs**********/
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 1.25rem 0;
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}

.iborrainputfile {
	font-size:16px; 
	font-weight:normal;
	font-family: 'Lato';
}
/* style 3 */

.inputfile-3 + label, .sobre-label {
    color: #E2880E;
}

.inputfile-3:focus + label,
.inputfile-3.has-focus + label,
.inputfile-3 + label:hover {
    color: #ec9b1b !important;
}

.sobre-label:hover{color: #ec9b1b !important;}


/* tarjeta de pagina principal*/
.tarjeta h1{
	color: #0D0D0D;
}
.tarjeta{
	background-color: #F29B28;
	color: #0D0D0D;
	min-height: 200px;
    max-width: 445px;
    margin-left: 40px;
    border-radius: 25px;
    padding: 15px;
    font-size: 16px;
}
@media (max-width:980px)
{
	.tarjeta{
		height: 260px;
	}
}
@media (max-width:767px)
{
	.tarjeta{
		height: auto;
		margin-bottom: 15px;
	}
}
@media (max-width:610px)
{
	.tarjeta{
		margin-left: 0px;
	}
}

/* personalizacion del sistema */
	footer {
		background-color: #333 !important;
		font-size: 16px;
	}
	.footer-top-cms, footer{
		color: #fff !important;
	}

	footer h5{
		color: #fff!important;
		font-size: 16px;
	}
	footer a{
		color: #fff !important;
		font-size: 16px;
	}
	footer a:hover{
		color: #fff;
	}

	.footer-top-cms {
		border-bottom: 1px solid #fff;
	}
		.footer-bottom{}

	.footer-bottom, #menu {
		color: #fff !important;
		background-color: #000000;
	}

	.breadcrumb {
		background: #ea1b29;
	}
	.breadcrumb li a {
		color: #FFF;
		font-size: 18px;
	}
	.breadcrumb i {
		font-size: 18px;
	}
	.breadcrumb > li {
		text-shadow: none;
	}
	.breadcrumb>li+li:before {
		color: #F2F2F2;
	}

	.main-navigation li a:hover {
		background: #ea1b29;
	}


	.main-navigation li ul {
		top: 35px;
		width: 257px;
	}
	.main-navigation li li a {
		font-size: 15px !important;
		color: #0D0D0D;
	}
	.main-navigation li li a:hover {
		font-size: 15px !important;
		color: #fff !important;
		background: #F29B28;
	}
	.main-navigation li i {
		font-size: 16px !important;
	}

	@media (max-width: 979px){
		.main-navigation li > a {
			font-size: 15px !important;
			display: inline-block;
			width: 100%;
			padding: 10px 10px;
			color: #0D0D0D;
		}
		.hitarea.expandable-hitarea:before {
			color: #0D0D0D;
			font-size: 18px;
		}
		.hitarea.collapsable-hitarea:before {
			color: #0D0D0D;
			font-size: 18px;
		}
		.hitarea.expandable-hitarea, .hitarea.collapsable-hitarea {
			top: 12px;
		}

		.panel-body {
			padding: 1px !important;
		}

		.Superior-Content {
			padding: 10px !important;
		}

		.OcultarBTN{display: none;}
	}

@media (max-width: 767px) {
	.container {
		padding: 0px 7px !important;
	}
}

	.panel-info {
		border-color: #ea1b29;
	}
	.panel-info>.panel-heading {
		color: #0D0D0D;
		background-color: #ea1b29;
		border-color: #ea1b29;
	}
	.panel-info>.panel-heading h3{
		font-size: 18px !important;
		color: #fff;
	}
	
	.tab-content{
		border: none !important;
		padding: 0px !important;
	}

	.pull-right {
		margin-right: 10px;
		text-align: center;
	}

	label {
		font-size: 15px;
	}

	select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
		font-size: 15px;
    	max-width: 85% !important;
	}
	
	.botonNegro{
		margin-top: 10px;
		padding: 10px;
		font-size: 16px;
	}

	.btn-primary {
		color: #ffffff;
		background: #0D0D0D;
		border: none;
		font-size: 18px;
	}
	.btn-primary:hover{ background-color: #3B3B3B; }

	.btn-default {
		color: #ffffff;
		background: #0D0D0D;
		border: none;
		font-size: 18px;
	}
	.btn-default i { font-size: 18px; }
	.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default{ background-color: #3B3B3B; }

	.btn-regresar{
		background: #ea1b29;
		color: #fff;
	}
	.btn-regresar:hover{
		background: #F29B28;
	}
/* personalizacion del sistema */

/* personalizacion de la navegacion de las tablas */
	.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
		display: none !important;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button{
		color: #fff !important;
		background: #0D0D0D !important;
		border: 1px solid #0D0D0D !important;
		font-size: 15px !important;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
		color: #0D0D0D !important;
		background: #ea1b29 !important;
		border: 1px solid #ea1b29 !important;
		font-size: 15px !important;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
		color: #0D0D0D !important;
		background: #ea1b29 !important;
		border: 1px solid #ea1b29 !important;
		font-size: 15px !important;
	}

	table {
		margin-bottom: 15px !important;
	}
/* personalizacion de la navegacion de las tablas */

/* ubicacion del reCaptcha */
	.g-recaptcha > div{
		width: auto !important;
	}
	.g-recaptcha {
		text-align: center;
		transform:scale(0.70);
        transform-origin:0 0;
	}
/* ubicacion del reCaptcha */

.GoogleButton{
    color: #ffffff;
    font-size: 17px;
    background: #ea4335;
    padding: 8px 12px;
    border-radius: 16px;
    font-weight: 400;
}

.GoogleButton:hover{
    color: #ffffff;
    box-shadow: 2px 2px 2px 2px #333333;
}

.banner-topcss{
	background-image: url(../image/banner-top.jpg);
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#call-me {
    position: fixed;
    right: 70px;
    bottom: 150px;
    width: 100px;
    height: auto;
    padding: 15px;
    border-radius: 50%;
    z-index: 2;
}

.form-control{display: inline !important;}

.nav--checkbox {
  display: none;
}
.nav--button {
  position: fixed;
  bottom: 150px;
  right: 50px;
  height: 70px;
  width: 70px;
  background-color: #008FD1;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 666;
}
.nav--button span {
  position: relative;
  display: inline-block;
  top: 5px;
  left: 30%;
  height: 3px;
  width: 25px;
  transform: translateX(-50%);
}

.nav--button span i{
	font-size: 60px;
	color: #fff;
}

.nav--small {
  position: fixed;
  bottom: 166px;
  right: 57px;
  height: 55px;
  width: 55px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  transition: all 500ms cubic-bezier(0.6, -0.5, 0.4, 1.5);
  z-index: 1;
}
.nav--small a {
  position: relative;
  display: block;
  height: inherit;
  width: inherit;
  border-radius: inherit;
  text-decoration: none;
  color: #FFF;
}

.nav--small a span{
  font-size: 10px;
    color: #FFF;
    margin-top: 29px !important;
    display: inline-block;
}

.One {    
margin-left: 13px;
}

.Two {    
margin-left: 9px;
}

.Three {    
margin-left: 4px;
}

.nav--small a i {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: #FFF;
}
.nav--btn-1 {
  background-color: #FF8C00;
}
.nav--btn-2 {
  background-color: #008FD1;
  transition-delay: 50ms;
}
.nav--btn-3 {
  background-color: #32B221;
  transition-delay: 100ms;
}
.nav--checkbox:checked ~ .nav--btn-1 {
  bottom: 230px;
}
.nav--checkbox:checked ~ .nav--btn-2 {
  bottom: 188px;
  right: 123px;
}
.nav--checkbox:checked ~ .nav--btn-3 {
	bottom: 122px;  
	right: 120px;
}

.field-icon {
  float: right;
  margin-left: -25px;
  position: relative;
  z-index: 2;
  font-size: 20px;
}

.remember_me{
    display:none;
}

.well{
    padding: 9px !important;
    
}


.content {
	display: flex;
	justify-content: space-around;
	align-items: center;
	background: #030303;
	height: 100vh;
}

.value {
	font-size: 150px;
	display: block;
	font-weight: bold;
	color: #fff;
}

.Superior-Content{
		background: #fff;
			margin: auto auto 10px auto;
}