/**RED: #ff0000**/
/***BLUE: #001876***/
/**Navbar-color: #121f28**/
/***Boxes Background: #49535a*******/

@viewport {
    zoom: 1.0;
    width: device-width;
}

body {font-family:Arial;}
h2 {font-size:24px; color:#001876; }
h3 {font-size:18px;}


header.pagetop {
	background: url("/_assets/images/header-perkins.jpg") no-repeat left center;
	color:#001876;
    font-size:14px; font-weight:bold;
    border-top: 8px #ff0000 solid;
    height:130px;
   

}

.logo{margin-top:10px; margin-bottom:15px;}

.navbar .navbar-nav > li > a {text-transform:uppercase; font-size:12px; }

@media(min-width: 992px) {
	.container { width:920px; }
}

@media (min-width:768px) {
    .navbar { background:#121f28; color:#fff; border:none; border-radius:0px; margin-bottom:0px;}
	.navbar a { color:#fff;}
	.navbar a:focus, .navbar .open a, .navbar a:hover { color:#ff0000; }
	.navbar-header button span { border:2px solid #fff; }
	.navbar .navbar-collapse.in a { color: #fff; }
    .navbar .navbar-collapse.in a:hover { color: #ff0000; background-color:#fff; }
	.navbar .active { background:#ff0000; }
    .navbar .navbar-nav > li > a {text-transform:uppercase; }
    .navbar .navbar-nav > li > a:hover {background-color:#fff;}

}

@media (max-width:767px){
    .navbar { background:#121f28; color:#fff; border:none; border-radius:0px; margin-bottom:0px;}
	.navbar a { color:#fff;}
	.navbar a:focus, .navbar .open a, .navbar a:hover { color:#ff0000; }
	.navbar-header button span { border:2px solid #fff; }
	.navbar .navbar-collapse.in a { color: #fff; }
    .navbar .navbar-collapse.in a:hover { color: #ff0000; background-color:#fff; }
	.navbar .active { background:#ff0000; }
    .navbar .navbar-nav > li > a {text-transform:uppercase;}
    .navbar .navbar-nav > li > a:hover {background-color:#fff;}

    header.pagetop {
	background: url("/_assets/images/header-perkins.jpg") no-repeat left center;
	color:#001876;
    font-size:14px; font-weight:bold;
    border-top: 8px #ff0000 solid;
    height:190px;
   

}
    
}

@media(max-width: 480px) {
    .navbar {background:#121f28; color:#fff; border:none; border-radius:0px; margin-bottom:0px;}
	.navbar a { color:#fff; }
	.navbar a:focus, .navbar .open a, .navbar a:hover { color:#ff0000; }
	.navbar-header button span { border:2px solid #fff; }
	.navbar .navbar-collapse.in a { color: #fff;}
    .navbar .navbar-collapse.in a:hover { color: #ff0000; }
	.navbar .active { background:#ff0000; }
    .navbar .navbar-nav > li > a {text-transform:uppercase; font-size:12px;}
    .navbar .navbar-nav > li > a:hover {background-color:#fff;}

    
    header.pagetop {
	background: url("/_assets/images/header-perkins.jpg") repeat top center;
	color:#001876;
    font-size:14px; font-weight:bold;
    border-top: 8px #ff0000 solid;
    height:190px;
   
}
}
    
.masthead-area { background: #fff; margin-bottom:40px; }
.masthead-area-content {background: #ebebeb; margin-bottom:40px;}
.masthead-area img { margin:auto; }
.masthead-area h2 { text-transform:uppercase; }

 article p { text-align:justify; font-size:15px; font-family:Arial;}
 article li {font-size:15px; font-family:Arial;}
 article li {list-style-image:url(/_assets/images/red-square.png);}

.boxes.side { margin:12px;}
.boxes .box {background: #49535a; border:14px solid #fff; border-top:none; height:210px; display:block;}
.boxes .box-side{background: #49535a; border:14px solid #fff; border-top:none; display:block;}
.boxes .box .boximg { line-height:100px; }
.boxes .box .boximg img { display:inline; }
.boxes .box p { color:#fff; font-weight:bold; padding-bottom:20px; border-bottom:1px solid #fff; margin-left:8px; margin-right:8px; font-size:16px;}
.boxes.side p { margin-left:30px; margin-right:30px; }
.boxes a{}
.boxes a:hover{color:#fff;}
/*.boxes.side a{}
.boxes.side a:hover{color:#ff0000;}*/

.side-contact-details { padding-right:25px; }
.side-contact-details, .side-contact-details p { text-align:right; }
.glyphicon {color:#ff0000;}

footer {background:#121f28; padding-bottom:10px; color:#fff; margin-top:30px; border-top:4px solid #ff0000;}
footer h3 { color:#fff; text-transform:uppercase;}
footer ul { color:#fff; padding-left:20px; }
footer ul li { line-height:20px; font-size:12px; list-style-image:url(/_assets/images/red-square.png); }
footer a { color:#fff; font-size:11px; }
footer a:hover { color:#fff; } 	
footer hr { background:#fff; border-color:#fff; }
footer p { color:#fff; text-align:inherit; font-size:12px; }	
footer img.img-responsive { display:inline; }
div.copyright { color:#fff; font-size:11px; background:#121f28; margin-top:5px;}


.button-style{background-color:#ff0000; color: #fff; font-weight:bold;  }


.breadcrumb {background: #ebebeb;}
.breadcrumb li {font-size:10px;}
.breadcrumb li a {font-size:10px; }
.breadcrumb li a:hover{color:#001876;}

.no-padding { padding:0px; }
.text-center { text-align:center !important; }
hr.style{border:0; height:2px; background-image:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));}

/******************************************/

.covid-19-compliant {
    border: 2px solid #ffffff;
    background-color: #001876;
    padding: 10px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
   
}

    .covid-19-compliant a {
        color: #ffffff;
    }

    .covid-19-compliant a:hover {
        color: #ffffff;
        text-decoration:underline;
    }