* { 
     margin : 0 ; 
     padding : 0 ; 
}

/* TEST SAVING */
/* Test fix Safari - Captcha draws */
.captcha-image label > input:checked + svg, 
.captcha-image label > input:focus + svg {
position: relative;
}

.large-bordered-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 1rem 0 1.5rem 0 !important;
}
.large-bordered-list li {
    font-size: 1.05rem !important;
    color: #222 !important;
    padding: 0.5rem 0 !important;
}

/* You can override this with CSS by targeting the iframe within the .wp-embedded-content class and setting its width to 590px */
.wp-embedded-content iframe {
    width: 590px !important;
    height: 603px !important;
}

/* You can override this with CSS by targeting the iframe within the .wp-embedded-content class and setting its width to 590px */
.wp-embedded-content iframe {
    width: 590px !important;
    height: 603px !important;
}

/* That guarantees BuyMeAcoffee shifts left even if the script’s built-in position fails. */
#bmc-wbtn {
  right: auto !important;
  left: 18px !important;
  bottom: 18px !important;
}

/* 
Change the color of the submit button
Original doc link: https://wpforms.com/developers/how-to-change-the-submit-button-color/
For support, please visit: https://www.facebook.com/groups/wpformsvip
*/
.wpforms-form button[type=submit] {
    background-color: #af9b62 !important;
    border-color: #af9b62 !important;
    color: #fff !important;
    transition: background 0.3s ease-in-out;
}
 
.wpforms-form button[type=submit]:hover {
    background-color: #333333 !important;
}
/* end change color of the submit button */

/* The container must be positioned relative: */
.custom-select {
  font-family: 'Raleway-Bold'!important;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 2px;
    font-size: 19px;
    line-height: 1.3em;
}

.myelement {
  margin-top:50px;
 }

.myelementGrid {
  margin-bottom:50px;
 }

.leadbutton
{
  padding: 0px; 
  width: 140px;
  height: 45px;
  cursor:pointer;
  font-family: 'Raleway-Italic';
  font-size: 17px;
  letter-spacing: 18;
  text-align : center;
  line-height: 45px;
  display: inline-block;
  margin: 10px 0px 0px 0px;
  background: #0cb8f7;
  color: #fff;
  border: 1px dashed #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 2px #0cb8f7, 3px 2px 3px 1px rgba(10, 10, 0, 0.5);
  }

.leadbutton_gold
{
    padding: 0;
    width: 140px;
    height: 45px;
    cursor: pointer;
    font-family: 'Raleway-Italic';
    font-size: 17px;
    letter-spacing: 18;
    text-align: center;
    line-height: 45px;
    display: inline-block;
    margin: 10px 0 0 0;
    background: #af9b62;
    color: #fff;
    border: 1px dashed #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 2px #af9b62,3px 2px 3px 1px rgba(10,10,0,.5);
  }

.leadbutton_orange
{
    padding: 0;
    width: 140px;
    height: 45px;
    cursor: pointer;
    font-family: 'Raleway-Italic';
    font-size: 17px;
    letter-spacing: 18;
    text-align: center;
    line-height: 45px;
    display: inline-block;
    margin: 10px 0 0 0;
    background: #F6AF3B;
    color: #fff;
    border: 1px dashed #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 2px #F6AF3B,3px 2px 3px 1px rgba(10,10,0,.5);
  }

.social-icon {
 width: 32px;
 height: 32px;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-right: 4px;
 margin-left: 0px;
}

.blackandwhite {
    filter: gray;
    filter: grayscale(100%);
}

/* Center the darn tweets */
.twitter-tweet {
    margin: 0 auto !important;
}

/* centre align text widgets TEST */
.textwidget { text-align: center !important;}
.suboptions { text-align: center; }

/* Inline buttons code used for social buttons on post pages */
#outer
{
    width:100%;
    text-align: left;
}
.inner
{
    display: inline-block;
    padding-left:5px;
    padding-right:5px;
}

/* test to add css code for mail chimp here to modify button */
#mc_embed_signup input.button {
    display: block;
    width: 35%;
    margin: 0 0 0px 0;
    min-width: 130px !important;
}

/* TEST CODE ROOT BELOW THIS FOR CSS */
#root {
            max-width:590px;
            margin:0 auto;
        }

        #root div {
            white-space:nowrap;
        }

        #root div img {
            padding:0;
            margin:0;
            padding-right:5px;
            -webkit-box-sizing:border-box;
            -moz-box-sizing:border-box;
            box-sizing:border-box;
        }

/* NEW CODE FOR COLUMNS CSS */
#contentBox {
    margin: 0 auto;
    width: 70%;
}

#contentBox .column {
    float: left;
    margin: 0;
    width: 33%;
}
/* END NEW CODE FOR COLUMNS */

/* Hack to fix simple Author Box */
.saboxplugin-wrap .saboxplugin-desc p, .saboxplugin-wrap .saboxplugin-desc {
    font-size: 12px !important;
    line-height: 16px !important;
}

/* Quick Tip: The Simplest Way To Center Elements Vertically And Horizontally:
https://tutorialzine.com/2015/09/quick-tip-the-simplest-way-to-center-elements-vertically-and-horizontally */

.container{
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 1 rotating plane */
 .sk-rotating-plane {
  width: 40px;
  height: 40px;
  background-color: #0cb8f7;
  margin: 40px auto;
  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
          animation: sk-rotatePlane 1.2s infinite ease-in-out; }
@-webkit-keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
@keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }


/* Removed this from Custom CSS Plugin code and added here 
.wpcf7 .screen-reader-response {
    display: none;
} */

@font-face { 
     font-family : 'Raleway-Bold' ; 
     font-style : normal ; 
     font-weight : 900 ;
	 src : url('Raleway-Bold-webfont.woff') format('woff');
}

