/* 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: Dosis, Arial;
font-size: 2em !important;
font-weight: normal;
color: #ffffff;
text-align: center;
text-transform: uppercase;
background-color: #33a1ff;
}
.page-title-center{
text-align: center;
}
.page-title-uppercase{
text-transform: uppercase;
}

.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; margin: 0;}

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

.unique-container h3{
color: #3c80c2;
font-size: 1.4em;
text-align: center;
}

.unique-container p{

}


.generic-button{
padding: 8px 20px;
display: table;
margin: 0px auto;
text-transform: uppercase;
font-family: 'Roboto', Arial;
font-size: 1.1em;
border: none;
border-radius: 20px;
}
.generic-button-small{
padding: 4px 8px;
font-size: 0.9em;
}
.generic-button:hover {
filter: brightness(120%);
}

.generic-button-blue{
background-color: #399eff;
color: #ffffff;
border-radius: 14px;
}
.generic-button-pink{
background-color: #e6528a;
color: #ffffff;
border-radius: 14px;
}
.generic-button a:link,
.generic-button a:active,
.generic-button a:visited,
.generic-button a:hover{
font-family: inherit;
color: inherit;
}
.generic-button-wide{
width: 100%;
border-radius: 0;
}
.generic-button-blue{
background-color: #007aff;
color: #ffffff;
border-radius: 0;
}
.generic-button-rounded-corners-tight{
padding: 8px 14px !important;
border-radius: 6px;
}


/* Images inside pages */
.show-mobile{
float: none;
display: none;
visibility:hidden;	
}
.hide-mobile{
display: inherit;
visibility: visible;
}
.side-image{
float: right;
margin: 0px 0px 10px 10px;
}



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



/* ========= 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{

}

.side-form{
padding: 14px;
}
.side-form h4{
float: none !important;
width: 100%;
padding: 0;
margin-bottom: 20px;
display: block;
font-size: 1.4em;
color: #33a1ff;
}
.side-form textarea{
min-height: 200px;
}
.side-form label{
margin-bottom: 4px;
}
.side-form input{
margin-bottom: 14px;
}
#form-loader{
background-image: url('../images/loading.gif');
width: 32px;
height: 32px;
margin: 0px auto;
margin-top: 40px;
}

#form-loader, #error-message, #success-message{
display: none;
visibility: hidden;
}

.message-insert{
padding: 10px;
}
.message-insert h4{
font-family: 'Patua One', 'Roboto', Arial;
font-size: 2em;
font-weight: 400;
color: #389dff;
}

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

.main-slide .carousel-inner{
position: relative;
}
.slide-message{
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 8px 14px;
margin-left: auto;
margin-right: auto;
width: 33%;
font-family: Arial;
font-size: 20pt;
font-weight: normal;
color: #ffffff;
text-align: center;
background-color: #a0cc46;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
border: #ffffff 2px solid;
}
.slide-message sup{
font-size: 12pt;
}
.slide-message-mobile{
display: none;
visibility: none;
}

.main-bullets{
padding: 10px 0px 0px 20px;
margin-bottom: 20px;
}
.main-bullets li{
list-style: square;
color: #3c80c2;
/*color: #9ece46;*/
margin-bottom: 10px;
}


.hometabs{
padding: 0;
margin: 0px auto;
}

.hometabs h4{
text-align: center;
}
.hometabs h4 a:link,
.hometabs h4 a:active,
.hometabs h4 a:visited,
.hometabs h4 a:hover{
font-family: Anton, Open Sans, Arial;
font-size: 2em;
color: #33a1ff;
}

.homepage-insert-one{
width: 100%;
height: 220px;
background-image: url('https://nicadvertising.com/images/elements/homepage-insert-one.jpg');
background-size: cover;
background-position: center;
}


/* About */
.pretentious{
font-family: Anton, Open Sans, Arial !important;
font-size: 3em;
color: #33a1ff;
text-align: center;
}

/* Become a Client */
.contact-required{

}
.contact-required h4{
margin-bottom: 20px;
font-weight: bold;
}
.contact-required table td{
padding: 4px 2px;
}

/* Website Design */

.inpage-form{
display: none;
visibility: hidden;
}

.inpage-showform{
display: inline-block;
padding: 8px 14px;
margin: 0px auto;
border-radius: 14px;
text-align: center;
font-family: Open Sans, Anton, Arial;
font-size: 1.2em;
color: #ffffff;
background-color: #33a1ff;
}
.inpage-showform span{
font-size: 0.8em;
}


/* Videos */

.video-holder{
width: 850px; 
height: 480px;
margin: 0px auto;
}


/* Contact Form */

.form-holder{
background-color: #fafafa;
padding: 14px;
}
.form-holder .row{
margin-bottom: 8px;
}
.form-holder h4{
margin-bottom: 20px;
}
.form-holder .col-md-12{
margin-bottom: 14px !important;
}


.success-message{
padding: 20px;
background-color: #3c80c2;
color: #ffffff;
border-radius: 4px;
}
.error-message{
padding: 20px;
background-color: #ff0000;
color: #ffffff;
border-radius: 4px;
}
.close{
display: none !important;
visibility: hidden;
}
.generic-spinner{
width: 56px;
height: 56px;
margin: 0px auto;
border-radius: 50%;
border: 9px solid;
border-color: #dbdcef;
border-right-color: #006276;
animation: spinner-d3wgkg 1s infinite linear;
}




.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;
}