@charset "utf-8";
/* CSS Document */
.homeContainer
{
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	max-width: 1920px;
}
.logo {
	margin-top: -27px;
	margin-right: 15px;

}
.bodyLogo {
	margin-top: 10px;
	margin-bottom: 20px;
}
.contactLogo {
	margin-top: 65px;
	margin-bottom: 30px;
}
.bgGradient
{
	background-image: url(../images/slider_background_5.jpg);
}
h5
{
	font-size:24px;
	font-style:italic;
}
.ic-button.ic-custom {
	margin-top:-5px;
   background-image: none;
   background-color: transparent;
}
/* Nav Bar Customizations  */
.navbar
{
	border-bottom:none;
}
.navbar-default {
	border-color: #e7e7e7;
	background-color: rgba(0,0,0,0.00);

}
.navbar.navbar-default {
	border: none;
	background-color: rgba(240,240,240,1.00);
	font-size: 18px;
}
.navbar-toggle
{
	background: rgba(185,176,176,0.61);
}
.nav.navbar-nav li a {
  background-color: transparent;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000000;
  background-color: transparent;
	text-decoration: underline;
}
.navLinks
{
	margin-top: 25px;
}

/* End Nav Bar Customizations  */
/* SLide Show Heading Text */
.slideTitle {
	color: #000000;
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
	font-size: 28px;
	padding: 15px 0;
}
.about-text 
{
	font-size: 16px;
	text-align: left;
	font-weight:600;
}
.container-fluid .row {
}
.clear
{
	clear:both;
}

.homeBody
{
	margin: -25px auto;
	max-width: 1920px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

}
.contactBody
{
	margin: -25px auto;
	max-width: 1920px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

}
.homeBodyHeader
{
	padding: 30px 5px;
}
.homeWell
{
	margin: 50px auto;
}
.contactWell {
	margin: 50px auto;
	max-width: 1000px;
	font-size: 18px;
}
.aboutText
{
	margin: 10px auto;
	max-width: 65%px;
	text-align: left;
	padding: 35px;
	color: #ffffff;
	font-size: 16px;
	line-height: 150%;
	font-weight: 400;
	
}
.homeText
{
	margin: 10px auto;
	max-width: 860px;
	text-align: left;
	padding: 12px;
	font-size: 16px;
	line-height: 150%;
	font-weight: 600;
	background: rgba(255,255,255,0.2);
	border-radius: 15px;
    box-shadow: 0 50px 40px rgba(0,0,0,0.5);
}
.homeText img {
	border: none;
}
.thumbsBG
{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	background-color:rgba(4,4,134,1.00);
	padding: 20px 0 0;
    border-radius: 100px/50px;
    box-shadow: 0 50px 40px rgba(0,0,0,0.5);
}
.homeThumbs
{
	/* max-width: 20%; */
	flex: auto;
	align-content: center;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	color:rgba(240,240,240,1.00)
}
.homeThumbs a
{
	color:rgba(240,240,240,1.00)
}
.homeThumbs p
{
	padding-top: 5px;
}
.homeThumbs img
{
	border: 2px outset rgba(255,255,255,1.00);
}
.homeImg
{
	padding: 20px 0;
}
.contactList
{
	padding: 30px;
}
.selectHeader
{
	margin: 20px 0 20px 0
}
.selectText
{
	color: #000000;
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
	font-size: 24px;
	padding: 15px 0 25px 0;
	
}
.selectCardsText
{
	color: #000000;
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
	font-size: 24px;
	padding: 5px 0 45px 0;
	
}
.portfolioLinks
{
	color: #000000;
	font-size: 16px;
	padding: 65px 0px 25px 0;
}
.portfolioLinks a
{
	margin-right: 5px;
	text-decoration: underline;
}
.portfolioLinks a:hover
{
	font-size: 18px;
}
.slideCenter
{
	margin: 0 auto;
}
.servBody
{
	margin: 75px auto;
	max-width: 1920px;
	background-image: url(../images/servBackground.png);
}
.serviceHeaderText
{
	color:#03037d;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 28px;
	font-weight: bold;
	background-color: rgba(241,241,241,0.70)
}
.serviceList {
	text-align: center;
	color: rgba(255,255,255,1.00);

}
.serviceList ul
{
	display:inline-block;
	max-width:400px;
	background: rgba(255,255,255,1.00);
	border-radius: 15px;
    box-shadow: 0 50px 40px rgba(0,0,0,0.5);
	color: rgba(0,14,173,1.00);
	font-size: 18px;
	padding: 10px;
	list-style: none;
	line-height: 2em;
}
.serviceList h4
{
	height: 36px;
	margin: 15px auto 15px auto;
	padding: 10px;
	background-color: rgba(0,14,173,0.66);
	color:#ffffff;
	font-size: 16px;
	text-decoration:underline;
	font-weight: 700;
}
.contactList ul
{
	margin: 30px auto;
	max-width: 500px;
	padding: 25px 0 0 10px;
	background: rgba(255,255,255,0.50);
	border-radius: 5px;
    box-shadow: 0 50px 40px rgba(0,0,0,0.5);
	color: rgba(0,14,173,1.00);
	font-size: 18px;
	padding: 10px;	
	list-style: none;
}
.contactList ul li
{
	padding: 15px;
}
.contactList ul li > a
{
	color: #000000;
	text-decoration: underline;
}
.portfolioContainer
{
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	max-width: 1280px;
	overflow-x: hidden;
}
/*  3D Styling */
.flip3D
{
	width: 400px;
	height: 300px;
	margin: 10px auto 80px auto;
}
.flip3D > .front
{
	position: absolute;
	-ms-transform: perspective(600px) rotateY(0deg);
	transform: perspective(600px) rotateY(0deg);
	background: #fc0;
	width: 400px;
	height: 300px;
	border-radius: 7px;
	-ms-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: -ms-transform .5s linear 0s;
	transition: transform .5s linear 0s;
}
.flip3D > .back
{
	position: absolute;
	-ms-transform: perspective(600px) rotateY(180deg);
	transform: perspective(600px) rotateY(180deg);
	background: #5197F5;
	width: 600px;
	height: 635px;
	border-radius: 7px;
	-ms-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: -ms-transform .5s linear 0s;
	transition: transform .5s linear 0s;
}
.flip3D:hover > .front
{
	-ms-transform: perspective(600px) rotateY(-180deg);
	transform: perspective(600px) rotateY(-180deg);
}
.flip3D:hover > .back
{
	position: fixed;
  	top: 20%;
  	left: calc((100vw - 600px) / 2);
  	/* bring your own prefixes */
  	transform: translate(-50%, -50%);
	-ms-transform: perspective(600px) rotateY(0deg);
	transform: perspective(600px) rotateY(0deg);
	z-index: 1;
}

