div.ruby-menu-demo-header {position: relative;left: 0;top: 0;width: 100%;height: auto;padding: 0;margin: 0;z-index: 999}
div.ruby-wrapper,div.ruby-wrapper.ruby-vertical {background: #f9f9f9;color: #222}
ul.ruby-menu > li > a {color: #222}
ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
border-top: 4px solid #222}
ul.ruby-menu > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
background: #fff;color: #666}
ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {
background: #fff;border-top: 4px solid #222}
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {background: #efefef}
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a {background: #efefef;color: #666
}
/* ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a {
background: #e6e6e6
} */
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
/* background: #fff */
}
span.ruby-c-title,span.ruby-c-title a {
color: #fff;
}
span.ruby-c-title a:hover,span.ruby-c-category,span.ruby-c-category a,span.ruby-c-date,span.ruby-c-date a {
color: #fff;
}
@media(min-width: 768px) {
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a:after,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a:after {
border-color: transparent #fff transparent transparent
}
}
@media(max-width: 767px) {
	.ruby-menu-demo-header{display: none !important;}
} 
/* transision */
span.ruby-dropdown-toggle {
transition: transform .3s ease
}
span.ruby-dropdown-toggle:after {
transition: transform .3s ease
}
@media(min-width: 767px) {
ul.ruby-menu > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:after {
transition: all .3s ease
}
ul.ruby-menu > li > ul,ul.ruby-menu > li > div {
transform: translateY(25px);
transition: all .3s ease
}
ul.ruby-menu > li:hover > ul,ul.ruby-menu > li:hover > div {
transform: translateY(0)
}
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
transform: translateY(-50px);
transition: all .5s ease
}
ul.ruby-menu > li.ruby-menu-mega-blog:hover > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > div,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > div {
transform: translateY(0)
}
}
/* main */
*,:before,:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
div.ruby-wrapper {
position: relative;
width: 100%;
/* height: 50px; */
margin: 0 auto;
background: transparent;
}
div.ruby-wrapper ul {
padding: 0;
list-style: none
}
div.ruby-wrapper > ul {
position: relative;
display: inline-block;
background: #ffffff;
float: right;
}
ul.ruby-menu > li {
float: left;
font-size: 14px
}
ul.ruby-menu > li.ruby-menu-right {
float: right
}
ul.ruby-menu > li > a {
display: block;
line-height: 42px;
padding: 0 15px 0 15px;
color: #000;
text-decoration: none;
font-family: "Open Sans",sans-serif;
font-weight: 700;
text-transform: uppercase;
text-align: center;
font-size: 17px;
border-top: 3px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
ul.ruby-menu > li > a:only-child {
padding: 0 15px
}
ul.ruby-menu > li > a:hover,ul.ruby-menu > li:hover > a,ul.ruby-menu > li.ruby-active-menu-item > a:hover,ul.ruby-menu > li.ruby-active-menu-item:hover > a {
/* background: #058f06 */
border-top: 3px solid #058f06; border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
ul.ruby-menu > li > a:only-child:after,ul.ruby-menu > li:hover > a:only-child:after {
content: ""
}
ul.ruby-menu > li.ruby-active-menu-item > a {
background: #17a47d
}
ul.ruby-menu > li > a .fa {
position: relative;
width: 24px
}
ul.ruby-menu > li > a > img {
max-width: 16px;
display: block
}
ul.ruby-menu > li.ruby-menu-social > a {
padding: 0;
width: 30px;
padding: 0 8px;
font-size: 16px
}
ul.ruby-menu > li.ruby-menu-social > a > span {
display: none
}
ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a {
transition: all .5s ease;
max-height: 50px;
width: 30px;
transition: all .5s ease;
transition-delay: .3s
}
ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a:hover,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a:hover {
width: 120px
}
ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a:hover > span input,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a:hover > span input {
transform: scaleY(1);
max-width: 80px
}
ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a span,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a span {
display: inline
}
ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a > span input,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a > span input {
position: absolute;
width: 80px;
height: 50px;
line-height: 50px;
margin: 0;
background: none;
color: #efefef;
border: none;
font-family: "Open Sans",sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
max-width: 0;
transform: scaleY(0);
transition: all .5s ease;
transition-delay: .3s
}
ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a > span input:focus {
outline: none;
color: #efefef
}
ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a > span input::-webkit-input-placeholder {
color: #efefef
}
ul.ruby-menu.ruby-menu-dividers > li > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a {
border-left: 1px solid #111;
border-right: 1px solid #666
}
ul.ruby-menu.ruby-menu-dividers > li:first-child > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social:last-child > a {
border-left: none
}
ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a {
border: none;
border-top: 1px solid #111;
border-bottom: 1px solid #666
}
ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:first-child > a {
border-top: none
}
ul.ruby-menu.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-menu-dividers > li:hover > a {
border-right: 1px solid #058f06
}
ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:hover > a {
border-bottom: 1px solid #058f06
}
ul.ruby-menu.ruby-menu-dividers > li.ruby-active-menu-item > a {
border-right: 1px solid #17a47d
}
ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item > a {
border-bottom: 1px solid #17a47d
}
ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
position: absolute;
-webkit-box-shadow: 0 8px 24px -5px #ccc;
-moz-box-shadow: 0 8px 24px -5px #ccc;
box-shadow: 0 8px 24px -5px #ccc;
border-top: 3px solid #058f06
}
ul.ruby-menu > li > ul > li,ul.ruby-menu > li > ul > li > ul > li {
position: relative
}
ul.ruby-menu > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a {display: block;width: 210px;line-height: 40px;padding: 4px 5px 4px 5px;background: #fff;color: #000;
text-decoration: none;font-size: 15px;border-bottom: 1px solid #ccc !important;}
ul.ruby-menu > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
background: #efefef;
color: #058f06;
}
ul.ruby-menu > li > ul > li > a:only-child:after,ul.ruby-menu > li > ul > li > ul > li > a:only-child:after,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:only-child:after {
content: ""
}
ul.ruby-menu > li > ul > li > a .fa,ul.ruby-menu > li > ul > li > ul > li > a .fa,ul.ruby-menu > li > ul > li > ul > li > ul > li > a .fa {
position: relative;
width: 24px
}
ul.ruby-menu > li.ruby-menu-right > ul {
right: 0
}
ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
left: 170px;
top: -4px;
z-index: 100
}
ul.ruby-menu > li > ul > li.ruby-open-to-left > ul,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > ul {
left: auto;
right: 170px
}
ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {
position: absolute;
width: 1025px;
height: auto;
/* top: 50px; */
left: -200px;
background: #fff;
border: 2px solid #058f06;
overflow: hidden;
}
.header-top.fixed ul.ruby-menu > li.ruby-menu-mega-blog > div{left: -5px !important;}

/* .bg-img-header{background-image: url(https://wpmegamenu.com/wp-content/uploads/2014/06/wonderboy.png)!important;background-repeat: no-repeat!important;
 background-position: bottom right!important;background-size: auto!important;} */
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {
position: relative;
width: 275px;
/* height: 100%; */
height: 435px !important;
left: 0;
top: 0;
background: #efefef
}
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li {
font-size: 14px
}
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a {
display: block;
line-height: 40px;
padding: 0 15px;
/* background: #efefef; */
color: #666;
text-decoration: none
}
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a {
background: #e6e6e6;
}
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
position: absolute;
width: 1000px;
height: auto;
min-height: 100%;
left: 250px;
top: 0;
/* background: #fff; */
}

ul.ruby-menu > li.ruby-menu-mega-shop > div {
text-align: center;
z-index: 999999
}
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul {
width: 100%;
background: #efefef;
margin: 0 auto;
padding: 0;
border-bottom: 1px solid #ddd;
font-size: 0;
z-index: 100
}
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li {
display: inline-block;
margin: 0
}
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
display: block;
padding: 20px 15px;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
font-stretch: expanded;
color: #666
}
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
text-decoration: none
}
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
position: relative;
text-decoration: none;
display: inline-block
}
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
position: absolute;
width: 100%;
left: 0;
top: auto;
margin-top: 1px;
text-align: left;
background: #fff;
z-index: -1
}
div.ruby-grid,div.ruby-grid-lined {
position: relative;
width: 100%;
padding: 0;
margin: 0
}
div.ruby-grid > div.ruby-row {
position: relative;
width: 83%;
height: auto
}
div.ruby-grid > div.ruby-row div.ruby-row [class^="ruby-col"] {
margin-top: 16px
}
div.ruby-grid > div.ruby-row div.ruby-row:first-of-type [class^="ruby-col"] {
margin-top: 0
}
div.ruby-grid.ruby-grid-lined > div.ruby-row:after {
content: "";
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: -webkit-linear-gradient(left,rgba(204,204,204,0) 0%,rgba(204,204,204,0.48) 24%,rgba(204,204,204,1) 50%,rgba(204,204,204,0.42) 79%,rgba(204,204,204,0) 100%)
}
div.ruby-grid.ruby-grid-lined > div.ruby-row:last-child:after {
height: 0
}
div.ruby-grid > div.ruby-row::after {
content: "";
display: table;
clear: both
}
div.ruby-grid > div.ruby-row [class^="ruby-col"] {
position: relative;
float: left;
height: auto
}
div.ruby-grid > div.ruby-row > [class^="ruby-col"] {
padding: 16px
}
div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"] {
padding-left: 16px
}
div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"]:first-of-type {
padding-left: 0
}
div.ruby-grid > div.ruby-row div.ruby-col-1 {
width: 8.33%
}
div.ruby-grid > div.ruby-row div.ruby-col-2 {
width: 16.66%
}
div.ruby-grid > div.ruby-row div.ruby-col-3 {
width: 25%
}
div.ruby-grid > div.ruby-row div.ruby-col-4 {
width: 33.33%
}
div.ruby-grid > div.ruby-row div.ruby-col-5 {
width: 41.66%
}
div.ruby-grid > div.ruby-row div.ruby-col-6 {
width: 50%
}
div.ruby-grid > div.ruby-row div.ruby-col-7 {
width: 58.33%
}
div.ruby-grid > div.ruby-row div.ruby-col-8 {
width: 66.66%
}
div.ruby-grid > div.ruby-row div.ruby-col-9 {
width: 75%
}
div.ruby-grid > div.ruby-row div.ruby-col-10 {
width: 83.33%
}
div.ruby-grid > div.ruby-row div.ruby-col-11 {
width: 91.66%
}
div.ruby-grid > div.ruby-row div.ruby-col-12 {
width: 100%
}
div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:after {
content: "";
position: absolute;
top: 0;
width: 1px;
height: 100%;
right: 0;
background: -webkit-linear-gradient(top,rgba(204,204,204,0) 0%,rgba(204,204,204,0.48) 24%,rgba(204,204,204,1) 50%,rgba(204,204,204,0.42) 79%,rgba(204,204,204,0) 100%)
}
div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:last-child:after {
width: 0
}
div.ruby-grid img {
position: relative;
max-width: 100%;
height: auto;
display: block
}
h3.ruby-list-heading {
font-size: 14px;
line-height: 24px;
font-weight: 700;
margin: 0
}
ul.ruby-menu > li.ruby-menu-mega > div ul,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul {
margin: 0;
margin-top: 10px
}
ul.ruby-menu > li.ruby-menu-mega > div ul li,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li {
position: relative;
font-size: 14px;
line-height: 28px;
display: block;
width: 100%
}
ul.ruby-menu > li.ruby-menu-mega > div ul li > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a {
text-decoration: none;
color: #555;
display: inline-block
}
ul.ruby-menu > li.ruby-menu-mega > div ul li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a:hover {
color: #222;
text-decoration: underline
}
ul.ruby-menu > li.ruby-menu-mega > div ul li .fa,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li .fa {
position: relative;
width: 24px
}
ul.ruby-menu > li.ruby-menu-mega > div ul.ruby-list-with-images li {
height: 50px
}
ul.ruby-menu > li.ruby-menu-mega > div ul.ruby-list-with-images li span.ruby-list-desc {
font-size: 11px;
display: block;
position: absolute;
top: 16px;
left: 72px;
color: #999
}
ul.ruby-menu > li.ruby-menu-mega > div ul li > a > img {
float: left;
width: 60px;
margin-right: 12px
}
span.ruby-c-title,span.ruby-c-category,span.ruby-c-date {
position: relative;
display: block
}
span.ruby-c-title a,span.ruby-c-category a,span.ruby-c-date a {
text-decoration: none
}
span.ruby-c-title,span.ruby-c-title a {
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
line-height: 20px;
margin-top: -5px;
color: #ffa500;
}
span.ruby-c-title a:hover {
color: #000;
text-decoration: underline
}
span.ruby-c-category,span.ruby-c-category a {
font-size: 14px;
margin: 0px 0;
color: #000;
line-height: 28px;
}
span.custom-height,span.custom-height a {
    font-size: 14px;
    margin: 0px 0;
    color: #000;
    height: 40px!important;
    }