@font-face { 
     font-family : 'Raleway-Regular' ; 
     font-style : normal ; 
     font-weight : 200 ; 
     src : url('Raleway-Regular-webfont.woff') format('woff');
}

@font-face { 
     font-family : 'Raleway-ExtraLightItalic' ; 
     font-style : normal ; 
     font-weight : 200 ; 
     src : url('Raleway-ExtraLightItalic-webfont.woff') format('woff'); 
}

@font-face { 
     font-family : 'Raleway-Italic' ; 
     font-style : normal ; 
     font-weight : 200 ; 
     src : url('Raleway-Italic-webfont.woff') format('woff'); 
}

@font-face {
    font-family: 'Raleway-ExtraLight';
    src: url('Raleway-ExtraLight-webfont.eot');
    src: url('Raleway-ExtraLight-webfont.eot?#iefix') format('embedded-opentype'),
    url('Raleway-ExtraLight-webfont.woff') format('woff'),
    url('Raleway-ExtraLight-webfont.ttf') format('truetype'),
    url('Raleway-ExtraLight-webfont#Raleway-ExtraLight-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*FIX FONT FOR GOOGLE CHROME ON WINDOWS ?*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'Raleway-ExtraLight';
        src: url('Raleway-ExtraLight-webfont.svg#Raleway-ExtraLight-webfont') format('svg');
        font-weight: normal;
        font-style: normal;}
}

@font-face { 
/*     font-family : 'Aloja-Light' ; 
 	 src : url('Aloja-Light.woff') format('woff'); */
/* test to remove us of Aloja-Light */
	font-family: 'Raleway-ExtraLight';
        src: url('Raleway-ExtraLight-webfont.svg#Raleway-ExtraLight-webfont') format('svg');
	
	 font-weight: normal;
    font-style: normal;
}

body {
 
/* vertical margin to page logo / top */
margin : 20px;
/* font:100% 'Raleway-Bold'!important; */
font-family: 'Raleway-Bold'!important;  
height:100%;
color:#333333;
letter-spacing: 1px;
font-size: 16px;

/* Code for background image */
background: white; 
/*  #fffaf0; */
}

p {
font-family: 'Raleway-Regular'!important;
font-size: 17px;
font-weight: 200;
font-style : normal ; 
margin: 20px 0 20px 0;  /* top (15), right, bottom, left */
letter-spacing: 0.5px;
padding: 0;
border: 0 none;
outline: 0 none;
line-height: 2em;
text-align: left;
color:#333333;
}

h1 {
     color : #333333 ; 
     font-family: 'Raleway-Bold'!important;
     /* font-size: 3.875rem; */
     font-size: 3.875em;
	 letter-spacing : -0.3px ; 
     max-width : 600px ;
     margin: 0;
     margin-top: 10px;
     font-weight: 700!important;
     line-height: 1;
	 margin-bottom: 10px;
	 padding: 0;
     border: 0;
}

h2 { 
font-family: 'Raleway-Bold'!important;
color: #333333;
margin-top: 0 !important; 
font-weight: 700!important;
font-size: 21px;
line-height: 1.2;
vertical-align: baseline;
spacing: 0.7px;  
margin: 0 0 20px 0;  /* top, right, bottom, left */
text-transform : uppercase;
}

h3 { 
     color : #333333 ; 
     font : bold 18px 'Raleway-Bold'; 
     letter-spacing : 2px ;
     margin: 20px 0 0 0;
     text-transform : uppercase ; 
}

h4 { 
     font-family: 'Raleway-Bold';
     color: #333333; 
     font-size: 12px;
     font-weight: 100;
     text-transform : uppercase;
     line-height: 14px;
     letter-spacing : 1px;
     vertical-align: baseline;
     margin: 0 0 2px;
     padding: 0;
     border: 0 none;
     outline: 0 none;
} 

.leadContact {
   font-family: 'Raleway-Bold';
   font-size: 17px;
   line-height: 28px;
   padding-bottom: 10px;
   -webkit-font-smoothing: antialiased;
}

.lead
{
    color: #333333;
    font-family: 'Raleway-ExtraLightItalic'!important;
    font-size: 19px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    -webkit-font-smoothing: antialiased;
} 

.cost-basic
/* cost basic css edited wp rocket ON */
{
position: relative;
display:inline-block;
width:560px;  
min-height:1.5em;
background: #a2d7ab;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
font-family: 'Raleway-Regular';
font-size: 16px;
line-height: 22px;  
color: #fff;
padding: 15px 15px 15px 15px!important
} 

.cost-standard
{
   position: relative;
    display: inline-block;
    width: 560px;
    min-height: 1.5em;
    background: #456da2;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-family: raleway-regular;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    padding: 15px 15px 15px 15px!important
} 

.cost-advance
{
position: relative;
    display: inline-block;
    width: 560px;
    min-height: 1.5em;
    background: #af9b62;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-family: raleway-regular;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    padding: 15px 15px 15px 15px!important
} 

.cost-pro
{
position: relative;
display:inline-block;
width:560px;  
min-height:1.5em;
background: #212121;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
font-family: 'Raleway-Regular';
font-size: 16px;
line-height: 22px;  
color: rgb(255 255 255)!important;
padding: 15px 15px 15px 15px!important
} 

.testimonial
{
position: relative;
display:inline-block;
max-width:590px;
min-height:1.5em;
background: #0cb8f7; /* #af9b62;	*/
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
font-family: 'Raleway-Regular';
font-size: 18px;
line-height: 24px;  
color: rgb(255, 255, 255);
padding: 55px 45px 55px 70px!important
} 

.testimonial name {
font-family: 'Raleway-Bold'!important;
font-size: 18px!important;
line-height: 30px!important;  
color: #ffbd00;
}

.testimonial a:link {
    color: rgb(255, 189, 0);
    TEXT-DECORATION: none;
    font-weight: 600;
}

.testimonial a:visited {
    color: rgb(255, 189, 0);
    TEXT-DECORATION: none;
    font-weight: 600;
	transition: 150ms ease-in-out all;
}

