@charset "UTF-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #003366;
    font-family: 'Open Sans', sans-serif;
}
body,td,th {
	font-size: 13px;
	color: #000000;
	line-height: 18px;
}
.clear { clear: both; }
img { max-width: 100%; height: auto; }
p {
	font-size: 14px;
	color: #000000;
	line-height: 20px;
	padding-bottom: 16px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
}
li {
}
a:link {text-decoration: none;
}
a:visited {text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
}
h1, h2, h3, h4 { 
    font-family: 'Ubuntu', sans-serif;
	font-weight: 700;
}
h1 {
	font-size: 40px;
	color: #036;
	line-height: 46px;
	margin: 0px;
	padding: 0 0 20px 0;
	text-transform: uppercase;
}
h2 {
	font-size: 28px;
	color: #036;
	line-height: 35px;
	text-transform: uppercase;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
h3 {
	font-size: 20px;
	color: #005E94;
	line-height: 26px;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-weight: 400;
}
h4 {
	font-size: 18px;
	color: #069;
	line-height: 18px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.container { width: 900px; margin: 0 auto; max-width: 90%; }
#content { background: #fff; padding: 40px 0; }
#header { }

.secton { padding: 40px 0; }
.section.white { background: #fff; }
.half { width: 45%; float: left; padding-right: 5%; }
#footer {
	padding: 40px 0;
}

#menuholder {
    text-transform: uppercase;
    padding-top: 20px;
    position: relative;
    height: 50px;
    z-index: 100;
}
.title {
    font-size: 22px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    width: auto;
    float: left;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding-top: 30px;
}

#phone {
	color: #FFF;
	font-size: 20px;
	text-align: right;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	margin-bottom: 1px;
	background-color: #036;
	line-height: 26px;
	text-transform: uppercase;
}
#phone a { color:#fff; }
#contact {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 20px;
	background-color: #036;
	height: 10px;
}
#flash { position: relative; }
.logo { background-image: url(images/globe-protection-ltd.png); display: block; width: 250px; height: 200px; background-size: 100% auto; background-repeat: no-repeat; position: absolute; top: 60px; left: 50%; margin-left: -125px; }
.banner { background-size: cover; background-position: center; height: 300px; }
.banner.home { height: 500px; }
.banner.home .logo { width:350px; height: 300px; top: 120px; margin-left: -175px; }

/* ###### HOME ###### */
.intro { text-align: center; }
.services { padding: 20px 10px 10px 10px; background-color: #efefef; margin-top: 20px; }
.services h2 { text-align: center; padding-bottom: 20px; }
.services a { float: left; width: 25%; text-align: center; }
.services h3 { padding-bottom: 25px; font-size: 15px; text-transform: uppercase; }
.services img { width: 161px; height: auto; }
.footer, #footer {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	line-height: 20px;
	padding-bottom: 80px;
}
.footmenu1 {
	width: 25%;
	float: left;
	text-align: left;
	padding-bottom: 20px;
}
.footmenu2 {
	width: 290px;
	float: left;
	text-align: right;
	padding-right: 10px;
	font-size: 12px;
	color: #999;
	line-height: 18px;
}


.map {
	font-size: 14px;
	color: #036;
	text-decoration: none;
	line-height: 24px;
}
.fields {
	font-size: 12px;
	color: #000000;
	padding: 3px;
	border: 1px solid #036;
	margin-bottom: 4px;
	width: 250px;
}
.submit {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #036;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.sialink {
	font-size: 16px;
	font-weight: bold;
	color: #060;
	text-decoration: none;
}
.sia {
	font-size: 10px;
	color: #666666;
	line-height: 14px;
	text-decoration: none;
	padding-top: 5px;
}
.hoz-line {
	margin-top: 25px;
	padding-bottom: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: dotted;
	border-top-color: #666;
}
.more {
	background-color: #036;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.pcn {
	font-size: 13px;
	text-transform: none;
}
#pay {
    background-color: #336600;
    margin-bottom: 0;
    text-align: center;
    font-size: 16px;
    padding: 20px 0;
    margin-top: 0;
    text-transform: uppercase;
    position: fixed;
    width: 100%;
    bottom: 0px;
}
#pay a {
	color: #FFF;
	text-decoration: none;
}
#pay a:hover {
	color: #000;
}
#pay2 {
	background-color: #fff;
	text-align: center;
	padding: 10px;
}
#pay2 a {
	color: #333;
	text-decoration: none;
	font-size: 15px;
	line-height: 18px;
	text-transform: uppercase;
}
#pay2 a:hover {
	color: #000;
}
.anpr { display: block; padding:20px; margin-bottom: 30px; background-color: #efefef }
img.left { float:right; max-width: 200px; width:auto;padding: 0 0 30px 30px }

@media all and (max-width: 750px) {
	.title { margin-bottom: 20px; float: none; }
	#phone { text-align: center; }
	#menuholder { padding-top: 0px; }
	.services a { width: 33.33%; }
	.footmenu1 { width: 50%; }
	.half { width: 100%; float: none; padding-right: 0; margin-bottom: 30px; }
	h1 { font-size: 30px; line-height: 36px; }
	h2 { font-size: 22px; line-height: 30px; }
	.banner.home { height: 300px; }
	.banner.home .logo { width: 250px; height: 320px; top: 60px; margin-left: -125px; }
	ul.MenuBarHorizontal a { font-size: 13px !important; }
}
@media all and (max-width: 500px) {
	.pcn strong { display: block; }
	.footmenu1 { width: 100%; }
	
}