body{
    background-image:url(../img/bg.jpg);
    background-repeat:repeat;
}

i{
    font-size:1.4em;
    margin-top:1em;
    margin-left:0.2em;
    margin-right:0.2em;
    margin-bottom:-1em;
}

.ss-icon{
    vertical-align: middle;
}

nav{
    height:145px;
    background-color:white;  
}

.logo{
    position:relative;
    display:block;
    width:calc(20% - 20px);
    margin:0 10px;
    float:left;
}

.nav{
    position:relative;
    display:block;
    width:calc(80% - 20px);
    margin:0 10px;
    float:left;
}

.secondmenu{
    width:100%:
}


.secondmenu ul{
    list-style-type:none;
    float:right;
    font-family: 'Montserrat', sans-serif;
    font-weight:400;
    font-size:13px;
    color:#3b3b3b;
    text-transform:uppercase;
    text-align:right;
    right:0;
    display:inline;
    margin-bottom:20px;
    padding-bottom:10px;
    padding-top:25px;
    border-bottom:3px solid #cf2a09;
}

.secondmenu ul li{
    float:left;
    margin-left:20px;
    display:block;
}

.secondmenu ul li a{
    text-decoration:none;
    color:#3b3b3b;
    margin-bottom:10px;
}

.secondmenu ul li a:hover{
    text-decoration:none;
    color:#3b3b3b;
    margin-bottom:10px;
}

.menu{
    width:100%:
}


.menu ul{
    list-style-type:none;
    float:right;
    font-family: 'Montserrat', sans-serif;
    font-weight:700;
    font-size:15px;
    color:#074274;
    text-transform:uppercase;
    text-align:right;
    right:0;
    display:inline;
    padding-top:10px;
}

.menu ul li{
    float:left;
    margin-left:20px;
    display:block;
}

.menu ul li a{
    text-decoration:none;
    color:#074274;
    padding-bottom:10px;
    border-bottom:5px solid rgba(47,170,179,0.0);
    transition: all 0.3s ease-in-out;

}

.menu ul li a:hover{
    text-decoration:none;
    color:#074274;
    padding-bottom:10px;
    border-bottom:5px solid rgba(47,170,179,1);
    transition: all 0.3s ease-in-out;

}

.logo{
    background-image:url(../img/aspc.jpg);
    background-size:contain;
    background-position:left center;
    background-repeat:no-repeat;
    height:145px;
}

p a{
   color: #cf2a09
}

p a:hover{
    color:#074274;
}
.slider{
    height:600px;
    background-size:cover;
    background-repeat: no-repeat;
    display:block;
    
}

.slider h1{
    display: inline-flex;
    font-size:60px;
    font-family: 'Montserrat', sans-serif;
    font-weight:100;
    letter-spacing:0.2;
    padding:20px;
    border: 1px solid white;
    border-radius:3px;
    color:white;
    margin:200px auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    text-align:center;
    text-transform:uppercase;
    
}

.slide_link {
    text-decoration: none;
}

.inthead{
    min-height:230px;
    background-size:cover;
    background-repeat: no-repeat;
    display:block;
    
}
.inthead h1{
    display: inline-flex;
    font-size:40px;
    font-family: 'Montserrat', sans-serif;
    font-weight:100;
    letter-spacing:0.2;
    padding:20px;
    border: 1px solid white;
    border-radius:3px;
    color:white;
    margin:50px auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    text-align:center;
    text-transform:uppercase;
    
}


.spotlight{
    border-radius:4px;
    background-color:white;
    z-index:999900;
    margin-top:-50px;
    height:500px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    background-size:cover;
    background-repeat:no-repeat;
}

.spotlight h2{
    font-family: 'Montserrat', sans-serif;
    font-weight:700;
    font-size:18px;
    color:#074274;
    text-transform:uppercase;
    text-align:center;
    padding-top:22px;
    padding-bottom:20px;
    transition: all 0.3s ease-in-out;
}

