/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

pre {
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -pre-wrap;
 white-space: -o-pre-wrap;
 word-wrap: break-word;
 font-size:11px;
 font-family:Arial, Helvetica, sans-serif;
 color:#1E76C8;
 padding:3px;
 margin: 5px 0px;
 border-left:3px solid #1E76C8;
 background:#ededed;
}
code {
    font-family: 'Courier New', Courier, Fixed, sans-serif;
    white-space:pre;
    font-size: 1.0em;
    font-style: italic;
}

fieldset { border:1px solid #cccccc; padding: 10px; margin: 5px 0; }
legend {}

th,td{margin:0;padding:0;}
table {margin: 0.7em 0;border-collapse:collapse;border-spacing:0;}
td {border:1px solid #dedede; padding:2px; font-size:100%; vertical-align:top;}
td.title {width:25%;}
th.title {color:#333333;padding:7px;text-align:left;}
td.description {width:65%;}
tr.odd {background-color:#eeddcc;}
th {border:1px solid #dedede; padding:2px; background-color:#0066CC; color:#CCCCCC; font-weight:bold; font-size:100%;}
th.title {background-color:#F4F4F4;}

/* overrides decoration from previous rule for hovered links */
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
 
#body-container{
	padding-top: 0px; 
	margin:1px;
	overflow: hidden;
    border: 1px solid #646464;
    border-top: 0;
    border-bottom: 0;
    -moz-box-shadow: 0 0 1em #000;
    -webkit-box-shadow: 0 0 1em #000;
    box-shadow: 0 0 1em #000;
   padding: 0.5em;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
   -webkit-flex: 1 6 20%;
   flex: 1 6 20%;
   -webkit-order: 3;
   order: 3;
}
#body-container{
    background:    -moz-linear-gradient(top, rgba(250, 254, 255, 0.3) 0%, rgba(12, 154, 194, 0) 49%, rgba(12, 154, 194, 0) 51%, rgba(8, 99, 125, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(250, 254, 255, 0.3)), color-stop(49%, rgba(12, 154, 194, 0)), color-stop(51%, rgba(12, 154, 194, 0)), color-stop(100%,rgba(8, 99, 125, 0.3)));
    background: -webkit-linear-gradient(top, rgba(250, 254, 255, 0.3) 0%, rgba(12, 154, 194, 0) 49%, rgba(12, 154, 194, 0) 51%, rgba(8, 99, 125, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(250, 254, 255, 0.3) 0%, rgba(12, 154, 194, 0) 49%, rgba(12, 154, 194, 0) 51%, rgba(8, 99, 125, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(250, 254, 255, 0.3) 0%, rgba(12, 154, 194, 0) 49%, rgba(12, 154, 194, 0) 51%, rgba(8, 99, 125, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(250, 254, 255, 0.3) 0%, rgba(12, 154, 194, 0) 49%, rgba(12, 154, 194, 0) 51%, rgba(8, 99, 125, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
	background:rgba(243,243,243,0.8);
background-image: linear-gradient(to right, yellow,orange,red,green,blue,indigo,violet);
    color: #000405;
    border: solid 1px;
    border-color: #CCCCCC #7A960F #7A960F #CCCCCC;
}
#header-container,#container,#footer-container{
	background-color: #8ee53f #a6cd6b #b6b48c #c09aab #c57dc7 #c65be3 #c225ff;
	background:rgba(243,243,243,0.8);
    border: 1px solid #646464;
    border-top: 0;
    border-bottom: 0;
    -moz-box-shadow: 0 0 1em #000;
    -webkit-box-shadow: 0 0 1em #000;
    box-shadow: 0 0 1em #000;
   padding: 0.5em;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
   -webkit-flex: 1 6 20%;
   flex: 1 6 20%;
   -webkit-order: 3;
   order: 3;
} 
h1#site-title,#header{
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
padding:5px;
text-shadow: 1px 1px;
 font-family: 'Raleway',sans-serif;
}	  
h2{
	box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
	 font-family: 'Raleway',sans-serif;
}
.main-title{
	text-align:center;
	padding:8px;
font-family: Arial, Helvetica, sans-serif;
  color: white;
  text-shadow: 2px 2px 4px #000000;
  
}

.header-address{
	font-size:90%;
	border:1px solid #ccc;
	  border-radius: 25px;
  border: 2px solid #009882;
  padding: 5px; 
  clear:both;
}

.backtotop{background:url(../images/go-up.png) no-repeat;height:48px;width:48px}
.backtotop:hover{background:url(../images/go-up-hover.png) no-repeat;height:48px;width:48px;
}	
   
#contenttabs {
    width:100%; /* arbitrary width */
}

/* TOP ROUNDED HACK */
#secondary-menu a,#subsidiary-menu a,#postformats-menu a,.hentry,.widget,.comment-text,#comments-template,
.entry-meta,.navigation-links,.page-numbers,.loop-nav, #footer,#submit,
.utility,.entry-utility,.series,.sidebar-navigation-links,#ygma-footer-menu,
.entry-meta a:hover,.entry-meta a:focus,.byline a:hover,.byline a:focus,
.share-meta{
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#primary-menu a,#posttypes-menu a,#postformats-menu a,.yui-navset ul .yui-nav li a,
.byline,.loop-meta,.page-numbers,.nav-prev a,.nav-next a,.breadcrumbs,
.archiveheader,.headerarchive,.sidebarheader,.widget-title,.sidebar-title,
#ygma-header-menu,#ygma-header-menu a,#submit,.yui-navset ul.yui-nav li a,
.sidebar-breadcrumbs,.news-byline,.comment-meta,.entry-meta a:hover,
.entry-meta a:focus,.byline a:hover,.byline a:focus
{
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.comment-text{
	margin-top:1px;
	margin-bottom:21px;
	padding:.50em;
	border: 1px; 
	border-style:solid;
	border-color: #eee #CCC #CCC #CCC; 
}	
#section{
	padding:5px;
	border: 1px; 
	border-style:solid;
	border-color: #eee #CCC #8089F9 #CCC; 
} 

/* Fixed sidenav, full height */

footer #section{
    margin: 5px auto auto auto;
    width: 100%;
    text-align: center;
    position: relative;
    color:#ffffff;
	font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
}
footer #section{
    padding: 15px auto auto auto;
    }
footer #section li {
    display: inline-block;
}
footer #section a {
color: #F4D03F;
border:1px solid #ccc;
padding:6px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;	
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
footer #section a:hover {
color: #FFF;
text-decoration:underline;
font-weight:600;
}
footer #section a:visited {
color: #EBDEF0;
}
#productsandservices1 {
position:absolute;
left:10;
top:3;
}
.zero h3{
	text-align:left;
	font-size:16px;
	font-weight:600;
	border-bottom:1px dashed #orange;
}

/* === HEADING STYLE #3 === 
https://codepen.io/vedadesigns/pen/GPxYZg
*/
h3.three  {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px;
  position: relative;
}
h3.three:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 70px;
  background-color: #E76300;
}
h3.three:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 95%;
  max-width: 255px;
  background-color: #A2A568;
}

