/* Namari Landing Page Dynamic Style Index

1. Website Default Styling
2. Navigation
3. Primary and Secondary Colors
4. Banner
5. Typography
6. Buttons
7. Footer


/*------------------------------------------------------------------------------------------*/
/* 1. Website Default Styling */
/*------------------------------------------------------------------------------------------*/

header {
    background:#111111;
}


body {
    background:#191919;
}


/* Default Link Color */

a, .la-ball-triangle-path {
    color:#d2b356;
}

a:hover, #header.nav-solid nav a:hover {
    color:#e4473c;
}

/* Default Icon Color */

.icon i {
    color:#e4473c;
}

/* Border Color */

#banner .section-heading:before, .testimonial.classic footer:before {
    background: #e4473c;
}

.pricing-block-content:hover {
    border-color:#e4473c;
}

.blink-image {
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}


/*------------------------------------------------------------------------------------------*/
/* 2. Navigation */
/*------------------------------------------------------------------------------------------*/


/* Transparent Navigation Color on a Banner */

#header nav a, #header i {
    color:#ffffff;
    background-color: #111111;
    border-right:1px white solid;


}

#header .active {
    /*color: #e4473c;*/
    /*border-color: #e4473c;*/
}

#header nav a:hover {
    color:#e4473c;
}

#header nav li:hover {
   /* border: 1px #ffffff solid;*/
}



/* Navigation Colors when the Navigation is sticky and solid */ 

#header.nav-solid, #header.nav-solid a, #header.nav-solid i, #nav-mobile ul li a {
    color:#ffffff;
    background-color: #111111;
    border-right-color: #ffffff;

}


/* Navigation Active State */

#header.nav-solid .active {
    color: #e4473c;

}    



/*------------------------------------------------------------------------------------------*/
/* 3. Primary and Secondary Colors */
/*------------------------------------------------------------------------------------------*/


/* Primary Background and Text Colors */

.primary-color, .featured .pricing {
    background-color:#e4473c;
}

.primary-color, .primary-color .section-title, .primary-color .section-subtitle, .featured .pricing, .featured .pricing p {
    color:#ffffff;
}

.section-heading h2:after {
    background:#e4473c;
    content:"";
    display:block;
    width:30px;
    height:5px;
    margin-top:30px;
}

.text-center .section-heading h2:after {
    margin:30px auto 25px auto;
}

/* Primary Icon Colors */

.primary-color .icon i, .primary-color i {
    color: #ffffff;
}


/* Secondary Background and Text Colors */

.secondary-color {
    background-color:#e4473c;
}


/*------------------------------------------------------------------------------------------*/
/* 4. Banner */
/*------------------------------------------------------------------------------------------*/


/* Banner Background and Text Colors */

#banner {
    /*background: url("../images/banner-images/banner-image-1.jpg") no-repeat center top;*/
    background-size:cover;

}


/*------------------------------------------------------------------------------------------*/
/* 5. Typography */
/*------------------------------------------------------------------------------------------*/


body {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-size:15px;
    font-weight:normal;
    color:#ffffff;
}

/* Logo, if you are using Fonts as Logo and not image

#logo h1 {
    font-family:;
    font-size:; 
    font-weight:;
    color:;
}

#logo h2 {
    font-family:;
    font-size:; 
    font-weight:;
    color:;
}

*/


/****RISOLUZIONE PER PC**/
@media (min-width: 500px) {
    #divNewTyres{
       padding-left: 25%;
    }
    #divUsedTyres {
        padding-left: 15%;
    }
    #divContact {
        padding-left: 15%;
    }
    #jssor_1 {
        width: 1350px;
        height: 650px;
    }
    #slide_pres{
        width: 1350px;
        height: 650px;
    }
    #newTyres-pres1 {
        left: 480px;
        font-size: 50px;
    }
    #newTyres-pres2 {
        left:550px;
    }
    #newTyres-pres3 {
        left:180px;
        font-size:50px;
    }
    .newTyres-btn {
        left:600px;
    }
    .newTyres-btnOther {
        left:660px;
    }
    .btn-pres{
        width:190px;
        height: 40px ;
        font-size:20px;

    }
    .btn-presOther{
        width:190px;
        height: 40px ;
        font-size:20px;
    }
    .mechDiv{
        font-size:42px;
        top:38px;
    }
    .btn-presMechDiv{
        width:350px;
        height: 100px ;
        left:495px;
    }
    .btn-presMech{
        width:150px;
        height: 40px ;
        font-size:20px;

    }
    .img-sale{
        width:1000px;
        height: 400px;
        padding-left: 240px;
    }
    .bg-text {
       /* non vedo il bottone*/
    }
    .img-call{
        /*non vedo il bottone*/
    }

}