.spotlight .link{
    width:calc(100% - 40px);
    margin: 0 20px;
    min-height:50px;
    border-radius:5px;
    bottom:20px;
    position:absolute;
    display:block;
    font-family: 'Montserrat', sans-serif;
    font-weight:700;
    font-size:18px;
    color:white;
    text-transform:uppercase;
    text-align:center;
    background-color:#cf2a09;
    padding:12px;
    box-sizing:border-box;
    color:white;
    transition: all 0.3s ease-in-out;

}

.spotlight:hover .link{
    background-color:#074274;
    transition: all 0.3s ease-in-out;

}

.spotlight:hover h2{
    color:white;
    transition: all 0.3s ease-in-out;
}

.spotlight p{
    font-family: 'Roboto', sans-serif;
    font-weight:400;
    font-size:18px;
    color:rgba(255,255,255,0); 
    line-height:25px;
    transition: all 0.3s ease-in-out;
    margin: 10px 20px 10px 20px;
    text-align:center;
    -ms-transform: scale(0.5, 0.5); /* IE 9 */
    -webkit-transform: scale(0.5, 0.5); /* Safari */
    transform: scale(0.5, 0.5);
}

.spotlight:hover p{
    color:rgba(255,255,255,1);
    transition: all 0.3s ease-in-out;
    -ms-transform: scale(1, 1); /* IE 9 */
    -webkit-transform: scale(1, 1); /* Safari */
    transform: scale(1, 1);

}
.spotlight .overlay{
    background-color:rgba(207,42,9,0.0);
    background-image:url(../img/plus.png);
    background-position: center center;
    background-repeat:no-repeat;
    background-size: 100px 100px;
    transition: all 0.3s ease-in-out;
    border-radius:4px;

}

.spotlight:hover .overlay{
    background-color:rgba(207,42,9,0.85);
    background-image:url(../img/plus.png);
    background-position: center center;
    background-repeat:no-repeat;
    background-size: 0px 0px;
    transition: all 0.3s ease-in-out;
}

.formlight{
    padding:0px 20px;
    box-sizing:border-box;
}


.formlight:hover h2{
   color:#074274;
}

.formlight h2{
    padding-bottom:38px;
}

label.InputfieldHeader{display:none !important;}

h3{
    font-family: 'Montserrat', sans-serif;
    font-weight:200;
    font-size:28px;
    color:#074274;
    text-transform:uppercase;
}

.testimonials h3, .about h3{
    margin-top:40px;
}

.testimonials p, .about p{
    font-family: 'Roboto', sans-serif;
    font-weight:400;
    font-size:15px;
    color:#074274; 
    line-height:28px;
    margin-top:25px;
}

.about p{
    color:#5b5b5b;
}

h4{
    font-family: 'Roboto', sans-serif;
    font-weight:700;
    font-size:21px;
    color:#074274;
}

.lochead{
    border-bottom:2px solid #074274;
    padding:5px;
    text-align:center;
}

.button{
    background-color:#074274;
    border-radius: 4px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    font-size:21px;
    text-transform:uppercase;
    color:white;
    padding:15px;
    box-sizing:border-box;
    text-align:center;
}

.sectionbg{
    background-image:url(../img/sectionbg.jpg);
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    height:495px;
}


footer{
    background-color:#074274;
    height:250px;
    padding-top:30px;
    box-sizing:border-box;
}

footer a{
    color: white;
    line-height:35px;
}

footer a:hover{
    color:#cf2a09;

}

footer a:hover{
    text-decoration:underline;
}
.bottomlogo{
    height:70px;
    background-image:url(../img/aspc-white.jpg);
    background-size:contain;
    background-position:center left;
    background-repeat:no-repeat;
}

footer p{
    font-family: 'Roboto', sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:25px;
    color:white;
}

.bottomlogocont{
    display:block;
}

    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
.mobile{
    display:none;
    padding-top: 40px;
text-align: right;
font-size:35px;
    color:#074274;
    float:left;
    position:relative;
    box-sizing:border-box;
}

.mobile a{
    text-decoration:none;
    color:#074274;
}

.body{
    float:right;
    min-height:600px;
    margin-top:40px;
    padding:20px;
    background: white;
    border-radius:4px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    box-sizing:border-box;

    
}

.body h2{
    font-family: 'Montserrat', sans-serif;
    font-weight:700;
    font-size:32px;
    color:#074274;
    text-transform:uppercase;
    text-align:left;
    padding-top:10px;
    padding-bottom:20px;
    transition: all 0.3s ease-in-out;
}