.testimonial company {
  font-family: 'Raleway-Bold'!important;
  font-size: 16px!important;
  line-height: 20px!important;
  color: rgba(0, 0, 0, 0.61)!important;
}

/* added quote css */

.quote-box {
  position: relative;
  display: inline-block;
  max-width: 590px;
  min-height: 1.5em;
  background: #f2f2f2;
  border-radius: 20px;
  font-family: 'Raleway-Regular';
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #333;
  padding: 55px 45px 55px 70px !important;
  box-sizing: border-box;
}

.quote-box cite {
  display: block;
  font-family: 'Raleway-Bold' !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 20px !important;
  color: rgba(0, 0, 0, 0.61) !important;
  margin-top: 1em;
  text-align: left;
  font-style: normal;
}

.boldfont
{
 font-family: 'Raleway-Bold';
}

/* hit the floor */
.hit-the-floor {
color: #fff;
font-size: 12em;
font-weight: bold;
font-family: Helvetica;
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);
}

.hit-the-floor {
  text-align: center;
}
/* end hit the floor */

blockquote { 
     background : none repeat scroll 0 0 #eee ; 
     border-bottom : 1px solid #ddd ; 
     border-top : 1px solid #ddd ; 
     font : 1em/1.5em Arial ; 
     margin : 10px 0 ; 
     padding : 10px 10px 0 ;
} 

#head { 
     font-size : 0.7em ; 
     margin : 0 auto ;
     padding : 30px 0 0 ; /* changed for simple to bar */   
     width : 960px ;
} 

#page { 
     background : none repeat scroll 0 0 #fff;
     font-size : 0.7em ; 
     margin : 0 auto ; 
     padding : 10px ; /* padding of the white page area */
     width : 940px ; 
} 

.left, .alignleft { 
     float : left ; 
} 
.right, .alignright { 
     float : right ; 
}

/* Modified navbar (the menu) */
#navbar { 
     margin : 15px auto 0 ;
     padding : 0 10px ;
     text-transform : uppercase;
} 

#page-bar { 
     width : 722px ;
} 
#page-bar ul { 
     list-style : none outside none ; 
} 
#page-bar li { 
     cursor : pointer ; 
     display : block ; 
     float : left ; 
     list-style : none outside none ; 
     margin : 0 ; 
     padding : 0 ; 
} 
#page-bar li:hover { 
       background : #fff;

/* Transition Code Added for Fade In-Out */
	-webkit-transition:150ms ease-in-out all;
	-moz-transition:150ms ease-in-out all;
	-ms-transition:150ms ease-in-out all;
	-o-transition:150ms ease-in-out all;
	transition:150ms ease-in-out all;

} 
#page-bar a, #page-bar a:visited { 
 
     font-family: Raleway,Arial,sans-serif;
     color: #333;
     display : block ; 
     font-size : 13px ; 
     font-style : normal ; 
     font-weight : 700 ; 
     margin : 0 ; 
     padding : 6px 10px ;
     text-transform : uppercase ; 

/* custom DD code */
-webkit-font-smoothing: antialiased;
cursor: pointer;
font-stretch: normal;
font-variant: normal;
letter-spacing: normal;
list-style-position: outside;
position: relative;
text-align: left;

} 
#page-bar a:hover { 
     display : block ; 
     text-decoration : none ; 

/* Transition Code Added for Fade In-Out */
	-webkit-transition:150ms ease-in-out all;
	-moz-transition:150ms ease-in-out all;
	-ms-transition:150ms ease-in-out all;
	-o-transition:150ms ease-in-out all;
	transition:150ms ease-in-out all; 
} 
#searchform { 
     float : right ; 
     margin-right : 0 ; 
     padding-top : 2px ; 
     text-align : right ; 
     width : 194px ;
} 

#page-bar li li { 
     float : left ; 
     margin : 0 ; 
     padding : 0 ; 
     text-transform : none ; 
     width : 122px ; 
} 
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited { 
     background : none repeat scroll 0 0 #fff ;
     border-top : 1px dashed #dcdcdc ;
     border-left : 1px solid #dcdcdc ;
     border-right : 1px solid #dcdcdc ;
     border-bottom : 1px solid #dcdcdc ;
     float : none ; 
     margin : 0 ;
     padding : 5px 10px ;
     width : 132px ; /* width : 128px ; */

} 
#page-bar li li a:hover, #page-bar li li a:active { 
     background : none repeat scroll 0 0 #f3f3f3 ;
     padding : 5px 10px ;

/* Transition Code Added for Fade In-Out */
	-webkit-transition:150ms ease-in-out all;
	-moz-transition:150ms ease-in-out all;
	-ms-transition:150ms ease-in-out all;
	-o-transition:150ms ease-in-out all;
	transition:150ms ease-in-out all; 
} 
#page-bar li ul { 
     left : -999em ; 
     position : absolute ; 
     width : 10em ; 
     z-index : 1 ;
} 
#page-bar li:hover ul { 
     display : block ; 
     left : auto ; 

/* Transition Code Added for Fade In-Out */
	-webkit-transition:150ms ease-in-out all;
	-moz-transition:150ms ease-in-out all;
	-ms-transition:150ms ease-in-out all;
	-o-transition:150ms ease-in-out all;
	transition:150ms ease-in-out all; 
} 

#page-bar li:hover ul, #page-bar li.sfhover ul { 
     left : auto ; 

/* Transition Code Added for Fade In-Out */
	-webkit-transition:150ms ease-in-out all;
	-moz-transition:150ms ease-in-out all;
	-ms-transition:150ms ease-in-out all;
	-o-transition:150ms ease-in-out all;
	transition:150ms ease-in-out all; 
} 

/* Color of Tag Words on blog post list titles */
h3.cat_title, h3.cat_title a { 
     color : #333 ;
     font-size : 0.85em ; 
     letter-spacing : 0 ; 
     padding-top : 10px ; 
}

