/* This stylesheet is used to style the individual pages */


p{
line-height: 20px;
padding: 8px 0px 8px 0px;
}

.spacer-10{width: 100%; height: 10px;}
.spacer-20{width: 100%; height: 20px;}
.spacer-30{width: 100%; height: 30px;}
.spacer-40{width: 100%; height: 40px;}

.page-title{
padding: 20px 0px 20px 0px;
margin: 0px 0px 0px 0px;
font-family: Open Sans, trebuchet, Arial;
font-size: 22pt;
font-weight: normal;
color: #3c80c2;
text-align: center;
}
.page-title-center{
text-align: center;
}


.left{
width: 680px; 
margin: 0px 0px 0px 0px;
float: left;
}

.right{
width: 300px; 
margin: 0px 0px 0px 0px;
float: left;
}

.unique-container{padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px;}

.unique-container h4, .unique-container h4 a, .unique-container h4 a:hover{
margin: 0px 0px 14px 0px;
font-family: Arial, Times;
font-size: 14pt;
font-weight: normal;
color: #3c80c2 !important;
}

.unique-container p{margin: 5px 0px 5px 0px;}




/* Images inside pages */
.show-mobile{
float: none;
display: none;
visibility:hidden;	
}
.hide-mobile{
display: inherit;
visibility: visible;
}
.side-image{
height: auto;
margin: 0px auto;
/*padding: 4px;
border: #ebebeb 1px solid;
*/}
.side-image{
height: auto;
margin: 0px auto;
/*padding: 2px; 
border: #000000 1px solid;
*/}


.side-p{
margin: 10px 0px 10px 0px;
text-align: center;
font-weight: bold;
}

.contact-30{
margin: 30px 0px 0px 0px;
}


/* ========= ALL PAGES ==== */

.bullets{
padding: 0px 0px 0px 20px;
margin: 10px 0px 0px 0px;
}
.bullets li{
list-style: square;
padding: 0;
margin: 4px 0px 4px 0px;
}


.side-image{
display: block;
margin: 0 auto;
visibility: visible;
}

.all-cities{

}
.all-cities h4{
margin: 15px 0px 0px 0px;
font-family: Arial, Times;
font-size: 14pt;
font-weight: normal;
color: #25498a !important;
}
.all-cities p{

}


/* ====================== HOME PAGE ================= */

.four-sizes{
width: 100%;
background: url(http://jawastecorp.com/landing/images/elements/slide-background.jpg) no-repeat center center; 
background-size: cover;
}
.four-sizes ul{
width: 1000px;
padding: 10px 0px;
margin: 0px auto;
}
.four-sizes ul li{
width: 450px;
list-style: none;
float: left;
padding: 0px;
margin: 0px 30px 20px 20px;
}
.four-sizes ul li:nth-child(2), .four-sizes ul li:last-child{
margin-right: none;
}
.four-sizes ul li h4{
margin: 0px 0px 10px 0px;
font-family: Roboto, Arial;
font-size: 22pt;
font-weight: normal;
color: #ffffff;
text-align: center;
}
.four-sizes ul li a:link,
.four-sizes ul li a:active,
.four-sizes ul li a:visited,
.four-sizes ul li a:hover{

}
.four-sizes ul li a:hover{

}
.four-sizes ul li h5{
display: block;
padding: 4px;
margin: 8px 0px 0px 0px;
background-color: rgba(59,59,59,0.50);
font-family: Roboto, Arial;
font-size: 12pt;
color: #ffffff;
}

.tabs-holder{
padding: 0px 0px 0px 0px;
margin-bottom: 20px;
}
.tabs-holder img{
display: inline-block;
width: 480px;
height: auto;
}
.tabs-holder > img{
margin-right: 3px;
}






.contact-success{
width: 80%;
padding: 10px;
margin: 0px auto;
background-color: #ff9900;
border-radius: 10px;
border: #ffffff 2px solid;
-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.5);
float: left;
}
.contact-success h4{
padding: 0;
margin: 5px 5px 5px 5px;
font-family: Arial, Times;
font-size: 12pt;
font-weight: bold;
color: #ffffff;
}
.contact-success p{
padding: 0;
margin: 5px 5px 5px 5px;
font-family: Arial, Times;
font-size: 10pt;
font-weight: normal;
color: #ffffff;
}