/* === BASE HEADING === 
https://codepen.io/vedadesigns/pen/GPxYZg
*/ 

h1 {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: "Raleway", sans-serif;
  font-weight: 300;
  font-size: 40px;
  color: #080808;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

h1 span {
  display: block;
  font-size: 0.5em;
  line-height: 1.3;
}
h1 em {
  font-style: normal;
  font-weight: 600;
}

/* === HEADING STYLE #1 === */
.one h1 {
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 5px;
}
.one h1:before {
  width: 28px;
  height: 5px;
  display: block;
  content: "";
  position: absolute;
  bottom: 3px;
  left: 50%;
  margin-left: -14px;
  background-color: #b80000;
}
.one h1:after {
  width: 100px;
  height: 1px;
  display: block;
  content: "";
  position: relative;
  margin-top: 25px;
  left: 50%;
  margin-left: -50px;
  background-color: #b80000;
}

/* === HEADING STYLE #2 === */
.two h1 {
  text-transform: capitalize;
}
.two h1:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 2px;
  content: "";
  background-color: #c50000;
}

.two h1 span {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 4px;
  line-height: 3em;
  padding-left: 0.25em;
  color: rgba(0, 0, 0, 0.4);
  padding-bottom: 10px;
}
.alt-two h1 {
  text-align:center;
}
.alt-two h1:before {
  left:50%; margin-left:-30px;
}

/* === HEADING STYLE #3 ===
https://codepen.io/vedadesigns/pen/GPxYZg
 */
.three h1 {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px;
  position: relative;
}
.three h1:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #111;
}
.three h1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 95%;
  max-width: 255px;
  background-color: #333;
}

/* === HEADING STYLE #4 === */
.four h1 {
  text-align: center;
  padding-bottom: 0.7em;
}
.four h1 span {
  font-weight: 300;
  word-spacing: 3px;
  line-height: 2em;
  padding-bottom: 0.35em;
  color: rgba(0, 0, 0, 0.5);
}
.four h1:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 1px;
  content: "";
  left: 50%;
  margin-left: -30px;
  background-color: #777;
}

/* === HEADING STYLE #5 === */
.five h1 {
  text-align: center;
  font-size: 22px;
  font-weight: 700; color:#202020;
  text-transform: uppercase;
  word-spacing: 1px; letter-spacing:2px;
}
.five h1 span {
  margin-top: 40px;
  text-transform: none;
  font-size:.75em;
  font-weight: normal;
  font-style: italic; font-family: "Playfair Display","Bookman",serif;
  color:#999; letter-spacing:-0.005em; word-spacing:1px;
  letter-spacing:none;
}
.five h1:before {
  position: absolute;
  left: 0;
  bottom: 38px;
  width: 60px;
  height: 4px;
  content: "";
  left: 50%;
  margin-left: -30px;
  background-color: #dfdfdf;
}