/* Test to create hover color and bg */
h3.cat_title a:hover {
color: #19B1F5;
/* Transition Code Added for Fade In-Out (removed) */
}
 
h3#respond { 
     margin-top : 0 ; 
     padding-top : 20px ; 
} 
h3#comments { 
     margin-top : 32px ; 
     padding-left : 0 ; 
} 
#logo { 
     width : 350px ; 
} 
#tagline { 
     color: #fff ; 
     font-size : 1em ; 
     margin-top : 5px ;
     width : 350px ;	 
} 
#top { 
     padding : 0 ; 
} 
#headline { 
     background : none repeat scroll 0 0 #fff ; 
     float : left ; 
     font-size : 1.2em ; 
     height : 410px ; 
     margin : 0 ; 
     padding : 10px ; 
     width : 590px ; 
} 
#headline div.title a:link { 
     color : #333333 ; 
     font-weight : normal ; 
     text-decoration : none ; 
} 
#headline div.title a:visited { 
     color : #333333 ; 
     font-weight : normal ; 
     text-decoration : none ; 
} 
#headline div.title a:hover { 
     color : #19b1f5 ; 
     text-decoration : none ; 
/* Transition Code Added for Fade In-Out */
	-webkit-transition:150ms ease-in-out all;
	-moz-transition:150ms ease-in-out all;
	-ms-transition:150ms ease-in-out all;
	-o-transition:150ms ease-in-out all;
	transition:150ms ease-in-out all; 
} 
#headline div.title a:active { 
     color : #19b1f5 ; 
     text-decoration : none ; 
} 

/* Blog Post Headline Title ? */
#headline div.title {
  /* new updated */
   padding-top: 5px;
    font: 900 38px/1 'Raleway-Regular';
    letter-spacing: -.3px;
    /* color: #333; */
    max-width: 600px;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    line-height: 40px;
    color: #111;
    border: 0 none;
    vertical-align: baseline;
} 

#headline div.meta { 
     display : block ; 
     margin-top: 0 ; 
     padding: 0 0 2px 0;
} 
#headline p { 
     padding-bottom : 15px ; 
} 
#featured { 
     background : none repeat scroll 0 0 #fff ; 
     color : #333333 ; 
     float : right ; 
     height : 410px ; 
     padding : 10px 10px 9px ; 
     width : 300px ; 
} 
#featured .clearfloat { 
    margin: 7px 0 8px 0;
} 
#featured .info { 
     float : right ; 
     font-size : 12px ; 
     margin-top : 0 ; 
     padding-top : 0 ; 
     width : 180px ; 
} 
#featured a:link { 
     color : #333333 ; 
     font-weight : normal ; 
     text-decoration : none ; 
} 
#featured a:visited { 
     color : #333333 ; 
     font-weight : normal ; 
     text-decoration : none ; 
} 
#featured a:hover { 
     color : #19b1f5 ; 
     font-weight : normal ; 
     text-decoration : none ; 

/* Transition Code Added for Fade In-Out */
	-webkit-transition:150ms ease-in-out all;
	-moz-transition:150ms ease-in-out all;
	-ms-transition:150ms ease-in-out all;
	-o-transition:150ms ease-in-out all;
	transition:150ms ease-in-out all; 
} 
#featured a:active { 
     color : #19b1f5 ; 
     font-weight : normal ; 
     text-decoration : none ; 
} 
#featured .title { 
     font-family : 'Raleway-Bold' ;
     font-size : 16px ; 
} 
#headline a img, #featured a img { 
     border : 0 solid #ccc ; 
     margin: 2px 10px 0 0;
     padding : 2px ; 
} 
#middle { 
     background : none repeat scroll 0 0 #fff ; 
     float : right ; 
     margin : 10px 0 ; 
     padding : 10px ; 
     width : 920px ; 
} 
.category { 
     font : 14px 'Raleway-Bold',sans-serif ;
     background : none repeat scroll 0 0 #fff ; 
     border-top : 8px solid #333 ; 
     float : left ; 
     margin : 0 ; 
     padding : 5px 10px 10px ; 
     width : 164px ; 
} 
#cat-1 { 
     border-top : 8px solid #2b9435 ; 
} 
#cat-2 { 
     border-top : 8px solid #e6ab07 ; 
} 
#cat-3 { 
     border-top : 8px solid #b7462c ; 
} 
#cat-4 { 
     border-top : 8px solid #a5cc3a ; 
} 
#cat-5 { 
     border-top : 8px solid #326abd ; 
} 
.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {
     font-size : 13px ;
     letter-spacing : 1.5px ; 
     margin : 0 ; 
} 
#front-popular h3 {
     color : #ccc ;
     /* Dotted bottom border added */
     border-bottom :1px dotted #777;
     padding: 10px 0 20px 0;
}
 
#front-popular h6 { 
     color : red ; 
} 
.category a { 
     background : none repeat scroll 0 0 rgba(0, 0, 0, 0) ; 
     color : #333 ; 
     display : block ; 
} 
.category a:hover { 
     background : none repeat scroll 0 0 rgba(0, 0, 0, 0) ; 
     color : #fff ; 
     text-decoration : none ; 
} 
#cat-1:hover { 
     background : none repeat scroll 0 0 #2b9435 ; 
     color : #fff ; 

} 
#cat-1:hover a { 
     background : none repeat scroll 0 0 #2b9435 ; 
     color : #fff ; 

} 
#cat-2:hover { 
     background : none repeat scroll 0 0 #e6ab07 ; 
     color : #fff ; 
} 
#cat-2:hover a { 
     background : none repeat scroll 0 0 #e6ab07 ; 
     color : #fff ; 
} 
#cat-3:hover { 
     background : none repeat scroll 0 0 #b7462c ; 
     color : #fff ; 
} 
#cat-3:hover a { 
     background : none repeat scroll 0 0 #b7462c ; 
     color : #fff ; 
} 
#cat-4:hover { 
     background : none repeat scroll 0 0 #a5cc3a ; 
     color : #fff ; 

} 
#cat-4:hover a { 
     background : none repeat scroll 0 0 #a5cc3a ; 
     color : #fff ; 
} 
#cat-5:hover { 
     background : none repeat scroll 0 0 #326abd ; 
     color : #fff ; 
} 
#cat-5:hover a { 
     background : none repeat scroll 0 0 #326abd ; 
     color : #fff ; 
} 
#bottom { 
     width : 940px ; 
}