/*  End 3D Styling*/
/* elements for flipping mobile */

.flip3D-Mobile {display: none}
.back p {display: none}
/*  END elements for flipping mobile */

.front p
{
	padding-top: 5px;
	align-content: center;
	text-align: center;
	font-size: 16px;
	color:rgba(240,240,240,1.00)
}
.front img
{
	background-color:rgba(4,4,134,1.00);
	padding: 20px 0 0;
    border-radius: 100px/50px;
    box-shadow: 0 50px 40px rgba(0,0,0,0.5);
}
.viewPDF
{
	z-index: 2;
	margin-top: -20px;
	text-align: center;
	color:rgba(0,0,0,1.00);
	text-decoration: overline;
}
.lowerRow
{
	z-index: 3;
	margin-top: 0px;
}
/* Media Queries  */
@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
.homeBody
{
	margin: 35px auto;
}
}
@media (max-width: 850px){
.homeText
{
	margin: 10px auto;
	max-width: 800px;
	text-align: left;
	padding: 12px;
	font-size: 14px;
	line-height: 130%;
	font-weight: 700;
	background: rgba(255,255,255,0.2);
	border-radius: 15px;
    box-shadow: 0 50px 40px rgba(0,0,0,0.5);
}
.servBody
{
	margin: -5px auto;
	max-width: 850px;
	background-image: url(../images/servBackground.png);
}
}
@media (min-width: 1200px){
.homeBody
{
	margin: 75px auto;
	max-width: 1920px;
	background-image: url(../images/slider_background_5.jpg);
}
	.homeBodyHeader
	{
		padding: 10px 5px;
	}
	.homeText
{
	margin: 10px auto;
	max-width: 600px;
	text-align: left;
	padding: 12px;
	font-size: 16px;
	line-height: 150%;
	font-weight: 600;
	background: rgba(255,255,255,0.2);
	border-radius: 15px;
    box-shadow: 0 50px 40px rgba(0,0,0,0.5);
}
.serviceList h4
{
	height: 36px;
	margin: 14px auto 15px auto;
	padding: 8px 0;
	background-color: rgba(0,14,173,0.66);
	color:#ffffff;
	font-size: 14px;
	text-decoration:underline;
	font-weight: 700;
}
}
@media (max-width: 600px){
.selectText
{
	color: #000000;
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
	font-size: 24px;
	margin-top: 20px;
	padding: 30px 0 15px 0;
	
}
.contactList ul li > a
{
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}

/* elements for flipping mobile */

.flip3D {display: none}
/*  3D Styling */
.flip3D-Mobile
{
	display: block;
	width:300px;
	height:318px;
	margin: 10px auto 80px auto;
}
.flip3D-Mobile > .front
{
	position: absolute;
	-ms-transform: perspective(600px) rotateY(0deg);
	transform: perspective(600px) rotateY(0deg);
	background: rgba(0,0,0,0.00);
	width:300px;
	height:318px;
	border-radius: 7px;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: -ms-transform .5s linear 0s;
	transition: transform .5s linear 0s;
}
.flip3D-Mobile > .back
{
	position: absolute;
	-ms-transform: perspective(200px) rotateY(180deg);
	transform: perspective(200px) rotateY(180deg);
	background: #5197F5;
	width:300px;
	height:318px;
	border-radius: 7px;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: -ms-transform .5s linear 0s;
	transition: transform .5s linear 0s;
}
.flip3D-Mobile:hover > .front
{
	-ms-transform: perspective(200px) rotateY(-180deg);
	transform: perspective(200px) rotateY(-180deg);
}
.flip3D-Mobile:hover > .back
{
	
	-ms-transform: perspective(200px) rotateY(0deg);
	transform: perspective(200px) rotateY(0deg);
	z-index: 1;
}

/*  End 3D Styling*/
.front p
{
	padding-top: 5px;
	align-content: center;
	text-align: center;
	font-size: 16px;
	color:rgba(240,240,240,1.00)
}
.back p
{
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top: 5px;
	align-content: center;
	text-align: center;
	font-size: 16px;
	color: rgba(0,0,0,1.00);
}
.viewPDF
{
	z-index: 2;
	margin-top: 20px;
	text-align: center;
	color:rgba(0,0,0,1.00);
	text-decoration: overline;
}	
}
@media (max-height: 778px){
	.selectText
{
	color: #000000;
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
	font-size: 24px;
	margin-top: 20px;
	padding: 30px 0 15px 0;
	
}
.contactList ul li > a
{
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}

/* elements for flipping mobile */

.flip3D {display: none}
/*  3D Styling */
.flip3D-Mobile
{
	display: block;
	width:300px;
	height:318px;
	margin: 10px auto 80px auto;
}
.flip3D-Mobile > .front
{
	position: absolute;
	-ms-transform: perspective(600px) rotateY(0deg);
	transform: perspective(600px) rotateY(0deg);
	background: rgba(0,0,0,0.00);
	width:300px;
	height:318px;
	border-radius: 7px;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: -ms-transform .5s linear 0s;
	transition: transform .5s linear 0s;
}
.flip3D-Mobile > .back
{
	position: absolute;
	-ms-transform: perspective(200px) rotateY(180deg);
	transform: perspective(200px) rotateY(180deg);
	background: #5197F5;
	width:300px;
	height:318px;
	border-radius: 7px;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: -ms-transform .5s linear 0s;
	transition: transform .5s linear 0s;
}
.flip3D-Mobile:hover > .front
{
	-ms-transform: perspective(200px) rotateY(-180deg);
	transform: perspective(200px) rotateY(-180deg);
}
.flip3D-Mobile:hover > .back
{
	
	-ms-transform: perspective(200px) rotateY(0deg);
	transform: perspective(200px) rotateY(0deg);
	z-index: 1;
}

/*  End 3D Styling*/
.front p
{
	padding-top: 5px;
	align-content: center;
	text-align: center;
	font-size: 16px;
	color:rgba(240,240,240,1.00)
}
.back p
{
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top: 5px;
	align-content: center;
	text-align: center;
	font-size: 16px;
	color: rgba(0,0,0,1.00);
}
.viewPDF
{
	z-index: 2;
	margin-top: 20px;
	text-align: center;
	color:rgba(0,0,0,1.00);
	text-decoration: overline;
}	
}