/* STYLE 6
   ----------------------------- */
.six h1 {
  text-align: center;
  color:#222; font-size:30px; font-weight:400;
  text-transform: uppercase;
  word-spacing: 1px; letter-spacing:2px; color: #410093;
}
.six h1 span {
  line-height:2em; padding-bottom:15px;
  text-transform: none;
  font-size:.7em;
  font-weight: normal;
  font-style: italic; font-family: "Playfair Display","Bookman",serif;
  color:#999; letter-spacing:-0.005em; word-spacing:1px;
  letter-spacing:none;
}
.six h1:after, .six h1:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 45px;
  height: 4px;
  content: "";
  right: 45px; 
  margin:auto;
  background-color: #6a216a;
}
.six h1:before { 
background-color:#d78b8b;
  left:45px; width:90px;
}

/* Style 7
   ----------------------------- */
.seven h1 {
text-align: center;
    font-size:24px; font-weight:300; color:#222; letter-spacing:1px;
    text-transform: uppercase;

    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-template-rows: 27px 0;
    grid-gap: 20px;
    align-items: center;
	padding-top:8px;
}

.seven h1:after,.seven h1:before {
    content: " ";
    display: block;
    border-bottom: 1px solid #c50000;
    border-top: 1px solid #c50000;
    height: 5px;
  background-color:#f8f8f8;
}


/* Style 8
   ----------------------------- */
.eight h1 {
  text-align:center;
 
  text-transform:uppercase;
  font-size:26px; letter-spacing:1px;
  
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 16px 0;
  grid-gap: 22px;
}

.eight h1:after,.eight h1:before {
  content: " ";
  display: block;
  border-bottom: 2px solid #ccc;
  background-color:#f8f8f8;
}

/* Style 9
   ----------------------------- */
.nine h1 {
  text-align:center; font-size:50px; text-transform:uppercase; color:#222; letter-spacing:1px;
  font-family:"Playfair Display", serif; font-weight:400;
}
.nine h1 span {
  margin-top: 5px;
    font-size:15px; color:#444; word-spacing:1px; font-weight:normal; letter-spacing:2px;
    text-transform: uppercase; font-family:"Raleway", sans-serif; font-weight:500;

    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-template-rows: 27px 0;
    grid-gap: 20px;
    align-items: center;
}

.nine h1 span:after,.nine h1 span:before {
    content: " ";
    display: block;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    height: 5px;
  background-color:#f8f8f8;
}


.ten h1 {
  font-size:34px; font-weight:500; text-transform:uppercase;
}
.ten h1:before {
    background-color: #c50000;
    border-radius: 0.25rem;
    content: '';
    display: block;
    height: 0.25rem;
    width: 42px;
    margin-bottom: 1.25rem;
}


.eleven h1 {
  font-size:30px;text-align:center; line-height:1.5em; padding-bottom:45px; font-family:"Playfair Display", serif; text-transform:uppercase;letter-spacing: 2px; color:#111;
}

.eleven h1:before {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 60%;
  left:50%; margin-left:-30%;
  height: 1px;
  content: "";
  background-color: #777; z-index: 4;
}
.eleven h1:after {
  position:absolute;
  width:40px; height:40px; left:50%; margin-left:-20px; bottom:0px;
  content: '\00a7'; font-size:30px; line-height:40px; color:#c50000;
  font-weight:400; z-index: 5;
  display:block;
  background-color:#f8f8f8;
}


.twelve h1 {
  font-size:26px; font-weight:700;  letter-spacing:1px; text-transform:uppercase; width:160px; text-align:center; margin:auto; white-space:nowrap; padding-bottom:13px;
}
.twelve h1:before {
    background-color: #c50000;
    content: '';
    display: block;
    height: 3px;
    width: 75px;
    margin-bottom: 5px;
}
.twelve h1:after {
    background-color: #c50000;
    content: '';
    display: block;
  position:absolute; right:0; bottom:0;
    height: 3px;
    width: 75px;
    margin-bottom: 0.25em;
}


.thirteen h1 {
  position:relative; font-size:20px; font-weight:700;  letter-spacing:0px; text-transform:uppercase; width:150px; text-align:center; margin:auto; white-space:nowrap; border:2px solid #222;padding:5px 11px 3px 11px;
}
.thirteen h1:before, .thirteen h1:after {
    background-color: #c50000;
    position:absolute; 
    content: '';
    height: 7px;

    width: 7px; border-radius:50%;
    bottom: 12px;
}
.thirteen h1:before {
   left:-20px;
}
.thirteen h1:after {
   right:-20px;
}
/* ------- Helper Styles -------------*/
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

h1:before,
h1:after {
  background-color: #c50000;
}