/* Read More .... */
#front-list { 
     background : none repeat scroll 0 0 #fff ; 
     border-top : 1px solid #ececec ; 
     float : left ; 
     font-size : 1.05em ; 
     line-height : 1.75em ; 
     margin : 0 0 10px ; 
     padding : 2% ; 
     width : 59.9% ; 
} 
#archive { 
     font-size : 1.05em ; 
     line-height : 1.75em ; 
     padding-top : 15px ; 
} 

/* Post List Title ? */
#front-list .title a:link { 
     color : #333333 ; 
     font-weight : normal ; 
     text-decoration : none ; 
} 
#front-list .title a:visited { 
     color : #333333 ; 
     font-weight : normal ; 
     text-decoration : none ; 
} 
#front-list .title a:hover { 
     color : #19b1f5 ; 
     font-weight : normal ; 
     text-decoration : none ; 

/* Transition Code Added for Fade In-Out */
	-webkit-transition:150ms ease-in-out all;
	-moz-transition:150ms ease-in-out all;
	-ms-transition:150ms ease-in-out all;
	-o-transition:150ms ease-in-out all;
	transition:150ms ease-in-out all; 
} 
#front-list .title a:active { 
     color : #19b1f5 ; 
     font-weight : normal ; 
     text-decoration : none ; 
}
/* Titles over list of blog posts */ 
#front-list .title, #archive .title {
    font-family: "Raleway-Regular",Arial,sans-serif; 
    font-size: 36px;
    line-height: 40px;
	font-weight: 300;
    margin: 5px 0 10px;
    padding: 0px;
    transition: all 0.3s ease 0s;
    color: #111;
    border: 0px none;
    vertical-align: baseline;
} 
#front-list .clearfloat, #archive .clearfloat { 
     background : url('images/590rule.gif') no-repeat scroll 0 0 rgba(0, 0, 0, 0) ; 
     padding-bottom : 10px ; 
} 
#front-list .spoiler, #archive .spoiler { 
     display : block ; 
     margin-top : 3px ; 
} 
#front-list p, #archive p { 
     margin : 0 ; 
     padding : 0 ; 
} 
.meta { 
     color : #333 ; 
     font-size : 0.8em ; 
} 
.meta a { 
     color : #333 ; 
} 
#headline p, #featured p { 
     margin : 0 ; 
} 
#content { 
     background : none repeat scroll 0 0 #fff ; 
     float : left ; 
     font-size : 1.05em ; 
     line-height : 1.75em ; 
     min-height : 400px ; 
     padding : 10px ; 
     width : 590px ; 
}

/* this breadcrumbs is the default for (search) results?  */
#content .breadcrumbs, #content .breadcrumbs a { 
	
	 color : #333333 ; 
     font-family: 'Raleway-Bold',Arial,sans-serif;
	 letter-spacing : -0.3px ; 
     font-size: 14px ;	
} 

/* AS: Replace the default (search) breadcrumbs with same style as pages */
#content .breadcrumbs, #content .breadcrumbs a {
font-family: 'Raleway-Bold',Arial,sans-serif;
color: #999999;
font-weight: 600;
font-size: 13px;
letter-spacing: 0;
cursor: auto;
text-decoration: none;
text-transform: uppercase;
}

 #content h2.title { 
     color : #333333 ; 
     font : 200 38px/1 'Raleway-ExtraLight' ; 
     letter-spacing : -0.3px ; 
     max-width : 600px ;
     margin: 0;
     padding: 0;
     font-size: 45px;
     line-height: 48px;
     margin-bottom: 10px;
} 

.post { 
     font-size : 1.05em ; 
     line-height : 1.75em ; 
} 
.post p { 
     margin-top : 0 ; 
} 
.post .clearfloat { 
     border-bottom : 1px dotted #ccc ; 
     margin : 10px 0 ; 
} 
.post ul, .post ol, #front-list ul, #front-list ol { 
/* Defines the post ul & ol */
font-family: 'Raleway-Bold'; /* bold*/
font-weight: 200;
font-size: 14px;
color: #333;
padding: 0;
border: 0 none;
margin: 15px 0 15px 0;
letter-spacing: 1px;
line-height: 1.5em;
outline: 0 none;
text-align: left;
} 
.post ul li, #front-list ul li { 
     list-style : square outside none ; 
     margin-left : 30px ; 
} 
.post ol li, #front-list ol li { 
     list-style : decimal outside none ; 
     margin-left : 30px ; 
} 
.post ol li ul li, #front-list ol li ul li { 
     list-style : square outside none ; 
     margin-left : 20px ; 
} 
/* Added 5px margin for blog post list left */
.post img, .post a img, #front-list img, #archive img { 
     border : 0 solid #ccc ; 
     margin : 8px 8px 8px 0px ; /* top, right, bottom, left. 0,2,5,0 */
	 /* margin : 8px 5px 8px 0px ; */
     /* padding : 2px ; */
 	padding : 0px !important; /* changed 03.12.2023 */  
} 
.post .ads { 
     margin-top : 10px ; 
}
/* End of post related */

.entry { 
     margin-top : 20px ; 
} 
#stats { 
     display : block ; 
     font : 0.8em Arial ; 
     margin-top : 0 ; 
     padding : 4px 0 ; 
     text-transform : uppercase ; 
} 
#stats span { 
     padding : 0 20px 0 0 ; 
} 
#stats span a:hover { 
     background : none repeat scroll 0 0 rgba(0, 0, 0, 0) ; 

