/*
 ----------------------------- 
 These are the Custom styles created by Savio Designs
 https://saviodesigns.com
 Project Manager: Chris Knabenshue


Brand Colors: 
Lapis Lazuli
rgb(38,97,156)    -     #26619c

Dusty Grey
rgb(152,148,148)    -    #989494
 -----------------------------
*/


/*
 ----------------------------- 
Universal Site Styles
 -----------------------------
*/


.hmy-content-wrapper.navigation .hmy-content {
	padding: 0px;
}

.p7OPM-05 .opm-panel-content {
	padding: 40px 48px;
	font-size: 80%;
}
.p7OPM-05 .opm-panel-content p {
	line-height: 2.5;
}

.hmy-content-wrapper.testimonials {
	min-height: 350px;
}

.p7HMY {
	margin: auto;
}


.vertical-center {
	display: inline-flex;
	justify-content: center;
	flex-direction: column;
	width: 100%;
}

/*
******************************
        Image Styles
******************************
*/

.logo {
	min-height: 360px;
	background-image: url(../images/inner-mattvizio.png);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: 0px -10px;
	
}

.inner-logo {
	max-height: 300px;
	background-image: url(../images/inner-mattvizio.png);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: 0px -10px;
	
}

.img-inner-logo {
	max-height: 290px;
}


.centercircle {
	position: absolute;
    margin-top: -100px;
    margin-left: -100px;
    padding: 30px;
    clip-path: circle();
    shape-outside: circle();
	
}


.content {
background-image: url(../images/smoke-innerbg.jpg);
background-position: right;
background-attachment: fixed;
background-size: cover;
}

.hiringfaqs-img {
	align-self: flex-end;
	display: flex;
    flex-direction: column;
}

/*
******************************
        Titles/Subtitles
******************************
*/

.header-subtitle  {
	font-family: 'Cinzel Decorative', cursive;
	font-size: 2.5em !important;
	color: #FFFFFF;
	font-style:italic;
	font-weight:bold;
	text-shadow: 3px 3px 5px #000000;
}

.brand  {
	font-family: 'Cinzel Decorative', cursive;
	font-size: 2em !important;
	color: #FFFFFF;
	font-weight:bold;
	-webkit-text-stroke: .25px silver;
	text-shadow: 3px 3px 5px #000000;
    }

.tagline  {
	font-family: 'Cinzel Decorative', cursive;
	font-size: 1.7em !important;
	color: #000000;
	font-style:italic;
	font-weight:bold;
	text-shadow: 1px 2px 5px #26619c;
}

.registered  {
	font-family: 'Cinzel Decorative', cursive;
	font-size: 2.7rem !important;
	font-style:none !important;
	font-weight:normal !important;
	color: #000000;
	text-shadow: 1px 2px 5px #26619c;
}

/*
******************************
  Inner-page Template Header
******************************
*/

.inner-subtitle  {
	font-family: 'Cinzel Decorative', cursive;
	font-size: 2.0em !important;
	color: #FFFFFF;
	font-style:italic;
	font-weight:bold!important;
	text-shadow: 3px 3px 5px #000000;
}

.inner-hdlogo  {
	max-height: 200px;
}

/*
******************************
          Borders
******************************
*/

.top {
border-bottom-color: #bbc1cc;
border-bottom-width: thick;
border-bottom-style: solid;
}

.footer {
border-top-color: #bbc1cc;
border-top-width: thick;
border-top-style: solid;
}

/*
******************************
         Blue Glow
******************************
*/

.glow {
display:inline-block;
	margin: 20px;
-moz-box-shadow: 0px 0px 20px 8px #26619c !important;
-webkit-box-shadow: 0px 20px 8px #26619c !important;
box-shadow: 0px 0px 20px 8px #26619c !important;
}

.blueshad {
box-shadow: 0px 0px 20px 8px #26619c;
max-width:700px;
margin:20px auto;
}

.blueshadow {
box-shadow: 0px 0px 20px 8px #26619c;
max-width:350px;
margin:20px auto;
}

#hdimg-container {
  display: flex;
  justify-content: center;
}

#socialimg-container {
  display: flex;
  justify-content: center;
 margin: 0;
}

/*
******************************
         Button Style
******************************
*/

.button {
background:    #3d85c6;
background:    -webkit-linear-gradient(#3d85c6, #26619c);
background:    linear-gradient(#3d85c6, #26619c);
border:        1px solid #243975;
border-radius: 5px;
padding:       20px 20px;
color:         #ffffff;
display:       inline-block;
font:          normal 700 20px/1 "Noto Sans", sans-serif;
text-align:    center;
text-shadow:   1px 1px #000000;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.button:hover {opacity: 0.7;
text-decoration: none !important;
}

.button a {
	text-decoration: none !important;
}

.button a:hover {
text-decoration: none !important;
}

.button a:visited {
text-decoration: none !important;
}



/*
******************************
  Horizontal Rule (HR) Style
******************************
*/

hr.symbol {
  border: 0; 
  height: 2px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #26619c, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #26619c, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #26619c, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #26619c, #f0f0f0); 
}