/****RISOLUZIONE PER SMARTPHONE**/
@media (max-width: 500px) {
#slide_pres{
	width: 1350px;
	height: 650px;
}
#jssor_1 {
	width: 900px;
	height: 650px;
}
#newTyres-pres1 {
	left: 230px;
	font-size: 50px;
}
#newTyres-pres2 {
	left:320px;
}
#newTyres-pres3 {
	left:80px;
	font-size:40px;
}
.newTyres-btn {
	left:240px;
}
.newTyres-btnOther {
	left:240px;
}
.btn-pres{
	width:400px;
	height: 80px;
	font-size:40px;
}
.btn-presOther{
	width:400px;
	height: 80px;
	font-size:40px;
}
.mechDiv{
	font-size:32px;
	top:75px;
}
.btn-presMechDiv{
	width:350px;
	height:100px ;
	left:240px;

}
.btn-presMech{
	width:150px;
	height: 40px ;
	font-size:40px;
}
.img-sale{
	width:800px;
	height: 600px;
}
.bg-text {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.4);
	color: white;
	font-size: 65px;
	background-repeat: no-repeat;
	background-image: url('../images/header-images/call-now.png');
	background-color: transparent;
	opacity: 0.5;
	/*border: 3px solid #f1f1f1;*/
	position:fixed;
	cursor: pointer;
	top: 75%;
	left: 65%;
	transform: translate(-50%, -50%);
	z-index: -1;
	text-align: center;
}
.img-call{
	width: 48%;
	height: 7%;
	padding: 20px;
}
#banner-content.rowOver{
padding-bottom:0px;
}
#listnew h1 {
font-size: 35px !important;
}
#rapidMechanics h1{
font-size: 35px !important;
}

#listused h1{
font-size: 35px !important;	
}
#sale h1{
font-size:35px !important;
}
#services h1{
font-size:35px !important;
}
#contact h1{
font-size:35px !important;	
}
#contact h3{
padding-left:0px !important;
}
}

/* Banner Typography */

#banner h1 {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-size:62px;
    line-height:60px;
    font-weight:800;
    color:#111;
}

#banner h2 {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-size:18px;
    font-weight:300;
    color:#111;
}


/* Section Title and Subtitle */

.section-title {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-size: 34px; 
    font-weight:700;
    color:#ffffff;
    background-color: #191919;


}

.section-slideshow {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-weight:700;
    text-align:center;
    position:absolute;
    opacity: 0;
    color:#E50808;
}



.section-subtitle {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-size: 16px;
    font-weight:300;
    color:#e4473c;
}

/* Testimonial */

.testimonial q {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-size: 17px; 
    font-weight:300;
}

.testimonial.classic q, .testimonial.classic footer {
    color:#ffffff;
}


/* Standard Headings h1-h6 */

h1 {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-size: 40px; 
    font-weight:300;
    color:#ffffff;
}

h2 {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-size: 34px; 
    font-weight:300;
    color:#ffffff;
}

h3 {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-size: 30px; 
    font-weight:700;
    color:#ffffff;
}

h4 {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-size: 18px; 
    font-weight:400;
    color:#ffffff;
}

h5 {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-size: 16px; 
    font-weight:400;
    color:#ffffff;
}

h6 {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-size: 14px; 
    font-weight:400;
    color:#ffffff;
}


/*------------------------------------------------------------------------------------------*/
/* 6. Buttons */
/*------------------------------------------------------------------------------------------*/

/* ----------Default Buttons---------- */


/* Button Text */

.button, input[type="submit"]  {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-size:14px;
    font-weight:bold;
    color:#ffffff;
    background-color: #111111;
    border-color: #999999;
}


/* Button Color */

.button, input[type="submit"] {
    border-color:#ffffff;
    background-color: #191919;
}


/* Button Hover Color */

.button:hover,  input[type="submit"]:hover {
    border-color:#e4473c;
    color:#e4473c;
}


/* ----------Banner Buttons---------- */


/* Button Text */

#banner .button {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-size:16px;
    color:#111;
}


/* Button Color */

#banner .button {
    border-color:#111;
}


/* Button Hover Color */

#banner .button:hover {
    color:#e4473c;
    border-color:#e4473c;
}


/*------------------------------------------------------------------------------------------*/
/* 7. Footer */
/*------------------------------------------------------------------------------------------*/

#landing-footer, #landing-footer p, #landing-footer a {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-size:12px;
    font-weight:normal;
    color:#e4473c;
}

/* Footer Icon Color */

#landing-footer i {
    color:#e4473c;
}