/* Transition Code Added for Fade In-Out */
	-webkit-transition:150ms ease-in-out all;
	-moz-transition:150ms ease-in-out all;
	-ms-transition:150ms ease-in-out all;
	-o-transition:150ms ease-in-out all;
	transition:150ms ease-in-out all; 
} 
#stats img, #nav img { 
     border : 0 none ; 
     margin : 0 ; 
     padding : 0 ; 
} 
#tools { 
     font-size : 0.95em ; 
     height : 25px ; 
     width : 590px ; 
} 
#tools a:hover { 
     background : none repeat scroll 0 0 rgba(0, 0, 0, 0) ; 

/* Transition Code Added for Fade In-Out */
	-webkit-transition:150ms ease-in-out all;
	-moz-transition:150ms ease-in-out all;
	-ms-transition:150ms ease-in-out all;
	-o-transition:150ms ease-in-out all;
	transition:150ms ease-in-out all; 
} 
.navigation { 
     padding : 5px 0 ; 
     text-align : center ; 
} 
#sidebar { 
     float : right ; 
     margin : 0 ; 
     width : 320px ;
} 

#sidebar h3 { 
    color: #000;
    font-size: 1.3em;
    margin: 2px 0px -14px;
    padding: 5px;
    line-height: 18px;
    letter-spacing: 1px;
    text-align: left;
} 

#sidebar-middle { 
     float : right ; 
     width : 320px ;
} 

#sidebar-left { 
     background : none repeat scroll 0 0 #fff ; 
     float : left ; 
     padding : 0 10px 10px ; 
     width : 135px ;
} 

#sidebar-right { 
     background : none repeat scroll 0 0 #fff ; 
     float : right ; 
     padding : 0 10px 10px ; 
     width : 135px ;
} 

#sidebar li ul li:last-child { 
     background : url("images/sub.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) ; 
     border-bottom : 0 dotted #ccc ; 
     color : #000 ; 
     display : block ; 
     list-style : none outside none ; 
     padding : 2px 0 0 13px ; 
} 

#sidebar-ads { 
    background : #ffffff;
} 
#s { 
     font-size : 1em ; 
     padding : 1px ; 
     width : 150px ; 
} 
#searchsubmit { 
     padding-left : 5px ; 
} 
.commentlist cite { 
     display : block ; 
     font-style : normal ; 
     margin-bottom : 4px ; 
} 
.commentlist li { 
     list-style : none outside none ; 
     margin-bottom : 3px ; 
     padding : 10px 0 ; 
} 
.commenttext { 
     background : none repeat scroll 0 0 #f2f2f2 ; 
     border-bottom : 1px solid #ddd ; 
     border-top : 1px solid #ddd ; 
     float : right ; 
     padding : 10px 10px 0 ; 
     width : 495px ; 
} 
.commentlist cite strong { 
     font-size : 1.1em ; 
} 
li.my_comment { 
     background : none repeat scroll 0 0 #fff ; 
     border : medium none ; 
} 
li.my_comment cite strong { 
     color : #313228 ; 
     font-size : 1.3em ; 
} 
.commentmetadata { 
     color : #4d4d4d ; 
     display : block ; 
     font-size : 0.9em ; 
     margin-top : 3px ; 
     text-align : right ; 
} 
.commentmetadata a, .commentmetadata a:visited { 
     color : #959382 ; 
} 
.commentlist small { 
     background : none repeat scroll 0 0 #e9e9e9 ; 
} 
.avatar { 
     border : 1px solid #bbb ; 
     float : left ; 
     height : 55px ; 
     margin : 0 10px 0 0 ; 
     padding : 2px ; 
     width : 55px ; 
} 
#front-popular { 
     background : none repeat scroll center bottom #2c2c2c ;
     color : #777 ;
     font-size : 0.7em ; 
     margin : 0 auto ; 
     padding : 10px ; 
     width : 940px ;
} 
#front-popular a:link { 
     color : #777 ; 
     text-decoration : none ; 
} 
#front-popular a:visited { 
     color : #777 ; 
     text-decoration : none ; 
} 
#front-popular a:hover { 
     color : #ecb32c ; 
     text-decoration : none ; 

/* Transition Code Added for Fade In-Out */
	-webkit-transition:150ms ease-in-out all;
	-moz-transition:150ms ease-in-out all;
	-ms-transition:150ms ease-in-out all;
	-o-transition:150ms ease-in-out all;
	transition:150ms ease-in-out all; 
} 
#front-popular a:active { 
     color : #777 ; 
     text-decoration : none ; 
} 
#recentpost, #mostcommented { 
/* Remove border at bottom on footer left and footer center */
     float : left ; 
     padding : 10px ; 
     width : 280px ; 
} 

#mostcommented { 
     margin-left : 17px ; 
} 
#recent_comments { 
 /* remove border on recent comments */
     float : right ; 
     padding : 10px ; 
     width : 280px ; 
} 
#recent_comments a:hover { 
     color : #ecb32c ; 
     text-decoration : none ; 

/* Transition Code Added for Fade In-Out */
	-webkit-transition:150ms ease-in-out all;
	-moz-transition:150ms ease-in-out all;
	-ms-transition:150ms ease-in-out all;
	-o-transition:150ms ease-in-out all;
	transition:150ms ease-in-out all; 
} 
#recentpost a, #mostcommented a, #recent_comments a { 
     color : #777 ; 
} 
#recentpost ul, #mostcommented ul, #recent_comments ul { 
     margin-top : 5px ; 
} 
#recentpost ul li, #mostcommented ul li, #recent_comments ul li { 
     border-top : 1px dotted #fff ; 
     display : block ; 
     list-style : none outside none ; 
     padding : 5px ; 
} 
#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover { 
     background : none repeat scroll 0 0 #2c2c2c ; 
     color : #777 ; 

