@charset "UTF-8";

html {
font-family:"Segoe UI" "Arial" "Helvetica"!important;
margin: 0;
padding:0;
}
body{
overflow-x:hidden;
font-family:"Segoe UI" "Arial" "Helvetica"!important;
color: black;
margin: 0;
padding:0;
}
.caption{
font-weight: 900;
}
h1{
font-weight: 900;
font-size: 45px;
}
strong{
font-weight: 900;
}
h2{
font-weight: 900;
font-size: 30px;
}
.navbar{
text-transform: uppercase;
background-color: #ff7878;
font-size:22px;
font-weight: 800;
font-family:"Segoe UI" "Arial" "Helvetica";
}
@media screen and (max-width: 480px){
.navbar {
padding: .2rem 0.4rem;
font-size:18px;
font-family:"Segoe UI" "Arial" "Helvetica";
}
}
.navbar-brand img{  /*CI LOGO*/
height:65px;
color:black;
font-size: 20px;
text-transform: lowercase;
}
.navbar-brand{  /*CI LOGO*/
font-size: 20px;
text-transform: lowercase;
color: #343a40!important;
font-family:"Segoe UI" "Helvetica";
}
.navbar-brand small{  /*CI LOGO*/
color:black;
font-size: 20px;
text-transform: lowercase;
font-family:"Segoe UI" "Helvetica";
font-weight: 900;
color: #343a40!important;
}
@media screen and (max-width: 480px){
.navbar-brand img{ /*CI LOGO*/
height:35px;
margin-right: 0;
}
}
@media screen and (max-width: 480px){
.navbar-brand small{  /*CI LOGO*/
font-family:"Segoe UI" "Helvetica"!important;
color: #343a40!important;
font-size: 14px;
text-transform: lowercase;
font-weight: 900;
}
}
#home{
margin-bottom: 20px;
}
.container-fluid {
width: 100%;
padding-right: 5px;
padding-left: 5px;
margin-right: 0;
margin-left: 0;
}
.row {
margin-right:0px;
margin-left: -5px;
}
@media screen and (max-width: 480px){
.row{
width: 100%;
margin-right: 0;
}
}
.top{  /*CI motto*/
color:black;
font-size: 20px;
padding-top: 16px;
margin-bottom: 0;
text-transform: lowercase;
}
@media screen and (max-width: 480px){
.top{  /*CI motto*/
color:black;
font-size: 12px;
text-transform: lowercase;
margin-bottom: 0;
}
}
.navbar-toggler-icon {
display: inline-block;
width: 1.6em;
height: 1.6em;
padding: .20rem .70rem;
}
@media screen and (max-width: 480px){
.navbar-brand {
margin-right: 0;
}
}
.home-inner{
background-image: url("../img/bg.jpg");
opacity:0.8;
background-position:center center;
background-size: cover;
height: 100vh;
}
@media screen and (max-width: 780px){
.home-inner{
background-image: url("../img/bg.jpg");
opacity:0.8;
background-position:center center;
background-size: cover;
background-repeat: repeat;
max-width: 100%
min-width:100%;
height: 100vh;
}
}
.home-inner img {
max-width: 1920px;
max-height: 1280px;
position:relative;
vertical-align: bottom;
background-size: cover;
background-position:center center;
}
.caption {
width: 100%;
max-width: 100%;
position: absolute;
top: 40%;
z-index: 1;
text-transform: uppercase;
padding-bottom: 2rem;
}
@media screen and (max-width: 480px){
.caption {
width: 100%;
max-width: 100%;
position: absolute;
top: 40%;
z-index: 1;
text-transform: uppercase;
padding-bottom: 0.5rem;
}
}
.caption h3 {
color: white;
font-size: 2.4rem;
text-transform: uppercase;
padding-bottom: 2rem;
}
.caption img {
width: 70px;
height: 70px;
}
.btn {
border-width: medium;
border-radius: 10%;
text-transform: uppercase;
padding: .5rem 1.1rem;
font-size: 1.0rem;
color: white;
}
.btn-danger{
border-color: #ff7878;
background-color: #ff7878;
}
.jumbotron{
padding-left: 5px;
padding-right:5px;
background-color: #ff7878;
padding-top: 50px;
margin-top: -50px;
margin-bottom:80px;
padding-bottom: 80px;
}
.jumbotron h6{
font-size: 1.25rem;
margin:1em 0;
position: relative;
padding: 0.5em 0.5em;
border-top: solid 4px black;
border-bottom: solid 4px black;
}
@media screen and (max-width: 480px){
.jumbotron h6{
font-size: 22px;
margin:1em 0;
position: relative;
padding: 0.5em 1em;
border-top: solid 4px black;
border-bottom: solid 4px black;
}
}
@media screen and (max-width: 480px){
.jumbotron b{
font-size: 17px;
margin:1em 0;
position: relative;
padding: 0.5em 1em;
}
}
h2.heading {
text-align: center;
font-size: 1.7rem;
text-transform: uppercase;
}
h2.heading:first-letter{
font-size: 2.4em;
}
h6.heading {
text-align: center;
font-size: 1.7rem;
text-transform: uppercase;
}
.padding{
padding: 2rem 0;
}
#photo{
padding-top: 50px;
margin-top: -50px;
}
#photo img{
border-radius: 5%;
}
h2.heading {
padding-top: 30px;
}
#testomonials{
padding-top: 60px;
margin-top: -60px;
margin-bottom:80px;
padding-bottom: 80px;
}
.no-padding .col-md-4 {
padding: 0;
}
h6.heading{
margin-bottom: 0px;
margin-top: 50px;
padding-bottom: 0;
font-size:28px;
}
.card{
margin: 0 1rem 1rem 1rem;
}
.card p a{
color: black;
}
.card img{
border-radius: 10%;
max-width: 15%;
padding-bottom: 10px;
}
h5 .card {
padding-bottom: 20px;
}
.footer .row {
background-color:#ff7878;
/*padding: 1rem 2rem 1rem;*/
color: white;
}
.footer img{
height: 4rem;
margin: 1.5rem 0;
}
#contact{
font-family:"Segoe UI" "Arial" "Helvetica";
background-color:#ff7878;
/*padding: 1rem 2rem 2rem 1rem;*/
color: white;
}
#contact img{
height: 4rem;
margin: 0;
}
#contact .row{
padding-top: 80px;
font-family:"Segoe UI" "Arial" "Helvetica";
}
#contact b{
font-weight:900;
font-family:"Segoe UI" "Arial" "Helvetica";
}
#contact .font{
font-weight:700;
font-family:"Segoe UI" "Arial" "Helvetica";
}
#contact .pccil b{
font-size: 25px;
font-weight:900;
}
#contact .spcil b{
font-size: 19px;
font-weight: 800;
text-align: left;
}
#contact .pccil p{
font-size: 22px;
font-weight:900;
}
#contact .spcil p{
font-size: 16px;
font-weight:900;
color: #343a40!important;
}
@media screen and (max-width: 480px){
#contact p strong {
white-space: nowrap;
}
}
@media screen and (max-width: 480px){
#contact .motto a{
white-space: nowrap;
font-family:"Segoe UI" "Arial" "Helvetica";
font-weight:900;
font-size: 15px;
}
}
#contact .motto a{
text-decoration: none;
font-size: 17px;
font-weight:900;
font-family:"Segoe UI" "Arial" "Helvetica";
color: #343a40!important;
}
@media screen and (max-width: 480px){
#contact p {
white-space: nowrap;
font-family:"Segoe UI" "Arial" "Helvetica";
}
}
#contact p{
font-size: 17px;
font-weight:600;
font-family:"Segoe UI" "Arial" "Helvetica";
color: #343a40!important;
}
#contact img{
padding-bottom: 10px;
}
#contact .sp .pc{
font-size:9px;
margin-bottom: 0;
padding-bottom: 0;
color:#ffb3b3;
}
#contact .footer-color{
color: #ffb3b3;
font-size:9px;
text-align: center;
}
#contact .pccil { display: block; }
#contact .spcil { display: none; }
@media screen and (max-width: 480px){
#contact .pccil { display: none; }
#contact .spcil { display: block; }
}
@media screen and (max-width: 480px){
#contact .spcil{
font-size: 18px;
font-weight: 800;
text-align: left;}
}
#contact .pcci { display: block; }
#contact .spci { display: none; }
@media screen and (max-width: 480px){
#contact .pcci { display: none; }
#contact .spci { display: block; }
}
@media screen and (max-width: 480px){
#contact .spci{
font-size: 22px;
font-weight: 700;
}
}
@media screen and (max-width: 480px){
#contact .pc .sp{
white-space: nowrap;
text-align: center;}
}
#contact .pc{
padding-left: 50px;
}
#contact .pc { display: block; }
#contact .sp { display: none; }
@media screen and (max-width: 480px){
#contact .pc { display: none; }
#contact .sp { display: block; }
}
#contact a{
font-size: 17px;
font-weight:600;
font-family:"Segoe UI" "Arial" "Helvetica";
color: #343a40!important;
}
/*--- iOS Landing Page Fix --*/
.landing {
font-family:"Segoe UI" "Helvetica"!important;
position: relative;
width: 100%;
height: 130vh;
display: table;
background: #E9ECEF;
z-index: -1;
}
.home-wrap {
font-family:"Segoe UI" "Helvetica"!important;
clip: rect(0, auto, auto, 0);
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.home-inner {
font-family:"Segoe UI" "Helvetica"!important;
position: fixed;
display: table;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
-webkit-transform: translateZ(0);
        transform: translateZ(0);
will-change: transform;
}
#page_top{
width: 90px;
height: 90px;
position: fixed;
right: 0;
bottom: 0;
opacity: 0.6;
}
#page_top a{
position: relative;
display: block;
width: 90px;
height: 90px;
text-decoration: none;
}
#page_top a::before{
font-family: FontAwesome;
content: '\f102';
font-size: 35px;
color: white;
position: absolute;
width: 25px;
height: 25px;
top: -40px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}
#page_top a::after{
content: 'PAGE TOP';
font-size: 13px;
color: #fff;
position: absolute;
top: 45px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
color: white;
}