.body p{
      font-family: 'Roboto', sans-serif;
    font-weight:400;
    font-size:18px;
    color:#5b5b5b; 
    line-height:28px;
    margin-bottom:18px;
}
.sidebar{
    float:right;
    margin-top:30px;

}

.sidelink{
    width:100%;
    margin: 10px 0;
    min-height:50px;
    border-radius:5px;
    position:absolute;
    display:block;
    font-family: 'Montserrat', sans-serif;
    font-weight:700;
    font-size:18px;
    color:white;
    text-transform:uppercase;
    text-align:center;
    background-color:#cf2a09;
    padding:12px;
    box-sizing:border-box;
    color:white;
    transition: all 0.3s ease-in-out;
    float:left;
    position:relative;
}

.sidelink:hover{
    background-color:#074274;
    transition: all 0.3s ease-in-out;

}

.body ul{
       margin: 2em; 
}

.bodu ul li{
       padding-left: 1em; 
   margin-bottom: .5em; 
}

.body a{
color:#074274;}

.body a:hover{
    color: #cf2a09;
}


@media only screen and (min-width: 1160px) and (max-width: 1459px) {
    .menu ul{font-size:14px;}
    .menu ul li{margin-left:12px;}
    .formlight h2{padding-bottom:15px;}
	
}

@media only screen and (min-width: 980px) and (max-width: 1159px) {
    .menu ul{font-size:12.5px;}
    .menu ul li{margin-left:8px;}
    .testimonials p, .about p{line-height:20px;}
    .testimonials h3, .about h3{font-size:24px !important;}
    .button{font-size:18px;font-weight:300;}
    .formlight h2{padding-bottom:15px;}
    .footer{height:300px;}


	
}


@media only screen and (min-width: 740px) and (max-width: 979px) {
    .nav{display:none;}
    .mobile{display:block}
    .logo{width:calc(70% - 20px);}
    .mobile{width:calc(30% - 20px);}
    .testimonials p, .about p{line-height:20px;}
    .testimonials h3, .about h3{font-size:24px !important;}
    .col15{display:none;}
    .button{font-size:18px;font-weight:300;}
    .lochead{width:calc(100% - 20px)}
    .sectionbg{display:none;}
    .bottomlogocont{display:none;}
    footer p{font-size:13px; letter-spacing:-0.3px;}
    .body p{font-size:15px;line-height:22px;}
    .formlight h2{padding-bottom:15px;}
        .footer{height:300px;}




}

@media only screen and (min-width: 480px) and (max-width: 739px) {
    .nav{display:none;}
    .mobile{display:block}
    .logo{width:calc(70% - 20px);}
    .mobile{width:calc(30% - 20px);}
    .col15{display:none;}
    .spotlight{margin-top:20px;height:300px}
    .spotlight p{display:none}
    .sectionbg{display:none;}
    footer{height:675px;}
    .body p{font-size:15px;line-height:22px;}
    .formlight{height:500px; }
    .slider{height:300px;}
    .slider h1{margin-top:70px; font-size:40px;}
    .inthead h1{font-size:35px; margin: 60px auto;}
    .inthead{min-height:200px;}
    .body h2{font-size:28px;}





    
    
}

@media only screen and (max-width: 479px) {
    .nav{display:none;}
    .mobile{display:block}
    .logo{width:calc(70% - 20px);}
    .mobile{width:calc(30% - 20px);}
    .col15{display:none;}
    .spotlight{margin-top:20px;height:300px}
    .spotlight p{display:none}
    .sectionbg{display:none;}
    footer{height:675px;}
    .sidebar{background-image:none;}
    .sidelink{width:100%}
    .body p{font-size:15px;line-height:22px;}
        .formlight{height:530px; }
    .slider{height:300px;}
    .slider h1{margin-top:70px; font-size:40px}
    .inthead h1{font-size:35px; margin: 60px auto;}
    .inthead{min-height:200px;}
    .body h2{font-size:26px;}





    
}

.form-control{
    background-color:#b3deba !important;
}

.formlight h2 {padding-bottom: 20px !important;}