/* Transition Code Added for Fade In-Out */
	-webkit-transition:150ms ease-in-out all;
	-moz-transition:150ms ease-in-out all;
	-ms-transition:150ms ease-in-out all;
	-o-transition:150ms ease-in-out all;
	transition:150ms ease-in-out all; 
} 
#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child { 
     border-top : 0 dotted #fff ; 
} 
#footer { 
     font-size : 0.6em ; 
     margin : 0 auto ;
     padding: 10px 0 10px 0;
     width : 960px ;
     color: #fff;
} 

.clearfloat:after { 
     clear : both ; 
     content : "." ; 
     display : block ; 
     height : 0 ; 
     visibility : hidden ; 
} 
.clearfloat { 
     display : inline-block ; 
} 
.clearfloat { 
     display : block ; 
}

/* ADDED CSS CODE ITEMS PUT LAST! */

/* make red text */
.red-text {
color: red;
}

/* test to modify the email sign up box - only some of the css kept */
#mc_embed_signup input.email {
    padding: 5px 0;
    margin: 0 4% 5px 0;
    text-indent: 5px;
}
#mc_embed_signup input {
    border: 1px solid #999;
}
textarea, input[type=text], input[type=email], input[type=url], input[type=password] {
    font-family: 'Raleway-Bold';
    letter-spacing: 1px;
    font-size: 13px;
    line-height: 1em;
}
/* end email sign up box test */

/* Styling the contact menu button */
li.page_item.page-item-6029 a {
color: #FFFF !important;
background: #F6AF3B !important; /* GOLD */
}

/* sets the contact items background color on hover */
li.page_item.page-item-6029 a:hover{
background: #000 !important;
}

.orangeleadbutton
{
    background:url('images/buttons/menu-label-orange.png') no-repeat;
    cursor:pointer;
    width: 140px;
    height: 50px;
    color: #ffffff;
    font-family: 'Raleway-Italic';
    font-size: 19px;
    letter-spacing: 20;
    margin: 0;
    padding: 0;
    text-align : center;
    line-height: 50px; /* where the magic happens */ 
}

/* equal height columns */
.columns-or-whatever {
  overflow: hidden;
}

.column {
  float: left;
  width: 50%;
  padding: 0px;
}
/* end equal height columns */

/* New class defined for footer widget text */
.footerwidget a {
font-family: 'Raleway-Regular';
font-size: 16px;
font-weight: 400;
text-decoration: none;
color: #777;
margin: 0;
margin-bottom: 20px;
padding: 0;
border: 0 none;
letter-spacing: 1px;
line-height: 1.5em;
vertical-align: baseline;
}

