@import url(bootstrap.min.css);
@import url(materialize.min.css);
@font-face {
	font-family:'bookos';
	src:url('fonts/bookos.ttf');
}
body{
	overflow-x: hidden;
	font-family:'calibri';
}
/*
* Cabecera *
*/
.ss-top{
	margin: 1.8em 0 1em	2em;
}
.ss-top .logo{
	width: 200px;
}
/*
* Navegacion *
*/
.ss-navegacion{
	background: #454545;
}
.ss-navegacion .nav-item{
	transition: all .4s linear;
	margin: 0 5px;
	font-size: 1.2em;
}
.ss-navegacion .nav-item:hover{
	background: #fd4c48;
	color: #fff;
	border-radius: 5px;
}
.ss-navegacion .navbar-nav .nav-link{
	color: #fff;
	text-transform: uppercase;
}
.ss-navegacion .navbar-nav .nav-link:focus, 
.ss-navegacion .navbar-nav .nav-link:hover {
    color: #fff;
}
/*
* General *
*/
/* == Home == */
.ss-pt-8{
	height: 300px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	margin-left: 5px;
}
.ss-pt-8 .logo{
	width: 500px;
}
.ss-home{
	background: url('../img/imagen-1.png');
	background-attachment: scroll;
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 500px;
}
.ss-home .ss-text p{
	color: #676767;
	margin-bottom: 0;
	font-size: 1.7em;
	font-weight: 300;
}
.ss-home .ss-text b{
	font-weight: 700;
}
/* == Servicios == */
.ss-servicios,
.ss-contacto{
	padding: 70px 0;
}
.ss-servicios h1,
.ss-contacto h1{
	text-align: center;
	color: #676767;
	font-weight: 300;
	margin-bottom: 1em;
}
.ss-servicios .ss-cards,
.ss-servicios .ss-form{
	margin-top: 4em;
}
.ss-servicios .card{
	text-align: center;
	border: 0;
	border-radius: 0;
}
.ss-servicios .card .icons{
	color: #676767;
	margin: 0 auto .2em auto;
	font-size: 4em;
}
.ss-servicios .card .card-img-top{
	width: 75px;
	margin: 0 auto 1.5em auto;
}
.ss-servicios .card .card-title{
	color: #fd4c48;
	margin-bottom: 1.3em;
}
.ss-servicios .card .card-block{
	height: 220px;
	padding: 10px;
}
.ss-servicios .card .card-text{
	color: #676767;
	font-size: 1.1em;
	margin-bottom: 0;
	font-weight: 300;
}
.ss-servicios .card-2{
	border-left: 1px solid #fd4c48;
	border-right: 1px solid #fd4c48;
}
/* == Reparacion == */
.ss-reparacion{
	background: url('../img/imagen-2.png');
	background-attachment: scroll;
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 550px;
}
.ss-reparacion .box{padding-top: 5em;}
.ss-reparacion #text1{
	margin-bottom: 0;
	font-size: 3.4em;
	color: #939090;
	font-weight: 300;
}
.ss-reparacion #text2{
	font-size: 5em;
	margin-bottom: 0;
	color: #676767;
	font-weight: 600;
}
.ss-reparacion #text3{
	font-size: 3.1em;
	margin-bottom: 1em;
	margin-left: 2em;
	color: #939090;
	font-weight: 300;
}
.ss-reparacion .ss-text{
	font-size: 1.3em;
	color: #939090;
	text-align: center;
}
.ss-reparacion .nav .nav-link{
	color: #939090;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: 300;
}
.ss-reparacion .nav .nav-link .fa-check-circle{
	color: #fd4c48;
	font-size: 1.2em;
}
.ss-contacto textarea.form-control{resize: none;}
.ss-contacto input.form-control{
	border-bottom: 0;
	border-radius: 0;
}
.ss-contacto .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ced4da;
    outline: 0;
    box-shadow: none !important;
}
.ss-contacto .btn{
	background: #fd4c48;
	border-color: #fd4c48;
}
footer{
	background: #3a3a3a;
	color: white;
	padding: 20px 0;
}
footer .nav{
	border-right: 2px solid white;
	padding-right: 15px;
}
footer .nav .nav-link{
	color: white;
	font-weight: 700;
	font-size: 1.2em;
	padding: .1rem 0rem;
	text-align: right;
}
footer .nav .nav-link:hover{
	color: rgba(255,255,255,.8);	
}
footer .rrss div{
	width: 35px;
	height: 35px;
	padding: 5px;
	background: #fff;
	border-radius: 50%;
	display: inline-block;
}
footer .rrss a{
	font-size: 1.1em;
	text-align: center;
	color: #3a3a3a;
}
@media screen and (max-width: 720px){
	.ss-home,.ss-pt-8,.ss-reparacion{height: auto !important;}
	.navbar-nav{
		padding: 0 !important;
	}
	.ss-top {
	    margin: 1em 0 1em;
	    text-align: center;
	}
	.ss-navegacion .nav-item {
	    text-align: center;
	}
	.ss-home .ss-text{
		padding: 1em 0;
	}
	.ss-home .ss-text p {
	    text-align: right;
	    font-size: .7em;
	}
	.ss-pt-8 .logo {
    	display: none; 
	}
	.ss-servicios, .ss-contacto {
    	padding: 4px 0;
	}
	.ss-servicios h1, .ss-contacto h1 {
	    text-align: center;
	    font-size: 1.8em;
	}
	.ss-servicios .ss-cards, .ss-servicios .ss-form {
    	margin-top: 0em;
	}
	.ss-servicios .card-2 {
	    border-left: none;
	    border-right: none;
	}
	.ss-reparacion .text-info {
	    color: none !important;
	    text-align: right;
	}
	.ss-reparacion #text1 {
	    font-size: 1.4em;
	}
	.ss-reparacion #text2 {
	    font-size: 2em;
	}
	.ss-reparacion #text3 {
	    font-size: 1.4em;
	}
	.ss-reparacion .ss-text {
	    display: none;
	}
	.ss-reparacion .nav {
		justify-content: center !important;
	}
	.ss-reparacion .nav .nav-link .fa-check-circle {
	    color: #fd4c48;
	    font-size: .8em;
	}
	.ss-reparacion .nav .nav-link {
	    color: #939090;
	    font-size: .8em;
	    text-transform: uppercase;
	    font-weight: 300;
	    padding: .5rem .2rem;
	}
}