span.ruby-c-date,span.ruby-c-date a {
font-size: 11px;
color: #000;
}
span.ruby-c-category a:hover,span.ruby-c-date a:hover {
color: #058f06
}
div.ruby-c-inline {
display: block;
position: relative;
height: 14px;
margin: 7px 0
}
div.ruby-c-inline span.ruby-c-category,div.ruby-c-inline span.ruby-c-date {
position: absolute;
display: inline-block
}
div.ruby-c-inline span.ruby-c-date {
right: 0
}
div.ruby-c-inline span.ruby-c-category,div.ruby-c-inline span.ruby-c-category a {
margin: 0
}
span.ruby-c-content {
display: block;
position: relative;
top: 7px;
font-size: 12px;
line-height: 18px;
text-align: justify
}
.ruby-wrapper .visible-xs {
visibility: hidden;
position: absolute
}
@media(min-width: 768px) {
div.ruby-wrapper.ruby-menu-transparent {
background:none
}
div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-active-menu-item > a {
background: none
}
div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-menu-social > a {
border: none
}
div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu.ruby-menu-dividers > li > a {
border: none
}
div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li:hover > a,div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li > a:hover,div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu.ruby-menu-dividers > li:hover > a,div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu.ruby-menu-dividers > li > a:hover {
background: none;
color: #e2e2e2
}
div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a:hover,div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-menu-social.ruby-menu-search:hover > a {
background: none
}
div.ruby-wrapper.ruby-menu-full-width {
width: 100%
}
div.ruby-wrapper.ruby-menu-full-width > ul.ruby-menu {
width: 980px;
margin: 0 auto
}
ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
visibility: hidden;
opacity: 0
}
ul.ruby-menu > li:hover > ul,ul.ruby-menu > li > ul > li:hover > ul,ul.ruby-menu > li > ul > li > ul > li:hover > ul {
visibility: visible;
opacity: 1
}
ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {
visibility: hidden;
opacity: 0
}
ul.ruby-menu > li.ruby-menu-mega:hover > div,ul.ruby-menu > li.ruby-menu-mega-blog:hover > div,ul.ruby-menu > li.ruby-menu-mega-shop:hover > div {
visibility: visible;
opacity: 1
}
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
visibility: hidden;
opacity: 0
}
ul.ruby-menu > li.ruby-menu-mega-blog:hover > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > div {
visibility: visible;
opacity: 1
}
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > div {visibility: visible;opacity: 1;z-index: 101}
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {visibility: hidden;opacity: 0}
ul.ruby-menu > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:after { font-family: "FontAwesome"; text-decoration: none;font-size: 16px; padding: 0;content: '\f105'; position: absolute;right: 15px
}}
.clients-logo1 .logo-div1 {
background: url(../images/menu-sprite.png) no-repeat 0 0px;width: 46px;height: 28px;display: inline-block;margin-right: 12px;float: left;
transition: .3s ease;}
.client-logo-spirits1 .logo-div1.anddersen{background-position: -43px 7px;}
.client-logo-spirits1 .logo-div1.harvey{background-position: -43px -110px;}
.client-logo-spirits1 .logo-div1.marvin{background-position: -43px -32px;}
.client-logo-spirits1 .logo-div1.pella{background-position: -43px -70px;}
.client-logo-spirits1 .logo-div1.simonton{background-position: -43px -147px;}
.client-logo-spirits1 .logo-div1.soft-lite{background-position: -43px -306px;}
.client-logo-spirits1 .logo-div1.provia{background-position: -43px -345px;}
.client-logo-spirits1 .logo-div1.simpson{background-position: -43px -223px;}
.client-logo-spirits1 .logo-div1.therma-tru{background-position: -43px -182px;}
.client-logo-spirits1 .logo-div1.window-styles{background-position: -8px -387px;height: 35px;width: 35px;}
.client-logo-spirits1 .logo-div1.window-materials{background-position: -8px -433px;height: 35px;width: 35px;}
.client-logo-spirits1 .logo-div1.window-options{background-position: -8px -479px;height: 35px;width: 35px;}
.client-logo-spirits1 .logo-div1.window-installation{background-position: -8px -523px;height: 35px;width:35px;}
 ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a {color: #058f06;background: #e6e6e6;}
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {background: #fff;
/*background-image: url(../images/menu-bg.png)!important;background-repeat: no-repeat!important;background-position: bottom right!important;background-size: cover!important;*/    
} 
.line-height-menu li a{line-height: 30px!important;} 
.client-logo-spirits1 .logo-div1.anddersen1{background-position: 0px 7px;}
.client-logo-spirits1:hover .logo-div1.anddersen1{background-position: -43px 7px;transition: .3s ease;}
.client-logo-spirits2 .logo-div1.harvey1{background-position: 2px -110px;}
.client-logo-spirits2:hover .logo-div1.harvey1{background-position: -43px -110px;transition: .3s ease;}
.client-logo-spirits3 .logo-div1.marvin1{background-position: -2px -32px;width: 43px;}
.client-logo-spirits3:hover .logo-div1.marvin1{background-position: -43px -32px;transition: .3s ease;}
.client-logo-spirits4 .logo-div1.pella1{background-position: 2px -70px;}
.client-logo-spirits4:hover .logo-div1.pella1{background-position: -43px -70px;transition: .3s ease;}
.client-logo-spirits5 .logo-div1.simonton1{background-position: 2px -147px}
.client-logo-spirits5:hover .logo-div1.simonton1{background-position: -43px -147px;transition: .3s ease;}
.client-logo-spirits6 .logo-div1.simpson1{background-position: 2px -223px;}
.client-logo-spirits6:hover .logo-div1.simpson1{background-position: -43px -223px;transition: .3s ease;}
.client-logo-spirits7 .logo-div1.soft-lite1{background-position: 2px -306px;}
.client-logo-spirits7:hover .logo-div1.soft-lite1{background-position: -43px -306px;transition: .3s ease;}
.client-logo-spirits8 .logo-div1.therma-tru1{background-position: 2px -182px;}
.client-logo-spirits8:hover .logo-div1.therma-tru1{background-position: -43px -182px;transition: .3s ease;}
.client-logo-spirits9 .logo-div1.provia1{background-position: 0px -345px;}
.client-logo-spirits9:hover .logo-div1.provia1{background-position: -43px -345px;transition: .3s ease;}
.manufacture-width li a {width: 216px!important; /*border-bottom: 1px solid #ccc!important;*/}
.door101-width li a{border-bottom: 1px solid #ccc!important;width: 180px!important;}
.window101-width li a{border-bottom: 1px solid #ccc!important;width: 190px!important;}


.client-logo-spirits10 .logo-div1.awning{background-position: -15px -567px;width: 30px;height: 28px;}
.client-logo-spirits10:hover .logo-div1.awning{background-position: -13px -591px;}
.client-logo-spirits11 .logo-div1.bay-bow{background-position: -45px -567px;width: 30px;height: 28px;}
.client-logo-spirits11:hover .logo-div1.bay-bow{background-position: -45px -595px}
.client-logo-spirits12 .logo-div1.casement{background-position: -8px -627px;width:30px;height: 28px;}
.client-logo-spirits12:hover .logo-div1.casement{background-position: -10px -653px;}
.client-logo-spirits13 .logo-div1.double-hung{background-position: -35px -627px;width: 31px;height: 28px;}
.client-logo-spirits13:hover .logo-div1.double-hung{background-position: -35px -627px;}
.client-logo-spirits14 .logo-div1.garden{background-position: -15px -687px;width: 31px;height: 28px;}
.client-logo-spirits14:hover .logo-div1.garden{background-position: -15px -716px;}
.client-logo-spirits15 .logo-div1.gliding{background-position: -49px -689px;width: 31px;height: 28px;}
.client-logo-spirits15:hover .logo-div1.gliding{background-position: -49px -715px;}
.client-logo-spirits16 .logo-div1.hopper{background-position: -14px -742px;width: 31px;height: 28px;}
.client-logo-spirits16:hover .logo-div1.hopper{background-position: -14px -772px;}
.client-logo-spirits13 .logo-div1.picture{background-position: -35px -627px;width: 31px;height: 28px;}
.client-logo-spirits13:hover .logo-div1.picture{background-position: -35px -627px;}
.client-logo-spirits17 .logo-div1.specialty{background-position: -51px -771px;width: 31px;height: 28px;}
.client-logo-spirits17:hover .logo-div1.specialty{background-position: -51px -771px;}
.client-logo-spirits18 .logo-div1.garden1{background-position:-16px -810px;width: 31px;height: 28px;}
.client-logo-spirits18:hover .logo-div1.garden1{background-position: -16px -810px;}
.client-logo-spirits19 .logo-div1.specialty1{background-position:-52px -807px;width: 31px;height: 28px;}
.client-logo-spirits19:hover .logo-div1.specialty1{background-position: -52px -807px;}
.text-right{text-align: right!important;}
.view-style{color: #058f06!important;font-size: 14px!important;font-weight: 400!important;}