.specialeffects:hover { color:#222; }

a:link,a:visited {
color:#19b1f5;
text-decoration:none;

/* Transition Code Added for Fade In-Out */
	-webkit-transition:150ms ease-in-out all;
	-moz-transition:150ms ease-in-out all;
	-ms-transition:150ms ease-in-out all;
	-o-transition:150ms ease-in-out all;
	transition:150ms ease-in-out all; 
}

/* Blue text color on blog text links: weight 600 needed */
a:link { color:#19b1f5; TEXT-DECORATION: none; font-weight: 600; }
a:visited { color:#19b1f5; TEXT-DECORATION: none; font-weight: 600; }
a:hover { color:#0183bc; TEXT-DECORATION: none; font-weight: 600; } 
a:active { color:#19b1f5; TEXT-DECORATION: none; font-weight: 600; }

a.specialLink:link { color:#ffcc00; text-decoration: none; }
a.specialLink:visited { color:#ffcc00; text-decoration: none; }
a.specialLink:hover { color:#ffcc00; text-decoration: none; }
a.specialLink:active { color:#ffcc00; text-decoration: none; }

a img { border: none; }

/* New added class for image alignment replacing old <center> */
.pic {
text-align: center;
margin: 0 auto;
/* fix for testimonial boxes paddings */  
padding: 5px 0 20px 0;
}

.CallButton {
font-family: 'Raleway-Regular';
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 2px;
font-weight: 700;
font-size: 1.125rem;
background: #0cb8f7;
color: #fff !important;
display: inline-block;
padding: 15px 20px;
min-width: 192px;
text-align: center;
text-decoration: none !important;
cursor: pointer;
}

/* NEW GOLD BUTTON CODE - fiddle */

.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 15px 100px;
    border: 0 solid #104357;
    border-radius: 9px;
    background: #ffa723;
    background: -webkit-gradient(linear,left top,left bottom,from(#af9b62),to(#af9b62));
    background: -moz-linear-gradient(top,#af9b62,#af9b62);
    background: linear-gradient(to bottom,#af9b62,#af9b62);
    -webkit-box-shadow: #a3803b 0 4px 0 0;
    -moz-box-shadow: #b79043 0 4px 0 0;
    box-shadow: #998242 0 4px 0 0;
    font: 100% 'Raleway-Bold',Arial,sans-serif;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff !important;
}
 
 .button:hover {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 15px 100px;
    border: 0px solid #ac6615;
    border-radius: 9px;
    background: #af9b62;
    background: -webkit-gradient(linear, left top, left bottom, from(#af9b62), to(#af9b62));
    background: -moz-linear-gradient(top, #af9b62, #af9b62);
    background: linear-gradient(to bottom, #af9b62, #af9b62);
    -webkit-box-shadow: #db811a 0px 2px 0px 0px;
    -moz-box-shadow: #a3803b 0px 2px 0px 0px;
    box-shadow: #a3803b 0px 2px 0px 0px;
	font: 100% 'Raleway-Bold',Arial,sans-serif;
	/* FIX GOLD BUTTON HOVER 25092020 */
    /* font: normal normal bold 17px "Raleway-Bold" ms; */
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff !important;
}

.button:active {
    background: #ac6615;
    background: -webkit-gradient(linear, left top, left bottom, from(#b79043), to(#b79043));
    background: -moz-linear-gradient(top, #b79043, #b79043);
    background: linear-gradient(to bottom, #b79043, #b79043);
    text-transform: uppercase
}
.button:focus {
    text-transform: uppercase
}

/* New Black button with shadow 2025 */

.button-new,
.button-new:link,
.button-new:visited,
.button-new:hover,
.button-new:focus,
.button-new:active {
  background-color: #000;
  color: #fff;
  padding: 1em 2em;
  border-radius: 24px;
  font-size: 1.1em;
  text-decoration: none;
  display: inline-block;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.button-new:hover,
.button-new:focus {
  transform: translate(4px, -4px);
  box-shadow: 0 8px 15px rgba(0,0,0,0.2);
  outline: none;
}

/* end new button */

/* new button-new for input elements like submit button (not just links) */

button.button-new,
input.button-new[type="submit"] {
  background-color: #000;
  color: #fff;
  padding: 1em 2em;
  border-radius: 24px;
  font-size: 1.1em;
  text-decoration: none;
  display: inline-block;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border: none;
  cursor: pointer;
  font-family: inherit; /* inherit your site's font */
}

button.button-new:hover,
input.button-new[type="submit"]:hover,
button.button-new:focus,
input.button-new[type="submit"]:focus {
  transform: translate(4px, -4px);
  box-shadow: 0 8px 15px rgba(0,0,0,0.2);
  outline: none;
}

/* new button-new for input elements like submit button (not just links) */

/* 3rd test block of CSS higher specificity important flags to test for new button */

form.wpforms-form button.button-new,
form.wpforms-form input.button-new[type="submit"] {
  background-color: #000 !important;
  color: #fff !important;
  padding: 1em 2em !important;
  border-radius: 24px !important;
  font-size: 1.1em !important;
  text-decoration: none !important;
  display: inline-block !important;
  border: none !important;
  cursor: pointer !important;
  font-family: inherit !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

form.wpforms-form button.button-new:hover,
form.wpforms-form input.button-new[type="submit"]:hover,
form.wpforms-form button.button-new:focus,
form.wpforms-form input.button-new[type="submit"]:focus {
  transform: translate(4px, -4px) !important;
  box-shadow: 0 8px 15px rgba(0,0,0,0.2) !important;
  outline: none !important;
}

/* END TEST 3rd snippet */

/* Added code for new spacing classes for home page (ChatGPT) */
.hero {
  padding-bottom: 2em !important; /* was 1.5em */
  margin-top: 1.5em !important; /* added to control space above hero */
  margin-bottom: 0 !important;
  text-align: center;
}

.hero > *:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Reduce space after the paragraph above the grid accordion */
p:last-of-type {
  margin-bottom: 0.5em;
}

/* optimised version of your `.benefits` CSS for both desktop and mobile, ensuring the SVG icons, headings, and paragraphs are perfectly centred on small screens while keeping the three-column layout on desktop */

.benefits {
display: flex;
justify-content: space-between;
gap: 2em;
margin-top: 3em !important;
margin-bottom: 3em;
flex-wrap: nowrap; /* keep 3 columns on desktop */
}

.benefits article {
flex: 1;
padding: 1em !important;
border: 1px solid #ddd !important;
border-radius: 6px !important;
text-align: center !important;
word-break: normal !important;
max-width: 100% !important;
display: flex;
flex-direction: column;
align-items: center; /* ensures SVGs and content are centred */
}

.benefits article img {
margin-bottom: 1em;
width: 64px;
height: auto;
}

.benefits article h3 {
font-size: 1.25em !important;  /* desktop column size stays */
line-height: 1.4 !important;
margin-bottom: 0.4em !important;
}

.benefits article p {
font-size: 1em !important;
line-height: 1.5 !important;
margin: 0.5em auto 0 auto !important;
max-width: 28ch;
text-align: center !important;
}

/* Mobile: stack articles and ensure icons are centred */
@media screen and (max-width: 768px) {
.benefits {
flex-wrap: wrap;
}

.benefits article {
flex: 1 1 100% !important;
max-width: 100% !important;
text-align: center !important;
}

.benefits article img {
margin-left: auto !important;
margin-right: auto !important;
display: block; /* forces centering on mobile */
}
}

/* end of benefits class */

section[style*="margin-bottom: 4em;"]:nth-of-type(3) p:last-of-type {
  margin-bottom: 0.5em;
}

section[style*="margin-bottom: 4em;"]:nth-of-type(4) {
  margin-top: 1em;
  margin-bottom: 2em;
}

.testimonials {
  margin-top: 1em;
}

/* End - Added code for new spacing classes for home page (ChatGPT) */


/* class for use for * at contact form */
.form_required {
color: red;
font-family: Georgia, serif;
font-size: 1.5em;
}

/* Breadcrumbs Yoast */
#breadcrumbs {
font-family: 'Raleway-Bold', Arial, sans-serif;

/* ADDED NEW BREADCRUMBS STYLING */
font-size: 13px;
letter-spacing: 0;
color: #19b1f5;
TEXT-DECORATION: none;
font-weight: 600;
cursor: auto;
text-transform: uppercase;
margin-bottom: 0px;
margin-top: -10px;

}
#breadcrumbs a:link,
#breadcrumbs a:visited {
text-decoration: none;
color:#999999;
}
#breadcrumbs a:active,
#breadcrumbs a:hover {
text-decoration: underline;
color:#999999;

/* Transition Code Added for Fade In-Out */
	-webkit-transition:150ms ease-in-out all;
	-moz-transition:150ms ease-in-out all;
	-ms-transition:150ms ease-in-out all;
	-o-transition:150ms ease-in-out all;
	transition:150ms ease-in-out all; 
}
#breadcrumb-spacer {
}

/* search box fix */
#s {
font-size: 12px !important;
}