@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
/*-- MAIN LAYOUT --*/
html{background-color:#eee; height:102%; font-size:16px!important;}
body {top:0; margin-left:0; margin-right:auto; color: #666; font-size:16px; 
    font-family: 'Lato', Calibri, Arial, sans-serif;background-color: #fafafa!important; overflow-x:hidden;}
.lg-screen {display:block!important;}
.sm-screen {display:none!important;}
#footer {position:fixed; display:block;background-color:#999; color: #fff; padding: 2px 0; width:100%; bottom:0!important;}
#footer p {position:relative;margin:-.5em 0 0 0; padding: 3px 0;font-size:12px; font-weight:normal!important;}
#footer a {color:#192e56; letter-spacing:1px;}
#footer a:hover {color:#0CF;}
			.vx2 {height:2rem; width:2rem;font-family:Tahoma, Geneva, sans-serif!important; font-weight:500;}
			.vx2 a {background-color:#fff; color:#000;  border-radius:1rem; }
			.vx2 a:hover {background-color:#000; color:#fff;  border-radius:1rem; }
/* Page Containers */

.wrapper{max-width:1600px;margin:0 auto 0 auto;}
.first {position:relative; display:block;top:0;}
.wrapper-foot{max-width:1600px;margin:0 auto 0 auto;padding:0!important;z-index:5000;}
.index-pad {height:50px!important;}
.pad {height:150px!important;}
.pad-f {height:20px!important;}
/* Grids */
.grids{max-width:1580px;clear:both;margin:0;list-style:none;}
/* Ensure any grid item's FIRST class is a grid- class. e.g.
VALID: class="grid-4 text-centre"
INVALID: class="left grid-4" */
[class^="grid-"]{float:left;margin:0 2% 0 0;}
.grids [class^="grid-"]{margin:0 0 0 2%;}

.grid-1{ width:3.571% }
.grid-2{ width:9.821% }
.grid-3{ width:16.071% }
.grid-4{ width:22% }
.grid-5{ width:28.571% }
.grid-6{ width:34.821% }
.grid-7{ width:41.071% }
.grid-8{ width:47.321% }
.grid-9{ width:53.571% }
.grid-10{ width:59.821% }
.grid-11{ width:66.071% }
.grid-12{ width:72.321% }
.grid-13{ width:78.571% }
.grid-14{ width:84.821% }
.grid-15{ width:91.071% }
.grid-16{ width:97.321%; margin:0; }


/* --BEGIN SITE-WIDE STYLES--*/
/*--Active Link Color--*/

a{color:#39C;/*#4acff8;*/text-decoration:none; font-weight:bold;}
a:hover {color:#06C;}
/*--Horizontal Rule (Black Line)--*/
hr {display:block; height:1px; border:0; border-top:#999 solid 5px; margin:.5em 0; padding:0; text-shadow:none!important; }
form {padding:1em;}
/* Blue head */
header {position:fixed; display:block; width:100%; background-color:#fafafa; z-index:5000; color:#fff; border-top:6px solid #7a97b4; background-image:url(../img/rptr.png); background-repeat:repeat-x; top:0; height:120px!important;}

header h1 {position:relative; display:block;font-size:2.2rem;text-align:center; color:#34495e;text-shadow: 1px 1px 0px #fff!important;padding-top:0!important; margin-top:8px!important; }
.tag {font-size:1em; font-weight:500!important; color:#fff!important; margin:0; padding:0; text-shadow: 1px 1px 0px #000!important;}

.translate {position:relative; display:block; font-size:1em; text-align:center; margin-top:-1.2em!important; padding:0;}
.translate a{color:#fff!important;}
.translate a:hover, .translate a:focus, .translate a:active {color:#042d55!important;}
h2, h3, h4, h5, h6 {font-weight:400;}


h2{position:relative; display:block;font-size:1.8em; font-weight:bold; margin-bottom:.5em; color:#999; text-shadow: 2px 2px 0px #FFF;}
h3{font-size:1.5em; margin-bottom:1em; line-height:1.3;color:#666;}
h4{font-size:1.25em; margin-bottom:0.8em; line-height:auto; text-shadow: none; font-weight:bold;}
h5{font-size:1.1em; margin-bottom:0.6em; text-shadow: none; line-height:auto;}
h6{color: #666;font-size:1em; margin-bottom:0.6em; text-shadow: none; line-height:auto;}
p {margin-top:.25em!important;}

/* FLEXBOX NAV */

nav {position:fixed;border: 1px solid #ccc;border-right: none;width: 100%; margin-bottom: 0;top:90px!important;z-index:10000!important;}
nav ul li {  background-color:rgba(255,255,255,0.2)!important;}
nav ul li:hover {background: #39C!important;text-shadow: 1px 1px 1px #fff;}
nav ul {margin: 0;padding: 0;}
nav ul li {list-style: none;text-align: center; border-left: 1px solid #fff;border-right: 1px solid #ccc;text-decoration:none;text-transform:uppercase; font-weight:400;text-shadow: 1px 1px 1px #fff;font-size:1.2rem!important;letter-spacing: 1px;}
nav ul li:first-child { border-left: none!important;}
nav ul li a { display: block;text-decoration: none; color: #666;padding: 6px 0;}
nav ul li a:hover { color:#fff;text-shadow: 1px 1px 1px #666!important;}
nav { display: table;table-layout: fixed;}
/* assign id to ul for non-interference w f-slider */
#Nav { display: flex;flex-direction: row;}
#Nav li {flex-grow: 1;}

/* MILIC slide in */
				#mi-lic {position:relative; display:block; top:0!important; margin-left:75%; z-index:5000000000; width:25%;}
				#mi-lic a {color:rgba(211,35,29,0.7);/*#4acff8;*/text-decoration:none; font-weight:bold;}
				#mi-lic a:hover, #mi-lic a:active, #mi-lic a:focus {color:rgba(211,35,29,1)!important;}

.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	

	visibility: visible !important;
	background:rgba(255,255,255,0.1); color:#000; padding:.2em; font-size:.8em; text-align:center; border-left: 6px solid #1ea220; border-right: 6px solid #d3231d
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	50%{
		-webkit-transform: translateY(8%);
	}
	65%{
		-webkit-transform: translateY(-4%);
	}
	80%{
		-webkit-transform: translateY(4%);
	}
	95%{
		-webkit-transform: translateY(-2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}
}
.mi-lic-type {font-family: 'Montserrat Alternates', sans-serif; font-size:1.2em; font-weight:bold;color:#d3231d!important;}


.blue-active{color: #fff; background-color: #34495e; text-shadow: 1px 1px 1px #999; letter-spacing: 1px;border-color: #fff;}

/* slider */
.intro-block {position:relative; display:block; background-color:rgba(255,255,255,.95);max-width:400px; padding:1rem; z-index:2000!important; top:-600px!important; left:60%; border-radius:2px;margin-bottom:-500px!important;}
.intro-block h2 {color:rgba(52,73,94,1); text-shadow:none; font-size:2.6em; font-weight:100; padding:1rem}
/*.intro-block h2 {color:#000; text-shadow:1px 1px 1px #999; font-size:2.4rem; padding:1rem}*/
/* panel */
#panel {
position : fixed;
display : block;
top : 18%;
left:60%!important;
bottom:-100%!important;
width : 38%;
z-index:11000;
}

.offer {
padding :2em 0.4em;
color : #fff;
text-align : center;
border-radius : 2px;

background : rgba(52,73,94,1)!important;
}
.close-it {position:relative; display:block; margin:0; margin:0; padding:.5rem 2rem;font-weight:100; font-size:40px; cursor:pointer; text-align:right}
.offer a {
color : #fff;
text-decoration : none;
font-weight : bold;
font-size : 18px;
padding : 4px;
}



.offer h2 {
color : #fff;
font-size:2.8em; 
font-weight:100;
text-shadow:none!important;
padding : 0!important;
margin : 0!important;
}
.offer p {
position : relative;
display : block;
font-size : 20px;
color : #fff;
letter-spacing : 1px;
padding : 0.2em 0.4em;
}
input[type=checkbox] {width:20px; height:20px;}





 /*--Backgrounds and Deco--*/
.w-bg {background-color:#eee; border:#fefefe solid 3px; border-radius:6px;}
.white {background-color:#fff;}
.red-text {color:#872109;}
.side-list {position:relative; margin-left:0; padding-left:1em;}
.side-list {position:relative; margin-left:0; padding-left:1em;}
.strong-list {position:relative; margin-top:-1em; margin-left:0; padding-left:1em;  font-weight:bold; font-size:1em;} 


/*--classes to do odd jobs--*/
.no-show {display:block!important;}
.pointer {cursor:pointer; text-decoration:none;}
.left	{ float:left!important; }
.right	{ float:right!important; }
.none {list-style:none;}
.no-float {position:relative; display:block; margin-left:auto; margin-right:auto;}
.clear	{ clear:both; float:none; }
.indent {padding:0 .5em!important;}
.text-left		{ text-align:left; }
.text-right		{ text-align:right; }
.text-center { text-align:center; }


/*--Control whitespace--*/
.top {margin-top: 30px!important;}
.less-top {position:relative; margin-top:-10px;}
.min-top {position:relative; margin-top:-1em!important;}
.bottom {margin-bottom: 30px!important;}

/*--Images---*/
img{margin-bottom: 10px;}
img.left	{ margin:0 20px 10px 0; }
img.right	{ margin:0 0 10px 20px; }
img.expand { width: 24em; margin: 0; }
.red-frame {border:4px solid #872109; box-shadow: 3px 3px 1px #777!important;}	
.blue-frame {border:4px solid #7a97b4; box-shadow: 3px 3px 1px #777!important;}

.services {font-weight:normal; font-size:.9em!important; list-style:none!important;margin-top:0!important;}

/*-- Contact Page Styles--*/
.response {font-size:1.25em; margin-bottom:0.8em; line-height:auto; text-shadow: none; font-weight:normal; color:#5bd622;}


input#print {display:inline-block; background:#dedede; padding: 0.5em 1em;border-radius: 6px;border-right: 2px solid #fff;border-bottom: 3px solid #fff;color: #89b6c2;text-decoration:none;text-transform:uppercase;text-shadow: 1px 1px 1px #fff;font-size: .9em;margin: 0 0 0.6em 0; cursor:pointer;}

#print:hover{color: #fff; text-shadow: 1px 1px 0px #999; background-color: #8cf25c; }




.intro-para {font-size:1.4rem; font-weight:normal!important;}
.name-punch {text-transform:uppercase; font-size:1.1em;}


.sub-area-spcr {position:relative; display:inline; float:left; margin-right:2em; width:280px; border:none;}
.anchor-captions {float:left; line-height:2;}
.anchor-captions a {color:#872109}
.anchor-captions a:hover {color:#c00;font-size:110%;}
.sub-area-b {position:relative; display:inline; float:left; margin-right:2em; width:150px; border:4px solid #fff;}
.sub-area-b:hover, .sub-area-b:focus, .sub-area-b:active  {border:4px solid #06C;}

.grow {
    transition: all 0.5s ease-in-out;
}
.grow:hover {
    transform: scale(1.2,1.2)
}


.other-areas {display:inline; color:#000; padding:.1em; background-color:#dedede;}
.other-areas:hover, .other-areas:focus, .other-areas:active {background-color:rgba(102,204,204,1); color:#042d55;}

.b-button {line-height:2; background:#34495e; padding:.2em; font-size:1.4rem; color:#fff!important;border-radius:2px;border:1px solid #dedede; font-family: 'Lato-Light', Calibri, Arial, sans-serif!important;cursor:default;}
.b-button:hover, .b-button:focus, .b-button:active {color: #fff;background-color: #39C; border-color:#fff;}

.end-pad-red {border-bottom:1px solid #872109; margin-bottom:2em;}
/*--- RED Headers
header {position:fixed; display:block; max-height:170px; top:0!important; width:100%; background-color:#666; z-index:99999; color:#fff; /*border-top:6px solid #d1d13f!important;  background-color:#800000!important;*/ /*border-bottom:2px solid #eee!important; background-image:url(../img/r-leather.png); background-repeat:repeat-x;}
header h1 {text-align:center; font-family:Arial, Helvetica, sans-serif;  font-weight:400; color:#ffc!important; /*font-variant:small-caps;*/ /*text-shadow: 1px 1px 1px #d1d13f!important; font-size:2em!important; letter-spacing:1px;}
.init-cap {font-family:Georgia, "Times New Roman", Times, serif; font-weight:500; font-size:1.5em!important;}
.tag {font-size:.8em; font-weight:400!important; margin-bottom:0; padding-bottom:0; text-shadow:none!important;} ---*/







/*Included herein: Version: 1.0 MIT License (X11) http://www.opensource.org/licenses/MIT by Silvia Gamsjäger. Flexslider: http://flex.madebymufffin.com*/